/* Impressum und Datenschutz: Farben und Modus wie die Hauptseite, Systemschrift, damit die Seiten leicht bleiben. */
:root { --papier: #F3F4EF; --tinte: #111312; --neon: #C6F432; --stein: #6B6F68; --haar: #D6D8D0; }
html[data-modus="dunkel"] { --papier: #121413; --tinte: #ECEDE7; --stein: #9A9E96; --haar: #2C302D; color-scheme: dark; }
html:not([data-sprache="de"]) [data-l="de"], html[data-sprache="de"] [data-l="en"] { display: none !important; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--papier); color: var(--tinte); font: 17px/1.6 "IBM Plex Sans", system-ui, sans-serif; }
header { display: flex; justify-content: space-between; align-items: center; gap: 16px; max-width: 760px; margin: 0 auto; padding: 20px 16px; border-bottom: 1px solid var(--tinte); }
header img { height: 22px; display: block; }
.logo-dunkel { display: none !important; }
html[data-modus="dunkel"] .logo-hell { display: none !important; }
html[data-modus="dunkel"] .logo-dunkel { display: block !important; }
.zurueck { color: var(--tinte); font: 13px ui-monospace, "IBM Plex Mono", monospace; text-decoration: none; }
.zurueck:hover { background: var(--neon); color: #111312; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 80px; }
.code { font: 12px/1.4 ui-monospace, "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--stein); }
h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1; margin: 8px 0 28px; text-transform: uppercase; letter-spacing: -.01em; }
h2 { font-size: 18px; margin: 32px 0 6px; padding-top: 14px; border-top: 1px solid var(--haar); }
h3 { font-size: 16px; margin: 22px 0 4px; }
h4 { font-size: 15px; font-weight: 600; margin: 14px 0 2px; }
p, li { margin: 6px 0; }
ul { padding-left: 20px; }
a { color: var(--tinte); }
a:hover { background: var(--neon); color: #111312; }
.fuss { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--tinte); }