/* Cinematischer Hintergrund: fixe Ebene hinter dem Inhalt. Nur Canvas, transform/opacity. */
#bg { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: #0A1330; }
#bg canvas { position: absolute; display: block; pointer-events: none; }
#bg-back  { left: 0; top: 0; }
#bg-mid   { left: 0; top: 0; }
#bg-front { will-change: transform; }
/* Die deckende Fläche der Peak-Sektion würde den Hintergrund verdecken. */
.chapter--peak::before { background: transparent; }

/* Handy: teure Effekte aus (gleiche Bedingung wie mqMobile in hintergrund.js).
   Keine Unschaerfe hinter Logo/Name und Kapitelleiste, keine Koernung;
   Hintergrund der Leisten dafuer deckender, damit sie lesbar bleiben. */
@media (max-width: 860px), (pointer: coarse) {
  .sc-grain { display: none; }
  html .mark, html .topnav ol { backdrop-filter: none; background: rgba(10,19,48,0.92); }
}