/* Gemeinsames Stylesheet für Impressum, Datenschutz, AGB, 404 */
:root{
  --carbon:#000;--paper:#fff;--canvas:#e5e5e5;--mist:#f3f3f3;--ash:#c6c6c6;
  --smoke:#979797;--slate:#444;--mint:#d1ffca;
  --font-display:'Anton','Bebas Neue',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--carbon);font-family:var(--font-body);
  font-size:16px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin-inline:auto;padding:24px}

header{padding:24px 0}
.brand{font-family:var(--font-display);font-size:24px;text-transform:uppercase;
  letter-spacing:-.03em;text-decoration:none;color:var(--carbon)}

main{background:var(--paper);border-radius:32px;padding:56px 48px;margin-block:24px 64px}
@media(max-width:600px){main{padding:32px 24px;border-radius:24px}}

h1{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.9;
  letter-spacing:-.03em;font-size:clamp(36px,7vw,64px);margin:0 0 32px}
h2{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:40px 0 12px}
h3{font-size:17px;margin:24px 0 8px}
p,li{color:var(--slate)}
p{margin:0 0 16px}
ul,ol{padding-left:20px;margin:0 0 16px}
li{margin-bottom:6px}
a{color:var(--carbon)}
strong{color:var(--carbon)}
address{font-style:normal;color:var(--slate)}

.updated{font-family:var(--font-mono);font-size:12px;color:var(--smoke);
  text-transform:uppercase;letter-spacing:.06em;margin-top:48px;
  padding-top:24px;border-top:1px solid var(--ash)}

/* Platzhalter sichtbar markieren — check.sh blockiert den Deploy,
   solange diese noch im Dokument stehen. */
.tbd{background:#fff100;color:#000;padding:1px 6px;border-radius:3px;font-weight:500}

footer{padding:32px 0 64px;font-size:14px;color:var(--smoke)}
footer a{color:var(--smoke);text-decoration:none;margin-right:20px}
footer a:hover{color:var(--carbon)}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}