:root{--flaeche:#fff;--schrift:#1e293b;--leise:#64748b;--rahmen:#e2e8f0;--akzent:#0369a1}
@media(prefers-color-scheme:dark){:root{--flaeche:#0f172a;--schrift:#e2e8f0;--leise:#94a3b8;--rahmen:#1e293b;--akzent:#7dd3fc}}
*{box-sizing:border-box}body{margin:0;background:var(--flaeche);color:var(--schrift);
font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.huelle{max-width:40rem;margin:0 auto;padding:3rem 1.25rem 5rem}
h1{font-size:2rem;margin:0 0 .5rem;letter-spacing:-.02em}
h2{font-size:1rem;margin:0 0 .75rem;color:var(--leise);text-transform:uppercase;letter-spacing:.06em}
.lead{color:var(--leise);margin:0 0 2rem}
.karte{border:1px solid var(--rahmen);border-radius:.75rem;padding:1.25rem 1.5rem;margin:0 0 1.25rem}
dl{display:grid;grid-template-columns:9rem 1fr;gap:.4rem 1rem;margin:0}
dt{color:var(--leise)}dd{margin:0}
a{color:var(--akzent)}
.knopf{display:inline-block;background:var(--akzent);color:#fff;text-decoration:none;
padding:.6rem 1.2rem;border-radius:.5rem;font-weight:600}
@media(prefers-color-scheme:dark){.knopf{color:#0f172a}}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.fehler{color:#b91c1c}@media(prefers-color-scheme:dark){.fehler{color:#fca5a5}}