/* ============================================================
   VCI Design — Rechtstexte
   Impressum, spaeter auch die Datenschutzerklaerung.

   Diese Seiten sind kein Gestaltungsraum, sie sind eine
   Pflichtangabe und muessen vor allem schnell lesbar sein. Der
   Rahmen kommt deshalb unveraendert aus .textseite in
   layout.css, hier steht nur, was ein gegliederter Rechtstext
   zusaetzlich braucht.
   ============================================================ */

/* --- Zwischenueberschriften -----------------------------------
   Als h2 im Markup, damit die Gliederung fuer Screenreader und
   Suchmaschinen stimmt. Optisch aber ein Etikett und keine
   Ueberschrift: --text-heading-large mit bis zu 40px waere fuer
   ein Wort wie "Umsatzsteueridentifikationsnummer" absurd und
   wuerde die Seite in lauter Schlagzeilen zerlegen.

   Dieselbe Etikett-Form wie .leistungen__label und
   .wizard__fortschritt: klein, versal, weite Laufweite, gedeckte
   Farbe. Der Inhalt darunter traegt, nicht die Zeile darueber.
   ------------------------------------------------------------ */
.rechtstext h2 {
  font-family: var(--font-text);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-text);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-fg-muted);
}

/* .textseite setzt --space-l zwischen ALLE Kinder. Zwischen
   Etikett und zugehoerigem Block ist das zu viel: die beiden
   gehoeren zusammen und sollen auch so gelesen werden. Der
   grosse Abstand bleibt zwischen den Gruppen. */
.rechtstext h2 + p,
.rechtstext h2 + address {
  margin-top: var(--space-xs);
}

/* address ist hier semantisch richtig, es steht fuer die
   Kontaktangaben des Anbieters. Browser setzen es kursiv, und
   Playfair Display bringt einen echten Kursivschnitt mit, der
   hier fehl am Platz waere. */
.rechtstext address {
  font-style: normal;
}

/* --- Stand des Dokuments --------------------------------------
   Schliesst den Rechtstext ab und gehoert nicht in den Fliesstext.
   Abgesetzt ueber eine feine Linie darueber, dasselbe Mittel, mit
   dem diese Seite ueberall trennt: kein Kasten, keine Flaeche,
   nur ein Strich.

   Der Abstand nach oben ist groesser als der zwischen den
   Abschnitten, sonst laese es sich als weiterer Abschnitt.
   ------------------------------------------------------------ */
.rechtstext__stand {
  margin-top: var(--space-xxl);
  padding-top: var(--space-m);
  border-top: 1px solid var(--color-border);
  font-size: var(--text-small);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-fg-muted);
}