/* Impressum und Datenschutz — nutzt die Marken der Chronik, ergaenzt nur das,
   was reine Textseiten zusaetzlich brauchen. */

.recht{padding-bottom:20px}
.recht-hero{padding:clamp(44px,6vw,76px) 0 8px}
.recht-hero h1{font-size:clamp(34px,5.2vw,62px);max-width:18ch}
.recht-hero .lede{max-width:58ch}
/* Die Karten stehen paarweise nebeneinander und sind naturgemaess verschieden
   lang — ein Abschnitt hat vier Zeilen, der naechste vierzig. Mit
   `align-items:start` endete jede Karte dort, wo ihr Text aufhoerte, und
   zwischen den Paaren klafften unterschiedlich hohe Loecher: zehn Kaesten in
   zehn Groessen, das Auge findet keine Linie mehr.
   Deshalb dehnen sich beide Karten einer Zeile auf dieselbe Hoehe. Der Rest an
   Luft liegt dann INNERHALB der kuerzeren Karte statt zwischen den Karten, und
   die Seite bekommt durchgehende Kanten. */
.recht .grid-2{align-items:stretch;padding-bottom:clamp(30px,5vw,60px)}
.recht .card{padding:22px 22px 24px;height:100%;display:flex;flex-direction:column}
/* Der Fuss einer Karte (Rechtsgrundlage, Hinweis) sitzt unten an der Kante,
   nicht direkt unter dem letzten Absatz — sonst wandert er in kurzen Karten
   nach oben und die Zeilen springen von Karte zu Karte. */
.recht .card > .rnote:last-child{margin-top:auto}
/* Ausnahme fuer einzelne, ungewoehnlich lange Karten: sie bekommen beide
   Spalten, statt eine kurze Nachbarin auf ihre Hoehe zu ziehen. In der
   Einspaltigkeit hat die Regel keine Wirkung und muss nicht zurueckgesetzt
   werden — `1 / -1` ist dort ohnehin die einzige Spalte. */
.recht .card.breit{grid-column:1 / -1}
.recht .card.breit .rlist{columns:2;column-gap:34px}
.recht .card.breit .rlist li{break-inside:avoid}
@media (max-width:760px){ .recht .card.breit .rlist{columns:1} }
.recht .card h3{font-size:15.5px}
.recht .card .cap{margin-bottom:14px}

/* Fliesstext in den Karten: etwas ruhiger als der Vorspann */
.rtext{font-size:14px;color:var(--ink-2);line-height:1.72;margin-bottom:11px}
.rtext:last-child{margin-bottom:0}
.rtext strong{color:var(--ink);font-weight:650}
.rnote{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--ink-3);line-height:1.65}

/* Beschreibungsliste fuer die Anbieterangaben */
.rdl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:14px;
  line-height:1.66}
.rdl dt{color:var(--ink-3);font-size:12px;font-weight:650;letter-spacing:.06em;
  text-transform:uppercase;padding-top:3px;white-space:nowrap}
.rdl dd{color:var(--ink-2)}
.rdl dd strong{color:var(--ink);font-weight:650}
@media (max-width:520px){
  .rdl{grid-template-columns:1fr;gap:2px 0}
  .rdl dd{margin-bottom:10px}
}

/* Aufzaehlung mit vorangestelltem Schlagwort */
.rlist{list-style:none;margin:2px 0 12px;padding:0;font-size:13.5px;
  color:var(--ink-2);line-height:1.6}
.rlist li{position:relative;padding:7px 0 7px 15px;border-top:1px solid var(--line)}
.rlist li:first-child{border-top:0}
.rlist li::before{content:"";position:absolute;left:0;top:14.5px;width:5px;height:5px;
  border-radius:50%;background:var(--accent);opacity:.8}
.rlist b{color:var(--ink);font-weight:650;margin-right:7px}

.recht code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12.5px;color:var(--accent-2);background:rgba(144,133,233,.13);
  border:1px solid rgba(144,133,233,.22);border-radius:5px;padding:1px 6px}

/* Die sechs Negativkacheln oben auf der Datenschutzseite.
   Feste Spaltenzahl statt `auto-fit`: sechs Kacheln ergaben auf breiten
   Bildschirmen fuenf plus eine, und die eine stand dann allein und verloren in
   der zweiten Zeile. Zwei volle Dreierreihen lesen sich als Liste, nicht als
   Rest. */
.nots{display:grid;gap:12px;margin:12px 0 30px;grid-template-columns:repeat(3,1fr)}
@media (max-width:820px){.nots{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.nots{grid-template-columns:1fr}}
.not{padding:16px 18px 15px;display:grid;grid-template-columns:auto 1fr;
  column-gap:12px;row-gap:3px;align-items:start}
.not .ico{grid-row:1 / span 2;width:30px;height:30px;border-radius:9px;flex:none;
  display:grid;place-items:center;font-size:14px;font-weight:700;
  color:#2fbe62;background:rgba(47,190,98,.14);
  box-shadow:inset 0 0 0 1px rgba(47,190,98,.34)}
.not b{font-size:14px;font-weight:650;color:var(--ink);letter-spacing:.01em}
.not span:not(.ico){font-size:12.5px;color:var(--ink-3);line-height:1.55}

:root[data-theme="light"] .not .ico{color:#0e8a45;background:rgba(14,138,69,.11)}
:root[data-theme="light"] .recht code{background:rgba(91,75,214,.09)}

nav.top-nav a[aria-current="page"]{
  color:var(--ink);background:rgba(144,133,233,.16);
  border-color:rgba(144,133,233,.34)}