/* D E R   S E I T E N I N H A L T   U E B E R   D E M   P A R A L L A X - K O P F
   -----------------------------------------------------------------
   Geladen nur auf den vier Seiten mit Parallax-Kopf: index.html,
   klinik.html, konzept.html, qualitaet.html.

   D A S   P R O B L E M

   Der Hero-Kopf enthaelt .content mit position: absolute und z-index: 2 -
   das ist die Ebene, die beim Scrollen hochfaehrt (siehe den Kommentar an
   .bg1 in css/style.css). Sie ist durchsichtig, deckt aber ein festes Band
   des Dokuments ab, und zwar ungefaehr die zweite Bildschirmhoehe der
   Seite - also genau den Anfang von <main>.

   <main> und alles darin steht auf position: static und hat damit GAR
   KEINE eigene Ebene. Ein positioniertes Element mit z-index schlaegt
   jedes statische, UNABHAENGIG von der Reihenfolge im DOM. .content liegt
   also darueber und schluckt dort jeden Zeigertreffer.

   W I E   E S   S I C H   Z E I G T

   Nur an bedienbaren Dingen. Auf klinik.html stand jahrelang ein
   statischer Bildblock am Anfang von <main> - an Bildern gibt es nichts
   zu klicken, also fiel nichts auf. Als dort der Bilder-Slider hinkam,
   war er stumm: Der Klick wirkte nur im untersten Streifen, der unter der
   Schicht hervorschaute.

   DER MAUSZEIGER VERRAET ES ZUERST. Wo ein Element seinen eigenen cursor
   setzt (Swipers grabCursor auf den Folien, ein Link, ein <video
   controls>) und die Anzeige trotzdem beim Pfeil bleibt, kommt der Zeiger
   dort gar nicht an. Das trennt "es liegt etwas darueber" von "das Skript
   reagiert nicht" in einem Blick - und spart die Suche an der falschen
   Stelle.

   Dasselbe Muster gab es an .bg1 schon einmal: Die stand auf z-index: -1
   und verschwand damit hinter ihrem durchsichtigen Elternteil, der jeden
   Treffer abfing. Die Begruendung steht bei der Regel in css/style.css.

   D I E   G E G E N M A S S N A H M E

   <main> bekommt eine eigene Ebene. Bewusst am <main> und nicht am
   einzelnen Abschnitt: Die Schicht deckt ein Band ab, nicht ein Element -
   wer den ersten Abschnitt anhebt und spaeter etwas darunter einfuegt,
   faellt wieder hinein. So gilt es fuer alles, was jemals in <main>
   steht.

   z-index: 3 gegen die 2 von .content. Hoeher muss es nicht sein, und
   hoeher waere falsch: Die Kopfleiste liegt bei 200, die Modals bei 21,
   der Cookie-Banner bei 1000 aufwaerts - die sollen alle oben bleiben.

   K E I N E   O P T I S C H E   F O L G E

   Der Hero liegt VOR dem <main> und behaelt seinen Platz ueber den
   Pin-Spacer, den ScrollMagic um ihn legt. <main> beginnt erst darunter,
   die beiden Kaesten ueberlappen sich also gar nicht - angehoben wird nur
   die Malreihenfolge, nicht die Geometrie. Nachgemessen: gleiche Kanten,
   gleiche Hoehen, kein Ueberlauf.

   Die Klasse steht ausdruecklich im Markup und nicht als blanker
   main-Selektor, damit man beim Lesen einer Seite sieht, dass sie einen
   Parallax-Kopf traegt. */
main.ueber-hero {
   position: relative;
   z-index: 3;
}