/* Beratungsformular: Standortwahl, Honigtopf und Meldungen. Die Eingabefelder
   selbst gestaltet das gespiegelte Theme; die Farben kommen von dort
   (Akzent #ed6e1c, Feldhintergrund rgba(0, 0, 0, .04)). */

.anfrage-standort { border: 0; margin: 0 0 1.5em; padding: 0; min-width: 0; }
.anfrage-standort legend { padding: 0; margin: 0 0 .2em; font-size: inherit; color: inherit; border: 0; }
.anfrage-standort label { display: block; cursor: pointer; }
.anfrage-standort input[type="radio"] { margin: 0 .5em 0 0; accent-color: #ed6e1c; vertical-align: -1px; }

/* Für Menschen unsichtbar (auch für Screenreader), für Bots ein gewöhnliches Feld. */
.anfrage-honigtopf { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.anfrage [aria-invalid="true"] { border-color: #b3261e; }

.anfrage-status:empty { display: none; }
.anfrage-status,
.anfrage-meldung { padding: .6em 1em; border-left: 4px solid #ed6e1c; background: rgba(0, 0, 0, .04); }
.anfrage-status[data-kind="pending"] { border-left-color: #999; }
.anfrage-status[data-kind="error"],
#anfrage-fehler { border-left-color: #b3261e; }

/* Ohne JavaScript leitet /api/contact auf eine dieser Sprungmarken; der
   Abstand hält die Meldung unter dem festen Seitenkopf. */
.anfrage-meldung { display: none; scroll-margin-top: 120px; }
.anfrage-meldung:target { display: block; }