/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 25 2025 | 12:34:15 */
body.nachhaltigkeit {
    background-color: #EFE9E1;
}
body.nachhaltigkeit .main-footer {
    background-color: #EFE9E1;
} 
.footer-logo-img.contact-logo {
    display: none;
}
body.nachhaltigkeit .footer-logo-img.contact-logo {
    display: block;
}
body.nachhaltigkeit .footer-logo-img {
    display: none;
}
body.nachhaltigkeit .main-footer .copyright h5,
body.nachhaltigkeit .main-footer ul li a {
    color: #1F1E21;
}

/*  banner section */

.nachhaltigkeit .block-1.block-text-with-big-headline h3 {
    font-size: 28px;
    line-height: 35px;
    color: #1F1E21;
    margin-bottom: 0px;
} 
.nachhaltigkeit .block-1.block-text-with-big-headline h2 {
    margin-bottom: 25px;
    color: #1F1E21;
    font-weight: 600;
    letter-spacing: 0.09px;
    font-size: 17px;
    line-height: 26px;
}
.nachhaltigkeit .block-1.block-text-with-big-headline .wrapper {
    margin-right: auto;
    max-width: 1165px;
    margin-left: auto;
}
.nachhaltigkeit .block-1.block-text-with-big-headline .wrapper .container-fluid {
    max-width: 1044px;  
    margin-left: 0px;
}
.nachhaltigkeit .block-1.block-text-with-big-headline .container-fluid {
    padding: 0px;
}
.nachhaltigkeit .block-text-with-big-headline .headline {
    padding-bottom: 12px;
    
    margin-bottom: 73px;
}
.nachhaltigkeit .block-text-with-big-headline .headline h1 {
    color: #1F1E21;
}

.nachhaltigkeit .block-text-with-big-headline.block-1 {
    padding-bottom: 118px;
    padding-top: 88px;
    margin-top: 103px;
}
@media (max-width: 1024px) {
    .nachhaltigkeit .block-1.block-text-with-big-headline .headline.show .container-fluid {
        padding: 0px 19px;
    }
}
@media (max-width: 767px) {
    .nachhaltigkeit .block-1.block-text-with-big-headline h1 {
        font-size: 50px; 
        line-height: 52px;
        
    }
    .nachhaltigkeit .block-1.block-text-with-big-headline h2 {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 22px;
    }
    .nachhaltigkeit .block-1.block-text-with-big-headline .headline.show .container-fluid {
        padding: 0px 19px;
    }
    .nachhaltigkeit .block-text-with-big-headline .headline {
        margin-bottom: 57px;

    }
    .nachhaltigkeit .block-1.block-text-with-big-headline  {
        padding-bottom: 0px;
        padding-top: 149px;
        margin-top: 60px;
    }
    .nachhaltigkeit .block-1.block-text-with-big-headline .intro-text.show {
        margin-bottom: 0px;
    }
    .nachhaltigkeit .block-1.block-text-with-big-headline h3 {
        font-size: 18px;
        margin-bottom: 22px;
        line-height: 25px;
    }
    .nachhaltigkeit .more-text-inline+.show-more-text-btn {
        margin-top: 25px;
    }
}

@media (min-width: 1440px) {
    .nachhaltigkeit .block-1.block-text-with-big-headline .wrapper {
        margin-right: auto;
        max-width: 1440px;
        margin-left: auto;
    }
    .nachhaltigkeit .block-1.block-text-with-big-headline .wrapper .container-fluid {
        max-width: 1216px;
        padding-left: 138px;
        margin-left: 0px;
    }
    .block-esg-values .desktop-section .col.col-12.col-md-6.col-lg-3:nth-child(7) .item.value {
        padding-left: 33px;
        padding-right: 33px;
    }
    .nachhaltigkeit .module.block-text-on-image.only-image.show-image.show > .wrapper > .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .nachhaltigkeit .block-text-on-image.only-image .stage-contents .stage-contents-inner {
        height: 737px;
    }
}

