/* ============================================================
berg-seiten.css — die Bergwelt auf den vier UNTERSEITEN
(services · kontakt · roi-rechner · 404), Paket 3, 06.09.2026
============================================================
WARUM ES DIESE DATEI GIBT
-------------------------
Die Startseite bringt ihre Bergwelt in drei Dateien mit:
css/berg.css — das Bett selbst (Ebenen, Geometrie, Hoehenband)
css/layering.css — Flaechen/Schatten oberhalb der Falz
css/akte.css — Lesegrund-Scrims + die scroll-craft-Akte
Von diesen dreien laden die Unterseiten nur `berg.css` (fuer `.berg-crest`).
`layering.css` und `akte.css` sind ausdruecklich auf `index.html` begrenzt —
sie enthalten ID-Selektoren (#services, #prozess, #faq, #founder …), die auf
den Unterseiten teils dieselben Namen treffen wuerden und dort etwas ganz
anderes bedeuten (`#services` ist auf der Startseite eine Rail-Sektion, auf
services.html gibt es die Sektionen `#workflows` … `#webseiten`).
Sie hier einfach mitzuladen waere also kein Sparen, sondern ein Fehler.
Diese Datei ist deshalb die SEITENSPEZIFISCHE Ergaenzung: sie NUTZT die
Vertraege von css/berg.css und js/berg.js und aendert an ihnen nichts.
Geladen wird sie ausschliesslich von den vier genannten Seiten.
`impressum.html` und `datenschutz.html` laden sie NICHT (Vorgabe: Rechtsseiten
ohne Scroll-Elemente, nur die Kammlinie bleibt dort).
------------------------------------------------------------
EINBAU-VERTRAG (je Unterseite)
------------------------------------------------------------
1) Im , NACH css/berg.css:
Blockierend wie jedes andere Stylesheet. Ein Nachladen per JS ist
verworfen: jede Stylesheet-Aktivierung nach dem ersten Paint laesst
Chrome die Bett-Ebenen als Layout-Shift zaehlen (Bisektion in
Messprotokoll, Nachbesserung Runde 2).
2) Direkt nach , vor Header/Main/Footer — die KURZE Fassung des
Betts, drei Bildebenen statt fuenf (Begruendung: Messprotokoll § 0.1):
…
…
…
`.berg--seite` ist der Schalter fuer alles, was sich gegenueber der
Startseite unterscheidet (siehe Block 1). Ohne die Klasse gaelten die
Startseiten-Raten.
3) Jede Sektion, die am Bett teilnimmt, bekommt wie auf der Startseite
data-berg-station="" data-berg-nebel="0..1" data-berg-licht="0..1"
Die Unterseiten laufen bewusst NICHT bis licht=1: der Gipfel gehoert der
Kontakt-Sektion der Startseite (Messprotokoll § 0.2).
4) Am Seitenende, in derselben Reihenfolge wie auf der Startseite:
NACH js/scroll-fx.js und (auf kontakt/404) nach vendor/gsap.min.js —
berg.js uebernimmt [data-scrub] nur, wenn window.gsap FEHLT, und die
defer-Skripte laufen in Dokumentreihenfolge.
------------------------------------------------------------
WAS DIESE DATEI NICHT TUT
------------------------------------------------------------
Keine neuen Farben (alle Werte kommen aus dem :root der jeweiligen Seite),
kein neues Layout, keine Aenderung an Formularen, Reglern oder am
Calendly-Pfad. Kein pin/pan-Akt: die Unterseiten sind zu kurz dafuer.
============================================================ */
/* ============================================================
1) Das Bett — kurze Fassung
============================================================ */
/* Der Seiteninhalt muss ueber dem festen Bett (z-index:0) liegen.
`header` steht hier bewusst NICHT drin: `.nav` ist auf allen vier Seiten
bereits `position:fixed; z-index:60` — ein `position:relative` wuerde die
feste Navigation kaputtmachen. Mobile-Menue (55) und Consent (50) liegen
ebenfalls schon ueber dem Bett. */
main, footer{ position:relative; z-index:1; }
/* Wie auf der Startseite: der Seitengrund ist der tiefste Ton, damit an den
Raendern des Betts kein hellerer Streifen steht. */
body{ background:var(--bg-deep); }
/* PARALLAX-RATE DER NAH-EBENE.
Die Mitte-Ebene faellt auf den Unterseiten weg — Entscheidung Alex, aus
Gewicht: mitte-a2.webp wiegt 128 KB (mobil 63 KB), und die Unterseiten sind
mit 3-4 vh Scrollweg ein Bruchteil der Startseite (16 vh); die mittlere
Tiefenebene wuerde dort kaum zur Geltung kommen.
(Stand 22.09.2026: Hier stand frueher als Grund der Befund HOCH-2, blauer
Freistellsaum in mitte-a1.webp. Der ist erledigt — mitte-a1.webp wird
nirgends mehr geladen, sie wurde am 06.09.2026 durch mitte-a2.webp ersetzt,
der Saum fiel dabei von 55 % auf rund 2 % der Spalten. Die Ebene bleibt hier
trotzdem weg, aber aus dem Grund darueber, nicht wegen eines Fehlers.)
Damit waeren fern (90 px) und
nah (145 px) direkte Nachbarn mit +61 % Unterschied — die Skill-Regel
erlaubt 10-30 % zwischen benachbarten Ebenen. Die Nah-Ebene uebernimmt
deshalb hier die Rate der ausgelassenen Mitte-Ebene:
himmel 70 -> fern 90 (+28,6 %) -> nah 115 (+27,8 %).
Der Pointer-Lean wird im selben Verhaeltnis mitgenommen (16 -> 12 px).
Zwei Klassen (0,2,0) schlagen die Regel in berg.css (0,1,0) — berg.css
bleibt unangetastet. */
.berg--seite .berg-kamm--nah{
transform:translate3d(calc(var(--berg-mx) * 12px), calc(var(--berg-p) * 115px), 0);
}
/* Die Nah-Ebene ist auf den Unterseiten die VORDERSTE Kette (kein Nebel
davor). Damit sie den kurzen Aufstieg mittraegt statt ihn zuzustellen,
sitzt sie etwas tiefer als auf der Startseite: der Blick auf die
Fern-Kammlinie bleibt ueber die ganze Seite frei. */
.berg--seite .berg-kamm--nah{ height:52vh; min-height:290px; bottom:-8vh; }
@media (max-width:760px){
.berg--seite .berg-kamm--nah{ height:36vh; min-height:200px; }
}
/* ============================================================
2) Was das Bett am Hero freilegen muss
============================================================ */
/* Die Hero-Flaechen der Unterseiten sind DECKENDE Verlaeufe — sie wuerden das
Bett auf dem ersten Bildschirm vollstaendig zudecken, und genau dort faellt
die Entscheidung, ob man auf derselben Website ist. Der Verlauf wird zur
halbtransparenten Vignette: dunkel genug, dass der Lichtstrahl
(.beam-fallback) und die Ueberschrift stehen, durchlaessig genug, dass der
Grat dahinter sichtbar ist. Der eigentliche Lesegrund der Ueberschrift ist
und bleibt `.hero-scrim` (unveraendert in der jeweiligen Seite).
SENKRECHTER Verlauf, nicht radial: ein radialer Verlauf endet an der
Unterkante des Hero-Kastens mit einem Restwert und ergibt dort eine harte
Linie quer durch die Bergwelt. Gemessen (p3-kante.mjs, Spalte x=20/40/60,
also ohne Text und ohne Hoehenband): Helligkeitssprung von einer Bildzeile
zur naechsten bei y=685 = **21,9** Stufen. Mit dem senkrechten Verlauf, der
an der Unterkante auf 0 laeuft, bleibt an derselben Stelle **1,2**
(Nachmessung im Messprotokoll). Seitliche Kanten kann er nicht haben: er
verlaeuft nur in einer Achse und der Kasten ist viewportbreit. */
/* `section.` davor ist Pflicht, nicht Kosmetik: der