:root{
  /* Corporate Design Hochtaunuskreis */
  --blau:#0F2A4E;          /* Pantone 533 C */
  --hellblau:#7FAECC;      /* Pantone 645 C */
  --rot:#DA2128;           /* Pantone 485 C */
  --gelb:#E9D521;          /* Pantone 113 C */

  --weiss:#FFFFFF;
  --flaeche:#F4F7FA;
  --linie:#D3DBE4;
  --linie-fein:#E4EAF0;
  --text:#12233C;
  --text-mid:#4B5B70;
  --text-dim:#7A889B;
  --gelb-hell:#FDF8DC;
  --gruen:#1F7A4C;

  --display:"Brandon Grotesque","Brandon Text","Brandon",Futura,"Century Gothic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular","SF Mono","Cascadia Mono",Menlo,Consolas,monospace;

  /* Ein durchgehendes Maßsystem – alle Abstände sind Vielfache von 4,
     alle Bedienelemente gleich hoch. */
  --e:4px;            /* Grundeinheit */
  --e2:8px;
  --e3:12px;
  --e4:16px;
  --e5:20px;
  --e6:24px;
  --radius:4px;       /* überall gleich */
  --radius-pille:999px;
  --hoehe:48px;       /* Eingaben, Auswahl, Knöpfe */
  --hoehe-klein:40px; /* sekundäre Knöpfe */
  --hoehe-feld:112px; /* mehrzeilige Felder */
  --hoehe-blatt:56px; /* Einträge im Aktionsblatt */
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--flaeche);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;padding-bottom:104px}

/* Kopf – Logo steht auf Weiß, Freiraum eingehalten */
.kopf{background:var(--weiss);border-bottom:3px solid var(--blau)}
/* Das Flex-Layout steht auf beiden Ebenen: Im Dashboard umschließt .kopf-heim
   Logo und Schriftzug, in formular.php und senden.php liegen sie ohne Link
   direkt in .kopf-innen. Beide Wege müssen gleich aussehen. */
.kopf-innen,.kopf-heim{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.kopf-innen{max-width:1040px;margin:0 auto;padding:26px 18px 22px}
/* Der Kopf führt zur Übersicht, sieht aber nicht wie ein Link aus:
   unterstrichene Überschriften wären eine Zumutung. */
.kopf-heim{color:inherit;text-decoration:none}
.kopf-heim:hover h1{color:var(--rot)}
.logo{flex:0 0 auto;width:104px;padding:12px 14px}
.logo svg{display:block;width:100%;height:auto}
.marke{flex:1 1 300px}
.eyebrow{font-family:var(--display);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--rot);margin:0 0 7px;font-weight:700}
.kopf h1{margin:0;font-family:var(--display);font-size:27px;line-height:1.12;font-weight:700;color:var(--blau)}
.kopf p{margin:9px 0 0;color:var(--text-mid);font-size:13.5px;max-width:60ch}

/* Abschnittsleiste des Protokollformulars. Elf Abschnitte passen in keine Zeile,
   deshalb bleibt hier das seitliche Scrollen – anders als in der Hauptnavigation
   lässt sich eine Gliederung nicht bündeln. Damit das trotzdem trägt:
   Verlaufskanten zeigen, dass es weitergeht, und assets/nav.js hält den gerade
   sichtbaren Abschnitt im Blick. */
.nav{position:sticky;top:0;z-index:40;background:var(--weiss);border-bottom:1px solid var(--linie);box-shadow:0 1px 3px rgba(15,42,78,.06)}
.nav-kante{position:relative;max-width:1040px;margin:0 auto}
.nav-innen{display:flex;gap:var(--e);overflow-x:auto;overscroll-behavior-x:contain;padding:var(--e2) var(--e3);
  scrollbar-width:thin;scrollbar-color:var(--hellblau) transparent}
.nav-innen::-webkit-scrollbar{height:3px}
.nav-innen::-webkit-scrollbar-track{background:transparent}
.nav-innen::-webkit-scrollbar-thumb{background:var(--hellblau);border-radius:var(--radius-pille)}
.nav-kante::before,.nav-kante::after{content:"";position:absolute;top:0;bottom:0;width:var(--e6);
  pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}
