@font-face { font-family: 'Source Serif 4'; src: url(fonts/source-serif-4-latin.woff2) format('woff2'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/plex-sans-latin.woff2) format('woff2'); font-weight: 300 600; font-display: swap; }
:root { --nacht: #030712; --linie: rgba(148,178,214,0.13); --papier: #e8eef6; --text2: #b3c1d4; --text3: #7e90a8;
        --geprueft: #22d3ee; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--nacht); color: var(--papier); }
body { font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif; font-size: 16.5px; line-height: 1.65; font-weight: 300;
       padding: 28px 16px 64px; }
main { max-width: 720px; margin: 0 auto; }
a { color: var(--geprueft); }
.zurueck { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--papier); margin-bottom: 48px; }
.zurueck img { width: 28px; height: 28px; border-radius: 7px; }
.zurueck .wortmarke { font-size: 20px; }
.wortmarke { font-family: 'SF Pro Display', -apple-system, 'Segoe UI', system-ui, sans-serif; font-weight: 700;
             letter-spacing: -0.01em; color: var(--papier); }
.wortmarke b { font-weight: inherit; color: #06b6d4; }
h1 { font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: clamp(34px, 6vw, 48px); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 28px; }
h2 { font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 22px; margin: 36px 0 8px; }
p, li { color: var(--text2); }
b { color: var(--papier); font-weight: 500; }
.offen { color: #fbbf24; font-weight: 500; }
footer { max-width: 720px; margin: 56px auto 0; padding-top: 20px; border-top: 1px solid var(--linie); font-size: 13.5px; color: var(--text3); }
footer a { color: var(--text3); margin-right: 18px; }