/* Gemeinsames Stylesheet für die Rechtsseiten (Impressum, Datenschutz, AGB, Widerruf).
   Bewusst schlicht gehalten und im selben Design-Token-System wie index.html. */
:root{
  --bg:#020408;
  --cy:#5cc8ff; --cy2:#2dd4bf; --pu:#a78bfa; --gr:#4ade80; --ye:#fbbf24; --re:#f87171;
  --ink:#dce8f5; --sub:#8496ab; --dim:#4e5f72;
  --card:rgba(10,15,22,.92);
  --bd:rgba(255,255,255,.072);
  --bd2:rgba(255,255,255,.13);
  --r:18px;
  --fn:'Inter',sans-serif;
  --fg:'Space Grotesk',sans-serif;
  --mo:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--fn);-webkit-font-smoothing:antialiased;line-height:1.7;
  background-image:radial-gradient(60vw 60vw at 12% -10%,rgba(92,200,255,.10),transparent 60%),
                   radial-gradient(50vw 50vw at 100% 0%,rgba(167,139,250,.08),transparent 60%)}
a{color:var(--cy);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:860px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}

/* Kopf */
header{padding:26px 0;border-bottom:1px solid var(--bd);position:sticky;top:0;
  background:rgba(2,4,8,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center}
.brand-logo{height:30px;width:auto;display:block}
.back{font-family:var(--mo);font-size:12px;color:var(--sub);letter-spacing:.05em}

main{padding:48px 0 96px}
h1{font-family:var(--fg);font-size:clamp(28px,4.5vw,40px);font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.lead{color:var(--sub);font-size:15px;margin:0 0 40px}
h2{font-family:var(--fg);font-size:20px;font-weight:600;margin:38px 0 12px;color:var(--ink)}
h3{font-size:15px;font-weight:600;margin:22px 0 6px;color:var(--ink)}
p,li{color:var(--ink);font-size:15px;margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
strong{color:#fff;font-weight:600}
address{font-style:normal}
hr{border:none;border-top:1px solid var(--bd);margin:34px 0}
.muted{color:var(--sub);font-size:13px}

/* Platzhalter-Hinweis */
.todo{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.32);border-radius:var(--r);
  padding:16px 18px;margin:0 0 36px;font-size:14px;color:#fde9b8}
.todo strong{color:var(--ye)}
.ph{background:rgba(248,113,113,.14);color:#ffd5d5;border-radius:6px;padding:1px 7px;
  font-family:var(--mo);font-size:13px;white-space:nowrap}

/* Datentabelle (Muster-Widerruf etc.) */
.box{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px 22px;margin:0 0 18px}

footer{border-top:1px solid var(--bd);padding:28px 0}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mo);font-size:12px;color:var(--dim)}
footer a{color:var(--sub)}