.elementor-2043 .elementor-element.elementor-element-36db4e96:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-36db4e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://yellowtaste.com/wp-content/uploads/2026/08/WEB_Terreform_161020294_larger1920x1200px.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2043 .elementor-element.elementor-element-36db4e96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:80px;}.elementor-2043 .elementor-element.elementor-element-36db4e96 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-2043 .elementor-element.elementor-element-d291ec8 img{width:39%;}.elementor-2043 .elementor-element.elementor-element-5bbf3d75{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2043 .elementor-element.elementor-element-1b295825{left:0px;}body.rtl .elementor-2043 .elementor-element.elementor-element-1b295825{right:0px;}.elementor-2043 .elementor-element.elementor-element-1b295825{top:0px;}.elementor-2043 .elementor-element.elementor-element-6d17dad5:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-6d17dad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://yellowtaste.com/wp-content/uploads/2026/08/WEB_Insects_161020766bw_1920x1200px.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2043 .elementor-element.elementor-element-6d17dad5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2043 .elementor-element.elementor-element-6d17dad5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2043 .elementor-element.elementor-element-77b1d8d8 img{width:39%;}.elementor-2043 .elementor-element.elementor-element-452c3f56 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2043 .elementor-element.elementor-element-452c3f56 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:30px;}.elementor-2043 .elementor-element.elementor-element-452c3f56{margin-top:80px;margin-bottom:80px;}.elementor-2043 .elementor-element.elementor-element-25e8141f img{width:100%;}body:not(.rtl) .elementor-2043 .elementor-element.elementor-element-16b9ddc5{left:0;}body.rtl .elementor-2043 .elementor-element.elementor-element-16b9ddc5{right:0;}.elementor-2043 .elementor-element.elementor-element-16b9ddc5{top:120.675;}.elementor-2043 .elementor-element.elementor-element-16b9ddc5 img{width:84%;}.elementor-2043 .elementor-element.elementor-element-be121a8:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-be121a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://yellowtaste.com/wp-content/uploads/2026/08/WEB_NY_FarmOne1_1920x1200.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2043 .elementor-element.elementor-element-be121a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2043 .elementor-element.elementor-element-be121a8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2043 .elementor-element.elementor-element-01c610a img{width:39%;}.elementor-2043 .elementor-element.elementor-element-b44a3b4:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-b44a3b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://yellowtaste.com/wp-content/uploads/2026/08/WEB_MEXICO_Portrait_1520_1920x1200px.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2043 .elementor-element.elementor-element-b44a3b4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2043 .elementor-element.elementor-element-b44a3b4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2043 .elementor-element.elementor-element-53db36b img{width:39%;}@media(min-width:768px){.elementor-2043 .elementor-element.elementor-element-26659226{width:40.061%;}.elementor-2043 .elementor-element.elementor-element-31f56551{width:59.604%;}}@media(max-width:767px){.elementor-2043 .elementor-element.elementor-element-36db4e96:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-36db4e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2043 .elementor-element.elementor-element-36db4e96{margin-top:0px;margin-bottom:30px;}.elementor-2043 .elementor-element.elementor-element-5bbf3d75{margin-top:0px;margin-bottom:0px;}.elementor-2043 .elementor-element.elementor-element-6d17dad5:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-6d17dad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2043 .elementor-element.elementor-element-be121a8:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-be121a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2043 .elementor-element.elementor-element-be121a8{margin-top:0px;margin-bottom:40px;}.elementor-2043 .elementor-element.elementor-element-b44a3b4:not(.elementor-motion-effects-element-type-background), .elementor-2043 .elementor-element.elementor-element-b44a3b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}/* Start custom CSS for image, class: .elementor-element-d291ec8 *//* =========================================================
   LAYOUT 03 – TITEL
   ========================================================= */

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

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

    width: 100% !important;

    z-index: 100 !important;

    text-align: center !important;
}


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

@media (min-width: 768px) {

    .layout-03 .thema-titel-2 {
        top: -200% !important;
    }

    .layout-03 .thema-titel-2 img {
        width: 45% !important;
        max-width: 100% !important;

        transform: translateX(-10px) !important;
    }

}


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

