/* Schreibtischrunde – Markenfarben (nur Variablen, Kontrastwerte in DESIGN.md) */
:root {
  --marke: #2b5f56;
  --marke-dunkel: #1f463f;
  --marke-hell: #e5f0ed;
  --akzent: #d98b2b;
  --flaeche: #f6f3ee;
  --radius: 14px;
}
/* Ablaufkarte im Startbereich: Tabelle ohne Kopfzeilen-Hintergrund, Zeiten in Markenfarbe */
.ablauf td:first-child { white-space: nowrap; font-weight: 650; color: var(--marke-dunkel); width: 5.5rem; }
/* Formulare: Abstand zwischen Feldern, Auswahlkästchen in normaler Größe */
.formular > div { margin-bottom: 1.1rem; }
.formular input[type=checkbox] { width: auto; min-height: 0; margin-right: .5rem; }
.formular .feld-falle { position: absolute; left: -9999px; }
/* Lange deutsche Wörter (z. B. „Geschäftsbedingungen“) bei 390 px trennen statt überlaufen */
h1, h2, td, th { hyphens: auto; overflow-wrap: break-word; }
/* Kopf bei 390 px: Name und Knopf nebeneinander ohne Überlappung */
@media (max-width: 400px) { .logo { font-size: 1.02rem; } .kopf .wrap { gap: .5rem; } .nav .btn { padding-inline: 1rem; } }