/* =========================================================
   Mama.Sekunde – Rechtstexte der Flivi-Seite
   Datei: flivi-site/assets/rechtstexte.css

   Nur für Impressum und Datenschutz der extern gehosteten
   Seite. Bewusst schlank: Fließtext, gute Lesbarkeit, sonst
   nichts. Farben und Schriften kommen aus den Theme-Dateien,
   damit die Seiten zur Geschichte passen.
   ========================================================= */

.rt-seite {
  max-width: 68rem;
  margin: 0 auto;
  padding: 6rem 2.4rem 4rem;
  font-family: var(--ms-font-body, sans-serif);
  font-size: var(--ms-font-size-body, 1.6rem);
  line-height: var(--ms-line-height-body, 1.65);
  color: var(--ms-color-text-soft, #444);
}

.rt-seite h1 {
  margin: 0 0 1.2rem;
  font-family: var(--ms-font-heading, sans-serif);
  font-size: var(--ms-font-size-h3, 2.6rem);
  line-height: var(--ms-line-height-heading, 1.15);
  color: var(--ms-color-heading, #222);
}

.rt-seite h2 {
  margin: 3.2rem 0 0.8rem;
  font-family: var(--ms-font-heading, sans-serif);
  font-size: var(--ms-font-size-h5, 1.8rem);
  line-height: var(--ms-line-height-heading, 1.15);
  color: var(--ms-color-heading, #222);
}

.rt-seite p {
  margin: 0 0 1.2rem;
}

.rt-seite a {
  color: inherit;
}

/* Datumszeile unter der Überschrift, bewusst zurückgenommen. */
.rt-stand {
  margin-bottom: 2.8rem !important;
  font-size: var(--ms-font-size-small, 1.14rem);
  color: var(--ms-color-toffee, #8b9b84);
}

/* Rückweg zur Geschichte, steht am Ende jeder Rechtsseite. */
.rt-zurueck {
  display: inline-block;
  margin-top: 3.2rem;
  color: var(--ms-color-toffee, #8b9b84);
}

/* ---------------------------------------------------------
   Rechtszeile unter dem Fußbereich der Startseite
   --------------------------------------------------------- */

/* Bewusst zurückgenommen, aber nicht versteckt: Das Impressum muss
   leicht erkennbar und mit einem Klick erreichbar bleiben. */
.rt-leiste {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  justify-content: center;
  padding: 0 2.4rem 2.8rem;
  background: var(--ms-color-white, #fff);
  font-family: var(--ms-font-body, sans-serif);
  font-size: 1.1rem;
  letter-spacing: 0.02rem;
}

/* Größe muss am Link selbst stehen, base.css bringt für Links eine
   spezifischere Regel mit und würde die Angabe am Wrapper überstimmen. */
.rt-leiste a {
  font-size: 1.1rem;
  color: var(--ms-color-text-soft, #444);
  opacity: 0.65;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.rt-leiste a:hover,
.rt-leiste a:focus-visible {
  opacity: 1;
}