@font-face{font-family:"Antonio";src:url(fonts/antonio.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/archivo-wdth.woff2) format("woff2");font-weight:100 900;font-stretch:62.5% 125%;font-display:swap}
:root{--nacht:#E8E7E3;--stein:#F6F6F3;--kalk:#16233F;--grau:#4F5666;--grau-2:#5F6574;--linie:rgb(22 35 63 / .14);--marine:#16233F;--marine-tief:#0F1830}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--nacht);color:var(--kalk);font:400 17px/1.65 "Archivo",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--kalk);outline-offset:3px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:0 clamp(20px,4.2vw,72px);background:var(--marine);color:#EEF1F6;--kalk:#EEF1F6;--grau:#AEB9CC}
.logo{display:flex;align-items:center;gap:14px;color:var(--kalk);text-decoration:none}
.lg{display:block;background:currentColor;-webkit-mask:var(--m) no-repeat center/contain;mask:var(--m) no-repeat center/contain}
.lg--zeichen{--m:url(img/logo-zeichen.svg);height:36px;aspect-ratio:561/353}
.lg--schrift{--m:url(img/logo-schrift.svg);height:25px;aspect-ratio:592/165}
@media (max-width:560px){.lg--schrift{display:none}}
.back{font-size:14px;font-weight:500;color:var(--grau);text-decoration:none}
.back:hover{color:var(--kalk)}
main{max-width:860px;margin:0 auto;padding:clamp(56px,8vw,120px) clamp(20px,4vw,64px) 90px}
h1{margin:0 0 44px;font:400 clamp(56px,8vw,104px)/1 "Newsreader",serif;font-style:italic;letter-spacing:-.015em}
h2{margin:44px 0 10px;padding-top:22px;border-top:1px solid var(--linie);font:700 22px/1.2 "Antonio",sans-serif;text-transform:uppercase;letter-spacing:.01em}
h3{margin:24px 0 6px;font:600 17px/1.3 "Archivo",sans-serif}
p,li{color:var(--grau)}
p{margin:0 0 12px}
address{font-style:normal}
.todo{margin:14px 0;padding:12px 14px;border:1px dashed rgb(22 35 63 / .4);font-size:14px;color:var(--kalk)}
.stand{margin-top:48px;font-size:13px;color:var(--grau-2)}
footer{display:flex;flex-wrap:wrap;gap:8px 28px;padding:30px clamp(20px,4.2vw,72px);background:var(--marine-tief);color:#AEB9CC;font-size:14px}
footer a{text-decoration:none}
footer a:hover{color:#EEF1F6}