.nav-kante::before{left:0;background:linear-gradient(to right,var(--weiss),rgba(255,255,255,0))}
.nav-kante::after{right:0;background:linear-gradient(to left,var(--weiss),rgba(255,255,255,0))}
.nav-kante.mehr-links::before{opacity:1}
.nav-kante.mehr-rechts::after{opacity:1}
.nav a{flex:0 0 auto;display:flex;align-items:center;gap:var(--e2);min-height:var(--hoehe-klein);
  font-family:var(--display);font-size:13px;letter-spacing:.01em;font-weight:700;
  color:var(--text-mid);text-decoration:none;padding:0 var(--e3);border-radius:var(--radius);white-space:nowrap}
.nav a:hover{color:var(--blau);background:var(--flaeche)}
/* Gefüllte Fläche wie in der Hauptnavigation – ein dünner Strich verschwindet
   nachts auf dem gedimmten Tablet. */
.nav a.aktiv{color:var(--weiss);background:var(--blau)}
.nav-nr{font-size:11px;letter-spacing:.08em;color:var(--hellblau);font-variant-numeric:tabular-nums}
.nav a.aktiv .nav-nr{color:rgba(255,255,255,.75)}

main{max-width:1040px;margin:0 auto;padding:0 18px}
section{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);margin:var(--e4) 0;padding:var(--e5);scroll-margin-top:62px}
section > h2{margin:0 0 4px;font-family:var(--display);font-size:19px;font-weight:700;color:var(--blau);display:flex;align-items:baseline;gap:12px}
.nr{font-family:var(--display);font-size:12px;letter-spacing:.18em;color:var(--hellblau);font-weight:700}
.hinweis{margin:0 0 16px;color:var(--text-mid);font-size:13.5px;max-width:72ch}
.trenner{height:1px;background:var(--linie-fein);margin:20px 0 16px;border:0}
h3{font-family:var(--display);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--blau);margin:20px 0 12px;font-weight:700}

.raster{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--e3)}
.feld{grid-column:span 12;display:flex;flex-direction:column;gap:var(--e);min-width:0}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}.s8{grid-column:span 8}
@media (max-width:860px){.s3,.s4{grid-column:span 6}.s6,.s8{grid-column:span 12}}
@media (max-width:560px){.s3,.s4,.s6,.s8{grid-column:span 12}}

label{font-size:13px;color:var(--text-mid);font-weight:500}
label .pflicht{color:var(--rot)}
input[type=text],input[type=date],input[type=time],input[type=number],input[type=email],
input[type=password],select,textarea{
  width:100%;background:var(--weiss);color:var(--text);border:1px solid var(--linie);border-radius:var(--radius);
  padding:0 var(--e3);font-family:var(--sans);font-size:15px;min-height:var(--hoehe)}
input[type=date],input[type=time],input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}
textarea{min-height:var(--hoehe-feld);resize:vertical;line-height:1.55;padding:var(--e3)}
input:hover,select:hover,textarea:hover{border-color:var(--hellblau)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--hellblau);outline-offset:2px;border-color:var(--blau)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blau) 50%),linear-gradient(135deg,var(--blau) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-size:5px 5px;background-repeat:no-repeat}
input[type=file]{font-size:13px;color:var(--text-mid);background:var(--flaeche);border:1px dashed var(--linie);border-radius:var(--radius);padding:12px;min-height:0}
input[type=file]::file-selector-button{background:var(--weiss);color:var(--blau);border:1px solid var(--linie);border-radius:var(--radius);padding:8px 12px;margin-right:12px;font-family:var(--display);font-weight:700;font-size:12px;cursor:pointer}

.zeit{display:flex;gap:var(--e2)}
.zeit input{flex:1}
.jetzt{flex:0 0 auto;background:var(--weiss);color:var(--blau);border:1px solid var(--linie);border-radius:var(--radius);
  padding:0 var(--e4);font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;cursor:pointer;min-height:var(--hoehe)}
.jetzt:hover{border-color:var(--blau);background:var(--flaeche)}

.gruppe{display:flex;flex-wrap:wrap;gap:var(--e2)}
.gruppe.spalten{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.opt{display:flex;align-items:flex-start;gap:10px;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);
  padding:var(--e3);cursor:pointer;font-size:14.5px;line-height:1.35;color:var(--text)}
