/* ============================================================
   GLUT · Versuch mit dem Farbraum aus der Neon-Studie
   Drei weiche Farbinseln als fixes Feld hinter der ganzen Seite.
   Die Erklaerstrecke ist bereits dunkel, das Feld liegt also
   durchgehend hinter allem und wird nirgends abgedeckt.

   Zum Zurueckdrehen genuegt es, diese Datei und js/glut.js aus
   dem Kopf beziehungsweise Fuss der Seite zu nehmen.
   ============================================================ */

#glut {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.glut-insel {
  position: absolute;
  border-radius: 50%;
  will-change: transform;
}
#smooth-wrapper { position: relative; z-index: 1; }

/* Der Hero hat sein eigenes Bild und braucht kein Farbfeld darunter,
   sonst kaempfen Film und Glut um dieselbe Flaeche. */
#hero { background: #050506; }

/* Die Glasplatte der Disziplinen-Sektion bringt eigene Farbe mit.
   Damit sie sich nicht mit dem Feld dahinter aufaddiert, werden die
   Lichter der Sektionen hier etwas zurueckgenommen. */
.section.erk .licht { opacity: 0.7; }

/* Die Sektionsverlaeufe aus stil-c3 tragen eigene Farbe (Peach, Pink,
   Blau, Cyan je Sektion). Bei einer anderen Palette kaempfen sie mit
   dem Feld. Solange die Glut laeuft, uebernimmt sie die Farbfuehrung
   allein, der Hero behaelt seinen schwarzen Grund. */
.section:not(#hero):not(.hellgrund):not(.farbgrund) { background: none; }