/* ============================================================
   Rechtstexte unter /de/ – Impressum, Datenschutzerklärung,
   Cookie-Richtlinie und Nutzungsbedingungen des Kundenportals.
   Ruhige Lesespalte, nummerierte Abschnitte, Tabellen scrollen
   am Handy in ihrem eigenen Bereich statt die Seite zu verbreitern.
   ============================================================ */

.rechtstext__stand {
  font-family: var(--schrift-mono);
  font-size: var(--groesse-mini);
  color: var(--text-leise);
  margin-bottom: var(--abstand-2);
}

.seitenkopf .lead + .rechtstext__stand {
  margin-top: var(--abstand-5);
}

.rechtstext__sprache {
  margin-bottom: 0;
}

.rechtstext__sprache span + span::before {
  content: "· ";
}

.rechtstext {
  max-width: var(--breite-schmal);
}

.rechtstext section {
  scroll-margin-top: 6rem;
}

.rechtstext section + section {
  margin-top: var(--abstand-7);
}

.rechtstext h2 {
  font-size: var(--groesse-h3);
  line-height: var(--zeilenhoehe-mittel);
  margin: 0 0 var(--abstand-4);
}

.rechtstext h3 {
  font-size: var(--groesse-text);
  font-weight: 600;
  margin: var(--abstand-5) 0 var(--abstand-2);
}

.rechtstext ul,
.rechtstext ol {
  max-width: var(--breite-lesetext);
  margin: 0 0 var(--abstand-4);
  padding-left: 1.25rem;
}

.rechtstext li + li {
  margin-top: var(--abstand-2);
}

.rechtstext code {
  font-family: var(--schrift-mono);
  font-size: 0.9em;
  overflow-wrap: anywhere;
}

/* Kurzer Überblick oben in der Datenschutzerklärung. */
.rechtstext__kasten {
  background: var(--farbe-eisblau);
  border-radius: var(--rundung);
  padding: var(--abstand-5);
  margin: 0 0 var(--abstand-5);
}

.rechtstext__kasten > :last-child {
  margin-bottom: 0;
}

/* Inhaltsverzeichnis */
.rechtstext__inhalt {
  border-left: 3px solid var(--farbe-linie);
  padding-left: var(--abstand-5);
  margin: 0 0 var(--abstand-7);
}

.rechtstext__inhalt h2 {
  font-size: var(--groesse-klein);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-leise);
  margin-bottom: var(--abstand-3);
}

.rechtstext__inhalt ol {
  margin: 0;
  padding-left: 1.25rem;
}

.rechtstext__inhalt li + li {
  margin-top: var(--abstand-1);
}

/* Tabellen (Cookie-Übersicht) */
.rechtstext__tabelle {
  overflow-x: auto;
  margin: 0 0 var(--abstand-5);
  border: 1px solid var(--farbe-linie);
  border-radius: var(--rundung);
}

.rechtstext__tabelle:focus-visible {
  outline: 3px solid var(--farbe-systemblau);
  outline-offset: 2px;
}

.rechtstext table {
  width: 100%;
  min-width: 38rem;
  border-collapse: collapse;
  font-size: var(--groesse-klein);
}

.rechtstext th,
.rechtstext td {
  text-align: left;
  vertical-align: top;
  padding: var(--abstand-3) var(--abstand-4);
  border-bottom: 1px solid var(--farbe-linie);
}

.rechtstext td:first-child code {
  white-space: nowrap;
  overflow-wrap: normal;
}

.rechtstext tr:last-child td {
  border-bottom: 0;
}

.rechtstext th {
  background: var(--farbe-eisblau);
  color: var(--farbe-marineblau);
  font-weight: 600;
}
