/* Eröffnungs-Intro: 15 Varianten, bei jedem Öffnen eine andere (siehe js/intro.js).
 * Läuft nur, wenn <html> die Klasse "intro-on" hat (entscheidet ein kleines Skript im Kopf, siehe helper::introHead()). */
#intro { display: none; }
html.intro-on { overflow: hidden; }
html.intro-on #intro { display: block; }
html.intro-on .hero-text > * { opacity: 0; }
#intro { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; overflow: hidden; cursor: pointer; }
#intro .i-half { position: absolute; left: 0; right: 0; height: 50.5%; background: #0b0b0d; }
#intro .i-top { top: 0; }
#intro .i-bot { bottom: 0; }
#intro .i-cv { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; display: block; }
/* Wer Bewegung abgeschaltet hat, sieht das Intro nie (auch nicht per ?intro=1) */
@media (prefers-reduced-motion: reduce) {
    #intro { display: none !important; }
    html.intro-on { overflow: auto; }
    html.intro-on .hero-text > * { opacity: 1; }
}