/* FOLIENWERK — eigene Farbe und Schrift, Grammatik kommt aus grammatik.css.
   Kalt und vermessen: Graphit statt Schwarz, Mint statt Cyan, Grotesk mit
   Mono-Beschriftung. Die Bilder sind helle Studiotafeln — auf dunklem
   Grund wirken sie wie Tafeln in einem Handbuch. */
@font-face{font-family:'Switzer';src:url('fonts/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'PlexMono';src:url('fonts/plexmono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'PlexMono';src:url('fonts/plexmono-500.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --grund:#0D1114;
  --tiefer:#141A1E;
  --schrift:#EAF0F1;
  --dim:rgba(234,240,241,.68);
  --linie:rgba(234,240,241,.17);
  --linie-stark:rgba(234,240,241,.50);
  --akzent:#5CE0CE;
  --akzent-auf:#0D1114;
  --anzeige:'Switzer',system-ui,sans-serif;
  --anzeige-gewicht:600;
  --lauf:'Switzer',system-ui,sans-serif;
  --satz-versal:uppercase;
  --satz-sperr:-.005em;
  --kopf-schleier:rgba(13,17,20,.74);
  --szene-schleier:linear-gradient(180deg,rgba(13,17,20,.46) 0%,rgba(13,17,20,.02) 32%,rgba(13,17,20,.88) 100%);
  --szene-mitte-scrim:radial-gradient(62% 48% at 50% 50%,rgba(13,17,20,.70) 0%,rgba(13,17,20,.34) 58%,transparent 100%);
  --split-schleier:rgba(13,17,20,.88);
  --wisch-knopf:rgba(13,17,20,.72);
  --schild-grund:rgba(13,17,20,.82);
}

/* Mono traegt alle Beschriftungen — das ist die Handschrift dieser Seite. */
.kopf,.marke,.label,.wisch__schild,.regler-hinweis,.kachel span,
.register th,.register td:last-child,.register caption,.fuss,.ueber__karte dt{
  font-family:'PlexMono',ui-monospace,monospace}

.spur{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;
  border-top:1px solid var(--linie);font-family:'PlexMono',monospace;font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase;background:var(--tiefer)}
.spur li{flex:1 1 160px;padding:15px 17px;border-right:1px solid var(--linie);color:var(--dim)}
.spur li:last-child{border-right:0}
.spur b{display:block;color:var(--schrift);font-weight:500;margin-bottom:.35em}

.daten{margin:0;font-family:'PlexMono',monospace;font-size:13px}
.daten dt{color:var(--akzent);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  border-top:1px solid var(--linie);padding-top:13px}
.daten dd{margin:.35em 0 17px}