:root {
  --grund: #F4EFE2;
  --tafel: #FFFFFF;
  --schiene: #1B1412;
  --auf-schiene: #FFFFFF;
  --flaeche-leise: #F0ECEB;
  --linie: #D1C0BD;
  --rand: #A98A84;
  --text-leise: #6E514A;
  --text-stark: #2C1F1C;
  --leit-flaeche: #AF2609;
  --knall: #D9230F;
  --leit-text: #AF2609;
  --auf-leit: #FFFFFF;
  --zettel: #F5EFE0;
  --gruen: #34712E;
  --auf-gruen: #FFFFFF;

  --schrift-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --schrift-text: "Archivo", system-ui, sans-serif;

  --groesse-meta: 14px;
  --groesse-klein: 16px;
  --groesse-text: 18px;
  --groesse-vorspann: 20px;
  --groesse-h3: 24px;
  --groesse-h2: clamp(30px, 5.2vw, 52px);
  --groesse-h1: clamp(34px, 6vw, 64px);

  --abstand-xs: 8px;
  --abstand-s: 16px;
  --abstand-m: 24px;
  --abstand-l: 40px;
  --abstand-xl: 64px;
  --abstand-xxl: 96px;

  --schiene-staerke: 3px;
  --kopf-hoehe: 118px;   /* Handy: obere Reihe plus Menüzeile, für die erste Tafel */
  --kopf-oben: 63px;     /* Handy: nur die klebende obere Reihe, für Sprungziele */
  --radius: 0px;
  --radius-klein: 2px;

  --schatten-weit: 0 12px 28px rgba(27, 20, 18, 0.16);
  --schatten-leucht: 0 0 0 6px rgba(255, 255, 255, 0.35), 0 18px 40px rgba(175, 38, 9, 0.35);

  --dauer: 180ms;
  --dauer-gross: 600ms;
}
@media (min-width: 800px) {
  :root {
    --groesse-vorspann: 22px;
    --groesse-h3: 28px;
  }
}
@media (min-width: 960px) {
  :root { --kopf-hoehe: 93px; --kopf-oben: 93px; }
}