/* Shared styling for the legal pages (Impressum, Datenschutzerklärung).
   Same design tokens as the main site, trimmed to what long-form text needs. */
:root{
  --bg:#f5f8fc; --card:#ffffff; --card-soft:#f8fafd;
  --fg:#0d1a2b; --fg-soft:#26374d; --muted:#5c6b81;
  --border:rgba(13,26,43,.10); --border-strong:rgba(13,26,43,.16);
  --signal:#0891b2; --signal-ink:#0b6e83; --coral:#f2683a; --coral-ink:#c9501f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.65}
a{color:var(--signal-ink)}
a:hover{text-decoration:underline}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}

nav.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px 24px;background:rgba(245,248,252,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--fg);text-decoration:none}
.brand .logo{width:27px;height:27px;flex:none}
nav.top .back{font-size:14px;font-weight:600}

main{max-width:820px;margin:0 auto;padding:48px 24px 80px}
h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.03em;line-height:1.1;margin:0 0 10px}
h2{font-size:clamp(19px,2.6vw,24px);letter-spacing:-.02em;margin:44px 0 12px;padding-top:18px;border-top:1px solid var(--border)}
h2:first-of-type{border-top:none;padding-top:0}
h3{font-size:16px;margin:26px 0 8px}
p,li{color:var(--fg-soft);font-size:15.5px}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 14px}
li{margin-bottom:7px}
.lede{color:var(--muted);font-size:16.5px;margin-bottom:6px}
.updated{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:34px}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin:0 0 22px}
dl{margin:0}
dt{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);margin-top:16px}
dt:first-child{margin-top:0}
dd{margin:4px 0 0;font-size:15.5px;color:var(--fg)}

/* Anything still needing real company data is highlighted so it cannot ship unnoticed. */
.todo{background:#fff3cd;border-bottom:2px solid #e0a800;padding:1px 6px;border-radius:3px;
  font-weight:600;color:#664d03}
.notice{background:#fff8e6;border:1px solid #e0a800;border-left-width:4px;border-radius:10px;
  padding:16px 18px;margin:0 0 28px}
.notice p{color:#664d03;margin:0;font-size:14.5px}
.notice strong{color:#5a4203}

.lang-note{font-size:13.5px;color:var(--muted);border-left:3px solid var(--border-strong);padding-left:14px;margin:0 0 30px}

footer{border-top:1px solid var(--border);padding:26px 24px 40px;text-align:center}
footer p{font-size:13px;color:var(--muted);margin:0 0 8px}
footer a{margin:0 9px;font-size:13px}

@media(max-width:600px){
  main{padding:32px 18px 60px}
  nav.top{padding:12px 16px}
}