/* ------------------------------------------------------------------
   Weniger schwarzer Schleier auf den Bildern.

   Vier Lagen liegen bisher uebereinander und dunkeln jeweils nach:
     1. `--bildton`      – Filter auf dem Video selbst (entsaettigt, dunkler)
     2. `--bildschleier` – flaechiger Schleier ueber dem ganzen Band
     3. `.g-band::after` – Verlauf von der Textseite her, damit Schrift traegt
     4. beim Kopfbereich zusaetzlich zwei Verlaeufe (oben/unten und von links)

   Zurueckgenommen werden 1, 2 und die aeussere Haelfte von 3 und 4. Die Seite,
   auf der die Schrift steht, bleibt bewusst fast so dunkel wie bisher – dort
   entscheidet sich die Lesbarkeit, und weisse Schrift auf aufgehelltem Foto
   waere der schlechtere Tausch. Die Bildseite oeffnet sich dafuer ganz.

   Die Schleier werden ausserdem von Blaugrau auf warm gedreht: Dubai liefert
   Sand und Glas, ein kuehler Schleier arbeitet dagegen.

   Wird nur auf Seiten geladen, die <body class="sgf-bilder"> tragen.
------------------------------------------------------------------ */

body.sgf-bilder{
  /* vorher: saturate(.68) contrast(1.06) brightness(.88) */
  --bildton:saturate(.94) contrast(1.02) brightness(1);
  /* vorher: rgba(9,13,20,.42) → rgba(6,9,14,.58), also blaugrau und dicht */
  --bildschleier:linear-gradient(180deg,rgba(16,13,10,.18),rgba(12,10,8,.32));
}

/* Kopfbereich: oben und in der Mitte deutlich offener, unten bleibt es dicht –
   dort geht das Bild in den schwarzen Seitengrund ueber, sonst entstuende eine
   sichtbare Kante. */
body.sgf-bilder .g-hero::after{
  background:linear-gradient(180deg,
    rgba(10,9,8,.40) 0%, rgba(10,9,8,.12) 30%, rgba(8,7,6,.38) 62%, rgba(5,5,5,.94) 100%)}
body.sgf-bilder .g-hero::before{
  background:linear-gradient(90deg,
    rgba(8,7,6,.78) 0%, rgba(8,7,6,.40) 38%, rgba(8,7,6,0) 64%)}
@media (max-width:760px){
  body.sgf-bilder .g-hero::before{
    background:linear-gradient(180deg,rgba(8,7,6,.44),rgba(8,7,6,.80))}
}

/* Baender: an der Textkante fast unveraendert (.86 statt .88), zur Bildseite
   hin faellt der Verlauf frueher auf null. */
body.sgf-bilder .g-band.g-rechts::after{
  background:linear-gradient(270deg,
    rgba(0,0,0,.86) 0%, rgba(0,0,0,.56) 34%, rgba(0,0,0,.12) 74%, rgba(0,0,0,0) 100%)}
body.sgf-bilder .g-band.g-links::after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.86) 0%, rgba(0,0,0,.56) 34%, rgba(0,0,0,.12) 74%, rgba(0,0,0,0) 100%)}
@media (max-width:760px){
  body.sgf-bilder .g-band.g-rechts::after,
  body.sgf-bilder .g-band.g-links::after{
    background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.84) 55%)}
}