.elementor-9150 .elementor-element.elementor-element-239a8de{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9150 .elementor-element.elementor-element-cf5f78a{--display:flex;--min-height:100vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-9150 .elementor-element.elementor-element-86760aa{--display:flex;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:100px;--padding-right:100px;}.elementor-9150 .elementor-element.elementor-element-86760aa:not(.elementor-motion-effects-element-type-background), .elementor-9150 .elementor-element.elementor-element-86760aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6679c1c );}#elementor-popup-modal-9150 .dialog-widget-content{background-color:#F6F2E8;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-9150 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-9150{justify-content:center;align-items:center;}#elementor-popup-modal-9150 .dialog-close-button{display:flex;}#elementor-popup-modal-9150 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-9150 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-9150 .elementor-element.elementor-element-239a8de{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9150 .elementor-element.elementor-element-cf5f78a{--min-height:50vh;}.elementor-9150 .elementor-element.elementor-element-86760aa{--min-height:50vh;}}@media(max-width:767px){.elementor-9150 .elementor-element.elementor-element-cf5f78a{--min-height:50vh;}.elementor-9150 .elementor-element.elementor-element-86760aa{--min-height:50vh;--justify-content:center;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-9150 .elementor-element.elementor-element-cf5f78a{--width:100%;}.elementor-9150 .elementor-element.elementor-element-86760aa{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-86760aa */.elementor-9150 .elementor-element.elementor-element-86760aa {

    background-color: #F4F0E6 !important;

    background-image:

        /* ======================================
           HELLE ZENTRALE FLÄCHE
        ====================================== */

        radial-gradient(
            ellipse at 50% 45%,
            rgba(255,255,255,0.20) 0%,
            rgba(255,255,255,0.08) 35%,
            rgba(255,255,255,0) 65%
        ),

        /* ======================================
           WEICHE SCHATTIERUNG — LINKS UNTEN
        ====================================== */

        radial-gradient(
            ellipse at 8% 92%,
            rgba(30,40,36,0.075) 0%,
            rgba(30,40,36,0.035) 35%,
            rgba(30,40,36,0) 65%
        ),

        /* ======================================
           WEICHE SCHATTIERUNG — RECHTS OBEN
        ====================================== */

        radial-gradient(
            ellipse at 92% 8%,
            rgba(30,40,36,0.065) 0%,
            rgba(30,40,36,0.030) 35%,
            rgba(30,40,36,0) 65%
        ),

        /* ======================================
           FEINE PAPIERSTRUKTUR
        ====================================== */

        repeating-linear-gradient(
            0deg,
            rgba(23,25,23,0.012) 0px,
            rgba(23,25,23,0.012) 1px,
            transparent 1px,
            transparent 4px
        );

    background-repeat: no-repeat !important;

    background-size: cover !important;

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   EFW — POPUP CLOSE BUTTON
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button {
    position: fixed !important;

    top: 20px !important;
    right: calc(35px + var(--ef-popup-scrollbar-width, 0px)) !important;

    width: 30px !important;
    height: 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: transparent !important;

    opacity: 1 !important;

    transform: none !important;

    z-index: 999999 !important;

    cursor: pointer !important;

    transition:
        opacity 0.3s ease !important;
}


/* =========================================================
   NATIVE ELEMENTOR ICON AUSBLENDEN
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button i,
#elementor-popup-modal-9150 .dialog-close-button svg {
    display: none !important;
}


/* =========================================================
   FEINE X-LINIEN
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button::before,
#elementor-popup-modal-9150 .dialog-close-button::after {

    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 23px !important;
    height: 1px !important;

    margin: 0 !important;

    background: #171917 !important;

    transform-origin: center center !important;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.25s ease !important;
}


/* =========================================================
   X
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}

#elementor-popup-modal-9150 .dialog-close-button::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}


/* =========================================================
   HOVER
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button:hover {
    opacity: 0.55 !important;
}


/* =========================================================
   FOCUS
========================================================= */

#elementor-popup-modal-9150 .dialog-close-button:focus {
    outline: none !important;
}

#elementor-popup-modal-9150 .dialog-close-button:focus-visible {
    outline: 1px solid #171917 !important;
    outline-offset: 5px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #elementor-popup-modal-9150 .dialog-close-button {
        position: fixed !important;

        top: 15px !important;

        right: 15px !important;
        left: unset !important;

        bottom: unset !important;

        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 999999 !important;
    }

}/* End custom CSS */