:root{
  --marine:#042C53; --blau:#185FA5; --hell:#85B7EB; --hell-10:#EAF2FB;
  --papier:#F7F7F5; --anthrazit:#2C2C2A; --grau:#6B6B66; --linie:#E2E1DC;
  --display:'Bricolage Grotesque','Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --mx:clamp(20px,5vw,80px);
}
*{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{font-family:var(--body);background:var(--papier);color:var(--anthrazit);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--blau)}
:focus-visible{outline:2px solid var(--blau);outline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding:0 var(--mx)}
header{border-bottom:1px solid var(--linie);background:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;height:76px;max-width:1180px;margin:0 auto;padding:0 var(--mx)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo span{font-size:26px;font-weight:500;letter-spacing:-.04em;color:var(--marine);font-family:var(--body)}
.logo i{width:8px;height:8px;border-radius:2px;background:var(--blau);display:inline-block;margin-bottom:14px}
.zurueck{font-size:14px;text-decoration:none;color:var(--grau)}
.zurueck:hover{color:var(--marine)}
main{padding:clamp(48px,7vw,86px) 0 clamp(56px,8vw,96px)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blau)}
h1{font-family:var(--display);font-size:clamp(32px,5vw,50px);font-weight:500;line-height:1.08;letter-spacing:-.02em;color:var(--marine);margin-top:14px}
h2{font-family:var(--display);font-size:clamp(21px,2.6vw,27px);font-weight:500;letter-spacing:-.01em;color:var(--marine);margin:48px 0 14px;padding-top:26px;border-top:1px solid var(--linie)}
h3{font-family:var(--display);font-size:18px;font-weight:500;color:var(--marine);margin:28px 0 8px}
p{margin-bottom:16px;color:var(--grau)}
p.intro{font-size:18px;margin-top:22px}
strong{color:var(--anthrazit);font-weight:500}
ul{margin:0 0 18px 20px;color:var(--grau)}
li{margin-bottom:8px}
dl{margin-bottom:18px}
dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);margin-top:18px}
dd{color:var(--anthrazit);font-size:16.5px;margin-top:4px}
.platzhalter{background:var(--hell-10);border-left:3px solid var(--blau);padding:18px 20px;margin:24px 0;font-size:14.5px;color:var(--marine)}
.platzhalter b{font-weight:500}
footer{background:var(--marine);color:#8FA9C4;padding:44px 0 36px;font-size:13.5px;margin-top:40px}
footer .wrap{max-width:1180px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{color:#C7D8EA;text-decoration:none}
footer a:hover{color:#fff}
.f-links{display:flex;gap:24px;flex-wrap:wrap}