/* Raumgleiter: Seiten-Hero, Ergänzungen zum Bestand im Customizer.

   Ohne Bild zeigt der Bestand flaches --rg-blau. Im Figma tragen die
   bildlosen Seitenköpfe (Impressum, Datenschutz) den Markenverlauf.
   Der Verlauf steht deshalb als Grundierung, ein gesetztes Bild liegt
   darüber und gewinnt. */
.rg-page-hero {
  background-image: var(--rg-gradient-brand);
}

/* Leseoverlay.
   Gemessen: der hellste Punkt hinter dem Titel hat Luminanz 0.99, also
   fast Weiss. Ohne Abdunklung ergibt das 1.01:1, weisse Schrift ist dort
   unlesbar. Bei 0.55 Deckkraft sind es 5.35:1, bei 0.3 nur 2.23:1.
   Der Verlauf bleibt diagonal wie im Design, wird aber über den ganzen
   Textbereich dunkel genug gehalten und hellt erst rechts davon auf. */
.rg-page-hero::before {
  background: linear-gradient(
    63deg,
    rgba(0, 0, 0, 0.66) 0%,
    rgba(0, 0, 0, 0.58) 60%,
    rgba(0, 0, 0, 0.25) 100%
  );
}