@font-face{font-family:"Bricolage Grotesque";src:url(/schriften/bricolage-500.woff2?v=a79fdb52) format("woff2");font-weight:500 800;font-display:swap}@font-face{font-family:"Instrument Sans";src:url(/schriften/instrument-400.woff2?v=2ee17598) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url(/schriften/jetbrains-400.woff2?v=83c005d4) format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:light dark;--f-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;--f-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--bg:#E7E9EC;--fg:#15181D;--muted:#626A75;--line:#CDD2D9;--acc:#3C78A8;--deep:#2A5A82;--soft:#D6E2EC;--on:#FFFFFF;--dot:rgba(42,90,130,.24);--card:#FFFFFF}
@media(prefers-color-scheme:dark){:root{--bg:#1B1E23;--fg:#EEF0F2;--muted:#9AA1AC;--line:#363B44;--acc:#6A9FC9;--deep:#8DB6D8;--soft:#1F3142;--on:#0D1620;--dot:rgba(106,159,201,.20);--card:#282C33}}

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
body{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.6 var(--f-body);background-image:radial-gradient(circle,var(--dot) .9px,transparent 1.3px);background-size:10px 10px}
.skip{position:absolute;left:12px;top:-60px;padding:10px 16px;border-radius:10px;background:var(--acc);color:var(--on);font-weight:700;text-decoration:none;z-index:10}.skip:focus{top:12px}
.b{max-width:860px;margin:0 auto;padding:24px 20px 56px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
.logo{display:inline-flex;align-items:center;gap:10px;font:800 28px var(--f-display);letter-spacing:-.02em;color:var(--fg);text-decoration:none}
.kopf{width:36px;flex:none}.kopf svg{display:block;width:100%;height:auto}.logo em{font-style:normal;color:var(--acc)}
.handle{font:700 13px var(--f-mono);color:var(--muted);text-decoration:none;white-space:nowrap}
a{color:var(--deep)}a:focus-visible,button:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
.krumen{margin:0 0 24px;font:700 13px var(--f-mono);color:var(--muted)}.krumen ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0}
.krumen li+li:before{content:"/";margin-right:10px;color:var(--line)}.krumen a{color:var(--muted);text-decoration:none}.krumen a:hover{text-decoration:underline}
.kick{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--deep);margin:0 0 14px}
h1{font:800 clamp(32px,7.5vw,48px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}
h2{font:800 28px/1.15 var(--f-display);letter-spacing:-.01em;margin:0 0 20px}
h3{font:800 20px/1.25 var(--f-display);margin:0 0 4px}
.lead{font-size:20px;margin:0 0 12px}
.stand{font:700 13px var(--f-mono);color:var(--muted);margin:0 0 36px}
section{margin:0 0 52px}p{margin:0 0 16px}section p:last-child{margin-bottom:0}
.win{background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(18,20,24,.1)}
.wt{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wt i{width:12px;height:12px;border-radius:50%;display:block}.wt i:nth-child(1){background:#FF5F57}.wt i:nth-child(2){background:#FEBC2E}.wt i:nth-child(3){background:#28C840}.wt span{margin-left:6px}
.wb{padding:20px}.wb p{margin:0 0 12px}.wb p:last-child{margin:0}
pre{margin:0;white-space:pre-wrap;font:600 18px/1.45 var(--f-body)}
button.kopie{display:block;width:100%;margin-top:20px;padding:16px;border:0;border-radius:14px;background:var(--acc);color:var(--on);font:800 18px var(--f-display);cursor:pointer}
ul,ol{margin:0;padding:0}.punkte{list-style:none;display:grid;gap:10px;margin:0 0 16px}.punkte li{position:relative;padding-left:26px}
.punkte li:before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--acc)}
.zeilen{list-style:none;display:grid;gap:16px}
.zeile{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:20px}.zeile p{margin:0}.zeile h3 a,.zeile>a{color:var(--fg);text-decoration:none}
.zeile>a{display:block;font:800 20px/1.25 var(--f-display);margin-bottom:4px}.zeile a:hover{text-decoration:underline}
.unter{list-style:none;display:grid;gap:6px;margin:12px 0 0}.unter a{font-weight:700}
.tab{overflow-x:auto;margin:0 0 16px}table{border-collapse:collapse;width:100%;font-size:17px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--soft);font-weight:800}
td.m,th.m{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.blick .wb{padding:0}.blick table{margin:0}.blick .tab{margin:0}.blick th,.blick td{border-left:0;border-right:0}.blick tr:first-child th{border-top:0}.blick tr:last-child td,.blick tr:last-child th{border-bottom:0}
.blick tbody th{width:34%;font-weight:700;background:var(--card)}
@media(max-width:560px){.blick thead{display:none}.blick tr{display:block;border-bottom:1px solid var(--line)}.blick tr:last-child{border-bottom:0}.blick th,.blick td{display:block;border:0;width:auto!important}.blick tbody th{padding-bottom:0}.blick td{padding-top:4px}}
dl{margin:0;display:grid;gap:16px}dt{font:800 20px/1.25 var(--f-display)}dd{margin:4px 0 0}
.quellen{padding-left:22px}.quellen li{margin-bottom:8px}.quellen span{color:var(--muted)}
.video{display:block;width:100%;border-radius:18px;background:#000;max-height:80vh}
.reel{position:relative;display:block;max-width:360px;margin:0 auto;border-radius:18px;overflow:hidden;background:var(--line)}.reel img{display:block;width:100%;height:auto}
.mehr{text-align:center;margin:16px 0 0;font-weight:700}
.folg{text-align:center}.fg{width:120px;margin:0 auto 12px}.fg svg{display:block;width:100%;height:auto}
.folg a.ig{display:block;margin-top:20px;padding:18px;border-radius:14px;background:var(--acc);color:var(--on);font:800 20px var(--f-display);text-decoration:none}
footer{padding-top:24px;font-size:14px;color:var(--muted)}.f-links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}.f-links a{color:inherit}
.werkzeug{display:grid;gap:12px}
@media(max-width:600px){body{font-size:17px}.b{padding:20px 16px 48px}h2{font-size:25px}.lead{font-size:18px}.logo{font-size:24px}.kopf{width:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

footer.wf{display:block;padding-top:32px;border-top:1px solid var(--h-line,var(--line));font-size:14px;line-height:1.45;color:var(--h-muted,var(--muted))}
.wf-spalten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
footer.wf .wf-k{margin:0 0 10px;font:700 12px var(--f-mono,"JetBrains Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--h-fg,var(--fg))}
footer.wf ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
footer.wf a{color:inherit;text-decoration:none}
footer.wf a:hover{color:var(--h-fg,var(--fg));text-decoration:underline}
footer.wf .f-links{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:flex-start;margin-top:28px}
footer.wf .wf-ki{margin:10px 0 0;font-size:11px;line-height:1.4}
@media(max-width:640px){.wf-spalten{grid-template-columns:repeat(2,minmax(0,1fr))}}