/* Rechtsseiten (Impressum, Datenschutz). Eigenes Stylesheet, damit die
   Klassen der Startseite (.recht, .fuss, .zurueck) hier nichts ueberschreiben.
   Alle Farbwerte stehen in token.css, die Schrift in schrift.css - hier nur Verweise. */
@import url("/stil/token.css");


*,*::before,*::after{ box-sizing:border-box; border-radius:0; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; min-height:100vh; min-height:100dvh;
  background:var(--mitternacht); color:var(--papier);
  font-family:var(--schrift); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--papier); text-underline-offset:3px; }
:focus-visible{ outline:2px solid var(--papier); outline-offset:3px; }

.seite{ width:100%; max-width:560px; margin:0 auto; padding:0 16px; }
.recht{ padding-top:40px; }
.recht h1{ font-size:clamp(26px,7vw,34px); margin:0 0 20px; letter-spacing:-.02em; }
.recht h2{ font-size:17px; margin:26px 0 8px; }
.zurueck{ margin:0 0 24px; font-size:14px; }
.platzhalter{ margin:0 0 16px; padding:16px; border:1px dashed var(--linie-stark); color:var(--leise); }
.platzhalter strong{ color:var(--papier); }

.fuss{ padding:12px 0 40px; text-align:center; }
.recht-links a{ color:var(--leise); margin:0 10px; font-size:14px; }
.recht-links a:hover{ color:var(--papier); }

/* Kopfzeile: Name links, Sprachwahl rechts (DG 09.10.2026). Die Rechtsseiten
   gibt es nur deutsch - EN fuehrt auf /en/. */
.oben{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 24px; }
.oben .zurueck{ margin:0; }
.sprachwahl{ display:flex; align-items:center; flex:none; text-transform:uppercase; font-size:11px; font-weight:500; letter-spacing:.2em; }
.sprachwahl a{ color:var(--leise); text-decoration:none; padding:4px 3px; }
.sprachwahl a[aria-current]{ color:var(--papier); }
.sprachwahl a:hover, .sprachwahl a:focus-visible{ color:var(--papier); text-decoration:underline; }
.sprachwahl span{ margin:0 4px; opacity:.4; }