.groupe-banner-mt-propeller {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.groupe-banner-mt-propeller .row {
    position: relative;
    width: 100%;
    margin: 0;
    min-height: 620px;
}

.bild-hintergrund {
    position: absolute;
    inset: 0;
    z-index: 0;
    clip-path: polygon(
        0 18%,
        100% 4%,
        100% 88%,
        0 100%
    );
}

.bild-hintergrund .imgcontent,
.bild-hintergrund img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.bild-hintergrund::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--overlay-dark);
    clip-path: inherit;
}

.banner-inner-wrapper {
    position: relative;
    z-index: 1;
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    padding: 109px 20px 90px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.groupe-banner-text,
.groupe-banner-video {
    color: var(--fc-white);
    display: flex;
    align-items: center;
}

.groupe-banner-text .textcontent,
.groupe-banner-video .textcontent {
    width: 100%;
}

.groupe-banner-video video {
    width: 100%;
    display: block;
    border-radius: var(--br-video);
}

.groupe-banner-col-key {
    width: 100%;
    display: flex;
    gap: 8px;
    margin-top: -20px;
}

.groupe-banner-col-key .collection_list.col-key-facts {
    width: 33.33%;
    float: left;
    padding: 5px !important;
}

.groupe-banner-col-key .collection_container {
    border: 2px solid var(--clr-keyfact-border);
    border-radius: var(--br-keyfact);
    padding: 16px 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    background: rgba(255, 255, 255, 0.05);
}

.col-key-facts-number {
    font-size: var(--fs-keyfact-number);
    font-weight: var(--fw-bold);
    line-height: 1.1;
    color: var(--fc-white);
    margin-bottom: 12px;
}

.col-key-facts-text {
    font-size: 14px !important;
    font-weight: var(--fw-regular);
    line-height: 1.3;
    color: var(--fc-white);
}

.home #area-3.main-screen {
    background-color: var(--clr-primary-white);
}

.home #area-3.main-screen {
    padding: 0 !important;
    position: relative;
    float: left;
    width: 100%;
}













/* ===============================
   AREA 6 – CAREERS BANNER (LEFT)
================================ */
.groupe-banner-left {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
}

.groupe-banner-left .row {
    position: relative;
    width: 100%;
    min-height: 444px;
    margin: 0;
}


.banner-hintergrund-left {
    position: absolute;
    inset: 0;
    z-index: 0;
    clip-path: polygon(
        0 10%,
        100% 0,
        100% 90%,
        0 100%
    );
}

.banner-hintergrund-left .imgcontent,
.banner-hintergrund-left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner-hintergrund-left::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--overlay-dark);
}

.banner-left-wrapper {
    position: relative;
    z-index: 1;
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    padding: 160px 20px 90px;
    display: flex;
    height: 444px;
    flex-direction: column;
    align-items: flex-start;
}

.banner-title-left {
    position: relative;
    margin-bottom: 28px;
}

.banner-title-left h3 {
    font-size: 38px;
    line-height: 1.2;
    font-weight: var(--fw-bold);
    color: var(--fc-white);
    margin: 0;
}

.banner-title-left::after {
    content: "";
    display: block;
    width: 64px;
    height: 2px;
    background: #ffffff;
    margin-top: 18px;
}

.banner-text-left .textcontent {
    font-size: 16px;
    line-height: 1.6;
    color: var(--fc-white);
    opacity: 0.9;
    max-width: 620px;
    margin-bottom: 32px;
}

.banner-button-left .textcontent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 50px;
    background: #ffffff;
    color: #339933;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.25s ease;
}

.banner-button-left .textcontent:hover {
    background: #f2f2f2;
}



.home #area-6.main-screen.grey {
    background: linear-gradient(
        var(--clr-primary-light) 0 50%,
        var(--clr-primary-white) 50% 100%
    );
}



.home #area-6.main-screen {
    padding: 0 !important;
    position: relative;
    float: left;
    width: 100%;
}







@media (max-width: 991px) {
    .banner-title-left h3 {
        font-size: 30px;
    }

    .banner-left-wrapper {
        padding: 137px 20px 80px;
    }
}

@media (max-width: 576px) {
    .banner-title-left h3 {
        font-size: 26px;
    }

    .banner-left-wrapper {
        padding: 88px 16px 70px;
    }
}




