.elementor-8442 .elementor-element.elementor-element-1f67ca9c{--display:flex;--min-height:700px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:5px 5px 5px 5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8442 .elementor-element.elementor-element-184b306{--display:flex;--min-height:800px;--justify-content:center;}.elementor-8442 .elementor-element.elementor-element-7938407e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:22px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:0px;--e-form-steps-divider-gap:10px;}.elementor-8442 .elementor-element.elementor-element-7938407e.elementor-element{--align-self:center;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button span{gap:15px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:24px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-24px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-labels-inline .elementor-field-group > label{padding-left:18px;}body:not(.rtl) .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-labels-inline .elementor-field-group > label{padding-right:18px;}body .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-labels-above .elementor-field-group > label{padding-bottom:18px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group > label, .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-subgroup label{color:var( --e-global-color-4791054 );}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-type-html{padding-bottom:0px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-field{color:var( --e-global-color-4791054 );}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-field, .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-subgroup label{font-size:18px;font-weight:400;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-secondary );border-color:#95BBFF;border-radius:5px 5px 5px 5px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-secondary );border-color:#95BBFF;border-radius:5px 5px 5px 5px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-select-wrapper::before{color:#95BBFF;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;border-radius:10px 10px 10px 10px;}.elementor-8442 .elementor-element.elementor-element-7938407e .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .e-form__buttons__wrapper__button-previous{background-color:#C93030;color:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .e-form__buttons__wrapper__button-next:hover{background-color:#35BE29;color:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button[type="submit"]:hover{background-color:#35BE29;color:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8442 .elementor-element.elementor-element-7938407e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}#elementor-popup-modal-8442 .dialog-widget-content{animation-duration:0.5s;background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4f113d9 ) 0%, #C4DAFF 100%);border-style:none;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(51.000000000000036, 122.99999999999991, 251, 0.42);margin:0px 0px 0px 0px;}#elementor-popup-modal-8442{background-color:#3B82FF30;justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-8442 .dialog-message{width:500px;height:1000px;align-items:center;padding:0px 0px 0px 0px;}#elementor-popup-modal-8442 .dialog-close-button{display:flex;top:0%;background-color:var( --e-global-color-primary );font-size:40px;}body:not(.rtl) #elementor-popup-modal-8442 .dialog-close-button{right:0%;}body.rtl #elementor-popup-modal-8442 .dialog-close-button{left:0%;}#elementor-popup-modal-8442 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-8442 .dialog-close-button svg{fill:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-8442 .elementor-element.elementor-element-1f67ca9c{--content-width:90%;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--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-8442 .elementor-element.elementor-element-7938407e{width:100%;max-width:100%;}.elementor-8442 .elementor-element.elementor-element-7938407e > .elementor-widget-container{padding:5px 0px 5px 0px;}.elementor-8442 .elementor-element.elementor-element-7938407e.elementor-element{--align-self:center;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group > label{font-size:15px;}.elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-group .elementor-field, .elementor-8442 .elementor-element.elementor-element-7938407e .elementor-field-subgroup label{font-size:15px;}#elementor-popup-modal-8442 .dialog-message{width:390px;height:720px;padding:25px 15px 10px 15px;}#elementor-popup-modal-8442{justify-content:center;align-items:flex-end;}#elementor-popup-modal-8442 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(130deg, var( --e-global-color-4f113d9 ) 72%, #C4DAFF 100%);border-radius:0px 0px 0px 0px;}#elementor-popup-modal-8442 .dialog-close-button{top:0%;font-size:35px;}body:not(.rtl) #elementor-popup-modal-8442 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-8442 .dialog-close-button{left:5%;}}@media(min-width:768px){.elementor-8442 .elementor-element.elementor-element-1f67ca9c{--content-width:90%;}.elementor-8442 .elementor-element.elementor-element-184b306{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-7938407e */input[type="checkbox"] {
            width: 25px;
            height: 25px;
           
        }


/* --- Basis-Layout für das Elementor Formular (Eltern-Container) --- */
/* Diesen Selektor musst du möglicherweise anpassen,
   damit er den direkten Container deiner Formularfelder und Buttons trifft.
   Oft ist es das Formular-Widget selbst oder ein übergeordnetes DIV. */
.elementor-form { /* Oder eine ID, wenn du dem Formular-Widget eine ID gegeben hast, z.B. #mein-formular-id */
    display: flex;
    flex-direction: column; /* Elemente untereinander anordnen */
    height: 100%; /* Wichtig, damit das Flex-Container die volle Höhe des Popups nutzt */
    justify-content: space-between; /* Verteilt den Raum zwischen den Elementen (Frage, Inhalt, Button) */
}

/* --- Positionierung für Formularfeld-Label (Die "Frage" oben) --- */
.elementor-form-fields-wrapper .elementor-field-group:first-child .elementor-field-label {
    position: sticky; /* Bleibt beim Scrollen oben kleben */
    top: 0;           /* Oben im sichtbaren Bereich */
    background-color: white; /* Hintergrundfarbe, damit der Text nicht durchscrollt */
    padding: 15px 0; /* Optionaler Padding für den Label-Bereich */
    z-index: 100;     /* Stellt sicher, dass das Label über dem Inhalt liegt */
    margin-bottom: 0 !important; /* Entfernt eventuellen Standard-Margin nach unten */
    width: 100%; /* Nimmt die volle Breite ein */
    box-sizing: border-box; /* Padding und Border werden in die Breite eingerechnet */
}

/* --- Inhalt und Auswahl (Radio-Buttons) in der Mitte --- */
/* Dieses Element muss flexibel sein, um den restlichen Platz auszufüllen */
.elementor-form-fields-wrapper {
    flex-grow: 1; /* Lässt den Inhalt den gesamten verbleibenden Platz einnehmen */
    overflow-y: auto; /* Ermöglicht Scrollen innerhalb dieses Bereichs, wenn der Inhalt zu lang ist */
    padding-top: 10px; /* Optionaler Abstand nach unten vom sticky Label */
    padding-bottom: 10px; /* Optionaler Abstand nach oben vom sticky Button */
}


/* --- Bestätigungs-Buttons unten fixieren --- */
.elementor-field-group.elementor-button { /* Selektor für den Button-Container des Formulars */
    position: sticky; /* Bleibt beim Scrollen unten kleben */
    bottom: 0;        /* Unten im sichtbaren Bereich */
    background-color: white; /* Hintergrundfarbe, damit der Button nicht durchscrollt */
    padding: 15px 0; /* Optionaler Padding für den Button-Bereich */
    z-index: 100;     /* Stellt sicher, dass der Button über dem Inhalt liegt */
    margin-top: 0 !important; /* Entfernt eventuellen Standard-Margin nach oben */
    width: 100%; /* Nimmt die volle Breite ein */
    box-sizing: border-box; /* Padding und Border werden in die Breite eingerechnet */
}

/* --- Deine bestehenden Radio-Button-Styles (unverändert beibehalten) --- */

/* WICHTIG: Versteckt die standardmäßigen Radio-Buttons. */
.elementor-field-type-radio input[type="radio"] {
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* Optional: Abstand zwischen dem gesamten Radio-Feld und dem nächsten Element im Formular */
.elementor-field-type-radio {
    margin-bottom: 30px; /* Passe diesen Wert nach Bedarf an */
    position: relative; /* Für z-index im Popup */
    z-index: 10;        /* Für z-index im Popup */
}

/* CONTAINER ANPASSEN: Macht den Container zum Flexbox-Container
   und steuert die Anordnung der Radio-Button-Optionen. */
.elementor-field-type-radio .elementor-field-subgroup {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Abstand zwischen den einzelnen Auswahlboxen (passe diesen Wert an) */
    justify-content: space-around;
    margin-top: 0px; /* Abstand zum Feld-Label (Frage) */
 
}

/* Stile der Auswahlbox-Form für Radio-Buttons (das Label selbst) */
.elementor-field-type-radio .elementor-field-option label {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    
    flex: 1 0 auto;
    min-width: 120px;
    width: max-content;
    max-width: 100%;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    
    position: relative;
    z-index: 1; /* Kleiner als z-index des Eltern-Containers */
    text-align: center;
}

/* Stile der Auswahlbox, wenn der Radio-Button ausgewählt ist */
.elementor-field-type-radio input[type="radio"]:checked ~ label {
    background-color: #007bff;
    color: #fff !important;
    border-color: #007bff;
}

/* Hover-Effekt für die Auswahlbox */
.elementor-field-type-radio .elementor-field-option label:hover {
    background-color: #e0e0e0;
    border-color: #aaa;
    color: #333;
}/* End custom CSS */