@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/inter-tight-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/inter-tight-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#0d2f47;--ink-2:#23465d;--muted:#557081;--accent:#2e8a96;--paper:#f4f9fa;--line:rgba(13,47,71,.09);--gut:clamp(20px,5.7vw,82px)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff}
body{font-family:"Inter Tight",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120vw 340px at 50% -120px,#bfe2e8,#e3edf8 45%,#fff 75%) no-repeat,#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.nav{position:sticky;top:20px;z-index:10;margin:20px var(--gut) 0;height:60px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 22px;box-shadow:0 1px 0 rgba(13,47,71,.04),0 10px 30px -18px rgba(13,47,71,.28)}
.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:500;letter-spacing:-.02em;text-decoration:none}
.brand svg{width:28px;height:28px}
.back{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;text-decoration:none}
main{max-width:780px;margin:0 auto;padding:clamp(70px,12vh,120px) var(--gut) 100px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
h1{margin-top:14px;font-weight:400;font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.02}
h2{margin-top:52px;font-weight:500;font-size:21px;letter-spacing:-.02em;scroll-margin-top:110px}
h3{margin-top:28px;font-weight:500;font-size:17px;letter-spacing:-.015em}
p,li{font-size:16px;line-height:1.65;color:var(--ink-2)}
p{margin-top:12px}
ul,ol{margin-top:12px;padding-left:22px}
.lead{margin-top:18px;font-size:19px;line-height:1.5}
.block{margin-top:16px;padding:22px 26px;border-radius:18px;background:var(--paper)}
.block p:first-child{margin-top:0}
.block.wichtig{background:#e6f3f4;box-shadow:inset 3px 0 0 var(--accent)}
.toc{margin-top:28px;padding:22px 26px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
.toc ol{margin:0}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.stand{margin-top:48px;font-size:14px;color:var(--muted)}
.foot{background:#0a2538;color:rgba(255,255,255,.7);padding:40px var(--gut);font-size:14px;display:flex;gap:24px;flex-wrap:wrap;justify-content:center}
.foot a{text-decoration:none}
.foot a:hover{color:#fff}
@media (max-width:600px){.nav{top:12px;margin-top:12px;height:54px;padding:0 7px 0 16px}.brand{font-size:16px}.back{padding:0 14px}}