.elementor-3059 .elementor-element.elementor-element-3a53d870{padding:15px 030px 15px 030px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-3059 .elementor-element.elementor-element-6b43780d .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:35px;font-weight:bold;font-style:normal;text-decoration:none;line-height:1px;letter-spacing:-2.4px;word-spacing:13px;}.elementor-3059 .elementor-element.elementor-element-9ee1d21{text-align:end;}.elementor-3059 .elementor-element.elementor-element-9ee1d21 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:35px;font-weight:bold;text-decoration:none;line-height:1px;letter-spacing:-2.4px;word-spacing:13px;}.elementor-3059 .elementor-element.elementor-element-68adb0fe{padding:15px 030px 15px 030px;}.elementor-3059 .elementor-element.elementor-element-43bbcd0d .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:35px;font-weight:bold;font-style:normal;text-decoration:none;line-height:1px;letter-spacing:-2.4px;word-spacing:13px;}.elementor-3059 .elementor-element.elementor-element-738d07f8{text-align:end;}.elementor-3059 .elementor-element.elementor-element-738d07f8 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:35px;font-weight:bold;text-decoration:none;line-height:1px;letter-spacing:-2.4px;word-spacing:13px;}.elementor-3059 .elementor-element.elementor-element-97e8be4 > .elementor-element-populated{padding:17% 17% 17% 17%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3059 .elementor-element.elementor-element-19da26e3 > .elementor-element-populated{padding:45% 5% 5% 5%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3059 .elementor-element.elementor-element-5aad26ba{text-align:start;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:400;}.elementor-3059 .elementor-element.elementor-element-5aad26ba p{margin-block-end:30px;}.elementor-3059 .elementor-element.elementor-element-d1803b2{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-f892742 > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-f892742{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-3059 .elementor-element.elementor-element-72419685 > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-72419685{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-3059 .elementor-element.elementor-element-2414ef9a{margin-top:0px;margin-bottom:100px;}.elementor-3059 .elementor-element.elementor-element-20823e5{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-fd5ecd0 > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-fd5ecd0{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-3059 .elementor-element.elementor-element-f8d6c50 > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-f8d6c50{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-3059 .elementor-element.elementor-element-4d30c17{margin-top:0px;margin-bottom:100px;}.elementor-3059 .elementor-element.elementor-element-8d3a6d7{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-6bd49ef > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-3059 .elementor-element.elementor-element-6bd49ef{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-3059 .elementor-element.elementor-element-1ffe89e1{margin-top:0px;margin-bottom:100px;}@media(min-width:768px){.elementor-3059 .elementor-element.elementor-element-97e8be4{width:48.75%;}.elementor-3059 .elementor-element.elementor-element-19da26e3{width:51.25%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3059 .elementor-element.elementor-element-6b43780d .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-3059 .elementor-element.elementor-element-9ee1d21 .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-3059 .elementor-element.elementor-element-43bbcd0d .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-3059 .elementor-element.elementor-element-738d07f8 .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-3059 .elementor-element.elementor-element-5aad26ba{font-size:19px;}.elementor-3059 .elementor-element.elementor-element-f892742{font-size:18px;}.elementor-3059 .elementor-element.elementor-element-72419685{font-size:18px;}.elementor-3059 .elementor-element.elementor-element-2414ef9a{margin-top:0px;margin-bottom:0px;}.elementor-3059 .elementor-element.elementor-element-fd5ecd0{font-size:18px;}.elementor-3059 .elementor-element.elementor-element-f8d6c50{font-size:18px;}.elementor-3059 .elementor-element.elementor-element-4d30c17{margin-top:0px;margin-bottom:0px;}.elementor-3059 .elementor-element.elementor-element-6bd49ef{font-size:18px;}.elementor-3059 .elementor-element.elementor-element-1ffe89e1{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for heading, class: .elementor-element-6b43780d */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ee1d21 */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3a53d870 *//* =========================================================
   FLOATING NAVIGATION
   HOME + BACK
   TRANSPARENT / SCHWEBEND
   ========================================================= */


/* =========================================================
   ÄUSSERER CONTAINER
   ========================================================= */

.floating-nav {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2147483647 !important;

    background: transparent !important;

    transform: none !important;

    box-sizing: border-box !important;

    pointer-events: none !important;
}


/* =========================================================
   ELEMENTOR INNER CONTAINER
   ========================================================= */

.floating-nav > .elementor-container {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOME + BACK
   KLICKBAR
   ========================================================= */

.floating-nav .nav-home,
.floating-nav .nav-back {

    pointer-events: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOME + BACK
   GELB
   ========================================================= */

.floating-nav .nav-home a,
.floating-nav .nav-back a {

    color: #f8fb1e !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   ELEMENTOR HEADING / TEXT
   ========================================================= */

.floating-nav .nav-home .elementor-heading-title,
.floating-nav .nav-back .elementor-heading-title {

    color: #f8fb1e !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.floating-nav .nav-home:hover a,
.floating-nav .nav-back:hover a,

.floating-nav .nav-home:hover .elementor-heading-title,
.floating-nav .nav-back:hover .elementor-heading-title {

    color: #ffffff !important;
}
.floating-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    z-index: 2147483647 !important;
}
/* =========================================================
   FLOATING NAVIGATION
   FEINKORREKTUR VERTIKALE POSITION
   ========================================================= */

.floating-nav .nav-home,
.floating-nav .nav-back {
    transform: translateY(30px) !important;
}
@media (max-width: 767px) {

    /* =====================================================
       FLOATING NAVIGATION – MOBILE
       ===================================================== */

    .floating-nav > .elementor-container {

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       HOME
       ===================================================== */

    .floating-nav .nav-home {

        width: auto !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-2px) !important;
    }


    /* =====================================================
       BACK
       ===================================================== */

    .floating-nav .nav-back {

        width: auto !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-2px) !important;
    }

}
@media (max-width: 767px) {

    /* HOME – etwas weiter nach links */
    .floating-nav .nav-home {
        transform: translate(-30px, -2px) !important;
    }

    /* BACK – etwas weiter nach rechts */
    .floating-nav .nav-back {
        transform: translate(30px, -2px) !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43bbcd0d */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-738d07f8 */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-68adb0fe *//* =========================================================
   FLOATING NAVIGATION
   HOME + BACK
   TRANSPARENT / SCHWEBEND
   ========================================================= */


/* =========================================================
   ÄUSSERER CONTAINER
   ========================================================= */

.floating-nav {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2147483647 !important;

    background: transparent !important;

    transform: none !important;

    box-sizing: border-box !important;

    pointer-events: none !important;
}


/* =========================================================
   ELEMENTOR INNER CONTAINER
   ========================================================= */

.floating-nav > .elementor-container {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOME + BACK
   KLICKBAR
   ========================================================= */

.floating-nav .nav-home,
.floating-nav .nav-back {

    pointer-events: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOME + BACK
   GELB
   ========================================================= */

.floating-nav .nav-home a,
.floating-nav .nav-back a {

    color: #f8fb1e !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   ELEMENTOR HEADING / TEXT
   ========================================================= */

.floating-nav .nav-home .elementor-heading-title,
.floating-nav .nav-back .elementor-heading-title {

    color: #f8fb1e !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.floating-nav .nav-home:hover a,
.floating-nav .nav-back:hover a,

.floating-nav .nav-home:hover .elementor-heading-title,
.floating-nav .nav-back:hover .elementor-heading-title {

    color: #ffffff !important;
}
.floating-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    z-index: 2147483647 !important;
}
/* =========================================================
   FLOATING NAVIGATION
   FEINKORREKTUR VERTIKALE POSITION
   ========================================================= */

.floating-nav .nav-home,
.floating-nav .nav-back {
    transform: translateY(30px) !important;
}
@media (max-width: 767px) {

    /* =====================================================
       FLOATING NAVIGATION – MOBILE
       ===================================================== */

    .floating-nav > .elementor-container {

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       HOME
       ===================================================== */

    .floating-nav .nav-home {

        width: auto !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-2px) !important;
    }


    /* =====================================================
       BACK
       ===================================================== */

    .floating-nav .nav-back {

        width: auto !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-2px) !important;
    }

}
@media (max-width: 767px) {

    /* HOME – etwas weiter nach links */
    .floating-nav .nav-home {
        transform: translate(-30px, -2px) !important;
    }

    /* BACK – etwas weiter nach rechts */
    .floating-nav .nav-back {
        transform: translate(30px, -2px) !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2f6bbff8 */@media (min-width: 768px) {

    .transition-layout .transition-small {
        position: relative !important;
        top: -19px !important;
    }

}
/* =========================================================
   TRANSITION – KLEINES BILD
   IDENTISCHE BILDGRÖSSE WIE AUF DER VORHERIGEN PAGE
   ========================================================= */

@media (min-width: 768px) {

    .transition-small img {

        display: block !important;

        width: 48.75vh !important;
        height: auto !important;

        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   TRANSITION – KLEINES BILD
   GRÖSSE WIE AUF DER VORHERIGEN PAGE
   POSITION FEINKORREKTUR
   ========================================================= */

@media (min-width: 768px) {

    .transition-small img {
        display: block !important;

        width: 48.75vh !important;
        height: auto !important;

        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        box-sizing: border-box !important;

        position: relative !important;

        left: 3px !important;
        top: 3px !important;
    }

}
/* =========================================================
   TRANSITION – MOBILE
   TEXT NÄHER AN DAS BILD
   ========================================================= */

@media (max-width: 767px) {

    .transition-layout .transition-right {
        margin-top: -130px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d1803b2 *//* =========================================================
    TITEL-CONTAINER
    EIGENER CONTAINER ÜBER DER BILD-SEQUENZ
    ========================================================= */

@media (min-width: 768px) {

    /* =====================================================
       ÄUSSERER TITEL-CONTAINER
       ===================================================== */

    .titel-container {

        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       INNERER ELEMENTOR-CONTAINER
       ===================================================== */

    .titel-container > .elementor-container {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-COLUMNS
       ===================================================== */

    .titel-container > .elementor-container > .elementor-column {

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL LINKS
       GROSSES BILD
       ===================================================== */

    .titel-container .titel-links {

        width: 62.5vh !important;
        max-width: 62.5vh !important;

        flex: 0 0 62.5vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;

        transform: translateX(140px) !important;
    }


    /* =====================================================
       TITEL RECHTS
       KLEINES BILD
       ===================================================== */

    .titel-container .titel-rechts {

        width: 48.75vh !important;
        max-width: 48.75vh !important;

        flex: 0 0 48.75vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-WIDGETS
       ===================================================== */

    .titel-container .titel-links .elementor-widget,
    .titel-container .titel-rechts .elementor-widget {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-CONTAINER DES WIDGETS
       ===================================================== */

    .titel-container .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }
/* =====================================================
       TITEL-Rechts translateX
       ===================================================== */
}@media (min-width: 768px) {

    .titel-container .titel-links {
        transform: translateX(-8px) !important;
    }

}
@media (max-width: 767px) {

    .titel-container .titel-rechts {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2414ef9a *//* =========================================================
   LAYOUT 01
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 768px) {

    .layout-01 {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */

    .layout-01 > .elementor-container {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */

    .layout-01 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD
       ===================================================== */

    .layout-01 .image-links-gross1 {
        position: relative !important;

        width: auto !important;
        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-01 .image-links-gross1 img {
        display: block !important;

        width: auto !important;

        height: 100vh !important;
        max-height: 100vh !important;

        aspect-ratio: 10 / 16 !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       KLEINES BILD
       ===================================================== */

    .layout-01 .image-rechts-klein1 {
        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .image-rechts-klein1 img {
        display: block !important;

        width: 48.75vh !important;
        height: auto !important;

        max-width: none !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL – BASIS
       ===================================================== */

    .layout-01 .thema-titel {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel .elementor-widget-container {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel img {
        display: inline-block !important;

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 5 – DESKTOP
       ===================================================== */

    .layout-01 .thema-titel-5 {
        top: 46% !important;

        text-align: center !important;
    }


    .layout-01 .thema-titel-5 img {
        width: 58% !important;

        transform: none !important;
    }

}


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

@media (max-width: 767px) {

    .layout-01 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 0 30px 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       KLEINES BILD AUSBLENDEN
       ===================================================== */

    ```css
/* =========================================================
   KLEINES BILD – MOBILE TESTWEISE EINBLENDEN
   ========================================================= */

.layout-01
.elementor-column:has(.image-rechts-klein1) {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =====================================================
   KLEINES BILD – MOBILE
   ===================================================== */

.layout-01 .image-rechts-klein1 {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 30px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


.layout-01
.image-rechts-klein1
.elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


.layout-01 .image-rechts-klein1 img {

    display: block !important;

    width: 70% !important;
    max-width: 70% !important;

    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;

    box-sizing: border-box !important;
}
```



    /* =====================================================
       GROSSES BILD – COLUMN
       ===================================================== */

    .layout-01
    .elementor-column:has(.image-links-gross1) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD
       ===================================================== */

    .layout-01 .image-links-gross1 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-01
    .image-links-gross1
    .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-01 .image-links-gross1 img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL
       ===================================================== */

    .layout-01 .thema-titel {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 5 – MOBILE
       ===================================================== */

    .layout-01 .thema-titel-5 {
        top: 250px !important;

        left: 42% !important;
        right: auto !important;

        width: auto !important;

        transform: translateX(-50%) !important;

        text-align: center !important;
    }


    .layout-01 .thema-titel-5 img {
        display: block !important;

        width: 130% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

}
@media (max-width: 767px) {

    .layout-01
    .elementor-column:has(.image-rechts-klein1) {
        display: none !important;
    }

}


/* =========================================================
   TITEL HOVER – WEISS
   ========================================================= */

.layout-01 .thema-titel-5:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-20823e5 *//* =========================================================
    TITEL-CONTAINER
    EIGENER CONTAINER ÜBER DER BILD-SEQUENZ
    ========================================================= */

@media (min-width: 768px) {

    /* =====================================================
       ÄUSSERER TITEL-CONTAINER
       ===================================================== */

    .titel-container {

        width: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       INNERER ELEMENTOR-CONTAINER
       ===================================================== */

    .titel-container > .elementor-container {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-COLUMNS
       ===================================================== */

    .titel-container > .elementor-container > .elementor-column {

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL LINKS
       GROSSES BILD
       ===================================================== */

    .titel-container .titel-links {

        width: 62.5vh !important;
        max-width: 62.5vh !important;

        flex: 0 0 62.5vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;

        transform: translateX(140px) !important;
    }


    /* =====================================================
       TITEL RECHTS
       KLEINES BILD
       ===================================================== */

    .titel-container .titel-rechts {

        width: 48.75vh !important;
        max-width: 48.75vh !important;

        flex: 0 0 48.75vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-WIDGETS
       ===================================================== */

    .titel-container .titel-links .elementor-widget,
    .titel-container .titel-rechts .elementor-widget {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-CONTAINER DES WIDGETS
       ===================================================== */

    .titel-container .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }
/* =====================================================
       TITEL-Rechts translateX
       ===================================================== */
}@media (min-width: 768px) {

    .titel-container .titel-links {
        transform: translateX(-8px) !important;
    }

}
@media (max-width: 767px) {

    .titel-container-02 .titel-links-02 {
        display: none !important;
    }

}/* =========================================================
   TITEL-KOPIE
   NUR AUF MOBILE SICHTBAR
   ========================================================= */

@media (min-width: 768px) {

    .titel-container-02 {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4d30c17 */```css
/* =========================================================
   LAYOUT MOBILE KOPIE
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */


/* =========================================================
   DESKTOP
   KOPIE AUF DESKTOP AUSBLENDEN
   ========================================================= */

@media (min-width: 768px) {

    .layout-mobile-kopie {
        display: none !important;
    }

}


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

@media (max-width: 767px) {

    .layout-mobile-kopie {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 0 30px 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       KLEINES BILD – MOBILE
       TESTWEISE EINBLENDEN
       ===================================================== */

    .layout-mobile-kopie
    .elementor-column:has(.image-rechts-klein2) {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       KLEINES BILD
       ===================================================== */

    .layout-mobile-kopie .image-rechts-klein2 {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 30px 0 0 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .layout-mobile-kopie
    .image-rechts-klein2
    .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .layout-mobile-kopie .image-rechts-klein2 img {

        display: block !important;

        width: 70% !important;
        max-width: 70% !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD – COLUMN AUSBLENDEN
       ===================================================== */

    .layout-mobile-kopie
    .elementor-column:has(.image-links-gross2) {

        display: none !important;
    }


    /* =====================================================
       GROSSES BILD
       ===================================================== */

    .layout-mobile-kopie .image-links-gross2 {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-mobile-kopie
    .image-links-gross2
    .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-mobile-kopie .image-links-gross2 img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL
       ===================================================== */

    .layout-mobile-kopie .thema-titel {

        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-mobile-kopie
    .thema-titel
    .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 5 – MOBILE
       ===================================================== */

    .layout-mobile-kopie .thema-titel-5 {

        top: 250px !important;

        left: 42% !important;
        right: auto !important;

        width: auto !important;

        transform: translateX(-50%) !important;

        text-align: center !important;
    }


    .layout-mobile-kopie .thema-titel-5 img {

        display: block !important;

        width: 130% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

}
/* =========================================================
   KOPIERTE SEQUENZ
   NUR AUF MOBILE SICHTBAR
   ========================================================= */

@media (min-width: 768px) {

    .layout-mobile-kopie {
        display: none !important;
    }

}


/* =========================================================
   MOBILE
   NUR KLEINES BILD DER KOPIE
   ========================================================= */

@media (max-width: 767px) {

    /* Kopierte Sequenz sichtbar */

    .layout-mobile-kopie {
        display: block !important;
    }


    /* Großes Bild der Kopie ausblenden */

    .layout-mobile-kopie
    .elementor-column:has(.image-links-gross2) {
        display: none !important;
    }


    /* Kleines Bild der Kopie einblenden */

    .layout-mobile-kopie
    .elementor-column:has(.image-rechts-klein2) {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Kleines Bild */

    .layout-mobile-kopie .image-rechts-klein2 img {

        display: block !important;

        width: 70% !important;
        max-width: 70% !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }

}


/* =========================================================
   TITEL HOVER – WEISS
   ========================================================= */

.layout-mobile-kopie .thema-titel-5:hover img {

    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;
}
```/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-859517c *//* =========================================================
   TITEL ÜBER DEM GROSSEN BILD
   KLEINES BILD LINKS
   GROSSES BILD RECHTS
   ========================================================= */

@media (min-width: 768px) {

    /* =====================================================
       TITEL-COLUMN
       EXAKT SO BREIT WIE DAS GROSSE BILD
       ===================================================== */

    .titel-rechts3 {

        width: 62.5vh !important;
        max-width: 62.5vh !important;

        flex: 0 0 62.5vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-WIDGET
       ===================================================== */

    .titel-rechts3 .elementor-widget {

        width: 75% !important;
        max-width: 75% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-CONTAINER
       ===================================================== */

    .titel-rechts3 .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL-BILD / SVG
       ===================================================== */

    .titel-rechts3 img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   TITEL-RECHTS3
   GROSSES BILD RECHTS
   ========================================================= */

@media (min-width: 768px) {

    /* =====================================================
       TITEL-COLUMN
       ===================================================== */

    .titel-rechts3 {

        width: 62.5vh !important;
        max-width: 62.5vh !important;

        flex: 0 0 62.5vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       WIDGET
       ===================================================== */

    .titel-rechts3 > .elementor-widget {

        width: 70% !important;
        max-width: 70% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TEXT-CONTAINER
       ===================================================== */

    .titel-rechts3 .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TEXT / HEADING
       ===================================================== */

    .titel-rechts3 .elementor-heading-title {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        white-space: normal !important;

        overflow-wrap: normal !important;

        box-sizing: border-box !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1ffe89e1 *//* =========================================================
   LAYOUT 02
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 768px) {

    .layout-02 {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 > .elementor-container {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 150px !important;

        box-sizing: border-box !important;
    }


    .layout-02 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD
       ===================================================== */

    .layout-02 .image-links-gross1 {
        position: relative !important;

        width: auto !important;
        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-02 .image-links-gross1 img {
        display: block !important;

        width: auto !important;

        height: 100vh !important;
        max-height: 100vh !important;

        aspect-ratio: 10 / 16 !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       KLEINES BILD
       ===================================================== */

    .layout-02 .image-rechts-klein1 {
        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 .image-rechts-klein1 img {
        display: block !important;

        width: 48.75vh !important;
        height: auto !important;

        max-width: none !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL
       ===================================================== */

    .layout-02 .thema-titel {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 .thema-titel .elementor-widget-container {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 .thema-titel img {
        display: inline-block !important;

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 6 – DESKTOP
       ===================================================== */

    .layout-02 .thema-titel-6 {
        top: 20% !important;

        text-align: center !important;
    }


    .layout-02 .thema-titel-6 img {
        width: 58% !important;

        transform: none !important;
    }

}


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

@media (max-width: 767px) {

    .layout-02 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 0 30px 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       KLEINES BILD AUSBLENDEN
       ===================================================== */

    .layout-02
    .elementor-column:has(.image-rechts-klein1) {
        display: none !important;
    }


    /* =====================================================
       GROSSES BILD – COLUMN
       ===================================================== */

    .layout-02
    .elementor-column:has(.image-links-gross1) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD
       ===================================================== */

    .layout-02 .image-links-gross1 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-02
    .image-links-gross1
    .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .layout-02 .image-links-gross1 img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL
       ===================================================== */

    .layout-02 .thema-titel {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 .thema-titel .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 6 – MOBILE
       ===================================================== */

    .layout-02 .thema-titel-6 {
        top: 230px !important;

        left: 45% !important;
        right: auto !important;

        width: auto !important;

        transform: translateX(-50%) !important;

        text-align: center !important;
    }


    .layout-02 .thema-titel-6 img {
        display: block !important;

        width: 110% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

}


/* =========================================================
   TITEL HOVER – WEISS
   ========================================================= */

.layout-02 .thema-titel-6:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;
}/* End custom CSS */