/* Rechtliche Seiten (Impressum, Datenschutz) – gleiche Gestaltung wie die Startseite */
:root{--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--bg:#fff;--alt:#f5f5f7;--line:#e3e3e8;--line-2:#d2d2d7;--pill:980px;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:var(--font-text);color:var(--text);background:var(--bg);font-size:17px;line-height:1.55;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:6px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.nav .wrap{max-width:1120px;display:flex;justify-content:space-between;align-items:center;height:56px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.02em;text-decoration:none}
.brand img{width:30px;height:30px;border-radius:8px;object-fit:cover;filter:grayscale(1) contrast(1.15)}
.back{font-size:14px;text-decoration:none;color:var(--text-2)}
.back:hover{color:var(--text)}
.legal{padding:96px 24px 120px}
.eyebrow{font-size:19px;font-weight:600;color:var(--text-2);margin-bottom:8px}
h1{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin-bottom:28px}
.intro{font-size:21px;line-height:1.45;color:var(--text-2);margin-bottom:40px}
.intro b{color:var(--text);font-weight:600}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:56px}
.toc a{font-size:14px;text-decoration:none;padding:6px 12px;border-radius:var(--pill);background:var(--alt);transition:background-color .16s}
.toc a:hover{background:#e8e8ed}
section{padding:36px 0;border-top:1px solid var(--line-2)}
h2{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.025em;margin-bottom:14px}
h3{font-size:17px;font-weight:600;margin:22px 0 8px}
p{color:#424245;margin-bottom:12px}
p b{color:var(--text);font-weight:600}
ul{margin:0 0 12px 20px;color:#424245}
li{margin-bottom:6px}
code{font-size:14px;background:var(--alt);padding:2px 6px;border-radius:6px}
.stand{margin-top:24px;font-size:14px;color:var(--text-3)}
footer{background:var(--alt);padding:28px 0;font-size:12px;color:var(--text-2)}
footer .wrap{max-width:1120px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline;color:var(--text)}