:root{--ink:#0a0f1e;--ink-2:#111827;--line:#1f2a44;--text:#e8ecf5;--muted:#93a0bb;--violet:#8b5cf6;--violet-soft:#a78bfa;--amber:#f0b429;--radius:14px;--maxw:680px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
a{color:var(--violet-soft)}
h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:clamp(30px,7.5vw,44px);line-height:1.08;letter-spacing:-.02em;margin-bottom:16px}
h1 em{font-style:normal;color:var(--violet-soft)}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-soft);font-weight:600;margin-bottom:14px}
.btn{display:block;width:100%;text-align:center;background:var(--violet);color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease}
.btn:hover{background:#7c4dff;transform:translateY(-1px)}
footer{border-top:1px solid var(--line);margin-top:48px;padding:28px 0 48px;font-size:14px;color:var(--muted)}
footer nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}
footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
footer a:hover{color:var(--text)}
footer p{font-size:13px;line-height:1.6}
.social-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.social-links a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:12px 18px;color:var(--text);font-weight:600;font-size:15px;transition:border-color .12s ease}
.social-links a:hover{border-color:var(--violet)}
.social-links svg{width:19px;height:19px;fill:var(--violet-soft);flex:none}
/* Rechtstexte */
.legal{padding:44px 0 0}
.legal h1{font-size:clamp(26px,6vw,34px);margin-bottom:24px}
.legal h2{font-family:"Bricolage Grotesque",sans-serif;font-size:20px;font-weight:700;margin:32px 0 10px;letter-spacing:-.01em}
.legal h3{font-family:"Bricolage Grotesque",sans-serif;font-size:16px;font-weight:700;margin:22px 0 6px}
.legal p{margin-bottom:12px;color:#c3ccdf;font-size:16px}
.legal ul{margin:0 0 14px 20px;color:#c3ccdf;font-size:16px}
.legal li{margin-bottom:5px}
.legal .box{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:18px 0}
.legal .box p:last-child{margin-bottom:0}
.back{display:inline-block;margin-top:8px;font-size:14px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}