/* Das Aussehen der Rechtsseiten — bewusst ohne Baukasten und ohne JavaScript.
   Diese Seiten muessen auch dann stehen, wenn alles andere kaputt ist; sie sind das
   Erste, was ein Anwalt oder eine Behoerde aufruft. Eine Datei, ein <link>, fertig. */

:root{
  --grund:#08080b; --karte:#101015; --rand:#1e1e27;
  --text:#e9e7f2; --leise:#a8a8b8; --still:#6f6f7c;
  --gold:#e0a83c; --lila:#a855f7;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--grund);color:var(--text);
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.65}
.rahmen{max-width:760px;margin:0 auto;padding:0 20px 80px}
.kopf{display:flex;align-items:center;gap:13px;padding:34px 2px 30px}
.kopf img{width:40px;height:40px;display:block}
.marke{font-size:16.5px;font-weight:800;letter-spacing:2.5px;line-height:1}
.marke span{display:block;font-size:10.5px;font-weight:700;letter-spacing:4.2px;color:var(--gold);margin-top:3px}
h1{font-size:27px;font-weight:800;margin:0 0 6px;letter-spacing:-.4px}
.unterzeile{color:var(--still);font-size:13.5px;margin:0 0 34px}
h2{font-size:17px;font-weight:800;margin:38px 0 12px;padding-top:26px;border-top:1px solid var(--rand)}
h2:first-of-type{border-top:none;padding-top:0}
h3{font-size:14.5px;font-weight:800;margin:22px 0 7px;color:var(--leise)}
p,li{font-size:15px;color:var(--leise);margin:0 0 12px}
strong{color:var(--text);font-weight:700}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:6px}
a{color:var(--gold)}
a:hover{color:#f0c46a}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
td{padding:9px 12px 9px 0;vertical-align:top;border-bottom:1px solid var(--rand);color:var(--leise)}
td:first-child{width:190px;color:var(--still);font-weight:700;font-size:13px}
@media(max-width:560px){
  td{display:block;border:none;padding:0}
  td:first-child{width:auto;padding-top:12px}
  td:last-child{padding-bottom:10px;border-bottom:1px solid var(--rand)}
}
/* Was noch fehlt, soll weh tun beim Hinsehen — eine halbfertige Pflichtangabe ist
   schlimmer als eine sichtbare Luecke, weil sie niemandem auffaellt. */
.fehlt{display:inline-block;background:rgba(240,120,127,.14);border:1px dashed #f0787f;
  color:#f0787f;font-weight:800;font-size:12.5px;padding:2px 9px;border-radius:7px;
  letter-spacing:.3px}
.hinweis{background:rgba(240,120,127,.08);border:1px solid rgba(240,120,127,.35);
  border-radius:14px;padding:16px 18px;margin:0 0 30px}
.hinweis p{margin:0;color:#f2b6b9;font-size:14px}
.kasten{background:var(--karte);border:1px solid var(--rand);border-radius:14px;padding:16px 18px;margin:0 0 18px}
.kasten p:last-child{margin-bottom:0}
.fuss{margin-top:50px;padding-top:22px;border-top:1px solid var(--rand);
  font-size:13px;color:var(--still);display:flex;gap:16px;flex-wrap:wrap}
.fuss a{color:var(--still);text-decoration:none}
.fuss a:hover{color:var(--leise)}
.en{color:var(--still);font-size:13.5px;font-style:italic}

/* ── ZWEI SPRACHEN, GLEICHRANGIG ────────────────────────────────────────────────────────
   Ty 12.09.2026: „Wir richten uns nicht an deutsche, sondern an primär alle. es ist nur
   ein zufall das wir momentan mehr deutschsprachige erreichen."
   Damit war die bisherige Form falsch: eine deutsche Seite mit einem englischen Absatz
   unten dran sagt „eigentlich sind wir deutsch". Jetzt stehen beide Fassungen vollstaendig
   nebeneinander, die Sprache wird aus dem Browser erkannt und laesst sich umschalten.
   Ohne Speicherung — die Seite legt weiterhin nichts auf dem Geraet ab. */
.sprache{display:flex;gap:2px;background:#131318;border:1px solid var(--rand);
  border-radius:99px;padding:3px;margin-left:auto}
.sprache button{background:none;border:none;color:#7a7a88;font-size:11.5px;font-weight:800;
  padding:5px 11px;border-radius:99px;cursor:pointer;letter-spacing:.4px;font-family:inherit}
.sprache button[aria-pressed="true"]{background:#26262f;color:var(--text)}
[data-spr]{display:none}
html[lang="de"] [data-spr="de"],
html[lang="en"] [data-spr="en"]{display:block}