/* Aktuelle Projekte 2026 */

#aktuelle-projekte {
    padding: 50px 0 150px 0;
}

@media screen and (max-width:767px) {
    #aktuelle-projekte {
        padding: 20px 0;
    }
}

#aktuelle-projekte .title-row {
        align-items: stretch;
        margin: 0 -15px;
}

#aktuelle-projekte .col-full {
        width:100%; 
        padding: 0 15px;
        box-sizing: border-box;
        margin-bottom: 40px;
}
@media screen and (max-width:767px) {
    #aktuelle-projekte .col-full {
            margin-bottom: 20px;
    }
}
#aktuelle-projekte .col-item { 
        width:33.3%;
        min-height:300px;
        padding: 0 15px;
        box-sizing: border-box;
        
        

}

#aktuelle-projekte .col-item .inside {
        display: flex;
        flex-direction: column;
        height:100%;
} 
#aktuelle-projekte .col-item .inside h3 {
    margin-bottom: 40px;
}
#aktuelle-projekte .col-item .inside span.kunde {
    text-transform: uppercase;
    letter-spacing: 1.35px;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 5px 0;
}
#aktuelle-projekte .col-item .inside .img {
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
} 
#aktuelle-projekte .col-item .inside .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
}

@media screen and (max-width:1199px) {
        #aktuelle-projekte .col-item {width: 33.33%;margin-bottom: 40px;}
        #aktuelle-projekte .col-item .inside h3 { font-size: 24px; line-height: 34px; margin-bottom: 20px;}
}

@media screen and (max-width:767px) {
        #aktuelle-projekte .col-item {width: 100%; margin-bottom: 50px;}
}
/* /Aktuelle Projekte 2026 */

/* Aktuelles Projekt - Detailseite */
.project-intro-text { 
        padding: 0 0 0 0;
}
.project-intro-text .wrap .text:not(.intro-text) p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
}
.aktuelles-projekt-template-default .brand-description {
    background-color: #fff;
    padding: 150px 0 60px 0;
}
@media screen and (max-width:767px) {
    .aktuelles-projekt-template-default .brand-description {
        padding: 60px 0 30px 0;
    }
}

.aktuelles-projekt-template-default .link-arrow {
    margin: 60px 0px;
}
@media screen and (max-width:767px) {
    .aktuelles-projekt-template-default .link-arrow {
        margin: 30px 0px;
    }
}
@media screen and (max-width:767px) {
    .aktuelles-projekt-template-default {
        padding-top:0;   
    }
    .aktuelles-projekt-template-default .project-main-img .img {
        display:block;
        max-height: 20vh;
    }
}
@media screen and (max-width:1280px) {
        .project-intro-text {padding: 0 0 0 0;}
} 
@media screen and (max-width:767px) {
        .project-intro-text {padding: 30px 0;}
        .project-intro-text .intro-text,
        .project-intro-text .intro-text p {font-size: 24px;}
        .project-intro-text .container,
        .flex-slider-images .container {
                padding-left: 20px;
                padding-right: 20px;
        }
}
.project-intro-text .intro-text {
        margin-bottom: 30px; 
}
.project-intro-text .intro-text,
.project-intro-text .intro-text p {
        font-weight: 600;
        font-size: 34px;
        line-height: 44px;
} 

@media screen and (max-width:767px) {
    .project-intro-text .intro-text p {
            font-size: 60%;
    }
}

.project-intro-text .link-buttons .link-arrow {
        margin: 40px 20px;
} 
.project-intro-text .link-buttons .link-arrow:first-child {
        margin-left: 0;
}

@media screen and (max-width:767px) {
    .project-intro-text .link-buttons .link-arrow {
            margin: 40px auto;
            width: 100%;
    } 
}

.flex-slider-images .item {
        aspect-ratio: 4 / 3;
        max-height: 70vh;
        overflow: hidden;
}
.flex-slider-images .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
}
/* /Aktuelles Projekt - Detailseite */

/* CTA Logo Box */
.cta-logo-box {
        padding: 0px 0;
        background-color: #E8EBE6;
}
.cta-logo-box .inside {
        padding: 0 50px 0 50px;
        gap: 0 5%;
}
@media screen and (max-width:767px) {
    .cta-logo-box .inside {
            padding: 0 15px 0 15px;
    }
}

.cta-logo-box .logo {
        width: 33%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
}
.cta-logo-box .logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
}
.cta-logo-box .text {
        width: 66%;
        flex: 1;
}
.cta-logo-box .text h2 {
        font-size: 62px;
        line-height: 72px;
        font-weight: 900;
        font-style: italic;
        margin: 0 0 40px 0;
}
.cta-logo-box .text span {
        display: block;
        font-size: 26px;
        line-height: 36px;
        font-weight: 600;
        margin: 0 0 40px 0;
}
.cta-logo-box .link-buttons .link-arrow {
        margin: 0 60px 0 0; 
        padding: 30px 0;
}

@media screen and (max-width:767px) {
    .cta-logo-box .link-buttons .link-arrow {
        padding: 15px 0;
    }
}

.cta-logo-box .link-buttons .link-arrow:last-child {
        margin-right: 0;
} 
@media screen and (max-width:1280px) {
        .cta-logo-box .inside {padding: 40px;}
        .cta-logo-box .text h2 {font-size: 45px; line-height: 55px;}
        .cta-logo-box .text span {font-size: 20px; line-height: 28px;}
}
@media screen and (max-width:767px) {
        .cta-logo-box {padding-top: 0;}
        .cta-logo-box .inside {flex-direction: column; align-items: flex-start !important; padding: 30px; gap: 0;}
        .cta-logo-box .logo {width: 100%; margin: 0 0 25px 0;}
        .cta-logo-box .text {width: 100%;}
        .cta-logo-box .text h2 {font-size: 32px; line-height: 42px;}
        .cta-logo-box .text span {font-size: 18px; line-height: 26px;}
        .cta-logo-box .container {padding-left: 20px; padding-right: 20px;}
}
/* /CTA Logo Box */

/* Three Images Flex Element */

.flex-three-images.project-media-three-img {
    padding: 150px 0 0px 0;
}
@media screen and (max-width:767px) {
    .flex-three-images.project-media-three-img {
        padding: 60px 0px 20px 0px;
    }
}
.flex-three-images .imgLarge {
        aspect-ratio: 3 / 1;
        overflow: hidden;
}
.flex-three-images .imgLarge img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
}
.flex-three-images .imgSmall {
        aspect-ratio: 16 / 9;
        overflow: hidden;
}
.flex-three-images .imgSmall img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
}
@media screen and (max-width:767px) {
        .flex-three-images .container {padding-left: 0px; padding-right: 0px;}
}
/* /Three Images Flex Element */