@media (max-width: 1200px) {

  .groupe-banner-mt-propeller .banner-inner-wrapper {
    padding: 155px 20px 90px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .groupe-banner-text {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .groupe-banner-video {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  .groupe-banner-col-key {
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
  }

  .groupe-banner-col-key .collection_list.col-key-facts {
    width: 100% !important;
    padding: 0 !important;
  }

  .groupe-banner-col-key .collection_container {
    padding: 10px 12px !important;
  }

  .col-key-facts-number {
    font-size: 20px !important;
    margin-bottom: 6px !important;
  }

  .col-key-facts-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

}


@media (max-width: 720px) {

  .groupe-banner-mt-propeller .banner-inner-wrapper {
    padding: 80px 16px 50px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .groupe-banner-text {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    order: 1 !important;
  }

  .groupe-banner-video {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    margin-top: 16px !important;
  }

  .groupe-banner-video .textcontent {
    max-width: 100% !important;
  }

  .groupe-banner-video video {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .groupe-banner-col-key {
    width: 100% !important;
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    order: 3 !important;
  }

  .groupe-banner-col-key .collection_list.col-key-facts {
    width: 100% !important;
    padding: 0 !important;
  }

  .groupe-banner-col-key .collection_list.col-key-facts:last-child {
    grid-column: 1 / -1 !important;
  }

  .groupe-banner-col-key .collection_container {
    padding: 12px 14px !important;
  }

  .col-key-facts-number {
    font-size: 22px !important;
    margin-bottom: 6px !important;
  }

  .col-key-facts-text {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .groupe-banner-mt-propeller .bild-hintergrund {
    clip-path: none !important;
  }

  .groupe-banner-mt-propeller .bild-hintergrund::after {
    clip-path: none !important;
  }

  .home #area-3.main-screen {
    padding: 5rem 0 !important;
    position: relative;
    float: left;
    width: 100%;
  }

}



/* Center CTA banner */

/* #area-4.main-screen.grey{
  background-color: var(--clr-primary-white);
} */



.groupe-banner-center{
  position: relative;
  width: 100%;
  overflow: hidden;
}

.groupe-banner-center .row{
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 390px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 110px 20px;
}

.groupe-banner-center .banner-hintergrund-left{
  position: absolute;
  inset: 0;
  z-index: 0;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}

.groupe-banner-center .banner-hintergrund-left .imgcontent,
.groupe-banner-center .banner-hintergrund-left img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.groupe-banner-center .banner-hintergrund-left::after{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay-dark);
}

.groupe-banner-center .banner-title-center,
.groupe-banner-center .banner-text-center,
.groupe-banner-center .banner-button-left{
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.groupe-banner-center .banner-title-center h3{
  margin: 0;
  color: var(--fc-white);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  font-size: 30px;
  line-height: 1.2;
}

.groupe-banner-center .banner-title-center h3::after{
  content: "";
  display: block;
  width: var(--size-title-line-width, 80px);
  height: var(--size-title-line-height, 4px);
  background: var(--clr-accent);
  margin: 18px auto 0;
}

.groupe-banner-center .banner-text-center{
  margin-top: 18px;
}

.groupe-banner-center .banner-text-center .textcontent,
.groupe-banner-center .banner-text-center .textcontent div,
.groupe-banner-center .banner-text-center .textcontent p{
  margin: 0;
  color: var(--fc-white);
  font-family: var(--ff-body);
  font-weight: var(--fw-regular);
  font-size: 18px;
  line-height: 1.5;
  opacity: 0.9;
}

.groupe-banner-center .banner-button-left{
  width: auto;
  margin-top: 34px;
  padding: 0 12px;
}

.groupe-banner-center .banner-button-left .textcontent{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 40px;
  background: var(--clr-primary-white);
  color: var(--clr-accent);
  font-family: var(--ff-body);
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}

.groupe-banner-center .banner-button-left:nth-of-type(1){
  margin-right: 8px;
}

.groupe-banner-center .banner-button-left:nth-of-type(2){
  margin-left: 8px;
}


/* .products #area-4{
  padding: 0;
} */

.products #area-9{
  padding-top: 3rem;
}

.products #area-3{
  padding-bottom: 3rem;
}




@media (max-width: 720px){
  .groupe-banner-center .row{
    min-height: 360px;
    padding: 90px 16px;
  }

  .groupe-banner-center .banner-title-center h3{
    font-size: 26px;
  }

  .groupe-banner-center .banner-text-center .textcontent,
  .groupe-banner-center .banner-text-center .textcontent div,
  .groupe-banner-center .banner-text-center .textcontent p{
    font-size: 16px;
  }

  .groupe-banner-center .banner-button-left{
    width: 100%;
    margin-top: 18px;
  }

  .groupe-banner-center .banner-button-left:nth-of-type(1),
  .groupe-banner-center .banner-button-left:nth-of-type(2){
    margin-left: 0;
    margin-right: 0;
  }

  .groupe-banner-center .banner-button-left .textcontent{
    width: 100%;
    max-width: 320px;
  }
}