/* Kopfzeile: EIN Auftritt von oben, danach bleibt sie. Immer schmal. * * ── Was Franky will ──────────────────────────────────────────────── * 1. Die Bewegung des Themes, die war die schoenere: von oben * hereingleiten, weich. Aber nur EIN Mal, nicht doppelt. * 2. Keine Dickenaenderung. Die Kopfzeile ist durchgehend die * SCHMALE Fassung, nicht erst hoch und dann flach. * * ── Warum sie vorher zwei Mal kam (gemessen) ─────────────────────── * Zwei Animationen, zwei Schalter, zwei Schwellen: * a) unsere: kopfzeile.js setzt `kopf-sichtbar` ab 10px, bewegt * das AEUSSERE #brx-header. * b) Theme: ein Inline-Handler im HTML setzt `scrolling` ab 200px. * Dessen Regel startet `artSlideDown 0.6s ease-out` auf * dem INNEREN .fr-header-alpha. * Bei 10px flog der Rahmen herein, bei 200px der Inhalt darin erneut. * Der Theme-Handler entfernt die Klasse unter 200px sogar wieder und * erzwingt einen Reflow ("allow animation to re-trigger"), also noch * ein Einflug bei jedem Kreuzen der Marke. * * ── Der Weg hier ─────────────────────────────────────────────────── * Die Bewegung des Themes wird UEBERNOMMEN, aber an genau einer * Stelle: als Keyframe auf dem aeusseren Element, ausgeloest von * unserem Einwegschalter. Werte 1:1 aus der Theme-Regel: * transform: translateY(-100%) -> 0, opacity 0 -> 1 * 0.6s ease-out, forwards * Die Theme-Fassung am inneren Element wird stillgelegt (Abschnitt 4). * Der fremde Handler darf seine Klassen weiter setzen, das ist dann * sichtbar folgenlos. * * !important ueberall, weil das Theme seine Regeln in einem