/* Veniq Design – Stil der Rechtsseiten */
:root{
  --nacht:#06080B; --tiefe:#0A0E13; --linie:rgba(255,255,255,.085);
  --linie-hell:rgba(255,255,255,.16); --text:#E9EEF4;
  --leise:rgba(233,238,244,.66); --sehr-leise:rgba(233,238,244,.34);
  --kalt:#8AB0D0; --warm:#146EF5; --warm-tief:#0B4FC0;
  --wrap:900px; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--nacht)}
body{margin:0;background:var(--nacht);color:var(--text);
  font-family:'Satoshi','Manrope',system-ui,'Segoe UI',sans-serif;
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(20,110,245,.55)}
a:hover{border-bottom-color:var(--warm)}
h1,h2,h3{font-family:'Clash Display','Bricolage Grotesque',system-ui,sans-serif;font-weight:500;
  line-height:1.06;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(34px,5vw,58px)}
h2{font-size:clamp(21px,2.4vw,28px);margin:52px 0 14px;font-weight:600}
h3{font-size:clamp(16.5px,1.5vw,19px);margin:30px 0 8px;font-weight:600;letter-spacing:-.015em}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:6px}
strong{font-weight:700}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* Kopf */
.nav{position:sticky;top:0;z-index:80;background:rgba(6,8,11,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linie)}
.nav__in{max-width:1240px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;gap:24px}
.mark{font-family:'Clash Display',sans-serif;font-weight:600;font-size:18px;letter-spacing:-.02em;
  border:0;white-space:nowrap}
.mark span{color:var(--warm)}
.zurueck{margin-left:auto;font-family:var(--mono);font-size:13px;letter-spacing:.04em;
  text-transform:lowercase;color:var(--sehr-leise);border:0}
.zurueck:hover{color:var(--text)}

/* Kopfbereich */
.kopf{padding:78px 0 10px;position:relative}
.kopf::before{content:"";position:absolute;left:50%;top:-140px;width:760px;height:340px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(20,110,245,.16),transparent 68%);filter:blur(30px)}
.label{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--sehr-leise);margin-bottom:20px}
.label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warm);
  box-shadow:0 0 12px var(--warm)}
.stand{font-family:var(--mono);font-size:12px;color:var(--sehr-leise);letter-spacing:.06em;margin-top:22px}

/* Inhalt */
.inhalt{padding:24px 0 96px;color:var(--leise)}
.inhalt h2,.inhalt h3{color:var(--text)}
.inhalt h2:first-of-type{margin-top:34px}
.kasten{border:1px solid var(--linie);border-radius:12px;padding:22px 24px;margin:22px 0;
  background:var(--tiefe)}
.kasten p:last-child{margin-bottom:0}
.gross{text-transform:uppercase;font-size:14px;line-height:1.65;color:var(--leise)}
hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--linie),transparent);margin:52px 0}

/* Fuß */
.fuss{border-top:1px solid var(--linie);background:var(--tiefe);padding:40px 0}
.fuss__in{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:16px;
  align-items:center;justify-content:space-between;font-size:14px;color:var(--sehr-leise)}
.fuss__in a{color:var(--sehr-leise);border:0}
.fuss__in a:hover{color:var(--text)}

@media(max-width:600px){
  .kopf{padding-top:52px}
  .inhalt{padding-bottom:64px}
}