/* Rechtsseiten (Impressum, Datenschutz) — schlicht, lesbar, ohne externe Schriften */
:root { color-scheme: dark; --bg: #07020f; --ink: #f7f1ff; --ink-2: #cbbbe8; --pink: #ff2bd6; --cyan: #2ef2ff; --line: rgba(203, 187, 232, .18); }
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; color: var(--ink-2); background: radial-gradient(120% 60% at 80% 0%, #2a0a4a 0%, #0d0420 45%, var(--bg) 75%) no-repeat;
  font: 400 1.02rem/1.7 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.wrap { width: min(820px, 100%); margin: 0 auto; padding: 32px 20px 80px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 900 1.05rem/1 "Arial Black", Impact, sans-serif; letter-spacing: -.02em; }
.brand img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 16px rgba(255, 43, 214, .55); }
.back { color: var(--cyan); text-decoration: none; font-weight: 700; font-size: .9rem; }
.back:hover { text-decoration: underline; }
h1 { margin: 40px 0 6px; color: var(--ink); font: 900 clamp(2rem, 6vw, 3rem)/1.05 "Arial Black", Impact, sans-serif; letter-spacing: -.02em; }
.sub { margin: 0 0 28px; color: var(--pink); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
h2 { margin: 36px 0 8px; color: var(--ink); font-size: 1.2rem; line-height: 1.3; }
p, ul, address { margin: 0 0 14px; }
address { font-style: normal; }
ul { padding-left: 1.2em; }
li { margin-bottom: 6px; }
a { color: var(--cyan); }
strong { color: var(--ink); }
.foot { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .85rem; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; border-radius: 4px; }