/* Layout für Impressum und Datenschutzerklärung.
   Bewusst schlicht und gut lesbar - hier geht es um Verständlichkeit. */

.rechtstext {
  padding-block: clamp(3rem, 7vw, 6rem);
}
.rechtstext h1 {
  font-size: var(--gr-2xl);
  margin-bottom: var(--r7);
  padding-bottom: var(--r5);
  border-bottom: 1px solid var(--linie);
}
.rechtstext h2 {
  font-size: var(--gr-l);
  font-family: var(--schrift-klein);
  font-weight: 600;
  letter-spacing: -.005em;
  margin-top: var(--r7);
  margin-bottom: var(--r3);
}
.rechtstext h3 {
  font-size: var(--gr-m);
  font-family: var(--schrift-klein);
  font-weight: 600;
  margin-top: var(--r5);
  margin-bottom: var(--r2);
  color: var(--text);
}
.rechtstext p,
.rechtstext li {
  color: var(--text-leise);
  font-size: var(--gr-s);
  line-height: 1.75;
  max-width: 68ch;
}
.rechtstext ul {
  margin: 0 0 var(--r4);
  padding-left: 1.2rem;
}
.rechtstext li { margin-bottom: .4rem; }
.rechtstext strong { color: var(--tinte); }
.rechtstext a { color: var(--marke); }

/* Hinweiskasten für wichtige Punkte */
.rechtstext__kasten {
  margin: var(--r6) 0;
  padding: var(--r5);
  background: var(--marke-hell);
  border-left: 2px solid var(--marke);
  border-radius: 0 var(--ecke-m) var(--ecke-m) 0;
}
.rechtstext__kasten p { margin: 0; max-width: none; }
.rechtstext__kasten p + p { margin-top: var(--r3); }

.rechtstext__zurueck {
  margin-top: var(--r8);
  padding-top: var(--r5);
  border-top: 1px solid var(--linie);
}

/* Tabelle für Speicherfristen */
.rechtstext__tabelle {
  width: 100%;
  border-collapse: collapse;
  margin: var(--r5) 0;
  font-size: var(--gr-s);
}
.rechtstext__tabelle th,
.rechtstext__tabelle td {
  text-align: left;
  padding: .7rem .9rem;
  border-bottom: 1px solid var(--linie);
  vertical-align: top;
}
.rechtstext__tabelle th {
  font-weight: 600;
  color: var(--tinte);
  font-size: var(--gr-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rechtstext__tabelle td { color: var(--text-leise); }
@media (max-width: 560px) {
  .rechtstext__tabelle, .rechtstext__tabelle tbody,
  .rechtstext__tabelle tr, .rechtstext__tabelle td, .rechtstext__tabelle th { display: block; }
  .rechtstext__tabelle thead { display: none; }
  .rechtstext__tabelle tr {
    border-bottom: 1px solid var(--linie); padding-block: .6rem;
  }
  .rechtstext__tabelle td { border: 0; padding: .15rem 0; }
  .rechtstext__tabelle td:first-child { font-weight: 600; color: var(--tinte); }
}