/* Schritt Hero 2: Texte, die zerfallen ankommen und sich aufrichten, und am Handy die Daumen-Leiste mit Menü-Blatt (wie auf der
   heutigen Handy-Seite). Farben nur Kobalt, Neongrün, Tiefsee, Weiß. Schritt Hero 4: Die vier Leistungen stehen jetzt in
   leistungen.css, „So bauen wir.“ in so-bauen-wir.css; der alte Fächer ist entfernt. */
:root {
  --lf-kobalt: #2442eb; --lf-neon: #d7f52a; --lf-papier: #f4f4ef; --lf-tinte: #20211f; --lf-nacht: #0c1838; --lf-tief: #061528;
  --lf-ease: cubic-bezier(.23, 1, .32, 1); --lf-blatt: cubic-bezier(.32, .72, 0, 1);
}

/* ==================================================================================================================
   1 · TEXTE ZERFALLEN UND RICHTEN SICH AUF
   Wartezustand: Buchstaben liegen verstreut und flach (Pixelstufe), beim Erscheinen steigen sie mit der Scrollrichtung
   nach oben in ihre Zeile und richten sich auf. Danach weichen sie Maus und Finger aus.
   ================================================================================================================== */
.ar-w { display: inline-block; white-space: nowrap; }
.ar-b { position: relative; display: inline-block; white-space: pre; transform-origin: 50% 88%; backface-visibility: hidden; }
.ar-b.is-weg { color: #e9ff8f; }
.ar-b[data-p] { color: transparent !important; }
.ar-b[data-p]::after { content: ''; position: absolute; left: .04em; right: .04em; top: .2em; bottom: .1em; border-radius: .02em; }
.ar-b[data-p='1']::after { background: currentColor; background: var(--ar-farbe, #f4f4ef); opacity: .92; }
.ar-b[data-p='2']::after { background: repeating-conic-gradient(var(--ar-farbe, #f4f4ef) 0 25%, transparent 0 50%) 0 0 / .24em .24em; opacity: .9; }
.ar-b[data-p='3']::after { background: repeating-conic-gradient(var(--ar-farbe, #f4f4ef) 0 25%, transparent 0 50%) 0 0 / .12em .12em; opacity: .62; }
[data-aufrichten] { --ar-farbe: #f4f4ef; }
.ar-wartet .ar-b { opacity: .5; }
.ar-ankunft { color: #e9ff8f; transition: color .5s ease; }

/* Daumen-Leiste, Menü-Blatt und Pause: gemeinsam/navigation.css und gemeinsam/kopf.js (für alle Seiten gleich, 02.11.2026). */