/* Rechtliche Seiten (Impressum, Datenschutz): dieselben Farben und Schriften wie die Startseite, ohne Animationen */
:root{
  --canvas:#0b1015;--panel:#121a22;--accent:#5b9dff;--accent-hover:#84b6ff;
  --text-primary:#e9eff4;--text-soft:#b9c5cf;--text-secondary:#93a2b0;
  --border:#2a3642;--border-strong:#566879;--accent-rgb:91,157,255;
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --body:"Instrument Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --gutter:clamp(16px,4vw,48px);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --canvas:#f4f6f8;--panel:#ffffff;--accent:#2563d9;--accent-hover:#1d4fb0;
  --text-primary:#0e1822;--text-soft:#34424f;--text-secondary:#56657a;
  --border:#d7dee5;--border-strong:#9fadba;--accent-rgb:37,99,217;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-soft);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);height:72px;background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}
.brand svg{width:30px;height:30px;flex:none}
.brand>span{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.brand-name{font:700 18px/1 var(--display);font-stretch:112%;letter-spacing:-.01em}
.brand-sub{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}
.back{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--text-secondary);padding:10px 0}
.back:hover{color:var(--accent)}
@media (max-width:440px){ .brand-sub{display:none} }

main{width:min(760px,calc(100vw - 2 * var(--gutter)));margin:0 auto;padding:clamp(48px,9vh,96px) 0 clamp(64px,10vh,112px)}
.kicker{display:flex;align-items:center;gap:12px;margin:0;font:500 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}
.kicker::before{content:"";width:22px;height:1px;background:var(--border-strong)}
h1{font:800 clamp(38px,6vw,64px)/1.03 var(--display);font-stretch:116%;letter-spacing:-.014em;color:var(--text-primary);margin:22px 0 28px}
h2{font:700 clamp(20px,2.2vw,24px)/1.25 var(--display);font-stretch:108%;color:var(--text-primary);margin:48px 0 12px}
p,ul{margin:0 0 14px}
ul{padding-left:1.2em}
li{margin-bottom:6px}
strong{color:var(--text-primary);font-weight:600}
.lede{font-size:clamp(17px,1.3vw,19px);color:var(--text-soft)}
.card{background:var(--panel);border-radius:16px;padding:clamp(22px,3vw,32px);box-shadow:inset 0 0 0 1px var(--border);margin:8px 0 8px}
.card p{margin:0}
.card .rows{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 22px;margin-top:18px}   /* Bezeichnung und Wert auf derselben Mittellinie */
.card .rows dt{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.card .rows dd{margin:0;color:var(--text-primary);line-height:1.4}
address{font-style:normal;color:var(--text-primary);line-height:1.6}
.stand{margin-top:48px;font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}

footer{border-top:1px solid var(--border);padding:32px var(--gutter) 44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;color:var(--text-secondary)}
footer nav{display:flex;gap:22px;font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
footer nav a{color:var(--text-secondary);text-decoration:none}
footer nav a:hover,footer nav a[aria-current]{color:var(--accent)}