.elementor-2018 .elementor-element.elementor-element-b29a73a{padding:50px 0px 0px 0px;}.elementor-2018 .elementor-element.elementor-element-d7b0cbb{text-align:center;}.elementor-2018 .elementor-element.elementor-element-7012bc5{text-align:start;font-size:20px;}.elementor-2018 .elementor-element.elementor-element-2bc4209{text-align:start;font-size:20px;}.elementor-2018 .elementor-element.elementor-element-5842960 img{width:400px;}.elementor-2018 .elementor-element.elementor-element-3c6f63f{padding:40px 0px 50px 0px;}.elementor-2018 .elementor-element.elementor-element-96d77fc > .elementor-element-populated{padding:0px 50px 0px 50px;}.elementor-2018 .elementor-element.elementor-element-60de11c{text-align:center;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-type-html{padding-bottom:0px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group .elementor-field{color:var( --e-global-color-479e126 );}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group .elementor-select-wrapper select{border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-button{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2018 .elementor-element.elementor-element-44170a7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2018 .elementor-element.elementor-element-44170a7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2018 .elementor-element.elementor-element-44170a7 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-440c69d );color:var( --e-global-color-479e126 );}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-440c69d );color:var( --e-global-color-479e126 );}.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-479e126 );}.elementor-2018 .elementor-element.elementor-element-44170a7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2018 .elementor-element.elementor-element-44170a7{--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;}.elementor-2018 .elementor-element.elementor-element-83bcf05{font-size:12px;}@media(max-width:1024px){.elementor-2018 .elementor-element.elementor-element-3c6f63f{padding:40px 0px 50px 0px;}}@media(max-width:767px){.elementor-2018 .elementor-element.elementor-element-7012bc5{text-align:center;font-size:17px;}.elementor-2018 .elementor-element.elementor-element-2bc4209{text-align:center;font-size:17px;}.elementor-2018 .elementor-element.elementor-element-96d77fc > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-2018 .elementor-element.elementor-element-60de11c > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-2018 .elementor-element.elementor-element-60de11c .elementor-heading-title{font-size:22px;}.elementor-2018 .elementor-element.elementor-element-44170a7 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for form, class: .elementor-element-44170a7 *//* 1. GRUNDSTRUKTUR DER BUCHSTABEN-FELDER */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] {
    width: 11% !important; /* Etwas breiter, um die 100% Zeile besser zu füllen */
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-bottom: 25px !important; /* Platz für die Validierung unten */
}

/* 2. STYLING DER EINGABEFELDER (INPUTS) */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    height: 50px !important; /* Feste Höhe für quadratischen Look */
    padding: 0 !important;   /* WICHTIG: Entfernt den Innenabstand, der den Buchstaben oben rausdrückt */
    line-height: 50px !important; /* Zentriert den Buchstaben vertikal */
    font-size: 20px;
    border: 2px solid #88aa00; /* Metzingen Grün */
    background-color: #ffffff !important;
}
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input:focus { outline: none !important; border-color: #000; }

/* 3. MOBILE OPTIMIERUNG (SMARTPHONES) */
@media (max-width: 767px) {
    .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] {
        width: 11.11% !important; /* Exakt 1/9 der Breite */
    }
    
    .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input {
        height: 40px !important; /* Etwas kleiner für Mobile */
        line-height: 40px !important;
        font-size: 18px;
    }
}

/* 4. FEHLERMELDUNGEN KOMPLETT REINIGEN */
/* Versteckt alle Meldungen direkt an den Buchstaben-Feldern */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] .elementor-message {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Versteckt das Icon in der großen Fehlermeldung unten */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-message-danger i,
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-message-danger svg {
    display: none !important;
}

/* Styling der großen Fehlermeldung unten */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-message-danger {
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
}

/* 5. INTERAKTIVE EFFEKTE (HOVER & FOCUS) */

/* Sanfter Übergang für alle Effekte */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input {
    transition: all 0.3s ease-in-out !important;
}

/* Hover-Effekt: Wenn man mit der Maus drüberfährt */
@media (min-width: 1025px) { /* Nur für Desktop-Nutzer */
    .elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input:hover {
        border-color: #aacc00 !important; /* Etwas helleres Grün */
        box-shadow: 0 0 10px rgba(136, 170, 0, 0.3); /* Sanfter Glow */
        transform: translateY(-2px); /* Minimales Anheben */
    }
}

/* Focus-Effekt: Wenn man gerade in das Feld schreibt */
.elementor-2018 .elementor-element.elementor-element-44170a7 .elementor-field-group[class*="char"] input:focus {
    border-color: #556600 !important; /* Dunkleres Grün zur Bestätigung */
    background-color: #f9fff0 !important; /* Ganz leichter grüner Schimmer im Hintergrund */
    box-shadow: 0 0 15px rgba(136, 170, 0, 0.5) !important;
    outline: none !important;
}/* End custom CSS */