/* Farben und Kopfzeile – gemeinsam für die Seiten und den Bereich „Erfassen“ */
:root {
  --grund: #f6f7f5; --flaeche: #ffffff; --text: #1d2420; --leise: #5d6b64; --linie: #dde3df;
  --akzent: #2e5e4e; --akzent-hell: #e6efeb; --warn: #9a5b00; --warn-hell: #fdf3e2;
  --rot: #a3322a; --rot-hell: #fbeceb; --gut: #2f7a3e;
}
@media (prefers-color-scheme: dark) {
  :root {
    --grund: #141816; --flaeche: #1c221f; --text: #e6ebe8; --leise: #9aa8a1; --linie: #2e3733;
    --akzent: #7fbfa6; --akzent-hell: #22332c; --warn: #e3a54a; --warn-hell: #33291a;
    --rot: #ec8a82; --rot-hell: #3a2220; --gut: #7cc68a;
  }
}
.kopf { background: var(--flaeche); border-bottom: 1px solid var(--linie); padding: 10px 16px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; position: sticky; top: 0; z-index: 5; }
.marke { font-weight: 700; color: var(--akzent); text-decoration: none; font-size: 17px; }
nav.kopf-nav, .kopf nav { display: flex; flex-wrap: wrap; gap: 4px; }
.kopf nav a { text-decoration: none; color: var(--text); padding: 6px 10px; border-radius: 8px; }
.kopf nav a.aktiv { background: var(--akzent-hell); color: var(--akzent); font-weight: 600; }
.kopf nav a.leise { color: var(--leise); }