.opt:hover{border-color:var(--hellblau)}
.opt input{accent-color:var(--rot);width:19px;height:19px;margin:1px 0 0;flex:0 0 auto}
.opt:has(input:checked){border-color:var(--rot);background:#FDF2F3}

.warnblock{border-left:5px solid var(--gelb)}
.merker{font-size:13px;line-height:1.55;color:var(--text-mid);background:var(--gelb-hell);border:1px solid #EFE39A;border-radius:var(--radius);padding:12px 14px;margin:0 0 18px}
.warnblock .opt input{accent-color:var(--blau)}
.warnblock .opt:has(input:checked){border-color:var(--blau);background:#F1F5FA}
.stufe{display:flex;align-items:center;gap:10px}
.punkt{width:12px;height:12px;border-radius:var(--radius);flex:0 0 auto;border:1px solid rgba(0,0,0,.15)}
.p1{background:#D6202A}.p2{background:#F0651F}.p3{background:var(--gelb)}

.tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
table{width:100%;border-collapse:collapse;min-width:680px}
th{font-family:var(--display);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blau);text-align:left;font-weight:700;padding:0 8px 8px;border-bottom:2px solid var(--blau)}
td{padding:5px 4px;vertical-align:top}
td input,td select{min-height:var(--hoehe-klein);padding:0 var(--e2);font-size:14.5px}
.zeilnr{font-family:var(--mono);font-size:12px;color:var(--text-dim);padding-top:20px;width:26px;text-align:right}
.weg{background:none;border:0;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:10px;border-radius:var(--radius)}
.weg:hover{color:var(--rot);background:var(--flaeche)}
.plus{margin-top:10px;background:var(--weiss);color:var(--blau);border:1px solid var(--blau);border-radius:var(--radius);
  padding:11px 16px;font-family:var(--display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer}
.plus:hover{background:var(--blau);color:#fff}

.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:14px;margin-bottom:10px;position:relative}
.karte .weg{position:absolute;top:8px;right:8px}
.karte .kopfzeile{margin-bottom:10px;font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--blau)}
.karte input,.karte textarea{background:var(--weiss)}

.wenn{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--linie-fein)}
.wenn.offen{display:block}

.fussleiste{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--weiss);border-top:1px solid var(--linie);box-shadow:0 -2px 8px rgba(15,42,78,.08)}
.fuss-innen{max-width:1040px;margin:0 auto;padding:var(--e3) var(--e4);display:flex;gap:var(--e2);align-items:center;flex-wrap:wrap}
.dauer{font-family:var(--mono);font-size:12px;color:var(--text-mid);margin-right:auto}
.dauer b{color:var(--blau);font-weight:700}
.btn{border-radius:var(--radius);min-height:var(--hoehe);padding:0 var(--e5);font-size:14px;cursor:pointer;border:1px solid var(--linie);background:var(--weiss);color:var(--blau);font-family:var(--display);font-weight:700;letter-spacing:.04em}
.btn:hover{border-color:var(--blau)}
.btn-haupt{background:var(--rot);border-color:var(--rot);color:#fff}
.btn-haupt:hover{background:#B71A20;border-color:#B71A20}
.btn-still{border-color:transparent;color:var(--text-mid)}
.fusstext{max-width:1040px;margin:0 auto;padding:6px 18px 30px;color:var(--text-dim);font-size:12.5px;line-height:1.6}
.fusstext code{font-family:var(--mono);font-size:11.5px;background:var(--weiss);border:1px solid var(--linie);padding:2px 5px;border-radius:var(--radius)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:92px;z-index:60;background:var(--gruen);color:#fff;padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .18s}
.toast.zeigen{opacity:1}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  .nav,.fussleiste,.jetzt,.plus,.weg,.toast{display:none!important}
  body{background:#fff;padding:0;font-size:11pt}
  section{break-inside:avoid;border:1px solid #999;margin:8px 0;padding:12px}
  .wenn{display:block!important}
  input,select,textarea{border:1px solid #999;min-height:0;padding:5px}
  table{min-width:0}
  .logo{width:70px}
}

/* ============ Dashboard ============ */
.logo img{display:block;width:100%;height:auto}
/* Die Leiste trägt nur noch vier Ziele und passt damit ohne Scrollen. Reicht der
   Platz doch nicht, bricht sie um – verstecken wäre schlimmer als eine Zeile mehr. */
.hauptnav{background:var(--blau)}
.hauptnav-innen{max-width:1040px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;
  gap:var(--e2);padding:var(--e2) var(--e3)}
.hauptnav-punkte{display:flex;align-items:center;gap:var(--e);flex:0 1 auto;min-width:0}
.hauptnav-punkte > a,.nav-menue > summary{display:flex;align-items:center;min-height:var(--hoehe-klein);
  font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.01em;
  color:#C7D6E4;text-decoration:none;padding:0 var(--e3);white-space:nowrap;
  border-radius:var(--radius);cursor:pointer}
.hauptnav-punkte > a:hover,.nav-menue > summary:hover{color:#fff;background:rgba(255,255,255,.09)}
/* Gefüllte Fläche statt dünnem Strich: nachts auf dem gedimmten Tablet
   ist eine 3px-Linie kaum zu sehen. */
.hauptnav-punkte > a.aktiv,.nav-menue > summary.aktiv{color:var(--blau);background:var(--weiss)}

/* Laufende Lage – von jeder Seite ein Tipp zurück in die Einsatzansicht. */
.nav-lage{display:flex;align-items:center;gap:var(--e2);flex:0 1 auto;min-width:0;
  background:var(--rot);color:#fff;text-decoration:none;border-radius:var(--radius);
  min-height:var(--hoehe-klein);padding:0 var(--e3);font-size:13px}
.nav-lage:hover{background:#B71A20}
.nav-lage-puls{width:9px;height:9px;border-radius:50%;background:#fff;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:puls 2.2s infinite}
.nav-lage-wort{flex:0 0 auto;opacity:.85}
.nav-lage b{font-family:var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.nav-lage-puls{animation:none}}

/* Verwaltung als Aufklappmenü: reines <details>, kein zusätzliches Gerüst. */
.nav-menue{position:relative;flex:0 0 auto}
.nav-menue > summary{list-style:none;gap:var(--e2)}
.nav-menue > summary::-webkit-details-marker{display:none}
.nav-menue > summary::after{content:"";width:0;height:0;flex:0 0 auto;
  border:4px solid transparent;border-top-color:currentColor;margin-top:4px}
.nav-menue[open] > summary::after{transform:rotate(180deg);margin:0 0 4px}
.nav-menue-inhalt{position:absolute;top:calc(100% + var(--e));left:0;z-index:50;min-width:200px;
  display:flex;flex-direction:column;background:var(--weiss);border:1px solid var(--linie);
  border-radius:var(--radius);box-shadow:0 6px 18px rgba(15,42,78,.22);padding:var(--e) 0}
.nav-menue-inhalt a{display:flex;align-items:center;min-height:var(--hoehe);padding:0 var(--e4);
  font-size:15px;color:var(--blau);text-decoration:none;white-space:nowrap}
.nav-menue-inhalt a:hover{background:var(--flaeche)}
.nav-menue-inhalt a.aktiv{font-weight:700;box-shadow:inset 3px 0 0 var(--rot)}

/* Einsatz starten – Rot nur, solange keine Lage läuft. */
.nav-start{display:flex;align-items:center;flex:0 0 auto;min-height:var(--hoehe-klein);
  padding:0 var(--e4);border-radius:var(--radius);font-family:var(--display);font-size:14px;font-weight:700;
  text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.45);white-space:nowrap}
.nav-start:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.nav-start-haupt{background:var(--rot);border-color:var(--rot)}
.nav-start-haupt:hover{background:#B71A20;border-color:#B71A20}

/* Zurück-Link der Rückfallebene (formular.php) – dieselbe Leiste, ein Ziel. */
.nav-zurueck{display:flex;align-items:center;flex:0 0 auto;min-height:var(--hoehe-klein);padding:0 var(--e3);
  font-family:var(--display);font-size:14px;font-weight:700;color:#C7D6E4;text-decoration:none;
  border-radius:var(--radius);white-space:nowrap}
.nav-zurueck:hover{color:#fff;background:rgba(255,255,255,.09)}

.hauptnav .rechts{flex:0 0 auto;margin-left:auto;font-size:12px;color:#8FA6BF;padding:0 0 0 var(--e2);
  text-transform:none;letter-spacing:0}
/* Wird es eng, weicht zuerst der Name – Abmelden muss bleiben. */
@media (max-width:720px){.rechts-name{display:none}.nav-lage-wort{display:none}}

.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--e3);margin:var(--e4) 0}
.kachel{background:var(--weiss);border:1px solid var(--linie);border-left:4px solid var(--hellblau);border-radius:var(--radius);padding:var(--e4)}
.kachel .zahl{font-family:var(--display);font-size:32px;font-weight:700;color:var(--blau);line-height:1}
.kachel .bez{font-size:12.5px;color:var(--text-mid);margin-top:4px}
.kachel.warn{border-left-color:var(--gelb)}
.kachel.rot{border-left-color:var(--rot)}

.liste{width:100%;border-collapse:collapse;min-width:640px}
.liste th{font-family:var(--display);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blau);
  text-align:left;font-weight:700;padding:0 10px 8px;border-bottom:2px solid var(--blau)}
.liste td{padding:var(--e3) var(--e2);border-bottom:1px solid var(--linie-fein);font-size:14.5px;vertical-align:top}
.liste tr:hover td{background:var(--flaeche)}
.liste a{color:var(--blau);font-weight:600;text-decoration:none}
.liste a:hover{text-decoration:underline}

.marke-status{display:inline-block;font-family:var(--display);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;padding:4px 8px;border-radius:var(--radius);border:1px solid}
.st-eingegangen{color:#8A5A00;background:var(--gelb-hell);border-color:#EFE39A}
.st-geprueft{color:var(--blau);background:#EEF3F9;border-color:#C9D9E8}
.st-abgeschlossen{color:var(--gruen);background:#EBF6F0;border-color:#BFE0CE}

.meldung{border-radius:var(--radius);padding:var(--e3) var(--e4);margin:var(--e4) 0;font-size:14px;border:1px solid}
.m-ok{background:#EBF6F0;border-color:#BFE0CE;color:#155F3B}
.m-fehler{background:#FDF2F3;border-color:#EFC3C6;color:#8E1219}
.m-info{background:#EEF3F9;border-color:#C9D9E8;color:var(--blau)}

.paar{display:grid;grid-template-columns:230px 1fr;gap:2px 18px;font-size:14.5px}
.paar dt{color:var(--text-mid);font-size:13px;padding:7px 0;border-bottom:1px solid var(--linie-fein)}
.paar dd{margin:0;padding:7px 0;border-bottom:1px solid var(--linie-fein);white-space:pre-wrap}
@media (max-width:640px){.paar{grid-template-columns:1fr;gap:0}.paar dt{padding-bottom:0;border:0}}

.werkzeuge{display:flex;gap:var(--e2);flex-wrap:wrap;align-items:center;margin-bottom:16px}
.werkzeuge .such{flex:1 1 220px;min-width:180px}
.mini{min-height:var(--hoehe-klein);padding:0 var(--e4);font-size:12.5px}
.dok{display:flex;gap:var(--e3);align-items:flex-start;padding:var(--e3) 0;border-bottom:1px solid var(--linie-fein)}
.dok .art{font-family:var(--display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  color:var(--hellblau);border:1px solid var(--linie);border-radius:var(--radius);padding:4px 7px;flex:0 0 auto;margin-top:2px}
.dok h4{margin:0 0 3px;font-size:15px}
.dok p{margin:0;font-size:13px;color:var(--text-mid)}
.dok h4 a{color:var(--blau);text-decoration:none}
.dok h4 a:hover{text-decoration:underline}
.anmeldung{max-width:400px;margin:60px auto;padding:0 18px}
.hauptnav .rechts{display:flex;align-items:center;gap:8px}
.hauptnav .rechts a{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;padding:0;border:0;color:#fff;text-decoration:underline}

/* Laufender Einsatz auf der Übersicht */
section.laufend{border-left:5px solid var(--rot)}
.einsatz-kachel{
  display:flex;align-items:center;gap:var(--e4);text-decoration:none;color:inherit;
  border:1px solid var(--linie);border-radius:var(--radius);padding:var(--e4);margin-bottom:var(--e2);background:var(--weiss)
}
.einsatz-kachel:hover{border-color:var(--rot);background:#FFF8F8}
.ek-puls{
  width:12px;height:12px;border-radius:50%;background:var(--rot);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(218,33,40,.6);animation:puls 2.2s infinite
}
@keyframes puls{
  70%{box-shadow:0 0 0 12px rgba(218,33,40,0)}
  100%{box-shadow:0 0 0 0 rgba(218,33,40,0)}
}
@media (prefers-reduced-motion:reduce){.ek-puls{animation:none}}
.ek-text{flex:1 1 auto;min-width:0}
.ek-text b{display:block;font-size:16px;color:var(--blau)}
.ek-text span{display:block;font-size:13.5px;color:var(--text-mid)}
.ek-neben{font-size:12.5px !important;color:var(--text-dim) !important;margin-top:3px}
.ek-pfeil{
  flex:0 0 auto;font-family:var(--display);font-weight:700;font-size:13px;color:var(--rot);
  letter-spacing:.04em;white-space:nowrap
}