/* ============================================================
   Verdor — nur fuer die ausgelieferte Website
   Ergaenzt components.css um Zustaende, die im Entwurfs-Canvas
   von der Vorlagenlogik uebernommen werden.
   ============================================================ */

/* Fehlermeldungen erscheinen erst, wenn das Feld beanstandet wird */
.field__err { display: none; }
.field--error .field__err,
.field__err.is-shown { display: block; }

/* Formular und Bestaetigung wechseln sich ab */
[hidden] { display: none !important; }

/* Tastaturbedienung sichtbar machen */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Sanftes Springen zu Ankern, Kopfzeile beruecksichtigt */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: calc(var(--nav-h) + 16px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }