.elementor-2733 .elementor-element.elementor-element-55843a97{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-2733 .elementor-element.elementor-element-4b9e4ead .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-2733 .elementor-element.elementor-element-752c3f43{text-align:end;}.elementor-2733 .elementor-element.elementor-element-752c3f43 .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-2733 .elementor-element.elementor-element-1ff61dd > .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-2733 .elementor-element.elementor-element-e4a07a5 > .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-2733 .elementor-element.elementor-element-490ab6d{text-align:start;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:400;}.elementor-2733 .elementor-element.elementor-element-490ab6d p{margin-block-end:30px;}.elementor-2733 .elementor-element.elementor-element-2abb39e{padding:05px 0px 0px 0px;}.elementor-2733 .elementor-element.elementor-element-9bddbab > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-2733 .elementor-element.elementor-element-9bddbab{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-2733 .elementor-element.elementor-element-48fa0663{margin-top:0px;margin-bottom:100px;}.elementor-2733 .elementor-element.elementor-element-673e769{padding:05px 0px 0px 0px;}.elementor-2733 .elementor-element.elementor-element-ded1fab > .elementor-widget-container{padding:05px 0px 0px 0px;}.elementor-2733 .elementor-element.elementor-element-ded1fab{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-2733 .elementor-element.elementor-element-7793ba19{margin-top:0px;margin-bottom:100px;}.elementor-2733 .elementor-element.elementor-element-be978cb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2733 .elementor-element.elementor-element-be978cb{text-align:center;font-family:"Verdana", Sans-serif;font-size:22px;font-weight:100;}.elementor-2733 .elementor-element.elementor-element-ca756f7{margin-top:0px;margin-bottom:100px;}@media(min-width:768px){.elementor-2733 .elementor-element.elementor-element-1ff61dd{width:48.75%;}.elementor-2733 .elementor-element.elementor-element-e4a07a5{width:51.25%;}.elementor-2733 .elementor-element.elementor-element-aa65ca3{width:50.767%;}.elementor-2733 .elementor-element.elementor-element-79b5935{width:49.192%;}}@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-2733 .elementor-element.elementor-element-4b9e4ead .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-2733 .elementor-element.elementor-element-752c3f43 .elementor-heading-title{font-size:22px;letter-spacing:1px;word-spacing:0em;}.elementor-2733 .elementor-element.elementor-element-490ab6d{font-size:19px;}.elementor-2733 .elementor-element.elementor-element-9bddbab{font-size:18px;}.elementor-2733 .elementor-element.elementor-element-48fa0663{margin-top:0px;margin-bottom:0px;}.elementor-2733 .elementor-element.elementor-element-ded1fab{font-size:18px;}.elementor-2733 .elementor-element.elementor-element-7793ba19{margin-top:0px;margin-bottom:0px;}.elementor-2733 .elementor-element.elementor-element-be978cb{font-size:18px;}.elementor-2733 .elementor-element.elementor-element-ca756f7{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for heading, class: .elementor-element-4b9e4ead */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-752c3f43 */pointer-events: auto;/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-55843a97 *//* =========================================================
   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-2f63a40 */@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 column, class: .elementor-element-7338a37 *//* =========================================================
   TITEL ÜBER DEM GROSSEN BILD
   GROSSES BILD LINKS
   BILD: 10 : 16
   HÖHE: 100vh
   DARAUS: BREITE = 62.5vh
   ========================================================= */


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

@media (min-width: 768px) {

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

    .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;

        /* Ausgleich des größeren linken Außenrands */
        transform: translateX(140px) !important;
    }


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

    .titel-links .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
       ===================================================== */

    .titel-links .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;
    }

}


/* =========================================================
   MOBILE
   NOCH KEINE POSITIONIERUNG
   ========================================================= */

/*
   Für Mobile werden momentan keine Regeln gesetzt.
   Die Desktop-Regel greift hier nicht.
*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-48fa0663 *//* =========================================================
   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
       ===================================================== */

    .layout-01
    .elementor-column:has(.image-rechts-klein1) {
        display: none !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;
    }

}


/* =========================================================
   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 column, class: .elementor-element-543a20d *//* =========================================================
   TITEL ÜBER DEM GROSSEN BILD
   GROSSES BILD RECHTS
   BILD: 10 : 16
   HÖHE: 100vh
   DARAUS: BREITE = 62.5vh
   ========================================================= */

@media (min-width: 768px) {

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

    .titel-rechts {

        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-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
       ===================================================== */

    .titel-rechts .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;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7793ba19 *//* =========================================================
   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 */
/* Start custom CSS for section, class: .elementor-element-ca756f7 *//* =========================================================
   LAYOUT 01b
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */


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

@media (min-width: 768px) {

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

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */

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

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

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */

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

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

        box-sizing: border-box !important;
    }


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

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

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

        box-sizing: border-box !important;
    }


    .layout-01b .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-01b .image-rechts-klein1 {
        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-01b .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-01b .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-01b .thema-titel .elementor-widget-container {
        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-01b .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-01b .thema-titel-5 {
        top: 46% !important;

        text-align: center !important;
    }


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

        transform: none !important;
    }

}


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

@media (max-width: 767px) {

    .layout-01b {
        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-01b
    .elementor-column:has(.image-rechts-klein1) {
        display: none !important;
    }


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

    .layout-01b
    .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-01b .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-01b
    .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-01b .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-01b .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-01b .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-01b .thema-titel-5 {
        top: 250px !important;

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

        width: auto !important;

        transform: translateX(-50%) !important;

        text-align: center !important;
    }


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

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

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

        transform: none !important;
    }

}


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

.layout-01b .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 */