.elementor-8633 .elementor-element.elementor-element-4181a60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8633 .elementor-element.elementor-element-f02346a{width:var( --container-widget-width, 51.68% );max-width:51.68%;--container-widget-width:51.68%;--container-widget-flex-grow:0;}.elementor-8633 .elementor-element.elementor-element-f02346a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8633 .elementor-element.elementor-element-ce51e6a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-8633 .elementor-element.elementor-element-ce51e6a{text-align:start;}.elementor-8633 .elementor-element.elementor-element-5138c18{--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-8633 .elementor-element.elementor-element-7a52a80{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-8633 .elementor-element.elementor-element-7a52a80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:11px 11px 11px 11px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);}.elementor-8633 .elementor-element.elementor-element-7a52a80.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8633 .elementor-element.elementor-element-7a52a80:hover > .elementor-widget-container{border-radius:11px 11px 11px 11px;}.elementor-8633 .elementor-element.elementor-element-7a52a80:hover .elementor-widget-container{box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);}.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-fields{gap:10px;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-fields>.acf-field{border-top:none;}.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-width]+.acf-field[data-width]{border-left:none;}.elementor-8633 .elementor-element.elementor-element-a7b6d38{--display:flex;}.elementor-8633 .elementor-element.elementor-element-fad15d4{--divider-border-style:dotted;--divider-color:var( --e-global-color-astglobalcolor1 );--divider-border-width:5px;}.elementor-8633 .elementor-element.elementor-element-fad15d4 .elementor-divider-separator{width:100%;}.elementor-8633 .elementor-element.elementor-element-fad15d4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8633 .elementor-element.elementor-element-84ae9e0{--display:flex;}@media(max-width:767px){.elementor-8633 .elementor-element.elementor-element-7a52a80 .elementor-repeater-item-227a88a{width:100%;}}@media(min-width:768px){.elementor-8633 .elementor-element.elementor-element-7a52a80 .elementor-repeater-item-227a88a{width:100%;margin:o% o% o% o%;padding:o% o% o% o%;}}/* Start custom CSS for acf_ele_form, class: .elementor-element-7a52a80 *//* =========================================
   1. DAS FORMULAR-RASTER (Die Lösung)
   ========================================= */

/* Wir machen den Container der Felder zum Gitter */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-fields,
.elementor-8633 .elementor-element.elementor-element-7a52a80 form > .elementor-widget-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Zwei gleich große Spalten */
    grid-column-gap: 20px !important; /* Abstand zwischen den Spalten */
    grid-row-gap: 20px !important;    /* Abstand zwischen den Zeilen */
    width: 100% !important;
}

/* STANDARD: Alle Felder nehmen volle Breite (Spalte 1 bis Ende) */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field {
    grid-column: 1 / -1 !important; 
    width: 100% !important;
    margin: 0 !important; /* Grid regelt die Abstände, keine Margins nötig */
}

/* AUSNAHME: Vorname (Spalte 1) */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="vorname"] {
    grid-column: 1 / 2 !important;
}

/* AUSNAHME: Nachname (Spalte 2) */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="nachname"] {
    grid-column: 2 / 3 !important;
}

/* HANDY: Auf kleinen Screens alles untereinander (1 Spalte) */
@media (max-width: 767px) {
    .elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-fields,
    .elementor-8633 .elementor-element.elementor-element-7a52a80 form > .elementor-widget-container {
        grid-template-columns: 1fr !important;
    }
    .elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="vorname"],
    .elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="nachname"] {
        grid-column: 1 / -1 !important;
    }
}


/* =========================================
   2. CHECKBOXEN (Behalten, weil es gut war)
   ========================================= */

/* Flexbox-Logik für die Checkboxen-Liste */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="themenbereiche"] .acf-checkbox-list {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Jedes Item ist 50% breit */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="themenbereiche"] .acf-checkbox-list li {
    width: 50% !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    padding-right: 10px !important;
}

/* Handy-Korrektur für Checkboxen */
@media (max-width: 767px) {
    .elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-field[data-name="themenbereiche"] .acf-checkbox-list li {
        width: 100% !important;
    }
}


/* =========================================
   3. DESIGN & BUTTON
   ========================================= */

/* Labels */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .acf-label label {
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Erklärungen */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .description {
    font-size: 13px !important;
    color: #777 !important;
    font-style: italic !important;
    margin-top: 0 !important;
}

/* Inputs */
.elementor-8633 .elementor-element.elementor-element-7a52a80 input[type="text"],
.elementor-8633 .elementor-element.elementor-element-7a52a80 input[type="email"] {
    padding: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #fff !important;
    height: auto !important; /* Verhindert Höhen-Probleme */
}

/* Button-Container muss auch volle Breite im Grid haben */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .fea-submit-buttons {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 10px !important;
}

/* Button Styling */
.elementor-8633 .elementor-element.elementor-element-7a52a80 .fea-submit-button {
    width: 100% !important;
    padding: 15px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    text-align: center !important;
}/* End custom CSS */