/* Kontaktseite – Ergänzungen zu site.css. Nur Tokens aus site.css, keine eigenen Farben. */

/* Fehlerzeile: Icon + Text, nie nur Farbe. Verschwindet, solange der Text leer ist. */
.fehlerzeile { display: flex; align-items: flex-start; gap: var(--s-2); color: var(--fehler); font-size: .875rem; line-height: 1.4; }
.fehlerzeile .icon { margin-top: 2px; }
.fehlerzeile [data-error-for] { font-weight: 500; }
.fehlerzeile:has(> [data-error-for]:empty) { display: none; }

/* Seitenleiste: Panel „Direkter Kontakt“ */
.kontakt-seite .t-mono-label { display: block; margin-bottom: var(--s-3); }
.kontakt-seite .panel .t-h3 { margin-bottom: var(--s-2); }
.kontakt-seite .kontakt-satz { color: var(--graphit); margin-bottom: var(--s-4); }
.kontakt-seite .datenblatt > div:last-child { border-bottom: 0; padding-bottom: 0; }

/* Optionale Angaben: Plus-Icon dreht sich beim Öffnen */
.optionale-angaben summary .icon { color: var(--graphit); transition: transform var(--t-micro) var(--e-eingang); }
.optionale-angaben[open] summary .icon { transform: rotate(45deg); }

/* Abstand zwischen Datenschutz-Haken und seiner Fehlerzeile */
.datenschutz-haken + .fehlerzeile { margin-top: var(--s-2); }