/* Ergänzungen Kontaktformular (FetchIt/FormIt) – ans bestehende CSS anhängen */

/* Fehlermeldungen pro Feld (FetchIt befüllt [data-error]) */
.contact-form .form-field__error {
    display: block;
    margin-top: .35rem;
    font-size: .875rem;
    color: #b42318;
}
.contact-form .form-field__error:empty {
    display: none;
}

/* Ungültige Felder (FetchIt-Standardklasse: fetchit.frontend.input.invalid.class) */
.contact-form .is-invalid {
    border-color: #b42318;
}

/* Datenschutz-Checkbox */
.contact-form__consent label {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    font-weight: normal;
    font-size: .875rem;
    line-height: 1.5;
}
.contact-form__consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: .15rem;
}

/* Statusmeldung nach dem Absenden */
.contact-form__status {
    margin-top: 1.25rem;
    padding: 1rem 1.25rem;
    border-left: 4px solid currentColor;
    background: #f5f5f5;
}
.contact-form__status--success { color: #1e7b3c; background: #eaf6ee; }
.contact-form__status--warning { color: #8a5a00; background: #fff6e0; }
.contact-form__status--error   { color: #b42318; background: #fdeceb; }