.elementor-492 .elementor-element.elementor-element-4d3fa44{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-4d3fa44:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-4d3fa44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-492 .elementor-element.elementor-element-e6e489a{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0;--z-index:10;}.elementor-492 .elementor-element.elementor-element-e6e489a:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-e6e489a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-492 .elementor-element.elementor-element-e6e489a{left:0;}body.rtl .elementor-492 .elementor-element.elementor-element-e6e489a{right:0;}.elementor-492 .elementor-element.elementor-element-ddc5327{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:20;}.elementor-492 .elementor-element.elementor-element-ddc5327:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-ddc5327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}body:not(.rtl) .elementor-492 .elementor-element.elementor-element-ddc5327{left:0px;}body.rtl .elementor-492 .elementor-element.elementor-element-ddc5327{right:0px;}.elementor-492 .elementor-element.elementor-element-1beccca{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:40px;--z-index:40;}body:not(.rtl) .elementor-492 .elementor-element.elementor-element-1beccca{right:40px;}body.rtl .elementor-492 .elementor-element.elementor-element-1beccca{left:40px;}.elementor-492 .elementor-element.elementor-element-b46a379 img{max-width:300px;}.elementor-492 .elementor-element.elementor-element-10b5479{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-67c4365{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:66px;--padding-bottom:66px;--padding-left:66px;--padding-right:66px;--z-index:30;}.elementor-492 .elementor-element.elementor-element-67c4365::before, .elementor-492 .elementor-element.elementor-element-67c4365 > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-67c4365 > .e-con-inner > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-67c4365 > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-67c4365 > .e-con-inner > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-67c4365 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-492 .elementor-element.elementor-element-20f68df .elementor-heading-title{font-family:"museo-sans-condensed", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-492 .elementor-element.elementor-element-f03ec7e .elementor-heading-title{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-269afcd{--display:flex;}.elementor-492 .elementor-element.elementor-element-01bad2b{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-7c7369e{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-6acff9e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-8e5944c{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-96f8883{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-cd2a4dc{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-8fae64e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-0ccedb4{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-5e58ba8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-492 .elementor-element.elementor-element-9d65af1{--display:flex;--min-height:0vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-3px;--margin-bottom:-21px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-9d65af1.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-2ab00d8{--display:flex;--min-height:110vh;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-2ab00d8:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-2ab00d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-492 .elementor-element.elementor-element-2ab00d8::before, .elementor-492 .elementor-element.elementor-element-2ab00d8 > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-2ab00d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-2ab00d8 > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-2ab00d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-2ab00d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-492 .elementor-element.elementor-element-844ffa4{--display:flex;--min-height:110vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-844ffa4:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-844ffa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-492 .elementor-element.elementor-element-9c6695c{--display:flex;--min-height:110vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-492 .elementor-element.elementor-element-9c6695c:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-9c6695c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-492 .elementor-element.elementor-element-74f37ea{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-70px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:-70px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-70px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:-70px;--e-n-carousel-arrow-normal-color:#7E7E7EBD;}.elementor-492 .elementor-element.elementor-element-74f37ea.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-492 .elementor-element.elementor-element-b46c5c3{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0;--margin-bottom:120px;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:66px;--padding-left:66px;--padding-right:66px;--z-index:30;}.elementor-492 .elementor-element.elementor-element-b46c5c3:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-b46c5c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1414148C;}.elementor-492 .elementor-element.elementor-element-b46c5c3::before, .elementor-492 .elementor-element.elementor-element-b46c5c3 > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-b46c5c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-b46c5c3 > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-b46c5c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-b46c5c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-492 .elementor-element.elementor-element-65eff31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-492 .elementor-element.elementor-element-7f85f09{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-a71c098{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-17266e3{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-d04683e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-e9838ac{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-34964eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-c7c0b64{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-03cedfd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-9ac0edc{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-8209bb6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;}.elementor-492 .elementor-element.elementor-element-e2ba200{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-4a1f9a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-492 .elementor-element.elementor-element-fe70cf7{color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-74facb4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}.elementor-492 .elementor-element.elementor-element-e2f70b8{--display:flex;--overlay-opacity:0.5;}.elementor-492 .elementor-element.elementor-element-e2f70b8::before, .elementor-492 .elementor-element.elementor-element-e2f70b8 > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-e2f70b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-492 .elementor-element.elementor-element-e2f70b8 > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-e2f70b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-492 .elementor-element.elementor-element-e2f70b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-492 .elementor-element.elementor-element-fac30c7 .elementor-heading-title{font-family:"museo-sans-display", Sans-serif;font-weight:900;color:#FFFFFF;}.elementor-492 .elementor-element.elementor-element-616b3a7{--grid-columns:3;}@media(min-width:768px){.elementor-492 .elementor-element.elementor-element-e6e489a{--width:100vw;}.elementor-492 .elementor-element.elementor-element-1beccca{--content-width:auto;}.elementor-492 .elementor-element.elementor-element-67c4365{--width:51.3%;}.elementor-492 .elementor-element.elementor-element-b46c5c3{--width:51.3%;}.elementor-492 .elementor-element.elementor-element-74facb4{--width:100vw;}.elementor-492 .elementor-element.elementor-element-e2f70b8{--content-width:100%;}}@media(min-width:1025px){.elementor-492 .elementor-element.elementor-element-2ab00d8:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-2ab00d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-492 .elementor-element.elementor-element-844ffa4:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-844ffa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-492 .elementor-element.elementor-element-9c6695c:not(.elementor-motion-effects-element-type-background), .elementor-492 .elementor-element.elementor-element-9c6695c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-492 .elementor-element.elementor-element-f03ec7e .elementor-heading-title{font-size:35px;}.elementor-492 .elementor-element.elementor-element-74f37ea{--e-n-carousel-swiper-slides-to-display:2;}.elementor-492 .elementor-element.elementor-element-616b3a7{--grid-columns:2;}}@media(max-width:767px){.elementor-492 .elementor-element.elementor-element-ec3a945 .elementor-heading-title{font-size:22px;}.elementor-492 .elementor-element.elementor-element-f03ec7e .elementor-heading-title{font-size:24px;}.elementor-492 .elementor-element.elementor-element-74f37ea{--e-n-carousel-swiper-slides-to-display:1;}.elementor-492 .elementor-element.elementor-element-616b3a7{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-1beccca *//* =========================================================
   PROJECT LOGO POSITIONING

   Das Logo sitzt exakt mittig zwischen:
   - rechter Kante des Content-Containers
   - rechtem Viewportrand

   Die Logobreite entspricht rund 54 % dieses Freiraums.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-1beccca {
    /*
     * Breite des Content-Containers:
     * aktuell 51,3 % des Viewports.
     */
    --project-content-width: 51.3vw;

    /*
     * Verbleibender Freiraum auf einer Seite.
     */
    --project-side-space: calc(
        (100vw - var(--project-content-width)) / 2
    );

    position: fixed;

    /*
     * Mittelpunkt der rechten Freifläche.
     */
    left: calc(
        100vw - (var(--project-side-space) / 2)
    ) !important;

    right: auto !important;
    bottom: 40px;

    /*
     * XD-Verhältnis:
     * Logo ≈ 54 % der rechten Freifläche.
     */
    width: min(
        301px,
        calc(var(--project-side-space) * 0.54)
    ) !important;

    max-width: 301px !important;
    min-width: 0;

    height: auto;

    margin: 0;
    padding: 0;

    transform: translateX(-50%);

    align-items: center;
    z-index: 40;
}

/* Innerer Elementor-Container */
.elementor-492 .elementor-element.elementor-element-1beccca > .e-con-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Logo-Widget */
.elementor-492 .elementor-element.elementor-element-1beccca .project-logo {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Elementor-Widget-Container */
.elementor-492 .elementor-element.elementor-element-1beccca .project-logo .elementor-widget-container {
    width: 100%;
    height: auto;
}

/* Logo-Bild */
.elementor-492 .elementor-element.elementor-element-1beccca .project-logo img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e58ba8 *//* =========================================================
   PROJEKTSPEZIFISCHES ICON ÜBER ZWISCHENÜBERSCHRIFT 3
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-5e58ba8 {
    align-self: center;

    width:
        clamp(
            28px,
            1.8vw,
            40px
        );

    margin:
        74px
        auto
        0 !important;

    padding: 0;

    line-height: 0;
}

/* Leere ACF-Iconfelder erzeugen weder Icon noch Abstand. */
.elementor-492 .elementor-element.elementor-element-5e58ba8:not(
    :has(.project-intro-icon)
) {
    display: none;
}

.elementor-492 .elementor-element.elementor-element-5e58ba8 .elementor-widget-container,
.elementor-492 .elementor-element.elementor-element-5e58ba8 .elementor-shortcode {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/*
 * Die SVG-Datei wird als Maske verwendet.
 * Dadurch stammt ihre sichtbare Farbe immer aus
 * projektfarbe_akzent.
 */
.elementor-492 .elementor-element.elementor-element-5e58ba8 .project-intro-icon {
    display: block;

    width: 100%;
    aspect-ratio: 26.622 / 24.589;

    margin: 0;
    padding: 0;

    background-color:
        var(
            --project-accent,
            #ffffff
        );

    -webkit-mask-image:
        var(--project-intro-icon-image);

    mask-image:
        var(--project-intro-icon-image);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/*
 * Wenn das Icon vorhanden ist, wird der reguläre obere
 * Abstand der nachfolgenden Zwischenüberschrift verkleinert.
 */
.elementor-492 .elementor-element.elementor-element-5e58ba8:has(.project-intro-icon)
+ .case-subheading {
    margin-top:
        clamp(
            18px,
            1.4vw,
            28px
        );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67c4365 *//* =========================================================
   INITIAL PROJECT CONTENT POSITION

   Beim ersten Laden endet der Viewport unmittelbar nach der
   Auftraggeber-Zeile. Die Headline beginnt unterhalb des
   sichtbaren Bereichs.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-67c4365 {
    margin-top: calc(
        100svh
        - 130px
        - clamp(23.94px, 1.8468vw, 42.18px)
    ) !important;
}


/* =========================================================
   PROJECT HEADER TYPOGRAPHY

   Farben werden ausschließlich in Elementor beziehungsweise
   über die dort hinterlegten ACF-Dynamic-Tags gesteuert.
   ========================================================= */

/* Projekt-Tags / Pre-Preheadline */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-tags {
    margin: 0 0 12px;
    opacity: 0.65;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-tags,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-tags .elementor-heading-title,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-tags .project-terms-list {
    font-family:
        "museo-sans-condensed",
        sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Inline-Farbe des Projekt-Terms-Shortcodes neutralisieren */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-tags .project-terms-list {
    color: inherit !important;
}

/* Auftraggeber / Preheadline */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-client {
    margin: 0 0 20px;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-client,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-client .elementor-heading-title {
    font-family:
        "museo-slab",
        serif;
    font-size: clamp(21px, 1.62vw, 37px);
    font-weight: 300;
    line-height: 1.14;
    letter-spacing: 0.015em;
    text-transform: uppercase;
}

/* Projekt-Headline */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-title {
    margin: 0 0 28px;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-title .elementor-heading-title {
    margin: 0;
    font-family:
        "museo-sans-display",
        sans-serif;
    font-size: clamp(48px, 3.71vw, 85px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0.015em;
    text-transform: none;
}


/* =========================================================
   PROJECT INTRO ICON
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-row {
    display: flow-root;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Shortcode-Widget mit dem projektspezifischen Icon */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon-widget {
    float: left;
    width: clamp(24px, 1.16vw, 27px);
    margin:
        0.18em
        clamp(12px, 0.7vw, 16px)
        0
        0;
}

/* Leere Icon-Felder erzeugen keinen Abstand */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon-widget:not(
    :has(.project-intro-icon)
) {
    display: none;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon-widget,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon-widget .elementor-widget-container,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon-widget .elementor-shortcode {
    line-height: 0;
}

/*
 * Die SVG-Datei dient als Maske.
 * Ihre sichtbare Farbe stammt aus projektfarbe_akzent.
 */
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro-icon {
    display: block;
    width: 100%;
    aspect-ratio: 26.622 / 24.589;

    background-color: var(--project-accent);

    -webkit-mask-image:
        var(--project-intro-icon-image);
    mask-image:
        var(--project-intro-icon-image);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* =========================================================
   PROJECT INTRO
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro {
    margin: 0;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro,
.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro p {
    font-family:
        "museo-slab",
        serif;
    font-size: clamp(17px, 1.31vw, 30px);
    font-weight: 500;
    line-height: clamp(28px, 1.75vw, 40px);
    letter-spacing: -0.008em;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro p {
    margin: 0 0 28px;
}

.elementor-492 .elementor-element.elementor-element-67c4365 .project-intro p:last-child {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-65eff31 *//* =========================================================
   PROJEKTSPEZIFISCHES ICON ÜBER ZWISCHENÜBERSCHRIFT 3
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-65eff31 {
    align-self: center;

    width:
        clamp(
            28px,
            1.8vw,
            40px
        );

    margin:
        74px
        auto
        0 !important;

    padding: 0;

    line-height: 0;
}

/* Leere ACF-Iconfelder erzeugen weder Icon noch Abstand. */
.elementor-492 .elementor-element.elementor-element-65eff31:not(
    :has(.project-intro-icon)
) {
    display: none;
}

.elementor-492 .elementor-element.elementor-element-65eff31 .elementor-widget-container,
.elementor-492 .elementor-element.elementor-element-65eff31 .elementor-shortcode {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/*
 * Die SVG-Datei wird als Maske verwendet.
 * Dadurch stammt ihre sichtbare Farbe immer aus
 * projektfarbe_akzent.
 */
.elementor-492 .elementor-element.elementor-element-65eff31 .project-intro-icon {
    display: block;

    width: 100%;
    aspect-ratio: 26.622 / 24.589;

    margin: 0;
    padding: 0;

    background-color:
        var(
            --project-accent,
            #ffffff
        );

    -webkit-mask-image:
        var(--project-intro-icon-image);

    mask-image:
        var(--project-intro-icon-image);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/*
 * Wenn das Icon vorhanden ist, wird der reguläre obere
 * Abstand der nachfolgenden Zwischenüberschrift verkleinert.
 */
.elementor-492 .elementor-element.elementor-element-65eff31:has(.project-intro-icon)
+ .case-subheading {
    margin-top:
        clamp(
            18px,
            1.4vw,
            28px
        );
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4a1f9a0 *//* =========================================================
   PROJEKTSPEZIFISCHES ICON ÜBER ZWISCHENÜBERSCHRIFT 3
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4a1f9a0 {
    align-self: center;

    width:
        clamp(
            28px,
            1.8vw,
            40px
        );

    margin:
        74px
        auto
        0 !important;

    padding: 0;

    line-height: 0;
}

/* Leere ACF-Iconfelder erzeugen weder Icon noch Abstand. */
.elementor-492 .elementor-element.elementor-element-4a1f9a0:not(
    :has(.project-intro-icon)
) {
    display: none;
}

.elementor-492 .elementor-element.elementor-element-4a1f9a0 .elementor-widget-container,
.elementor-492 .elementor-element.elementor-element-4a1f9a0 .elementor-shortcode {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/*
 * Die SVG-Datei wird als Maske verwendet.
 * Dadurch stammt ihre sichtbare Farbe immer aus
 * projektfarbe_akzent.
 */
.elementor-492 .elementor-element.elementor-element-4a1f9a0 .project-intro-icon {
    display: block;

    width: 100%;
    aspect-ratio: 26.622 / 24.589;

    margin: 0;
    padding: 0;

    background-color:
        var(
            --project-accent,
            #ffffff
        );

    -webkit-mask-image:
        var(--project-intro-icon-image);

    mask-image:
        var(--project-intro-icon-image);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/*
 * Wenn das Icon vorhanden ist, wird der reguläre obere
 * Abstand der nachfolgenden Zwischenüberschrift verkleinert.
 */
.elementor-492 .elementor-element.elementor-element-4a1f9a0:has(.project-intro-icon)
+ .case-subheading {
    margin-top:
        clamp(
            18px,
            1.4vw,
            28px
        );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b5479 *//* =========================================================
   PROJECT CONTENT GLASS

   Die Farbe stammt dynamisch aus dem in Elementor
   hinterlegten ACF-Hintergrund-Overlay.

   Die Overlay-Deckkraft wird ausschließlich durch das
   globale Project-to-Portfolio-System gesteuert.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-10b5479 .project-content {
    position: relative;
    isolation: isolate;

    background: transparent !important;

    border:
        1px solid
        rgba(255, 255, 255, 0.07);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.07),

        0 24px 70px
        rgba(0, 0, 0, 0.18);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(120%);

    backdrop-filter:
        blur(28px)
        saturate(120%);
}

/* =========================================================
   CASE CONTENT TYPOGRAPHY

   Gilt zentral für:
   - Zwischenüberschriften 1–6
   - Copy 1–6

   Farben werden ausschließlich in Elementor beziehungsweise
   über die dort hinterlegten ACF-Dynamic-Tags gesteuert.
   ========================================================= */

/* Übergang vom Slider zum zweiten Content-Container */
.elementor-492 .elementor-element.elementor-element-10b5479 .project-showcase + .project-content {
    padding-top: 40px;
}

/* Zwischenüberschriften */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-subheading {
    margin: 64px 0 16px;
}

/*
 * Die erste Überschrift des zweiten Content-Containers
 * erhält keinen zusätzlichen oberen Außenabstand.
 */
.elementor-492 .elementor-element.elementor-element-10b5479 .project-content
> .case-subheading:first-child {
    margin-top: 0;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-subheading
.elementor-heading-title {
    margin: 0;

    font-family:
        "museo-sans-display",
        sans-serif;

    font-size: 22px;
    font-weight: 900;
    line-height: 30px;

    letter-spacing: 0;
    text-transform: none;
}

/* Fließtext */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy {
    margin: 0 0 40px;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy,
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy p,
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy li {
    font-family:
        "museo-sans",
        sans-serif;

    font-size:
        clamp(
            16px,
            0.96vw,
            22px
        );

    font-weight: 500;

    line-height:
        clamp(
            28px,
            1.4vw,
            32px
        );

    letter-spacing: -0.008em;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy p {
    margin: 0 0 18px;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy p:last-child {
    margin-bottom: 0;
}

/* Listen innerhalb der Projekttexte */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy ul,
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy ol {
    margin: 0 0 18px;
    padding-left: 1.25em;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy li {
    margin: 0 0 8px;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy li:last-child {
    margin-bottom: 0;
}

/* Links innerhalb der Projekttexte */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy a {
    color: inherit;

    text-decoration-line:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        0.18em;
}

.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy a:hover,
.elementor-492 .elementor-element.elementor-element-10b5479 .case-copy a:focus-visible {
    color: inherit;
}

/* =========================================================
   CASE GRIDS

   Gilt zentral für Raster 1–6.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 16px;

    width: 100%;

    margin: 0;
    padding: 0;
}

/* Vollständig leere Raster erzeugen keine Resthöhe. */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid:not(
    :has(img)
) {
    display: none;
}

/* Jede vorhandene Bildkachel ist quadratisch. */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid
> .case-grid-image {
    width: 100%;
    min-width: 0;

    aspect-ratio: 1 / 1;

    overflow: hidden;
}

/* Elementor-Bildcontainer füllt die Kachel. */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid
> .case-grid-image
.elementor-widget-container {
    width: 100%;
    height: 100%;
}

/* Bild füllt das Quadrat vollständig. */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid
> .case-grid-image
img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

/* Nur ein vorhandenes Bild: über beide Spalten. */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid
> .case-grid-image:only-child {
    grid-column: 1 / -1;
}

/*
 * Genau drei vorhandene Bilder:
 * Das dritte Bild läuft über beide Spalten.
 */
.elementor-492 .elementor-element.elementor-element-10b5479 .case-grid
> .case-grid-image:nth-child(3):last-child {
    grid-column: 1 / -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d3fa44 *//* =========================================================
   PROJECT GLASS CONTENT
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-content {
    background: color-mix(
        in srgb,
        var(--project-background) 72%,
        transparent
    );

    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);

    color: var(--project-contrast);
}


/* =========================================================
   PROJECT HERO
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-hero-bg {
    background-position:
        var(--project-hero-x)
        var(--project-hero-y);
}

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, 0.25) 75%,
        rgba(0, 0, 0, 0.75) 92%,
        #000 100%
    );
}

@media (max-width: 767px) {
    .elementor-492 .elementor-element.elementor-element-4d3fa44 .project-hero-bg {
        background-image: var(--project-hero-mobile);
    }
}


/* =========================================================
   FIXED PROJECT COLOR LAYER

   Die Farbe stammt aus project-contrast.
   Die Deckkraft wird abhängig von der Scrollposition
   durch das Showcase-Skript gesteuert.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-color-layer {
    background: var(--project-contrast);
    opacity: var(--project-color-opacity, 0);
    pointer-events: none;
    will-change: opacity;
}


/* =========================================================
   PROJECT SHOWCASE
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-showcase {
    position: relative;
    width: 100vw;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    z-index: auto;
}


/* =========================================================
   SHOWCASE FOREGROUND
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-showcase > .e-n-carousel,
.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-showcase > .swiper {
    position: relative;
    z-index: 50;
}


/* =========================================================
   LEGACY / OPTIONAL CUSTOM SHOWCASE STRUCTURE
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-4d3fa44 .project-showcase-track {
    position: sticky;
    top: 0;

    display: flex;
    flex-wrap: nowrap;

    width: max-content;
    height: 100vh;

    margin: 0;
    padding: 0;

    overflow: hidden;
    will-change: transform;
    z-index: 50;
}

.elementor-492 .elementor-element.elementor-element-4d3fa44 .showcase-slide {
    flex: 0 0 100vw;

    width: 100vw;
    min-width: 100vw;

    height: 100vh;
    min-height: 100vh;

    margin: 0;
    padding: 0;

    overflow: hidden;
}

.elementor-492 .elementor-element.elementor-element-4d3fa44 .showcase-slide > .elementor-widget-image,
.elementor-492 .elementor-element.elementor-element-4d3fa44 .showcase-slide .elementor-widget-container {
    width: 100%;
    height: 100%;
}

.elementor-492 .elementor-element.elementor-element-4d3fa44 .showcase-slide img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fac30c7 */.elementor-492 .elementor-element.elementor-element-fac30c7 {
    margin: 0;
}

.elementor-492 .elementor-element.elementor-element-fac30c7 .elementor-heading-title {
    margin: 0;
    font-family: museo-sans, sans-serif;
    font-size: clamp(18px, 0.96vw, 22px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2f70b8 *//* =========================================================
   WEITERE PROJEKTE – INNERER GLASS-CONTAINER

   Die Deckkraft des dynamischen ACF-Overlays wird
   ausschließlich durch das globale
   Project-to-Portfolio-System gesteuert.
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-e2f70b8 {
    position: relative;
    isolation: isolate;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;

    /*
     * Identische Breite wie die Case-Container.
     */
    width: 51.3vw;

    max-width:
        calc(
            100vw -
            2 *
            clamp(
                24px,
                5vw,
                96px
            )
        );

    /*
     * Keine feste oder begrenzende Höhe.
     * Der Container wächst mit zusätzlichen Grid-Zeilen
     * ausschließlich nach unten.
     */
    height: auto !important;
    min-height: 0;
    max-height: none;

    padding:
        clamp(
            44px,
            4vh,
            66px
        )
        clamp(
            40px,
            3.44vw,
            66px
        );

    gap:
        clamp(
            28px,
            3vh,
            42px
        );

    overflow: visible;

    background:
        transparent !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );

    box-shadow:
        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            0.07
        ),

        0 24px 70px
        rgba(
            0,
            0,
            0,
            0.18
        );

    -webkit-backdrop-filter:
        blur(28px)
        saturate(120%);

    backdrop-filter:
        blur(28px)
        saturate(120%);

    box-sizing: border-box;
}

/* =========================================================
   LOOP-GRID – NATÜRLICHES HÖHENWACHSTUM
   ========================================================= */

.elementor-492 .elementor-element.elementor-element-e2f70b8 .project-recommendations,

.elementor-492 .elementor-element.elementor-element-e2f70b8 .project-recommendations
.elementor-widget-container,

.elementor-492 .elementor-element.elementor-element-e2f70b8 .project-recommendations
.elementor-loop-container {
    height: auto !important;
    min-height: 0;
    max-height: none;

    overflow: visible;
}

/*
 * Zusätzliche Zeilen erweitern das Grid und damit
 * automatisch den umgebenden Glass-Container.
 */
.elementor-492 .elementor-element.elementor-element-e2f70b8 .project-recommendations
.elementor-loop-container {
    grid-auto-rows: auto;
    align-items: center;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
    .elementor-492 .elementor-element.elementor-element-e2f70b8 {
        width:
            calc(
                100vw - 24px
            );

        max-width:
            calc(
                100vw - 24px
            );

        padding:
            36px
            24px;

        gap: 28px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74facb4 */.elementor-492 .elementor-element.elementor-element-74facb4 {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100svh;
    padding: clamp(80px, 10vh, 140px) clamp(24px, 5vw, 96px);
}/* End custom CSS */