.elementor-1162 .elementor-element.elementor-element-5bc4e83f{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--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-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-1162 .elementor-element.elementor-element-3b5966aa{text-align:start;}.elementor-1162 .elementor-element.elementor-element-1c624bfc{text-align:end;}#elementor-popup-modal-1162 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-primary );border-style:none;}#elementor-popup-modal-1162 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-1162{justify-content:center;align-items:center;}/* Start custom CSS for container, class: .elementor-element-5bc4e83f *//* ===== PAGE TRANSITION POPUPS ===== */

.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .elementor,
.elementor-popup-modal .pt-screen {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;
}


/* Auch mögliche Pseudo-Elemente entfernen */
.elementor-popup-modal .dialog-widget-content::before,
.elementor-popup-modal .dialog-widget-content::after,
.elementor-popup-modal .dialog-message::before,
.elementor-popup-modal .dialog-message::after,
.elementor-popup-modal .pt-screen::before,
.elementor-popup-modal .pt-screen::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Fokus-Rahmen ausschließen */
.elementor-popup-modal *:focus,
.elementor-popup-modal *:focus-visible {
    outline: none !important;
}


/* Popup wirklich komplett schwarz */
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .pt-screen {
    background-color: #000 !important;
}/* End custom CSS */
/* Start custom CSS */.site-header {
    transition: transform 0.9s ease !important;
    will-change: transform;
}

/* Header nach oben rausfahren */
.site-header.header-hidden {
    transform: translateY(-110%) !important;
}

/* Gesamter schwarzer Transition-Bereich */
.pt-screen {
    overflow: hidden !important;
}

/* Elementor Motion Effects neutralisieren */
.pt-top,
.pt-bottom {
    animation: none;
    will-change: transform;
}

/* Ausgangspositionen */
.pt-top {
    transform: translateX(-120vw);
}

.pt-bottom {
    transform: translateX(120vw);
}


/* ANIMATION START */
.pt-screen.pt-run .pt-top {
    animation: ptTopMove 1.8s cubic-bezier(.76, 0, .24, 1) forwards;
}

.pt-screen.pt-run .pt-bottom {
    animation: ptBottomMove 1.8s cubic-bezier(.76, 0, .24, 1) forwards;
}


/* WIWA:
   links rein → stehen → rechts raus
*/
@keyframes ptTopMove {

    0% {
        transform: translateX(-120vw);
    }

    30% {
        transform: translateX(0);
    }

    65% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(120vw);
    }
}


/* MEDIA:
   rechts rein → stehen → links raus
*/
@keyframes ptBottomMove {

    0% {
        transform: translateX(120vw);
    }

    30% {
        transform: translateX(0);
    }

    65% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-120vw);
    }
}/* End custom CSS */