.elementor-15 .elementor-element.elementor-element-989665f{--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;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-type-html{padding-bottom:0px;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-button[type="submit"]{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-15 .elementor-element.elementor-element-05c0da8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--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:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}/* Start custom CSS *//* --- BASIS-LAYOUT & FORTSCHRITTSBALKEN --- */

/* Container Abstände */
.recruiting-app .elementor-widget-container {
    padding: 10px; /* Kleiner Abstand zum Rand */
}

/* Fortschrittsbalken: Labels auf Handy ausblenden (Platz sparen) */
@media (max-width: 767px) {
    .recruiting-app .e-form__indicators__indicator__label {
        display: none;
    }
    .recruiting-app .e-form__indicators {
        margin-bottom: 30px;
    }
}

/* Aktiver Schritt Farbe (Anpassen an Firmenfarbe!) */
.recruiting-app .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number {
    background-color: #FFCC00 !important; /* HIER FIRMENFARBE ÄNDERN */
    color: #000 !important;
    border-color: #FFCC00 !important;
}
.recruiting-app .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
    background-color: #e0e0e0 !important;
}

/* --- DAS HERZSTÜCK: RADIO & CHECKBOXEN ALS KACHELN --- */

/* Die Container der Optionen auf 100% Breite */
.recruiting-app .elementor-field-subgroup {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Abstand zwischen den Kacheln */
}

/* Das einzelne Item (Span) stylen */
.recruiting-app .elementor-field-option {
    position: relative;
    background: #f9f9f9;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

/* Hover Effekt für Desktop */
.recruiting-app .elementor-field-option:hover {
    border-color: #bbb;
    background: #f0f0f0;
}

/* WENN AUSGEWÄHLT (Nutzt modernen :has Selektor) */
.recruiting-app .elementor-field-option:has(input:checked) {
    background-color: #fff9e0; /* Helles Gelb als Hintergrund */
    border-color: #FFCC00; /* Rahmen in Firmenfarbe */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-weight: bold;
}

/* Den eigentlichen kleinen Punkt/Haken etwas größer machen */
.recruiting-app .elementor-field-option input {
    width: 20px;
    height: 20px;
    margin-right: 15px !important;
    accent-color: #FFCC00; /* Färbt den Browser-Standard Haken */
}

/* Label Text Größe */
.recruiting-app .elementor-field-option label {
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    padding-left: 0 !important; /* Elementor Standard überschreiben */
}

/* --- EINGABEFELDER (TEXT, NUMBER, MAIL) --- */

.recruiting-app input[type="text"],
.recruiting-app input[type="email"],
.recruiting-app input[type="tel"],
.recruiting-app input[type="number"] {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px !important;
    padding: 15px !important; /* Viel Platz für Finger */
    font-size: 16px !important; /* Verhindert Auto-Zoom auf iPhone */
    height: auto !important;
}

.recruiting-app input:focus {
    border-color: #FFCC00 !important;
    background-color: #fff;
}

/* --- NAVIGATION BUTTONS (WEITER / ZURÜCK) --- */

.recruiting-app .e-form__buttons {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}

/* Wrapper für Buttons auf Mobile 100% */
@media (max-width: 767px) {
    .recruiting-app .e-form__buttons {
        flex-direction: column-reverse; /* Zurück unten, Weiter oben */
    }
    .recruiting-app .elementor-button {
        width: 100%;
        justify-content: center;
        padding: 15px !important;
        font-size: 18px !important;
    }
}

/* Der "Weiter" und "Absenden" Button (Primär) */
.recruiting-app .e-form__buttons__wrapper__button-next,
.recruiting-app button[type="submit"] {
    background-color: #FFCC00 !important; /* Firmenfarbe */
    color: #000 !important;
    border-radius: 50px !important; /* Pillen-Form */
    font-weight: bold !important;
    text-transform: uppercase;
    border: none !important;
}

/* Der "Zurück" Button (Sekundär - dezenter) */
.recruiting-app .e-form__buttons__wrapper__button-previous {
    background-color: transparent !important;
    color: #888 !important;
    border: 1px solid #ddd !important;
    border-radius: 50px !important;
    font-weight: normal !important;
}/* End custom CSS */