/* pages.css – dunkles Thema fuer die Unterseiten.
 *
 * Impressum, Datenschutz, Widerruf, Cookies und die Fehlerseite bringen
 * ihre eigenen Stile im Dokumentkopf mit. Diese Datei wird danach geladen
 * und dreht sie auf dasselbe dunkle Erscheinungsbild wie die Startseite –
 * sonst blendet der Klick auf "Impressum" den Besucher.
 *
 * Bewusst nur Farben und Flaechen: Layout, Abstaende und Schriftgroessen
 * der Unterseiten bleiben unangetastet, damit lange Rechtstexte weiterhin
 * gut lesbar umbrechen.
 */

:root {
  --seiten-text: #eceef2;
  --seiten-gedimmt: #a7b0bd;
  --seiten-flaeche: rgba(20, 22, 27, .82);
  --seiten-linie: rgba(255, 255, 255, .13);
  --seiten-akzent: #e2606f;
}

body {
  background: linear-gradient(#12151c, #0d0f14 55%, #08090c) fixed;
  color: var(--seiten-text);
}

header,
footer {
  background: rgba(10, 11, 14, .9);
  border-bottom: 1px solid var(--seiten-linie);
}
footer { border-bottom: 0; border-top: 1px solid var(--seiten-linie); }

/* Der Kartenblock traegt den eigentlichen Text. */
.card {
  background: var(--seiten-flaeche);
  border: 1px solid var(--seiten-linie);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
  color: var(--seiten-text);
}

h1, h2, h3 { color: var(--seiten-text); }
.muted { color: var(--seiten-gedimmt); }

/* Verweise im Fliesstext sichtbar machen – auf dunklem Grund reicht
   die reine Unterstreichung nicht mehr aus. */
.card a { color: var(--seiten-akzent); }
.card a:hover { color: #fff; }

/* Tabellen und Trennlinien, falls in den Rechtstexten vorhanden. */
hr { border: 0; border-top: 1px solid var(--seiten-linie); }
table, th, td { border-color: var(--seiten-linie) !important; }
th { color: var(--seiten-text); }
td { color: var(--seiten-gedimmt); }

/* Formularelemente auf der Widerrufsseite. */
input, select, textarea {
  background: rgba(255, 255, 255, .06);
  border: 1px solid var(--seiten-linie);
  color: var(--seiten-text);
}
input::placeholder, textarea::placeholder { color: rgba(236, 238, 242, .42); }
select option { color: #17191f; }

:focus-visible { outline: 3px solid var(--seiten-akzent); outline-offset: 3px; }