/* AdenFace · Impressum, Datenschutz, AGB.
   Ergänzt basis.css um eine schmale Lesespalte für Rechtstext, die Übersicht
   am Seitenanfang und die paar Textbausteine, die diese drei Seiten brauchen:
   Anschrift, Kurzfassung-Tafel, Dateiname in Code-Schrift. Alles andere
   (Kopf, Fußzeile, Knöpfe, Überschriften, Breite) kommt aus basis.css. */

/* ------------------------------------------------------------------ Lesespalte
   Schmaler als --breite, damit Zeilen aus Fließtext nicht zu lang werden.
   Sitzt links in .inhalt, wie .abschnitt__kopf aus basis.css. */
.lesespalte { max-width: 40rem; }

.lesespalte h2 {
  margin-top: clamp(3rem, 2rem + 2.5vw, 4.5rem);
}
.lesespalte h2:first-child { margin-top: 0; }

.lesespalte h3 { margin-top: 2.25rem; }

.lesespalte p, .lesespalte ul, .lesespalte ol, .lesespalte address {
  margin-top: 1.125rem;
  color: var(--text-2);
}
.lesespalte h2 + p, .lesespalte h2 + ul, .lesespalte h2 + ol, .lesespalte h2 + address,
.lesespalte h3 + p, .lesespalte h3 + ul, .lesespalte h3 + ol {
  margin-top: 1rem;
}

.lesespalte ul, .lesespalte ol { padding-left: 1.25rem; }
.lesespalte li + li { margin-top: 0.5rem; }
.lesespalte li::marker { color: var(--leise); }

.lesespalte address { font-style: normal; }

/* Verweis mitten im Satz, zum Beispiel auf die Hilfe-Seite: sichtbar
   unterstrichen, aber ohne den Pfeil von .verweis, der mitten im Satz
   stört. */
.lesespalte a:not(.verweis) {
  color: var(--akzent); text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 0.2em;
}
.lesespalte a:not(.verweis):hover { color: var(--akzent-hell); }

.lesespalte code {
  font-family: var(--schrift-mono);
  font-size: 0.9em;
  background: var(--grund-3);
  padding: 0.05em 0.35em;
  border-radius: 4px;
}

/* ------------------------------------------------------------------ Übersicht
   Sprungziele zu jedem Abschnitt, gleich unter der Seitenüberschrift. */
.uebersicht { margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem); max-width: 40rem; }
.uebersicht__liste {
  list-style: none; margin: 0; padding: 1.25rem 1.5rem;
  display: grid; gap: 0.625rem 2rem;
}
@media (min-width: 30rem) { .uebersicht__liste { grid-template-columns: 1fr 1fr; } }

/* ------------------------------------------------------------------ Kurzfassung
   Hervorgehobene Tafel vor § 1 der AGB, wie eine Tafel im Programm. */
.agb__kurz { padding: 1.5rem 1.75rem; }
.agb__kurz p { margin: 0; color: var(--text-2); font-size: 1.0625rem; }
.lesespalte .agb__kurz { margin-bottom: 2.5rem; }