@font-face{font-family:"Inter";src:url("/fonts/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --nacht:#0A0E1A;--panel:#0F1526;--panel2:#131B30;--schnee:#F2F1EC;--nebel:#98A0B0;
  --champ:#C6A96C;--champ-soft:rgba(198,169,108,.45);--linie:rgba(242,241,236,.09);--pfau:#1BB9C4;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,sans-serif;background:var(--nacht);color:var(--schnee);line-height:1.7;font-size:16.5px;-webkit-font-smoothing:antialiased}
a{color:var(--champ);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}

header{position:sticky;top:0;background:rgba(10,14,26,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--linie);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1140px;margin:0 auto;padding:0 24px}
/* Trefferflaechen auf mindestens 44px. Negative Raender halten die Optik unveraendert. */
.logo{display:flex;align-items:center;gap:11px;color:var(--schnee);padding:8px 0;margin:-8px 0}
.logo:hover{text-decoration:none}
.logo .wort{font-weight:700;font-size:19px;letter-spacing:0.14em}
.logo .wort b{color:var(--champ)}
.back{font-size:14.5px;color:var(--nebel);display:inline-block;padding:11px 0;margin:-11px 0}
.back:hover{color:var(--schnee);text-decoration:none}

main{padding:72px 0 96px}
.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.22em;color:var(--champ);margin-bottom:16px}
h1{font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:14px}
.sub{color:var(--nebel);font-size:15px;margin-bottom:56px}
h2{font-size:20px;font-weight:700;letter-spacing:-0.01em;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--linie);position:relative}
h2::before{content:"";position:absolute;top:-1px;left:0;width:38px;height:1px;background:var(--champ)}
h3{font-size:16.5px;font-weight:600;margin:26px 0 8px}
p{margin-bottom:14px;color:#D7D9DE}
ul{margin:0 0 16px 22px}
li{margin-bottom:8px;color:#D7D9DE}
strong{color:var(--schnee);font-weight:600}
.card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--champ-soft);border-radius:18px;padding:30px;margin-bottom:32px}
.card p:last-child{margin-bottom:0}
.card .name{font-size:19px;font-weight:700;letter-spacing:-0.01em;margin-bottom:12px;color:var(--schnee)}
.box{background:var(--panel);border:1px solid var(--linie);border-radius:16px;padding:24px 26px;margin:22px 0}
.box p:last-child{margin-bottom:0}
.box .t{font-weight:600;color:var(--schnee);margin-bottom:8px}
.stand{margin-top:52px;font-size:13.5px;color:var(--nebel)}

footer{border-top:1px solid var(--linie);padding:40px 0}
.frow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--nebel);max-width:820px;margin:0 auto;padding:0 24px}
.frow a{color:var(--nebel);display:inline-block;padding:14px 8px;margin:-14px -8px}
@media(max-width:640px){
  main{padding:48px 0 64px}
  .card,.box{padding:22px}
}