/* Gemeinsames Stylesheet für Impressum & Datenschutz — gleiches Design wie index.html */
:root{
  --page:#e2e3e5;
  --card:#f1f2f3;
  --ink:#08090a;
  --muted:#6a6e72;
  --line:#cdcfd2;
  --line-2:#bcbfc3;
  --blue: oklch(0.55 0.21 256);
  --blue-deep: oklch(0.49 0.21 256);
  --maxw:880px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--page);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 44px}

/* DUNKLER KOPFBEREICH + PARTIKEL */
.legal-top{position:relative;overflow:hidden;background:var(--ink)}
.particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}

/* NAV */
.legal-nav{color:#fff;position:relative;z-index:2}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:84px;max-width:var(--maxw);margin:0 auto;padding:0 44px}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.02em;color:#fff}
.brand .b{color:var(--blue)}
.back{font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .15s}
.back:hover{color:#fff}

/* HEADER */
.legal-head{color:#fff;padding:60px 0 72px;position:relative;z-index:2}
.legal-head .kicker{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,.5);display:block;margin-bottom:16px}
.legal-head h1{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-0.03em}

/* CONTENT */
main{padding:64px 0 96px}
main h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:24px;letter-spacing:-0.02em;margin:42px 0 14px}
main h2:first-child{margin-top:0}
main h3{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:18px;letter-spacing:-0.01em;margin:26px 0 8px}
main p{margin:0 0 14px;color:#26282b}
main ul{margin:0 0 14px 22px;color:#26282b}
main li{margin:0 0 6px}
main a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
main a:hover{color:var(--blue-deep)}
.lead{font-size:18px;color:var(--muted);margin-bottom:8px}

/* Platzhalter — vor dem Livegang ersetzen und Markierung entfernen */
.ph{background:#ffe08a;color:#5b4500;padding:1px 6px;border-radius:2px;font-family:"IBM Plex Mono",monospace;font-size:0.9em}

footer{border-top:1px solid var(--line);padding:30px 0;font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer a:hover{color:var(--ink)}
.foot-links{display:flex;gap:22px;flex-wrap:wrap}