@media (max-width: 767px) {

    .layout-03 .thema-titel-2 {
        top: 1800% !important;
    }

    .layout-03 .thema-titel-2 img {
        width:55% !important;
        max-width: 100% !important;

        transform: translateX(0px) !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-36db4e96 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

.layout-03.hero-background {
    position: relative !important;

    box-sizing: border-box !important;
}


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

@media (max-width: 767px) {

    .layout-03.hero-background {

        width: 100% !important;

        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;
    }

}
.layout-03 .thema-titel-2:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5bbf3d75 *//* =========================================================
   LAYOUT 01
   GROSSES BILD LINKS / KLEINES BILD RECHTS / TITEL
   =========================================================

   ROOT-CONTAINER:
   .layout-01

   BILD LINKS:
   .image-links-gross1

   BILD RECHTS:
   .image-rechts-klein1

   TITEL:
   .thema-titel

   TITEL VARIANTE:
   .thema-titel-4

   WICHTIG:
   Alle Regeln sind ausschließlich auf .layout-01 begrenzt.
   ========================================================= */


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

@media (min-width: 768px) {

    /* -----------------------------------------------------
       ROOT-CONTAINER
       ----------------------------------------------------- */

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

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

        gap: 40px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       ELEMENTOR INNER CONTAINER
       ----------------------------------------------------- */

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

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

        gap: 40px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       ELEMENTOR COLUMNS
       ----------------------------------------------------- */

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

        width: auto !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD – LINKS
       ===================================================== */

    .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 – RECHTS
       ===================================================== */

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

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

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       TITEL – ELEMENTOR WIDGET CONTAINER
       ----------------------------------------------------- */

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


    /* -----------------------------------------------------
       TITEL – BILD
       ----------------------------------------------------- */

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

        width: auto !important;

        height: auto !important;

        max-width: 100% !important;

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

        filter:
            brightness(0)
            saturate(100%)
            invert(92%)
            sepia(100%)
            saturate(2000%)
            hue-rotate(5deg)
            brightness(105%)
            contrast(105%) !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 4 – DESKTOP
       ===================================================== */

    .layout-01 .thema-titel-4 {
        top: 15% !important;

        text-align: center !important;
    }


    .layout-01 .thema-titel-4 img {
        width: 65% !important;

        transform: none !important;
    }

}


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

@media (max-width: 767px) {


    /* =====================================================
       ROOT-CONTAINER
       ===================================================== */

    .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 – RECHTS 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 – WIDGET
       ===================================================== */

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


    /* =====================================================
       ELEMENTOR WIDGET CONTAINER
       ===================================================== */

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


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

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

        transform: none !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL – CONTAINER
       ===================================================== */

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

        top: 40px !important;

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

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

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

        display: flex !important;

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

        text-align: center !important;

        transform: none !important;

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL – ELEMENTOR WIDGET CONTAINER
       ===================================================== */

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

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

        display: flex !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL – BILD
       ===================================================== */

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

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

        height: auto !important;

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

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 4 – MOBILE
       ===================================================== */

    .layout-01 .thema-titel-4 {
        top: 30px !important;

        text-align: center !important;
    }


    .layout-01 .thema-titel-4 img {
        width: 60% !important;

        transform: none !important;
    }

}
/* =========================================================
   LAYOUT 01 – TITEL 4
   GROSSES BILD LINKS / KLEINES BILD RECHTS
   ========================================================= */


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

@media (min-width: 768px) {

    .layout-01 .thema-titel-4 {

        position: absolute !important;

        top: 5% !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-4 .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-4 img {

        display: inline-block !important;

        width: 65% !important;

        max-width: 100% !important;

        height: auto !important;

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

        transform: none !important;

        box-sizing: border-box !important;
    }

}


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

@media (max-width: 767px) {

    .layout-01 .thema-titel-4 {

        position: absolute !important;

        top: 30px !important;

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

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

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

        display: flex !important;

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

        text-align: center !important;

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel-4 .elementor-widget-container {

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

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

        display: flex !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel-4 img {

        display: block !important;

        width: 60% !important;

        max-width: 100% !important;

        height: auto !important;

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

        transform: none !important;

        box-sizing: border-box !important;
    }

}
/* =========================================================
   LAYOUT 01 – TITEL HOVER
   ========================================================= */

.layout-01 .thema-titel-4:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-77b1d8d8 *//* =========================================================
   LAYOUT 03B
   ========================================================= */

.layout-03b.hero-background {
    position: relative !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .layout-03b.hero-background {
        width: 100% !important;
        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .layout-03b .thema-titel-5 {
        top: 1200% !important;
    }

    .layout-03b .thema-titel-5 img {
        width: 65% !important;
        transform: translateX(0) !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6d17dad5 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

.layout-03.hero-background {
    position: relative !important;
    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .layout-03b .thema-titel-5 {

        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-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 45% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

}


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

.layout-03b .thema-titel-5:hover img {

    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}


/* =========================================================
   MOBILE – BACKGROUND
   ========================================================= */

@media (max-width: 767px) {

    .layout-03b.hero-background {

        width: 100% !important;

        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       TITEL – MOBILE
       ----------------------------------------------------- */

    .layout-03b .thema-titel-5 {

        position: absolute !important;

        top: 1600% !important;

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

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;
    }


    .layout-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 65% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25e8141f */.thema-klein {
    width: auto;
    flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-170c5910 */.thema-gross {
    width: 100%;
}

.thema-gross img {
    width: 100%;
    height: auto;
    display: block;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16b9ddc5 *//* =========================================
   TITEL
   ========================================= */

.thema-rechts {
    position: relative !important;
}

.thema-titel {
    position: absolute !important;

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

    width: 100% !important;

    z-index: 100 !important;

    text-align: center !important;
}

.thema-titel .elementor-widget-container {
    width: 100% !important;
    text-align: center !important;
}

.thema-titel .elementor-image {
    width: 100% !important;
    text-align: center !important;
}

.thema-titel .elementor-image img {
    display: inline-block !important;

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

    height: auto !important;

    margin: 0 auto !important;
}


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

@media (min-width: 768px) {

    .thema-titel {
        top: 15% !important;
    }

    .thema-titel img {
        width: 65% !important;
        transform: translateX(-10px) !important;
    }

}
.thema-titel-1 {
    top: 15% !important;
}



/* =========================================
   HÖHE TITEL
   ========================================= */

@media (max-width: 767px) {

    .thema-titel {
        top: 15% !important;
    }

    .thema-titel img {
        width: 75% !important;
        transform: translateX(30px) !important;
    }
    
    .thema-titel-1 {
    top: 18% !important;
}

}
.thema-titel img {
    filter: brightness(0) saturate(100%)
            invert(92%)
            sepia(100%)
            saturate(2000%)
            hue-rotate(5deg)
            brightness(105%)
            contrast(105%);
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-31f56551 */.thema-rechts {
    width: calc(70% - 30px);
    position: relative;
    flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-452c3f56 *//* =========================================================
   LAYOUT 02
   KLEINES BILD LINKS / GROSSES BILD RECHTS
   DESKTOP – KORRIGIERTE ZENTRIERUNG
   ========================================================= */

@media (min-width: 768px) {

    /* -----------------------------------------------------
       ROOT
       ----------------------------------------------------- */

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

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

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       HAUPT-CONTAINER
       ----------------------------------------------------- */

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

        display: flex !important;

        flex-direction: row !important;

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

        gap: 120px !important;

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

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       ELEMENTOR COLUMNS
       ----------------------------------------------------- */

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

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

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

        box-sizing: border-box !important;
    }


    /* =====================================================
       KLEINES BILD – LINKS
       ===================================================== */

    .layout-02 .thema-klein {
        width: auto !important;

        flex: 0 0 auto !important;

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

        transform: translateX(-5%) !important;

        box-sizing: border-box !important;
    }


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

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

        max-width: none !important;

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

        object-fit: contain !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD – RECHTS
       ===================================================== */

    .layout-02 .thema-rechts {
        position: relative !important;

        width: auto !important;

        flex: 0 0 auto !important;

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

        transform: translateX(5%) !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       GROSSER BILD-CONTAINER
       ----------------------------------------------------- */

    .layout-02 .thema-gross {
        display: block !important;

        width: auto !important;

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

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

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       GROSSES BILD
       ----------------------------------------------------- */

    .layout-02 .thema-gross 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;
    }

}


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

@media (max-width: 767px) {

    /* -----------------------------------------------------
       ROOT-CONTAINER
       ----------------------------------------------------- */

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

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

        overflow-x: hidden !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       INNERER THEMA-CONTAINER
       ----------------------------------------------------- */

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

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

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

        box-sizing: border-box !important;

        overflow-x: hidden !important;
    }


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

    .layout-02
    .elementor-column:has(.thema-klein) {
        display: none !important;
    }


    /* =====================================================
       COLUMN MIT GROSSEM BILD
       ===================================================== */

    .layout-02
    .elementor-column:has(.thema-rechts) {

        display: block !important;

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

        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;

        margin-left: calc((100vw - 100%) / -2) !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSER BILDBEREICH
       ===================================================== */

    .layout-02 .thema-rechts {

        position: relative !important;

        display: block !important;

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

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

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD – CONTAINER
       ===================================================== */

    .layout-02 .thema-gross {

        display: block !important;

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

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

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

        box-sizing: border-box !important;
    }


    /* =====================================================
       GROSSES BILD – IMG
       ===================================================== */

    .layout-02 .thema-gross img {

        display: block !important;

        width: 100vw !important;
        max-width: 100vw !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;
    }


    /* =====================================================
       MANUELLE MOBILE VERSCHIEBUNG
       ===================================================== */

    .layout-02 .thema-rechts {
        position: relative !important;

        left: -30px !important;
    }

}
/* =========================================================
   LAYOUT 02 – TITEL HOVER
   ========================================================= */

.layout-02 .thema-titel-1:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-01c610a *//* =========================================================
   LAYOUT 03B
   ========================================================= */

.layout-03b.hero-background {
    position: relative !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .layout-03b.hero-background {
        width: 100% !important;
        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .layout-03b .thema-titel-5 {
        top: 1200% !important;
    }

    .layout-03b .thema-titel-5 img {
        width: 65% !important;
        transform: translateX(0) !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-be121a8 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

.layout-03.hero-background {
    position: relative !important;
    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .layout-03b .thema-titel-5 {

        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-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 45% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

}


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

.layout-03b .thema-titel-5:hover img {

    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}


/* =========================================================
   MOBILE – BACKGROUND
   ========================================================= */

@media (max-width: 767px) {

    .layout-03b.hero-background {

        width: 100% !important;

        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       TITEL – MOBILE
       ----------------------------------------------------- */

    .layout-03b .thema-titel-5 {

        position: absolute !important;

        top: 1600% !important;

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

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;
    }


    .layout-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 65% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53db36b *//* =========================================================
   LAYOUT 03B
   ========================================================= */

.layout-03b.hero-background {
    position: relative !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .layout-03b.hero-background {
        width: 100% !important;
        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .layout-03b .thema-titel-5 {
        top: 1200% !important;
    }

    .layout-03b .thema-titel-5 img {
        width: 65% !important;
        transform: translateX(0) !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b44a3b4 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

.layout-03.hero-background {
    position: relative !important;
    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .layout-03b .thema-titel-5 {

        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-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 45% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

}


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

.layout-03b .thema-titel-5:hover img {

    filter:
        brightness(0)
        saturate(100%)
        invert(100%) !important;
}


/* =========================================================
   MOBILE – BACKGROUND
   ========================================================= */

@media (max-width: 767px) {

    .layout-03b.hero-background {

        width: 100% !important;

        min-height: 100dvh !important;
        height: 100dvh !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       TITEL – MOBILE
       ----------------------------------------------------- */

    .layout-03b .thema-titel-5 {

        position: absolute !important;

        top: 1600% !important;

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

        width: 100% !important;

        z-index: 100 !important;

        text-align: center !important;
    }


    .layout-03b .thema-titel-5 img {

        display: inline-block !important;

        width: 65% !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
    }

}/* End custom CSS */