/* Grundstile für das Kontaktformular – Farben per CSS-Variablen an die Website anpassen */
:root {
  --kontakt-error: #b42318;
  --kontakt-success: #067647;
  --kontakt-success-bg: #ecfdf3;
  --kontakt-error-bg: #fef3f2;
}

/* Honeypot: für Menschen unsichtbar, für Screenreader ausgeblendet */
.kontakt-hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.kontakt-error {
  display: block;
  margin-top: .35rem;
  color: var(--kontakt-error);
  font-size: .875rem;
  font-weight: 600;
}

form[data-kontakt] [aria-invalid="true"] {
  border-color: var(--kontakt-error) !important;
}

.kontakt-status:empty { display: none; }
.kontakt-status {
  padding: .9rem 1rem;
  border-radius: 12px;
  font-weight: 600;
}
.kontakt-status.is-success { background: var(--kontakt-success-bg); color: var(--kontakt-success); }
.kontakt-status.is-error { background: var(--kontakt-error-bg); color: var(--kontakt-error); }

form[data-kontakt].is-sending { cursor: progress; }
form[data-kontakt] [type="submit"][aria-busy="true"] { opacity: .75; }