.elementor-2386 .elementor-element.elementor-element-147e9b34:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-147e9b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2386 .elementor-element.elementor-element-147e9b34{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:80px;}.elementor-2386 .elementor-element.elementor-element-147e9b34 > .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-2386 .elementor-element.elementor-element-769f1a82 img{width:39%;}.elementor-2386 .elementor-element.elementor-element-c2a6dd2:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-c2a6dd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2386 .elementor-element.elementor-element-c2a6dd2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:80px;}.elementor-2386 .elementor-element.elementor-element-c2a6dd2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2386 .elementor-element.elementor-element-0e82679 img{width:39%;}.elementor-2386 .elementor-element.elementor-element-58f093c:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-58f093c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2386 .elementor-element.elementor-element-58f093c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:80px;}.elementor-2386 .elementor-element.elementor-element-58f093c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2386 .elementor-element.elementor-element-3143b52 img{width:39%;}.elementor-2386 .elementor-element.elementor-element-4f576a5e{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-40056f93{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-40056f93{right:175px;}.elementor-2386 .elementor-element.elementor-element-40056f93{top:0px;}.elementor-2386 .elementor-element.elementor-element-80bcd47{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-7637696{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-7637696{right:175px;}.elementor-2386 .elementor-element.elementor-element-7637696{top:0px;}.elementor-2386 .elementor-element.elementor-element-78cd5f9{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-b3b0238{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-b3b0238{right:175px;}.elementor-2386 .elementor-element.elementor-element-b3b0238{top:0px;}.elementor-2386 .elementor-element.elementor-element-f3fd6ef{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-00e5c9b{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-00e5c9b{right:175px;}.elementor-2386 .elementor-element.elementor-element-00e5c9b{top:0px;}.elementor-2386 .elementor-element.elementor-element-935d093{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-2fa56a6{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-2fa56a6{right:175px;}.elementor-2386 .elementor-element.elementor-element-2fa56a6{top:0px;}.elementor-2386 .elementor-element.elementor-element-c5f35ed{margin-top:0px;margin-bottom:100px;}body:not(.rtl) .elementor-2386 .elementor-element.elementor-element-bc76575{left:175px;}body.rtl .elementor-2386 .elementor-element.elementor-element-bc76575{right:175px;}.elementor-2386 .elementor-element.elementor-element-bc76575{top:0px;}@media(max-width:767px){.elementor-2386 .elementor-element.elementor-element-147e9b34:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-147e9b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2386 .elementor-element.elementor-element-147e9b34{margin-top:0px;margin-bottom:30px;}.elementor-2386 .elementor-element.elementor-element-c2a6dd2:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-c2a6dd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2386 .elementor-element.elementor-element-c2a6dd2{margin-top:0px;margin-bottom:30px;}.elementor-2386 .elementor-element.elementor-element-58f093c:not(.elementor-motion-effects-element-type-background), .elementor-2386 .elementor-element.elementor-element-58f093c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2386 .elementor-element.elementor-element-58f093c{margin-top:0px;margin-bottom:30px;}.elementor-2386 .elementor-element.elementor-element-4f576a5e{margin-top:0px;margin-bottom:0px;}.elementor-2386 .elementor-element.elementor-element-80bcd47{margin-top:0px;margin-bottom:0px;}.elementor-2386 .elementor-element.elementor-element-78cd5f9{margin-top:0px;margin-bottom:0px;}.elementor-2386 .elementor-element.elementor-element-f3fd6ef{margin-top:0px;margin-bottom:0px;}.elementor-2386 .elementor-element.elementor-element-935d093{margin-top:0px;margin-bottom:0px;}.elementor-2386 .elementor-element.elementor-element-c5f35ed{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for image, class: .elementor-element-769f1a82 *//* =========================================================
   LAYOUT 03 – TITEL VARIANTE 01
   ========================================================= */


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

.elementor-2386 .elementor-element.elementor-element-769f1a82 {
    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-BILD
   GELBE AUSGANGSFARBE
   ========================================================= */

.elementor-2386 .elementor-element.elementor-element-769f1a82 img {
    display: inline-block !important;

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

    height: auto !important;

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

    transform: translateX(-10px) !important;

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

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

    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .elementor-2386 .elementor-element.elementor-element-769f1a82 {
        top: 5% !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-2386 .elementor-element.elementor-element-769f1a82 {
        top: 20% !important;
    }

    .elementor-2386 .elementor-element.elementor-element-769f1a82 img {
        width: 55% !important;

        transform: none !important;
    }

}


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

.elementor-2386 .elementor-element.elementor-element-769f1a82:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;

    -webkit-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-147e9b34 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

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


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

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

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0e82679 *//* =========================================================
   LAYOUT 03 – TITEL VARIANTE 02
   ========================================================= */


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

.elementor-2386 .elementor-element.elementor-element-0e82679 {
    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-BILD
   GELBE AUSGANGSFARBE
   ========================================================= */

.elementor-2386 .elementor-element.elementor-element-0e82679 img {
    display: inline-block !important;

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

    height: auto !important;

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

    transform: translateX(-10px) !important;

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

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

    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .elementor-2386 .elementor-element.elementor-element-0e82679 {
        top: 5% !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-2386 .elementor-element.elementor-element-0e82679 {
        top: 20% !important;
    }

    .elementor-2386 .elementor-element.elementor-element-0e82679 img {
        width: 55% !important;

        transform: none !important;
    }

}


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

.elementor-2386 .elementor-element.elementor-element-0e82679:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;

    -webkit-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-c2a6dd2 *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

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


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

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

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3143b52 *//* =========================================================
   LAYOUT 03 – TITEL VARIANTE 03
   ========================================================= */


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

.elementor-2386 .elementor-element.elementor-element-3143b52 {
    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-BILD
   GELBE AUSGANGSFARBE
   ========================================================= */

.elementor-2386 .elementor-element.elementor-element-3143b52 img {
    display: inline-block !important;

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

    height: auto !important;

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

    transform: translateX(-10px) !important;

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

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

    box-sizing: border-box !important;
}


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

@media (min-width: 768px) {

    .elementor-2386 .elementor-element.elementor-element-3143b52 {
        top: 5% !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-2386 .elementor-element.elementor-element-3143b52 {
        top: 20% !important;
    }

    .elementor-2386 .elementor-element.elementor-element-3143b52 img {
        width: 55% !important;

        transform: none !important;
    }

}


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

.elementor-2386 .elementor-element.elementor-element-3143b52:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(100%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(100%)
        contrast(100%) !important;

    -webkit-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-58f093c *//* =========================================================
   LAYOUT 03 – BACKGROUND
   ========================================================= */

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


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

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

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-40056f93 */.elementor-2386 .elementor-element.elementor-element-40056f93 img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4f576a5e *//* =========================================================
   LAYOUT 01
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

    /* ROOT */
    .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 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-01 .thema-titel-5 {

        top: 5% !important;

        text-align: center !important;
    }


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

        width: 5% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .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;
        right: 0 !important;

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !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;

        display: flex !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    .layout-01 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


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

    .layout-01 .thema-titel-5 {

        top: 30px !important;

        text-align: center !important;
    }


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

        width: 60% !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 image, class: .elementor-element-7637696 */.elementor-2386 .elementor-element.elementor-element-7637696 img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-80bcd47 *//* =========================================================
   LAYOUT 010
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

    /* ROOT */
    .layout-010 {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */
    .layout-010 > .elementor-container {
        display: flex !important;

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

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */
    .layout-010 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

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

        box-sizing: border-box !important;
    }


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

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

        width: auto !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-010 .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-010 .image-rechts-klein1 {

        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-010 .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-010 .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-010 .thema-titel .elementor-widget-container {

        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-010 .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 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-010 .thema-titel-6 {

        top: 45% !important;

        text-align: center !important;
    }


    .layout-010 .thema-titel-6 img {

        width: 25% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .layout-010 {

        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-010
    .elementor-column:has(.image-rechts-klein1) {

        display: none !important;
    }


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

    .layout-010
    .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-010 .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-010
    .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-010 .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-010 .thema-titel {

        position: absolute !important;

        top: 0 !important;

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

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


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


    .layout-010 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


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

    .layout-010 .thema-titel-6 {

        top: 30px !important;

        text-align: center !important;
    }


    .layout-010 .thema-titel-6 img {

        width: 60% !important;

        transform: none !important;
    }

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

.layout-010 .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 image, class: .elementor-element-b3b0238 */.elementor-2386 .elementor-element.elementor-element-b3b0238 img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-78cd5f9 *//* =========================================================
   LAYOUT 100
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

    /* ROOT */
    .layout-100 {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */
    .layout-100 > .elementor-container {
        display: flex !important;

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

        gap: 120px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */
    .layout-100 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

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

        box-sizing: border-box !important;
    }


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

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

        width: auto !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-100 .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-100 .image-rechts-klein1 {

        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-100 .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-100 .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-100 .thema-titel .elementor-widget-container {

        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-100 .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 7 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-100 .thema-titel-7 {

        top: 25% !important;

        text-align: center !important;
    }


    .layout-100 .thema-titel-7 img {

        width: 85% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .layout-100 {

        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-100
    .elementor-column:has(.image-rechts-klein1) {

        display: none !important;
    }


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

    .layout-100
    .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-100 .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-100
    .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-100 .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-100 .thema-titel {

        position: absolute !important;

        top: 0 !important;

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

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


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


    .layout-100 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 7 – MOBILE
       ===================================================== */

    .layout-100 .thema-titel-7 {

        top: 30px !important;

        text-align: center !important;
    }


    .layout-100 .thema-titel-7 img {

        width: 60% !important;

        transform: none !important;
    }

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

.layout-100 .thema-titel-7: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 image, class: .elementor-element-00e5c9b */.elementor-2386 .elementor-element.elementor-element-00e5c9b img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f3fd6ef *//* =========================================================
   LAYOUT 02
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

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

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */
    .layout-02 > .elementor-container {
        display: flex !important;

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

        gap: 150px !important;

        box-sizing: border-box !important;
    }


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

    .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 4 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-02 .thema-titel-4 {

        top: 5% !important;

        text-align: center !important;
    }


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

        width: 35% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .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;
        right: 0 !important;

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !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;

        display: flex !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    .layout-02 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


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

    .layout-02 .thema-titel-4 {

        top: 30px !important;

        text-align: center !important;
    }


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

        width: 60% !important;

        transform: none !important;
    }

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

.layout-02 .thema-titel-4: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 image, class: .elementor-element-2fa56a6 */.elementor-2386 .elementor-element.elementor-element-2fa56a6 img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-935d093 *//* =========================================================
   LAYOUT 020
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

    /* ROOT */
    .layout-020 {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */
    .layout-020 > .elementor-container {
        display: flex !important;

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

        gap: 150px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */
    .layout-020 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

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

        box-sizing: border-box !important;
    }


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

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

        width: auto !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-020 .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-020 .image-rechts-klein1 {

        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-020 .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-020 .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-020 .thema-titel .elementor-widget-container {

        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-020 .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 4 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-020 .thema-titel-7 {

        top: 75% !important;

        text-align: center !important;
    }


    .layout-020 .thema-titel-7 img {

        width: 15% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .layout-020 {

        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-020
    .elementor-column:has(.image-rechts-klein1) {

        display: none !important;
    }


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

    .layout-020
    .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-020 .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-020
    .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-020 .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-020 .thema-titel {

        position: absolute !important;

        top: 0 !important;

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

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


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


    .layout-020 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 7 – MOBILE
       ===================================================== */

    .layout-020 .thema-titel-7 {

        top: 30px !important;

        text-align: center !important;
    }


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

        width: 60% !important;

        transform: none !important;
    }

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

.layout-020 .thema-titel-7: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 image, class: .elementor-element-bc76575 */.elementor-2386 .elementor-element.elementor-element-bc76575 img {
    filter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(100%)
        saturate(2000%)
        hue-rotate(5deg)
        brightness(105%)
        contrast(105%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c5f35ed *//* =========================================================
   LAYOUT 200
   GROSSES BILD + KLEINES BILD + TITEL
   ========================================================= */

@media (min-width: 768px) {

    /* ROOT */
    .layout-200 {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* INNER CONTAINER */
    .layout-200 > .elementor-container {
        display: flex !important;

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

        gap: 150px !important;

        box-sizing: border-box !important;
    }


    /* COLUMNS */
    .layout-200 > .elementor-container > .elementor-column {
        flex: 0 0 auto !important;

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

        box-sizing: border-box !important;
    }


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

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

        width: auto !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


    .layout-200 .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-200 .image-rechts-klein1 {

        width: auto !important;

        flex: 0 0 auto !important;

        align-self: center !important;

        box-sizing: border-box !important;
    }


    .layout-200 .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-200 .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-200 .thema-titel .elementor-widget-container {

        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .layout-200 .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 4 – INDIVIDUELLE VARIANTE
       ===================================================== */

    .layout-200 .thema-titel-8 {

        top: 7% !important;

        text-align: center !important;
    }


    .layout-200 .thema-titel-8 img {

        width: 15% !important;

        transform: none !important;
    }

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

@media (max-width: 767px) {

    /* ROOT */

    .layout-200 {

        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-200
    .elementor-column:has(.image-rechts-klein1) {

        display: none !important;
    }


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

    .layout-200
    .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-200 .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-200
    .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-200 .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-200 .thema-titel {

        position: absolute !important;

        top: 0 !important;

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

        width: 100% !important;

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

        display: flex !important;

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

        z-index: 100 !important;

        box-sizing: border-box !important;
    }


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


    .layout-200 .thema-titel img {

        display: block !important;

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

        height: auto !important;

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

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITEL 7 – MOBILE
       ===================================================== */

    .layout-200 .thema-titel-8 {

        top: 30px !important;

        text-align: center !important;
    }


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

        width: 60% !important;

        transform: none !important;
    }

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

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