/**
 * contact-form.css
 * ------------------------------------------------------------
 * Ergaenzendes Styling fuer das Kontaktformular auf kontakt.php.
 * Nutzt bestehende Theme-Farben/Fonts, ergaenzt nur, was main.css
 * nicht bereits abdeckt.
 * ------------------------------------------------------------
 */

.contact_form_toggle_btn {
    margin-top: 20px;
}

.contact_form_box {
    padding: 30px;
    border-radius: 3px;
}

.contact_form_box h4 {
    margin-bottom: 20px;
}

/* Honeypot-Feld: fuer echte Nutzer unsichtbar, aber im DOM vorhanden und fokussierbar fuer Bots */
.contact_form_honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cf_dynamic_fields {
    overflow: hidden;
}

.cf_error {
    display: block;
    color: #d9534f;
    font-size: 12px;
    margin-top: 4px;
    min-height: 16px;
}

.form-control.cf_invalid {
    border-color: #d9534f;
}

.contact_form_dsgvo_hint {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #888;
    line-height: 1.6;
}

#contact_form_alert {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .contact_form_box {
        padding: 20px;
    }
}

/* Erfolgsmeldung im Kontaktformular explizit grün darstellen,
   da main.css .alert-success sonst mit der orangenen Theme-Akzentfarbe ueberschreibt */
#contact_form_alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}