/* ============================================================
mobil.css — Mobil-Kern (Startseite). Geladen NACH allen anderen
Stylesheets, ALLERLETZTES im (nach dem -Block),
damit seine Regeln im Zweifel per Reihenfolge gewinnen, ohne dass jede
Zeile !important braucht.
Mobil-Bedingung (EINE Stelle, wortgleich js/mobil.js): Breite < 900 px
ODER (hover:none) and (pointer:coarse). Die GESAMTE Datei steht deshalb
in einer einzigen @media-Klammer — ab 900 px mit Maus/Trackpad bleibt
der Desktop unberührt, ganz ohne Einzel-Prüfung je Regel.
Ursache/Belege: interne Analyse der iOS-Abstuerze (Absatz oben) und der
Mobil-Vorgabe (15-Punkte-Liste). Diese Datei setzt Punkt 1
(Kern: alle Animationen aus) sowie 2/3/5/6/8/10/11/12/13/14 für die
Startseite um. Punkt 4/9 (Karussells) und 12 (Aufklapp-Grid) brauchen
zusätzliches Markup in index.html (siehe dort, Klassen lp-karussell*,
nofit-item) — ohne dieses Markup bleiben die zugehörigen Regeln hier
wirkungslos (kein Fehlerzustand: die Karten stehen dann einfach normal
im Fluss, wie im Fallback ohnehin vorgesehen).
SICHERHEITS-PRINZIP (wie bei prefers-reduced-motion in den anderen
Stylesheets): Abschnitt 1 ("Kern") hängt an der ROHEN Media Query, NICHT
an html.lp-mobil — greift also auch, wenn js/mobil.js aus irgendeinem
Grund nicht lief. html.lp-mobil wird nur dort zusätzlich gebraucht, wo
echtes JS-Feedback nötig ist (Karussell-Pfeile erst zeigen, wenn ein
Klick auf sie auch etwas tut — natives Wisch-Scrollen bleibt so oder so
nutzbar).
============================================================ */
/* Desktop-Basisregel für die Karussell-Hüllen (Punkt 4/9), AUSSERHALB der
Mobil-Klammer: .lp-karussell/-spur tragen auf dem Raster (.uc-grid/
.trust-grid/.quote-grid) KEINE eigene Box (display:contents) — das
bestehende Desktop-Raster bleibt dadurch exakt so, wie es war, ganz ohne
dass diese Datei irgendetwas an .uc-grid/.trust-grid selbst ändert.
.lp-karussell-nav ist auf Desktop unsichtbar UND aus dem Layout (die
Pfeile ergeben ohne Karussell keinen Sinn). */
.lp-karussell, .lp-karussell-spur { display: contents; }
.lp-karussell-nav { display: none; }
/* Basisregel AUSSERHALB der Mobil-Klammer (Fix Desktop-Regress, Runde 3):
.pz-strahl ist neues Markup fuer den Mobil-Prozess-Strahl (Punkt 7) und
hat ohne diese Zeile auf Desktop kein eigenes display — als leeres
Grid-Kind von .pz-steps erzeugte es dort eine zusaetzliche Zeile plus
Gap (+22px Seitenhoehe, gemessen). display:none hier, im Mobil-Block
unten wieder auf block gesetzt. */
.pz-strahl { display: none; }
/* Allgemeine Kürzungs-Helfer an der LP_MOBIL-Schwelle (900 px/coarse) — NICHT
dasselbe Paar wie .nur-breit/.nur-handy (Handyfassung, 640 px, Runde 6):
andere Schwelle, deshalb eigene Klassen, damit sich beide Systeme nicht
stillschweigend überschneiden. */
.lp-nur-mobil { display: none; }
@media (max-width: 899px), (hover: none) and (pointer: coarse) {
/* ============================================================
1) KERN — alle Animationen/Scroll-Effekte aus, Bett auf 1 Ebene
============================================================ */
/* Berg-Bett: von 5 Bildebenen bleibt nur eine (mitte) plus die beiden
reinen Flächen (Grund, Boden — kein Bild, kein will-change, günstig).
Fern/Nah/Nebel/Himmel werden nicht geladen abbestellt (das könnte nur
eine /-Änderung im Markup, siehe Bericht) — sie
verschwinden aber aus der Kompositierung, das ist der Teil, der bei
jedem Scroll-Frame Rechenzeit kostet. */
.berg-himmel,
.berg-kamm--fern,
.berg-kamm--nah,
.berg-nebel,
.berg-band { display: none; }
.berg-kamm--mitte {
will-change: auto;
transform: none;
opacity: .72; /* fester Wert statt der --berg-licht-Formel (JS läuft nicht mehr) */
}
/* display:none entfernt fern/nah/Band aus der Kompositierung, aber
getComputedStyle liest ihr will-change trotzdem noch (M2, Census über
alle 7 Seiten) — hier zusätzlich zurücksetzen, damit der Census auf 0
zeigt statt auf "harmlos, aber unschön" verweisen zu müssen. */
.berg-kamm--fern, .berg-kamm--nah, .berg-band .bb-marke { will-change: auto; }
.berg-grund { mix-blend-mode: normal; opacity: .3; }
/* .berg-boden bleibt unverändert: reiner Gradient ohne Bild/Blend, günstig. */
/* .berg-nebel steht bereits oben auf display:none — derselbe Census-Rest
(mix-blend-mode bleibt im Computed Style erhalten) wie bei will-change,
hier zusaetzlich zurueckgesetzt. */
.berg-nebel { mix-blend-mode: normal; }
/* Dauer-Animationen, die ohne Scroll und ohne JS von selbst laufen. */
.btn-primary::before { animation: none; opacity: .4; }
.chip-dot { animation: none; opacity: 1; transform: none; }
.thread::after { animation: none; opacity: 0; }
/* Cookie-Consent-Karte (js/consent.js, alle 7 Seiten, hier nachgezogen
für die Startseite): backdrop-filter blieb auf Mobil aktiv (M2-Meldung).
Kein Ersatz-Hintergrund nötig — die Fläche ist bereits mit
rgba(...,.97)/rgba(...,.99) praktisch deckend, der Blur trug ohnehin
kaum sichtbar bei. !important: js/consent.js fügt sein