/* Rechtliche Seiten und 404 der Landing (Paket 6): schlicht, Farben und Schriften wie die Landing (landing.css,
   fonts.css). Keine style-Attribute und kein Inline-Skript – die CSP der Landing erlaubt beides nicht (deploy/Caddyfile). */
:root{
  color-scheme:dark;
  --bg:#000; --surface:#111113; --raise:#1C1C1F; --line:rgba(255,255,255,.08);
  --ink:#F5F5F7; --muted:#8E8E93; --soft:#C7C7CC; --accent:#0666EB; --accent-hi:#2F83FF; --warn:#F5A524;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,131,255,.65);border-radius:8px}
.wrap{width:min(760px,100% - 32px);margin:0 auto}
header{padding:28px 0 8px}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:900;font-size:23px;letter-spacing:-.04em;text-decoration:none}
.mark{width:30px;height:30px;border-radius:10px;background:var(--ink);display:grid;place-items:center;flex-shrink:0}
.mark svg{width:82%;height:82%}
main{padding:32px 0 72px}
h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,5.4vw,52px);line-height:1.04;letter-spacing:-.035em;margin:0 0 24px}
h2{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;margin:36px 0 8px}
p,li{color:var(--soft)}
ul{padding-left:1.2em}
.ph{background:var(--surface);border-radius:20px;padding:18px 22px;box-shadow:inset 3px 0 0 var(--warn);color:var(--soft)}
.ph b{color:var(--warn)}
.todo{color:var(--warn)}
.btn{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;background:var(--ink);color:#000;font-weight:600;font-size:15px;text-decoration:none}
.btn:hover{background:#fff}
footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--muted);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{text-decoration:none}
footer a:hover,footer a[aria-current="page"]{color:var(--ink)}
/* Liste der Unterauftragsverarbeiter (subprocessors.html): je Anbieter eine Karte, auch schmal ohne Querscrollen */
.sub{background:var(--surface);border-radius:20px;padding:18px 22px;margin:16px 0}
.sub h2{margin:0 0 10px;font-size:18px}
.sub dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
.sub dt{color:var(--muted);font-size:14px}
.sub dd{margin:0;color:var(--soft)}
@media (max-width:520px){.sub dl{grid-template-columns:1fr}.sub dt{margin-top:6px}}