.elementor-5910 .elementor-element.elementor-element-7badf14{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:40px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-5910 .elementor-element.elementor-element-7badf14:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-7badf14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5910 .elementor-element.elementor-element-d74020c > .elementor-widget-container{margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-5910 .dialog-widget-content{animation-duration:1.2s;}#elementor-popup-modal-5910 .dialog-message{width:650px;height:400px;align-items:center;}#elementor-popup-modal-5910{justify-content:center;align-items:center;}@media(max-width:767px){#elementor-popup-modal-5910 .dialog-message{width:90vw;height:65vh;}}@media(min-width:768px){.elementor-5910 .elementor-element.elementor-element-7badf14{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d74020c *//* Stil für den inneren Text-Hintergrund */
.text-background {
    background-color: rgba(0, 0, 0, 0.2); /* Dunkleres, leicht transparentes Schwarz */
    padding: 25px 40px; /* Innenabstand um den Text */
    width: 100%; /* Volle Breite innerhalb des Containers */
    box-sizing: border-box; /* Padding wird in die Breite eingerechnet */
}

/* Anpassungen für Überschrift und Text, falls Elementor sie nicht korrekt rendert */
.elementor-widget-container h1 { /* Passt den Selektor an Ihr HTML-Widget an */
    font-size: 2.2em;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #fff; /* Stellt sicher, dass die Schrift weiss ist */
}

.elementor-widget-container p { /* Passt den Selektor an Ihr HTML-Widget an */
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 0;
    color: #fff; /* Stellt sicher, dass die Schrift weiss ist */
}

/* Optional: Logo-Abstand anpassen */
.popup-logo {
    margin-bottom: 25px; /* Abstand zwischen Logo und Text-Hintergrund */
    margin-top: 0; /* Kein zusätzlicher Abstand oben */
}

/* Responsivität für kleinere Bildschirme */
@media (max-width: 600px) {
    .text-background {
        padding: 20px;
    }
    .elementor-widget-container h1 {
        font-size: 1.8em;
    }
    .elementor-widget-container p {
        font-size: 1em;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7badf14 *//* Diese CSS-Regeln müssen in den Theme Customizer (Zusätzliches CSS) */
/* oder in die style.css Ihres Child-Themes */

/* Überschreibt den Hintergrund des Elementor-Popups */
.elementor-popup-modal .dialog-lightbox-message {
    background-color: #000 !important;
    border-radius: 15px !important;
    padding: 0 !important; /* Wichtig: Padding vom Elementor-Popup entfernen, wenn Sie es im HTML-Block selbst steuern wollen */
    /* Eventuell z-index hier erhöhen, wenn es immer noch überdeckt wird, aber das sollte Elementor regeln */
}

/* Hintergrund des Overlays um das Popup herum */
body .elementor-popup-modal__overlay { /* Der Selektor für das Overlay ist oft globaler */
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Das standardmässige Padding des Elementor-Contents entfernen */
.elementor-popup-modal .elementor-5910 {
    padding: 0 !important;
}

/* CSS um Scrollbalken in Elementor Popups zu entfernen */

/* Zielt auf den Haupt-Content-Bereich des Elementor-Popups */
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .elementor-5910,
.elementor-popup-modal .elementor-widget-container {
    overflow: hidden !important; /* Verhindert Scrollbalken */
    height: auto !important; /* Sicherstellen, dass keine feste Höhe den Überlauf erzwingt */
    max-height: none !important; /* Auch dies ausschalten */
}

/* Optional: Manchmal kann der Body des Popups einen Scrollbar erzeugen */
.elementor-popup-modal body { /* Selektor für den Body im Popup-Kontext */
    overflow: hidden !important;
}

/* Oder falls es sich um den Body des gesamten Dokuments handelt, wenn das Popup aktiv ist */
body.elementor-popup-open { /* Diese Klasse wird vom Elementor auf dem Body gesetzt */
    overflow: hidden !important;
}/* End custom CSS */