/* Influvera — Textseiten (Impressum, Datenschutz, 404).
   Bewusst ohne Bewegung: Wer hier landet, sucht eine Angabe und keine
   Vorfuehrung. Eine Spalte, eine Lesebreite, sonst nichts.

   ANDERS ALS DRUEBEN steht hier nirgends eine feste Farbe. Die Textseiten
   liegen auf dunklem Grund, und `--linie` wie `--leise` kommen von der
   Grundklasse des Abschnitts. Wer eine Seite spaeter hell setzen will, tauscht
   eine Klasse im Markup und nicht eine Zeile in dieser Datei. */

.seite__titel { margin-bottom: var(--s-3); }
.seite__vorspann { margin-bottom: var(--s-8); }

.seite__block { max-width: 44rem; }
.seite__block + .seite__block {
  margin-top: var(--s-6);
  border-top: 1px solid var(--linie);
  padding-top: var(--s-6);
}
.seite__block h2 {
  font-size: var(--t-h3);
  letter-spacing: -0.02em;
  margin-bottom: var(--s-2);
}
.seite__block p + p { margin-top: var(--s-2); }

/* Angabenliste: Bezeichnung links, Wert rechts. Auf schmalen Geraeten
   untereinander — zwei Spalten bei 360 px Breite ergaeben zwei Wortsalate. */
.angaben {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem var(--s-3);
  margin-bottom: var(--s-2);
}
@media (min-width: 34rem) {
  .angaben { grid-template-columns: 12rem minmax(0, 1fr); gap: 0.75rem var(--s-3); }
}
.angaben dt {
  font-size: var(--t-meta);
  font-weight: 700;
  color: var(--leise);
  padding-top: 0.2em;
}
.angaben dd { margin: 0 0 var(--s-2); }
@media (min-width: 34rem) { .angaben dd { margin-bottom: 0; } }

.seite__liste li + li { margin-top: 0.5rem; }
.seite__liste a { text-underline-offset: 0.2em; }

.seite__hinweis {
  color: var(--leise);
  font-size: var(--t-meta);
  line-height: 1.55;
  margin-top: var(--s-2);
}

.seite__knopf { margin-top: var(--s-6); }