/* Impressum und Datenschutzhinweise (/impressum, /datenschutz) — Karte wie die Anmeldeseite, nur breiter und als Textspalte.
   Tokens und Grundklassen (.login, .lk, .brand) kommen aus ui.css; Entwurf: docs/entwurf-2.0.0.html, Ansichten 11 und 12. */
.sb-r{container-type:inline-size;container-name:r}
/* Fokusring fest wie auf der Anmeldeseite (siehe login.html). */
.login :focus-visible{outline-color:#38c6e0}
:root[data-theme="light"] .login :focus-visible{outline-color:#0b7a90}
.login.recht{min-height:100vh;min-height:100dvh;border-radius:0;place-items:start center;padding:34px 16px}
.lk.rt{max-width:780px;padding:26px 34px 24px}
.rt .rkopf{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.rt .rkopf .brand{margin-right:auto}
.rt .rkopf .tag{font-size:12px;color:var(--muted);font-weight:400;padding-left:12px;border-left:1px solid var(--line2)}
.rt a{color:var(--atxt)}
.rt .zurueck{font-size:13px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 6px;border-radius:8px}
.rt .zurueck:hover{text-decoration:underline}
.rt .reiter{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:8px 0 22px}
.rt .reiter a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.rt .reiter a:hover{color:var(--txt)}
.rt .reiter a[aria-current=page]{color:var(--txt);border-bottom-color:var(--accent)}
.rtext{font-size:14.5px;line-height:1.65;overflow-wrap:anywhere}
.rtext h1{font-size:26px;font-weight:650;letter-spacing:-.3px;line-height:1.2;margin:0 0 6px}
.rtext h2{font-size:17.5px;font-weight:650;margin:30px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.rtext h3{font-size:14.5px;font-weight:650;margin:20px 0 4px}
.rtext p{margin:0 0 10px}
.rtext ul,.rtext ol{margin:0 0 10px;padding-left:22px}
.rtext li{margin-bottom:4px}
.rtext address{font-style:normal;margin:6px 0 12px}
.rtext .stand{color:var(--muted);font-size:12.5px;margin-bottom:14px}
.rtext .einl{font-size:15.5px}
.rtext .inhalt{list-style:none;padding:12px 16px;margin:16px 0;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
.rtext .inhalt li{margin:0}
.rtext .inhalt a{display:inline-flex;align-items:center;min-height:30px;text-decoration:none}
.rtext .inhalt a:hover{text-decoration:underline}
.rtext .rolle{padding:12px 14px 2px;margin:12px 0;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px}
.rtext .gross{font-size:12.5px;letter-spacing:.01em}
.rtext code{font-family:var(--mono);font-size:12.5px}
.rtext table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 14px}
.rtext th,.rtext td{text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid var(--line)}
.rtext th{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
/* Telefon: Karte bis an den Rand, Tabellen als Blöcke untereinander (keine Spalte ragt hinaus), Tippflächen 44 px. */
@container r (max-width:700px){
  .login.recht{padding:10px 8px}
  .lk.rt{padding:18px 16px 16px}
  .rtext{font-size:14px}
  .rtext h1{font-size:22px}
  .rtext table,.rtext tbody,.rtext tr,.rtext td{display:block}
  .rtext thead{display:none}
  .rtext tr{padding:8px 0;border-bottom:1px solid var(--line)}
  .rtext td{border:0;padding:1px 0}
  .rtext td[data-s]::before{content:attr(data-s) ": ";color:var(--muted);font-size:11.5px}
  .rtext .inhalt a{min-height:44px}
}
/* 2.0.10: In Englisch steht der Rahmen englisch, der Text bleibt deutsch (lang="de", translate="no") — mit diesem Hinweis davor.
   Die englische Fassung der Texte liegt als Entwurf in docs/RECHTSTEXTE-2.0.0-en-entwurf.md (Einsatz erst nach Prüfung). */
.rhinweis{display:none;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px;font-size:13px;margin:0 0 16px}
html[lang="en"] .rhinweis{display:block}