/* Gemeinsame Styles für die statischen Rechtsseiten (/impressum, /datenschutz).
   Bewusst ohne JavaScript — die Seiten müssen auch ohne JS erreichbar und lesbar sein. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/anton-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/anton-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url('/fonts/archivo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url('/fonts/archivo-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{--bg:#050505;--ink:#e8e4e0;--accent:#C1121F;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);}
body{min-height:100svh;color:var(--ink);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(193,18,31,.5);}
a:hover{color:var(--accent);}
::selection{background:var(--accent);color:#0a0a0a;}
:focus-visible{outline:1px solid var(--accent);outline-offset:4px;}

.wrap{max-width:640px;margin:0 auto;padding:clamp(40px,10vh,96px) 22px calc(72px + env(safe-area-inset-bottom));}

/* Deckkraft der Nebentexte: bewusst höher als auf der Startseite.
   Rechtstexte müssen lesbar sein, nicht atmosphärisch. Alle Werte unten
   liegen über dem WCAG-AA-Schwellwert von 4.5:1 auf #050505. */
.back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:clamp(28px,6vh,52px);
  font-size:10px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(232,228,224,.55);border:0;transition:color .4s ease;}
.back:hover{color:#f2efec;}

h1{margin:0 0 6px;font-family:Anton,Impact,sans-serif;font-weight:400;
  font-size:clamp(30px,9vw,44px);letter-spacing:.04em;text-transform:uppercase;color:#f2efec;}
.rule{width:52px;height:1px;background:var(--accent);margin-bottom:34px;}

h2{margin:44px 0 12px;font-size:11px;font-weight:600;letter-spacing:.3em;
  text-transform:uppercase;color:var(--accent);}
h2:first-of-type{margin-top:0;}

p,li{font-size:15px;line-height:1.85;color:rgba(232,228,224,.9);}
p{margin:0 0 20px;}
ul{margin:0 0 20px;padding-left:20px;}
li{margin-bottom:6px;}
li::marker{color:rgba(193,18,31,.7);}

.meta{font-size:13px;line-height:1.7;color:rgba(232,228,224,.58);}
.note{font-size:13px;line-height:1.75;color:rgba(232,228,224,.58);}
.stand{margin-top:52px;padding-top:22px;border-top:1px solid rgba(232,228,224,.1);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,228,224,.55);}

.foot-links{margin-top:32px;display:flex;gap:26px;flex-wrap:wrap;}
/* min-height: eigenständige Navigation, muss am Handy treffbar sein (44px). */
.foot-links a{display:inline-flex;align-items:center;min-height:44px;
  font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(232,228,224,.55);border:0;}
.foot-links a:hover{color:#f2efec;}