/* formular.css — Zustände der Anfrageformulare: Fehler am Feld und Erfolgs-Haken (10.10.2026, Auftrag Jan).
   Gilt für die 19 Unterseiten mit Anfrageblock; die Startseite trägt denselben Block inline in index.html (eigenes
   Stylesheet, kein zusätzlicher Aufruf). Wer hier ändert, ändert dort mit. Markup und Logik setzt js/anfrage.js.
   Werte aus der Marke: Weißgold als einziger Akzent, Haarlinien, keine Rundungen außer dem Ring des Hakens, keine
   Signalfarben (Brand-Guidelines §2). Der Fehler fällt durch Text und die kräftigere Linie auf, nicht durch Rot. */

/* Fehler am Feld: Linie in Weißgold, darunter in der Schrift der Seite, was fehlt (Muster wie .formfehler) */
form .field input[aria-invalid="true"]{border-bottom-color:var(--warm,#E3D8B4);box-shadow:0 1px 0 var(--warm,#E3D8B4)}
form .field input[aria-invalid="true"]~label{color:var(--warm,#E3D8B4)}
.field p.field-fehler{margin:.55rem 0 0;padding-left:.8rem;border-left:1px solid var(--warm,#E3D8B4);
  font-weight:300;font-size:.875rem;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;
  color:var(--ink,#f5f1e8);max-width:none}

/* Erfolg: Das Formular ist ausgeblendet, an seiner Stelle steht der Haken mit dem Danke-Satz. Die Höhe hält
   js/anfrage.js (min-height) auf der des Formulars, damit die Seite nicht springt. */
.success.ist-da{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.1rem;
  padding:0;line-height:1.6}
.float .success.ist-da,.finale .success.ist-da{align-items:center;text-align:center}
.success.ist-da:focus{outline:none}
.success .haken{width:4rem;height:4rem;flex:none;overflow:visible;
  filter:drop-shadow(0 0 .9rem rgba(227,216,180,.4));animation:haken-licht 1.8s ease-out both}
.success .haken-ring,.success .haken-strich{stroke-dasharray:1;stroke-dashoffset:0}
.success .haken-ring{animation:haken-zeichnen 1.1s cubic-bezier(.45,0,.25,1) both}
.success .haken-strich{animation:haken-zeichnen .7s cubic-bezier(.45,0,.25,1) 1s both}
@keyframes haken-zeichnen{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes haken-licht{from{filter:drop-shadow(0 0 0 rgba(227,216,180,0))}to{filter:drop-shadow(0 0 .9rem rgba(227,216,180,.4))}}
@media(prefers-reduced-motion:reduce){
  .success .haken,.success .haken-ring,.success .haken-strich{animation:none}
}