/* image section */
.nachhaltigkeit .block-text-on-image .stage-contents .mobile-contact-image {
    display: none;
}
.nachhaltigkeit .block-text-on-image .stage-contents .image img {
    width: 100%;
       height: 100%; 
/*    height: auto;*/
    object-fit: cover;
    /* object-position: center top; */
    object-position: center center;
   /* max-width: 1404px;*/
    
    margin-left: auto;
    margin-right: auto;
}
/*.nachhaltigkeit .block-text-on-image .stage-contents-inner {
    min-height:100vh;
}*/ 
/*.nachhaltigkeit .block-text-on-image .image  {
    padding-left: 20px;
    padding-right: 20px;
}
*/
.nachhaltigkeit .boxdescriptionwrapper.block-2 .col.col-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.nachhaltigkeit .boxdescriptionwrapper .video img {
    height: unset;
    padding-bottom: 22px;
}
.nachhaltigkeit .module.block-text-on-image.only-image.show-image.show {
    margin-bottom: 20px;
}


.nachhaltigkeit .boxdescriptionwrapper .video {
    height: unset;
}

@media (max-width: 767px) {
    .boxdescriptionwrapper.block-2 .wrapper, 
    .boxdescriptionwrapper.block-2 .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .nachhaltigkeit .module.block-text-on-image.only-image.show-image.show {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .nachhaltigkeit .block-text-on-image .stage-contents .image img,
    .nachhaltigkeit .block-text-on-image .stage-contents-inner {
/*         height: 416px; */
    }
    .nachhaltigkeit .block-text-on-image.show .image {
        left: 0px;
        right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .nachhaltigkeit .block-text-on-image .stage-contents .mobile-contact-image {
        display: block;
    }
    .nachhaltigkeit .block-text-on-image .stage-contents img.dektop-contact-image {
        display: none;
    }
    .nachhaltigkeit .block-text-on-image .wrapper, 
    .nachhaltigkeit .block-text-on-image .container-fluid, 
    .nachhaltigkeit .block-text-on-image .col-12.col {
        padding-left: 0px;
        padding-right: 0px
    }
}
@media (max-width: 340px) {
    .nachhaltigkeit .block-1.block-text-with-big-headline h1 {
        font-size: 40px;
        line-height: 45px;
    }
}
/*  slider section */

.desktop-section .values-wrapper h3 {
    font-size: 23px;
    margin-bottom: 31px;
    min-height: 68px;
    font-weight: 500;
    line-height: 30px;
    color: #EFE9E1;
}
.block-esg-values .values-wrapper .image {
    margin-bottom: 28px;
    max-width: 100px;
}
   
.desktop-section .values-wrapper p {
    font-size: 16px;
    line-height: 22.5px;
    color: #DDD4C5;
    font-weight: 500;
    letter-spacing: 0.16px;
} 
.block-3.block-esg-values  .mobile-slider-section {
    display: none;
}
.block-esg-values .desktop-section .item.value {
    padding-left: 38px; 
    padding-right: 38px;
    padding-bottom: 60px;
    border-right: 1px solid #ACA495;
}
.block-esg-values .desktop-section .item.value p {
    margin-bottom: 0px;
    
}
.block-esg-values .desktop-section .col.col-12.col-md-6.col-lg-3 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
} 
.block-3.block-esg-values  {
    padding-bottom: 47px;
}
.module.block-3.block-esg-values.desktop-section {
    padding-bottom: 0px;
    max-width: 1165px;
    margin-left: auto;
    margin-right: auto;
}
.block-esg-values .container-fluid > .row {
    max-width: 1165px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.row.values-wrapper.werte-section {
    padding-top: 0px;
}
.block-esg-values .desktop-section .item.value.value-4 { 
    padding-right: 0px;
    border-right : 0px;
}
.block-esg-values .desktop-section .item.value.value-1 {
    padding-left: 0px;
}
.module.block-3.block-esg-values.desktop-section .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.block-esg-values {
    padding-top: 180px;
}
.block-esg-values h3.section-main-heading {
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
    color: #EFE9E1;
    margin-bottom: 0px;
} 
.module.block-3.block-esg-values.desktop-section.bg-black {
    padding-top: 127px;
}
.block-esg-values.desktop-section .values-wrapper .image {
    margin-bottom: 28px;
    max-width: unset;
    min-height: 118px;
    height: auto;
    position: relative;
}
.block-esg-values.desktop-section .values-wrapper .image img {
    width: auto;
    position: absolute;
    bottom: 0px;
    height: auto;
}
@media (max-width: 1366px) {
    .block-esg-values .desktop-section .item.value.value-2 { 
        padding-right: 0px;
        border-right : 0px;
    }
    .block-esg-values .desktop-section .item.value.value-3 {
        padding-left: 0px;
    }
    .desktop-section .values-wrapper h3 {
        
        margin-bottom: 40px;
        min-height: 30px; 
    }
}
@media (max-width: 1024px) {
    .block-esg-values .desktop-section .item.value.value-1, 
        .block-esg-values .desktop-section .item.value.value-2, 
    .block-esg-values .desktop-section .item.value {
        padding-bottom: 40px !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .module.block-3.block-esg-values.desktop-section.bg-black {
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .block-3.block-esg-values .mobile-slider-section {
        display: block;
        padding-bottom: 50px;
        margin-left: 20px;
        margin-right: 20px;
		border-top: 1px solid #ACA495;
        border-bottom: 1px solid #ACA495;
    }
    .nachhaltigkeit .block-3.block-esg-values > .wrapper {
        padding: 0px 20px;
    }
    .nachhaltigkeit .values-wrapper .owl-item {
        width: 294px;
    }
    .nachhaltigkeit .block-esg-values .container-fluid {
        padding: 0px;
    }
    .nachhaltigkeit .block-esg-values .desktop-section {
        display: none;
    }
    .values-wrapper.mobile-slider-section h3 {
        font-size: 23px; 
        letter-spacing: 0.34px;
        margin-bottom: 24px; 
        line-height: 26px;
        font-weight: 500;
        color: #F8F4ED;
    }
    .block-3.block-esg-values .mobile-slider-section p {
        font-size: 15px; 
        line-height: 22px;
        font-weight: 500;
        letter-spacing: 0.15px;
            color: #DDD4C5;
    }
    .block-esg-values .values-wrapper .image {
        margin-bottom: 54px;
        min-height: 118px;
    }
    .block-esg-values .values-wrapper .image img {
        width: auto;
        height: auto;
    }
    .block-esg-values .values-wrapper .owl-dot.active {
        background-color: #EFE9E1 !important;
    } 
    .block-esg-values .values-wrapper .owl-dot {
        color: transparent !important;
    }
    .nachhaltigkeit .block-esg-values .values-wrapper .text p {
        margin-bottom: 89px;
}
    .block-esg-values .values-wrapper .owl-dots {
        display: flex;
        gap: 12px;
        justify-content: center;
    }
.block-esg-values .values-wrapper .owl-dot {
    width: 13px;   /* Set your desired width */
    height: 13px;  /* Set your desired height */
    padding: 0;    /* Remove default padding if needed */
    border-radius: 50%; /* Make it circular, optional */
    display: inline-flex; /* Ensure span inside is centered */
    align-items: center;
    background-color: transparent;
    justify-content: center;
}

    .block-3.block-esg-values  {
    padding-bottom: 82px;
}
.block-esg-values .values-wrapper .owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #EFE9E1;
    background-color: transparent; /* Change color of dot */
    border-radius: 50%; /* Keep it circular */
}

    .block-esg-values .values-wrapper .item.value {
        margin-left: 25px;
        margin-right: 25px;
        padding: 0px;
    }
    .block-esg-values .values-wrapper {
        padding-top: 52px;
    }
    .block-esg-values .values-wrapper .owl-stage {
        flex-wrap: nowrap;
        /* gap:30px; */
    }
 
    .block-esg-values .col-12 h3.section-main-heading {
        font-size: 26px;
        line-height: 35px;
        text-align: center;
        font-weight: 500;
        margin-bottom: 106px;
    }
    .block-esg-values {
        padding-top: 134px;
    }

    .block-esg-values .values-wrapper button.owl-next {
        padding: 0px !important;
        border-radius: 50%;
        position: absolute;
            top: 25%;
        right: 20px;

    }
    .block-esg-values .values-wrapper button.owl-prev {
        padding: 0px !important;
        border-radius: 50%;
        position: absolute;
        top: 25%;
        left: 20px;
    }
}

@media (min-width: 1440px) {
    .block-esg-values .container-fluid > .row { 
        margin: unset !important;
    }
    .block-esg-values .wrapper {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;

    }
    .block-esg-values .container-fluid {
        padding-left: 138px;

    }
}

/* 4th section */
.nachhaltigkeit .more-text-inline+.show-more-text-btn span {
    font-weight: 600;
    font-size: 15px;

    text-transform: lowercase;
    letter-spacing: 0.3px;
    line-height: 23px;
}
 .more-text-inline+.show-more-text-btn span { 
     font-weight: 600;
}
 
.nachhaltigkeit .module.block-link-to-next-page.bg-black {
  /*  padding-top: 60px; */
    padding-bottom: 24px;
}


.nachhaltigkeit .block-link-to-next-page svg.link-arrow { 
    margin-left: 14px;
    width: 32px;
    height: 31px;
}
.block-link-to-next-page p {
    font-weight: 600 !important;
}
.nachhaltigkeit .block-link-to-next-page a {
    padding-top: 30px;
    padding-bottom: 30px;
}

.nachhaltigkeit .block-link-to-next-page .link {
    font-size: 68px;
    line-height: 70px; 
    color: #1F1E21;
}
@media (min-width: 1440px) and (max-width: 1460px) {
    .nachhaltigkeit .block-link-to-next-page {
        padding-left: 18px;
        padding-right: 18px;
    }
}
@media (min-width: 1440px) {
    .nachhaltigkeit .module.block-4.block-link-to-next-page.bg-black .col.col-12.col-lg-10.offset-lg-1 {
        padding: 0px;
        margin-left: unset;
    } 
    .nachhaltigkeit .module.block-4.block-link-to-next-page.bg-black .container-fluid {
        padding-left: 120px;
        max-width: 1165px;
        margin: unset;
    }
      .nachhaltigkeit .block-link-to-next-page .row {
        margin-left: unset !important;
        margin-right: unset !important;
    }
      .nachhaltigkeit .block-link-to-next-page .link-wrapper .wrapper, 
    .nachhaltigkeit  .block-link-to-next-page .text-wrapper .wrapper {
        max-width: 1440px !important;
        padding: unset !important;
          margin-left: auto, 
              margin-right: auto;
    }
      
}
@media (min-width: 1460px) and (max-width: 1500px) {
     .nachhaltigkeit .block-link-to-next-page {
        padding-left: 18px;
        padding-right: 18px;
    }
    .nachhaltigkeit .module.block-4.block-link-to-next-page.bg-black .container-fluid {
        padding-left: 138px; 
    }
}

@media (min-width: 1480px) {
       .nachhaltigkeit .block-link-to-next-page .wrapper {
            padding: 0px;
    }
    .nachhaltigkeit .module.block-4.block-link-to-next-page.bg-black .container-fluid {
        padding-left: 138px; 
    }

}

@media (max-width: 1024px) {
    .nachhaltigkeit .block-link-to-next-page svg.link-arrow {
        width: 25px;
        height: 24px;
    }
    
}

@media (max-width: 767px) {
    .nachhaltigkeit .module.block-link-to-next-page.bg-black {
        padding-bottom: 62px;
    }
    .nachhaltigkeit .block-link-to-next-page p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 8px;
        letter-spacing: 0.07px;
    }
    
    .nachhaltigkeit .block-link-to-next-page .text {
        padding: 0 12px;
    }
    .nachhaltigkeit .block-link-to-next-page a {
        padding: 15px 12px;
    }
      .nachhaltigkeit  .block-link-to-next-page a .link-arrow { 
           width: 24px; 
          bottom: 6px; 
          margin-left: 11px;
           height: 23px;
    }
     
    .nachhaltigkeit .block-link-to-next-page .link {
        font-size: 38px; 
        line-height: 44px;
        
    }
    .nachhaltigkeit .block-esg-values .values-wrapper {
        overflow: hidden;
    }
    .nachhaltigkeit .block-esg-values .values-wrapper .owl-stage {
     
        overflow: hidden !important;
    }
    
    .block-esg-values .values-wrapper .item.value {
        margin-left: 0px !important;
        margin-right: 0px !important;

    }
    .nachhaltigkeit .values-wrapper .owl-item {
        width: inherit !important;
        margin: 0px !important;
    }
}
@media (min-width:1025px)
{
.nachhaltigkeit .block-link-to-next-page p {
margin-bottom:13px; 
}
}
@media (max-width: 350px) {
    .block-esg-values .values-wrapper button.owl-prev, 
        .block-esg-values .values-wrapper button.owl-next {
        top: 23%;
    }
}
@media (min-width: 1600px) {
.nachhaltigkeit .block-text-on-image.only-image .stage-contents .stage-contents-inner {
    height: 822px;
}
}
@media (min-width: 1700px) {
.nachhaltigkeit .block-text-on-image.only-image .stage-contents .stage-contents-inner {
    height: 874px;
}
}
@media (min-width: 1800px) {
.nachhaltigkeit .block-text-on-image.only-image .stage-contents .stage-contents-inner {
    height: 928px;
}
}
@media (min-width: 1700px) {
.nachhaltigkeit .block-text-on-image.only-image .stage-contents .stage-contents-inner {
    height: 991px;
}
}