:root{--bg:#0a0921;--bg2:#17124a;--karte:rgba(23,18,74,.72);--text:#e7e4fb;--dim:#a9a3d6;
--a1:#8b7bff;--a2:#2dd4ff;--rand:rgba(139,123,255,.28)}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;
min-height:100vh;background:
radial-gradient(1.5px 1.5px at 12% 18%,#fff 60%,transparent 62%),
radial-gradient(1.2px 1.2px at 28% 72%,#cfd8ff 60%,transparent 62%),
radial-gradient(1.6px 1.6px at 47% 33%,#e9e4ff 60%,transparent 62%),
radial-gradient(1.2px 1.2px at 63% 84%,#b8f1ff 60%,transparent 62%),
radial-gradient(1.5px 1.5px at 81% 22%,#fff 60%,transparent 62%),
radial-gradient(1.2px 1.2px at 92% 61%,#cfd8ff 60%,transparent 62%),
radial-gradient(ellipse 70% 45% at 0% 100%,rgba(139,123,255,.20),transparent 70%),
radial-gradient(ellipse 60% 40% at 100% 0%,rgba(45,212,255,.10),transparent 70%),
linear-gradient(180deg,var(--bg),var(--bg2) 70%,var(--bg));
background-size:420px 420px,420px 420px,420px 420px,420px 420px,420px 420px,420px 420px,100% 100%,100% 100%,100% 100%;
background-attachment:fixed}
a{color:var(--a2)}a:hover{color:#fff}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.kopf{border-bottom:1px solid var(--rand);background:linear-gradient(90deg,rgba(139,123,255,.18),rgba(45,212,255,.06),rgba(139,123,255,.18))}
header.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.logo{font-weight:800;font-size:20px;text-decoration:none;color:#fff;letter-spacing:.2px}
.logo span{background:linear-gradient(90deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{color:var(--dim);text-decoration:none;margin-left:16px;font-size:15px}nav a:hover{color:#fff}
.hero{padding:44px 0 18px}.hero h1{font-size:32px;line-height:1.25;margin:0 0 8px}
.hero p{color:var(--dim);margin:0}
.karte{background:var(--karte);border:1px solid var(--rand);border-radius:16px;padding:22px 24px;margin:18px 0;
box-shadow:0 8px 30px rgba(0,0,0,.25)}
.karte h2{margin:0 0 6px;font-size:22px;line-height:1.3}.karte h2 a{color:#fff;text-decoration:none}
.karte h2 a:hover{color:var(--a2)}
.meta{color:var(--dim);font-size:14px;margin-bottom:6px}
article h1{font-size:32px;line-height:1.25;margin:36px 0 6px}
article h2{margin-top:36px;font-size:24px}article h3{margin-top:28px}
article img{max-width:100%;height:auto;border-radius:12px}
article pre{background:#07061a;border:1px solid var(--rand);border-radius:12px;padding:14px;overflow-x:auto;font-size:14px}
article code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:.92em}
article :not(pre)>code{background:rgba(139,123,255,.16);padding:.1em .35em;border-radius:6px}
article table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
article th,article td{border:1px solid var(--rand);padding:6px 10px;text-align:left}
article blockquote{margin:0;padding:6px 18px;border-left:3px solid var(--a1);color:var(--dim)}
.hinweis{background:rgba(45,212,255,.08);border:1px solid rgba(45,212,255,.35);border-radius:12px;padding:10px 14px;
font-size:14px;color:var(--dim);margin:14px 0}
a.partner sup{color:var(--a1);margin-left:1px}
footer.fuss{margin-top:60px;border-top:1px solid var(--rand);padding:24px 0 40px;color:var(--dim);font-size:14px}
footer.fuss a{color:var(--dim);margin-right:16px}
.leer{color:var(--dim);text-align:center;padding:40px 0}
.rechtstext h1{margin-bottom:18px}.rechtstext h2{font-size:22px}.rechtstext h3{font-size:18px}
.rechtstext h4{font-size:16px;margin:18px 0 4px}
@media (max-width:560px){.hero h1,article h1{font-size:26px}nav a{margin-left:10px}}