/* =========================================================
   medliq — Rechtsseiten
   Dieselben Tokens wie index.html und das Handbuch.
   ========================================================= */

:root{
  --sky:#CCE7FF; --sky-50:#EAF4FF; --sky-200:#B4DAFB; --sky-300:#8FC6F5;
  --navy:#0F2740; --ink:#12202F; --muted:#5B6B7D; --muted-2:#8496A8;
  --paper:#FFFFFF; --line:#DDE9F4; --line-2:#C6D9EA;
  --acc:#12518C; --acc-deep:#0B3A67; --acc-soft:#E3F0FE;
  --warn:#8A6215; --warn-soft:#FDF3DE; --warn-line:#EFD9A6;
  --lese:"Charter","Bitstream Charter","Sitka Text",Cambria,Georgia,"Times New Roman",serif;
  --ui:"Inter","SF Pro Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --r:14px; --sh:0 1px 2px rgba(15,39,64,.05), 0 8px 24px rgba(15,39,64,.06);
  --breit:1140px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; color:var(--ink); font-family:var(--lese);
  font-size:17.5px; line-height:1.66; -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(1100px 620px at 12% -14%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
    var(--sky-50);
  background-attachment:fixed;
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

h1,h2,h3{font-family:var(--ui); font-weight:600; letter-spacing:-.01em; line-height:1.18; margin:0}
p{margin:0 0 1.05em}
a{color:var(--acc); text-underline-offset:3px}
:focus-visible{outline:2px solid var(--acc); outline-offset:3px; border-radius:6px}
ul{margin:0 0 1.15em; padding-left:1.3em}
li{margin:.3em 0}
li::marker{color:var(--muted-2)}

.kopf{
  position:sticky; top:0; z-index:70;
  background:rgba(234,244,255,.84); backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid rgba(198,217,234,.7);
}
.kopfin{display:flex; align-items:center; gap:22px; padding:14px 28px; max-width:var(--breit); margin:0 auto}
.marke{display:flex; align-items:center; gap:8px; text-decoration:none}
.marke .bild{width:28px; height:28px; border-radius:7px; display:block}
.marke .wort{height:18px; width:auto; color:var(--navy); display:block}
.zurueck{
  margin-left:auto; font-family:var(--ui); font-size:14px; font-weight:600;
  text-decoration:none; padding:8px 17px; border-radius:999px;
  border:1px solid var(--line-2); background:var(--paper); color:var(--ink);
  transition:border-color .18s, color .18s;
}
.zurueck:hover{border-color:var(--acc); color:var(--acc)}

.blattmitte{max-width:760px; margin:0 auto; padding:64px 28px 90px}
.eyebrow{
  font-family:var(--ui); font-size:11px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted-2); display:block;
}
h1{font-size:clamp(30px,4.4vw,42px); color:var(--navy); margin:13px 0 0; letter-spacing:-.01em}
.stand{font-family:var(--ui); font-size:13px; color:var(--muted-2); margin:16px 0 0}
.einleitung{font-size:19px; color:var(--muted); margin:22px 0 0}

h2{
  font-size:22px; color:var(--navy); margin:2.4em 0 .6em;
  padding-top:1.1em; border-top:1px solid var(--line-2);
}
h2:first-of-type{margin-top:2em}
h3{font-size:16.5px; color:var(--navy); margin:1.7em 0 .4em}

.karte{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  padding:22px 24px; margin:1.4em 0; box-shadow:var(--sh);
}
.karte > :last-child{margin-bottom:0}

.daten{font-family:var(--ui); font-size:15.5px; line-height:1.6}
.daten div{display:flex; gap:18px; padding:11px 0; border-bottom:1px solid var(--line)}
.daten div:last-child{border-bottom:0}
.daten .db{
  color:var(--muted-2); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  font-weight:600; width:150px; flex:none; padding-top:4px;
}
.daten .dw{color:var(--ink)}

/* Noch einzutragende Angaben – im Quelltext und auf der Seite unübersehbar */
.offen{
  font-family:var(--ui); font-size:.92em; font-weight:600;
  background:var(--warn-soft); color:var(--warn);
  border:1px dashed var(--warn-line); border-radius:5px;
  padding:1px 7px; white-space:nowrap;
}

.hinweis{
  background:var(--warn-soft); border:1px solid var(--warn-line);
  border-radius:10px; padding:15px 17px; margin:1.6em 0; font-size:16px; line-height:1.55;
}
.hinweis > :last-child{margin-bottom:0}
.hinweis b{color:var(--warn)}

.fuss{border-top:1px solid var(--line-2); background:rgba(255,255,255,.55)}
.fussin{
  max-width:var(--breit); margin:0 auto; padding:26px 28px;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  font-family:var(--ui); font-size:13px; color:var(--muted);
}
.fussin a{color:var(--muted); text-decoration:none}
.fussin a:hover{color:var(--acc)}
.fussin .fspacer{margin-left:auto}

@media (max-width:620px){
  body{font-size:16.5px}
  .kopfin, .fussin{padding-left:18px; padding-right:18px}
  .blattmitte{padding:38px 18px 60px}
  h1{font-size:28px}
  h2{font-size:20px}
  .einleitung{font-size:17.5px}
  .karte{padding:18px 19px}
  .daten div{flex-direction:column; gap:3px}
  .daten .db{width:auto; padding-top:0}
  .fussin{gap:14px; padding-bottom:34px}
  .fussin .fspacer{margin-left:0; flex-basis:100%}
}