/* ══ Die Fußzeile — EINE Fassung für alle Seiten ══════════════════════════════════════ Percy-Entscheid 24.08.2026 zum Blatt «Fusszeile»: «Gleiche den Footer jeder Seite an die der Startseite an.» Vorher trugen 26 Seiten SIEBEN verschiedene Fußzeilen — die Startseite eine helle, die übrigen eine schwarze, Shop und Warenkorb je eine eigene, die Karte nur zwei Verweise. ⚑ Diese Datei ist die EINZIGE Quelle für den Fußzeilen-Stil. Die früheren `.tp-footer`- Regeln in `ds/site.css` und die eigenen `footer{…}`-Regeln im Stilblock von `index.html` sind entfernt — zwei Fassungen derselben Sache laufen beim ersten Umbau auseinander, und genau daraus sind die sieben entstanden. ⚑⚑ Zwei Namensräume, ein Design. Die Startseite lädt `ds/site.css` NICHT und benennt ihre Farben selbst (`--gelb`, `--ink`, `--label`, `--linie`, `--serif`). Die übrigen Seiten benutzen `--tp-*`. Nachgemessen: die Werte sind buchstäblich dieselben (#ffcc00 · #1b1b18 · #5f5d54 · #dad8cf). Darum steht unten je eine Fallback-Kette `var(--tp-…, var(--…, ))` — sie trägt in beiden Welten und selbst dann, wenn eine Seite gar keine Farben mitbringt. Ohne diese Kette stünde die Fußzeile ausgerechnet auf der Startseite ohne Farbe da, also auf der Seite, nach der sich alle richten sollen. ⚑ Gebaut und geändert wird sie über `_werkzeuge/fusszeile_setzen.py`, nicht von Hand in 26 Dateien. Wer hier etwas ändert, ändert dort das Markup mit. ══════════════════════════════════════════════════════════════════════════════════════ */ .tp-footer { /* ⚑⚑ EIGENE Grundschrift statt der geerbten. Der Quervergleich fand sieben Abweichungen, alle auf der Startseite: `body` steht dort auf 20 px/31, auf den übrigen 31 Seiten auf 19 px/28,5 — Kopf und Fuß erbten das und wurden dadurch ein bis fünfzehn Pixel höher. Sichtbar ist davon fast nichts; gemeinsam ist es trotzdem nicht. Ein Bauteil, das auf allen Seiten gleich sein soll, darf nicht davon abhängen, auf welcher Seite es steht. (25.08.2026) */ font-size: var(--tp-t-5); line-height: 1.55; --fz-gelb: var(--tp-yellow, var(--gelb, #ffcc00)); --fz-ink: var(--tp-ink, var(--ink, #1b1b18)); --fz-grau: var(--tp-ink-muted, var(--label, #5f5d54)); --fz-linie: var(--tp-border, var(--linie, #dad8cf)); --fz-serif: var(--tp-font-serif, var(--serif, "EB Garamond", Georgia, serif)); --fz-sans: var(--tp-font-sans, var(--sans, "Nunito Sans", Arial, sans-serif)); /* ⚑ Gelbe Linie oben statt schwarzer (Percy 24.08.2026). Sie trennt nicht nur, sie gehört zur Marke — dasselbe Gelb wie der Balken über dem Kopf. */ border-top: 2px solid var(--fz-gelb); background: transparent; color: var(--fz-ink); margin-top: clamp(50px, 7vw, 100px); padding: clamp(28px, 4vw, 52px) 0 48px; } /* Die Fußzeile richtet sich nach der INHALTSSPALTE der Seite, auf der sie steht — nicht nach dem Kopf. Gemessen bei 1400 px: das Logo im Kopf steht bei x≈40 (`.tp-header__inner` hat feste 40 px), der Seiteninhalt und die Fußzeile bei x≈56. Auf die Inhaltsspalte auszurichten ist richtig, denn darunter steht sie; hier stand einmal der Kopf als Begründung, und das war falsch gemessen. Die Startseite steht in ihrem eigenen `.wrap` (1500 px) — dafür die Zusatzklasse `--wrap`, die nur dort gesetzt wird. Eine feste Breite für alle hätte die Fußzeile auf breiten Schirmen gegen den randlosen Inhalt der übrigen Seiten versetzt. */ .tp-footer__inner { padding: 0 clamp(20px, 4vw, 56px); } .tp-footer--wrap .tp-footer__inner { max-width: 1500px; margin: 0 auto; padding: 0 var(--rand, clamp(18px, 4vw, 60px)); } /* ⚑ 1.9fr für die Anschriftenspalte und 40 px Abstand: «rechts neben der Adresse noch etwas mehr Platz lassen» (Percy). Vorher 1.4fr bei 26 px — die Verweisspalte begann unmittelbar neben der Telefonnummer. */ .tp-footer__top { display: grid; grid-template-columns: 1.9fr 1fr 1fr 1fr 1fr; gap: 40px; } .tp-footer__brand .word { font-family: var(--fz-serif); font-weight: 600; font-size: var(--tp-t-3); line-height: 1.1; letter-spacing: 0; text-transform: none; color: var(--fz-ink); margin: 0; } .tp-footer__brand address { font-family: var(--fz-serif); font-style: normal; font-size: var(--tp-t-5); line-height: 1.5; color: var(--fz-grau); margin: 10px 0 0; max-width: 34ch; /* ⚑ Ausnahme vom Hausmass var(--tp-content-max) = 62ch, Percy-Entscheid 04.09.2026. eine Anschrift, keine Prosa — die Breite hält sie dreizeilig wie auf einem Briefkopf */ } /* ⚑ Die Rubriken stehen in NUNITO SANS, nicht in der Monospace — Percy-Entscheid 24.08.2026 auf die Frage «Rubriken-Schrift»: die Hausordnung §2 gilt («Nunito Sans strukturiert den Raum — Labels, Navigation, Rubriken»), nicht die Mono-Ebene der Startseite. Die Fußzeile war zuerst 1:1 von dort übernommen; damit stand sie quer zu §2, und Percy hat den Widerspruch zugunsten von §2 aufgelöst. Die Startseite selbst zieht in einem eigenen Schritt nach — bis dahin weicht ihre Label-Ebene bewusst ab. */ /* ⚑⚑ `h2`, nicht `h5` (25.08.2026). Die vier Spaltenköpfe standen auf der FÜNFTEN Ebene — und weil die Fußzeile auf jeder Seite steht, sprang JEDE Seite am Ende von der ersten, zweiten oder dritten Ebene direkt auf die fünfte. 20 von 25 übersprungenen Ebenen der ganzen Website waren dieses eine Stück. Sichtbar war daran nie etwas; ein Vorleseprogramm meldet den Sprung auf jeder einzelnen Seite. ⚑ Die Erscheinung ändert sich NICHT — sie steht hier und hing noch nie an der Ebene. Die Fußzeile ist ein eigener Bereich (`