:root{--text:#1A1D21;--muted:#5F6672;--line:#E5E7EB;--soft:#F1F3F5;--blue:#1666B8;--blue-dark:#135A9E;--blue-bg:#D6EAFB;--orange:#A8390A;--orange-bg:#FDE7D6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:#fff;font-size:15px}
a{color:var(--blue-dark)}a:hover{color:#0E4377}
header.top{min-height:64px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.wort{font-size:20px;font-weight:600;letter-spacing:.2em}
.app{color:var(--muted)}
.kenn{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:12px;background:var(--orange-bg);color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.06em}
.rechts{margin-left:auto;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px}
.layout{display:flex;flex-wrap:wrap;min-height:calc(100vh - 65px)}
nav.seite{flex:1 1 232px;max-width:260px;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:4px}
nav.seite a,nav.seite span.aus{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--text)}
nav.seite a.aktiv{background:var(--blue-bg);color:var(--blue-dark);font-weight:600}
nav.seite span.aus{color:var(--muted)}
nav.seite .abschnitt{margin:20px 12px 6px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
main{flex:999 1 560px;min-width:0;padding:32px 40px 48px;display:flex;flex-direction:column;gap:20px}
main.schmal{max-width:760px;margin:0 auto;padding:40px 24px}
h1{margin:0;font-size:28px}h2{margin:0;font-size:17px}
.karte{border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}
.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:13px;font-size:13px;font-weight:600;background:var(--soft);color:#3C4450}
.badge.blau{background:var(--blue-bg);color:var(--blue-dark)}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;border:0;background:var(--blue);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.knopf.hell{background:#fff;color:var(--text);border:1px solid #C9CED6;font-weight:500}
.leise{color:var(--muted);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--muted);font-weight:500;font-size:13px;padding:10px 8px;border-bottom:1px solid var(--line)}
td{padding:10px 8px;border-bottom:1px solid var(--soft)}
.tabelle{overflow-x:auto}
.mitte{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#F5F7F9;padding:40px 20px}
.mitte .karte{background:#fff;max-width:440px;width:100%;padding:36px 32px;gap:20px}
form.inline{display:inline}
.linkknopf{background:none;border:0;padding:0;font:inherit;color:var(--blue-dark);text-decoration:underline;cursor:pointer;min-height:44px}