@font-face{font-family:'Atkinson Hyperlegible';src:url(./assets/atkinson-regular-CasLllZS.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible';src:url(./assets/atkinson-bold-DARgXUrX.woff2) format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light dark;--grund:#EFEDE8;--blatt:#FFFEFB;--tinte:#1D2530;--tinte-2:#4C5661;--linie:#DDD8CF;--akzent:#17756A;--akzent-druck:#105E55;--akzent-tinte:#0E5A51;--auf-akzent:#FFFFFF;--code:#F7F5F0;--fokus:#1B5FC1}
@media (prefers-color-scheme:dark){:root{--grund:#14181D;--blatt:#1D232A;--tinte:#E8ECEF;--tinte-2:#AAB4BE;--linie:#323B45;--akzent:#5CC2B2;--akzent-druck:#7FD3C5;--akzent-tinte:#7FD3C5;--auf-akzent:#08201D;--code:#242B33;--fokus:#8DB8FF}}
*{box-sizing:border-box}
body{margin:0;background:var(--grund);color:var(--tinte);font:1rem/1.5 'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;padding:0 16px}
a{color:var(--akzent-tinte)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:4px}
.kopf,.blatt,.fuss{max-width:760px;margin:0 auto}
.kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:20px 0 16px}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte)}
.zeichen{width:36px;height:36px}
.wort{font-size:1.6rem;font-weight:400;letter-spacing:-.02em;line-height:1}
.wort b{color:var(--akzent);font-weight:700}
.unter{color:var(--tinte-2);font-size:.9rem}
.blatt{background:var(--blatt);border:1px solid var(--linie);border-radius:16px;padding:clamp(20px,4vw,40px)}
h1{font-size:1.6rem;line-height:1.25;margin:.2em 0 .6em}
h2{font-size:1.15rem;line-height:1.3;margin:1.6em 0 .4em}
p,li{max-width:68ch}
li{margin:.25em 0}
pre{background:var(--code);border:1px solid var(--linie);border-radius:8px;padding:12px;overflow-x:auto;font:.9rem/1.45 ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.apa{border-left:3px solid var(--akzent);padding-left:12px}
.krumen{font-size:.9rem;color:var(--tinte-2)}
.kurz{color:var(--tinte-2);margin-top:0}
.spalten{columns:2 16rem}
.verwandt{border-top:1px solid var(--linie);margin-top:2em}
.los{margin:2em 0 0}
.knopf{display:inline-block;background:var(--akzent);color:var(--auf-akzent);text-decoration:none;font-weight:700;padding:10px 20px;border-radius:999px}
.knopf:hover{background:var(--akzent-druck)}
.fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 32px;color:var(--tinte-2);font-size:.9rem}
.fuss a{color:var(--tinte-2)}
summary{cursor:pointer}
.lizenz{flex-basis:100%;margin:0}
.sprachen{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px}