/* * ============================================================ * EMEU SCHRIFT-SCHICHT 1.5.0 — die Schrift-Leiter des Hauses * * 1.5.0 (2026-09-17, Lumina-Setzung): Der Knopf-Schalter. Das Gewicht * der Haus-Knoepfe war bis heute geerbt und darum nirgends gleich; * ab hier traegt es EINEN Wert (400). Wer einen Knopf eigens * gestaltet, gewinnt weiterhin. Abschnitt bei den Gewichten. * * 1.4.0 (2026-09-16, Lumina-GO): Die Erzaehl-Achse. Die Gewichte der * Elementor-Schriftsaetze zeigen ab hier auf drei Haus-Schalter — mit * genau den Werten, die heute gelten. Am Bildschirm aendert sich nichts, * nur der Ort des Schalters. Abschnitt am Dateiende. * * 1.3.0 (2026-09-16, Lumina-GO): Die Bruecke zur Elementor-Schicht. Deren * Grundwert fuer Fliesstext zeigt ab hier auf unsere Achse — gemessen * dreiundsiebzig Stellen in den Woo-Bereichen, zwei auf der Startseite. * ============================================================ * * ! ! ! H A U S W E I T E W I R K U N G ! ! ! * * Jeder Wert in dieser Datei wirkt auf JEDE Flaeche, die einen * Schrift-Worker oder ein Schrift-Token benutzt — heute die * Produktseite, morgen Entdeckungstour, Marktplatz, Listing, * Shop. Eine Aenderung hier ist NIE eine lokale Aenderung. * * WER SOLL ES GROESSER HABEN? Wenn eine einzelne Stelle groesser * werden soll, gehoert die Aenderung an DIESE STELLE, nicht * hierher. Hierher gehoert nur, was ueberall gelten soll. * * VOR JEDER AENDERUNG: die Wirkung ansehen — * python tools/design/wirkung.py [--was=w-schrift-label] * Sie listet jede Datei und jede Zeile, die daran haengt. * Die Wache haken_globale_wirkung.py meldet sich von selbst, * sobald jemand diese Datei oeffnet, um sie zu aendern. * * ------------------------------------------------------------ * HERKUNFT DER LEITER (Lumina-Setzung 2026-09-16) * ------------------------------------------------------------ * Gemessen an den Routenplaner-Kaesten der Entdeckungstour * (entdeckungstour.css, Zeilen 586 bis 604 im Stand 1.16.25). * Die Tour war die erste Flaeche, die eine geschlossene Leiter * entwickelt hat; sie wird hier zur Leiter des Hauses erhoben. * Die Tour ist am 2026-09-16 selbst auf diese Schicht umgezogen * (53 Bloecke); sie liest die Leiter jetzt, statt sie zu kopieren. * * Stufe Groesse/Zeile Gewicht uebliche Farbe Tour-Herkunft * titel 22/28 betont color-headline .et-tour__titel * name 16/20 betont color-headline .et-treffer2__name * feld 14/18 regulaer color-body .et-tour__suche, .et-feld > input * text 14/20 regulaer color-body .et-plan__route-strecke * label 13/16 betont color-headline .et-plan__route-titel * neben 13/18 regulaer color-muted .et-plan__route-oepnv * fuss 12/16 regulaer color-muted .et-tour__fuss, .et-tour__rechtliches * * NACHTRAG 2026-09-16 (beim Umzug der Tour gezaehlt, nicht geraten): die Tour * fuehrte sieben Rollen, nicht fuenf. Die beiden nachgelegten sind keine * Erfindung — feld traegt Suchfeld, Umkreis, Knoepfe, Vorschlaege und die * Leer-Meldung (sieben Stellen), fuss traegt Fusszeile, Rechtliches, Zustands- * Pillen, HUD-Chip und Hinweis (sechs Stellen). Beide standen dort hart und * gehoeren damit zur Leiter des Hauses. Aufgenommen in eigener Hand * (Lumina-Uebergabe der Benennung am 2026-09-16). * * ------------------------------------------------------------ * KONVENTION (Hand-Schicht-Konvention, hier fortgefuehrt) * ------------------------------------------------------------ * - Praefix .w-schrift- fuer jede Stufe. Das Praefix .w-text- * ist bereits an die FARB-Worker vergeben (w-text-messing) — * darum eine eigene Familie, damit nichts kollidiert. * - Eine Stufe setzt Groesse, Zeilenhoehe und Gewicht. Die FARBE * kommt nicht von hier, sondern vom Farb-Worker der Kontext- * Schicht. Gedacht ist das Paar: * class="w-schrift-label color-headline" * - important, weil Builder-Regeln sonst gewinnen (dieselbe * Erfahrung wie bei den Abstands-Workern der Hand-Schicht). * Wer die Werte OHNE important braucht — eigene Baustein-CSS — * nimmt die Tokens statt der Klassen. * - Neue Stufe nur, wenn keine der sieben passt. Eine achte * Stufe ist eine Setzung, kein Handgriff — und sie wird * GEZAEHLT, nicht gefuehlt: erst am Bestand nachsehen, ob die * Rolle wirklich mehrfach vorkommt (so kamen feld und fuss). * ============================================================ */ :root { /* --------------------------------------------------------- DIE GEWICHTS-ACHSE — zwei Schalter fuer das ganze Haus --------------------------------------------------------- Das Gewicht ist eine EIGENE Achse, nicht ein Anhaengsel der Groesse. Eine Adresse in Label-Groesse ist kein Label; ein Knopf in Feld-Groesse ist keine Fliesstext-Stelle. Wer das Gewicht an die Groessen-Stufe heftet, macht beim naechsten Zug Adressen halbfett — gezaehlt am Bestand 2026-09-16. Darum: jede Stelle im Haus nimmt EINEN dieser beiden Werte. Wer sie aendert, aendert das Schriftbild ueberall. Lumina-Setzung 2026-09-16 (Fassung B, an gezaehlter Tinte entschieden): regulaer 300, betont 600. Mont traegt bei 300 noch 81 Prozent der Tinte von 400 — es ist kein duenner Schnitt, sondern bei dieser Schrift das normale Regulaer. Der Abstand regulaer zu betont waechst damit von 26 auf 55 Prozent. Belege: BEFUND_mont-gewichte_2026-09-16.md. */ --w-schrift-regulaer: 300; --w-schrift-betont: 600; /* --------------------------------------------------------- DER KNOPF — der dritte Wert, und warum er einer sein darf --------------------------------------------------------- Ein Knopf ist weder Fliesstext noch Ueberschrift. Er ist ein Bedienteil: er soll gelesen werden wie Text und zugleich anfassbar wirken. Bei 300 wirkt er zaghaft, bei 600 schreit er neben dem Satz, in dem er steht. Bis heute stand an dieser Stelle gar nichts: die Haus- Knopfregel liess das Gewicht GEERBT. Damit war ein Knopf nicht ueberall gleich schwer — auf der Entdeckungstour 400, im Shop 300, in der Storyteller-Vorlage, was das Kit gerade gab. Gemessen 2026-09-16/17, nicht vermutet. Lumina-Setzung 2026-09-17: "Wir nehmen 400 als Mittel der Wahl fuer den Haus-Button. Der Rest bleibt, Definitionen am Element haben ihren Sinn und gewinnen." Die Regel liest diesen Schalter mit Rueckfall auf 400 — fehlt dieses Blatt einmal, traegt der Knopf trotzdem den richtigen Wert. Wer einen Knopf woanders eigens gestaltet, gewinnt weiterhin: das ist gewollt, nicht uebersehen. */ --w-knopf: 400; /* --------------------------------------------------------- DIE BRUECKE zur Elementor-Schicht --------------------------------------------------------- Elementor fuehrt einen eigenen Grundwert fuer Fliesstext (p1) und setzt ihn in einer erzeugten Datei auf 400. Die Kit-Regel am Seitenkoerper liest ihn; ueberall, wo keine Elementor-Klasse gewinnt, faellt das Haus darauf zurueck. Gemessen 2026-09-16 (Probe am lebenden Dokument, nicht am Blatt): auf der Startseite traegt dieser Wert nur ZWEI Stellen — dort gewinnen Elementors eigene Klassen mit harten Zahlen. In den Woo-Bereichen traegt er DREIUND- SIEBZIG: Produktseite 30, Warenkorb 10, Kasse 33. Dort gibt es diese Klassen nicht, also greift er durch. Derselbe Schalter, anderes Gelaende. Die erzeugte Datei wird NICHT angefasst — sie waere beim naechsten Speichern zurueck. Stattdessen zeigt der fremde Wert hier auf unsere Achse. Unser Blatt laedt spaeter (Platz 38 gegen 24), also gewinnt diese Zeile dauerhaft. Das ist keine dritte Sprache, sondern die Bruecke: die Fremd-Schicht spricht ab hier unsere. Lumina-GO 2026-09-16. */ --e-global-typography-v4-font__type__p1-font-weight: var(--w-schrift-regulaer); /* --------------------------------------------------------- DIE ERZAEHL-ACHSE — drei Schalter fuer die Lesetexte --------------------------------------------------------- Die Storyteller-Vorlagen haben eine eigene Groessen-Leiter, und das zu Recht: ein Absatz, den jemand drei Minuten liest, will nicht die Groesse einer Produktkarte. Gemessen 2026-09-16: 61,45 / 46,72 / 29,52 / 21,84 / 17 / 14,88 / 14, mitwachsend gesetzt, Zeilen-Faktoren 1,02 bis 1,65. Die GROESSEN bleiben, wo sie sind — bei Elementor, in Luminas Hand. Hier stehen nur die drei GEWICHTE, und sie tragen heute genau die Werte, die Elementor heute setzt: leicht 300 (die grosse Titelzeile), regulaer 400 (Kapitel, Fliesstext, Bildunterschrift, Autorzeile), betont 600 (Zwischenzeile, Zitat). Am Bildschirm aendert dieser Block deshalb NICHTS. Er verlegt nur den Schalter: was bisher in einer erzeugten Datei stand, steht ab hier an einer Stelle, die wir pflegen — und alle Vorlagen, auch die noch kommenden, holen es sich von hier. Warum nicht dieselben zwei Werte wie oben? Weil 400 im Lesetext eine Entscheidung ist, keine Schlamperei. Wer sie spaeter auf 300 ziehen will, aendert EINE Zeile und sieht es ueberall — das ist der ganze Zweck. Lumina-GO 2026-09-16. */ --w-story-leicht: 300; --w-story-regulaer: 400; --w-story-betont: 600; /* Die Leiter als Tokens. Baustein-CSS liest diese Werte, Klassen-Nutzer nehmen die Worker darunter. Die Gewichte zeigen auf die Achse darueber — hier steht nur, WELCHE der beiden eine Stufe ueblicherweise traegt. */ --w-schrift-titel-groesse: 22px; --w-schrift-titel-zeile: 28px; --w-schrift-titel-gewicht: var(--w-schrift-betont); --w-schrift-name-groesse: 16px; --w-schrift-name-zeile: 20px; --w-schrift-name-gewicht: var(--w-schrift-betont); --w-schrift-feld-groesse: 14px; --w-schrift-feld-zeile: 18px; --w-schrift-feld-gewicht: var(--w-schrift-regulaer); --w-schrift-text-groesse: 14px; --w-schrift-text-zeile: 20px; --w-schrift-text-gewicht: var(--w-schrift-regulaer); --w-schrift-label-groesse: 13px; --w-schrift-label-zeile: 16px; --w-schrift-label-gewicht: var(--w-schrift-betont); --w-schrift-neben-groesse: 13px; --w-schrift-neben-zeile: 18px; --w-schrift-neben-gewicht: var(--w-schrift-regulaer); --w-schrift-fuss-groesse: 12px; --w-schrift-fuss-zeile: 16px; --w-schrift-fuss-gewicht: var(--w-schrift-regulaer); } /* ===== DIE SIEBEN STUFEN =================================== */ /* Titel: die groesste Stufe — Kopf eines Bereichs, einer Tafel, eines Planers. Nicht der Seiten-Titel (der kommt aus dem Kit). */ .w-schrift-titel { font-size: var(--w-schrift-titel-groesse) !important; line-height: var(--w-schrift-titel-zeile) !important; font-weight: var(--w-schrift-titel-gewicht) !important; } /* Name: die Bezeichnung eines Dings in einer Liste, Karte, Kachel. */ .w-schrift-name { font-size: var(--w-schrift-name-groesse) !important; line-height: var(--w-schrift-name-zeile) !important; font-weight: var(--w-schrift-name-gewicht) !important; } /* Feld: alles, was bedient wird — Eingabefeld, Suchfeld, Knopf-Beschriftung, Vorschlag, Leer-Meldung. Etwas enger als der Text, weil Bedien-Elemente feste Hoehen haben. */ .w-schrift-feld { font-size: var(--w-schrift-feld-groesse) !important; line-height: var(--w-schrift-feld-zeile) !important; font-weight: var(--w-schrift-feld-gewicht) !important; } /* Text: Fliesstext in Kaesten, Karten, Listen — die Arbeits-Stufe. */ .w-schrift-text { font-size: var(--w-schrift-text-groesse) !important; line-height: var(--w-schrift-text-zeile) !important; font-weight: var(--w-schrift-text-gewicht) !important; } /* Label: Kasten-Titel, Feld-Beschriftung, Klapp-Zeile — halbfett, klein, fuehrend. Die haeufigste Stufe im Haus. */ .w-schrift-label { font-size: var(--w-schrift-label-groesse) !important; line-height: var(--w-schrift-label-zeile) !important; font-weight: var(--w-schrift-label-gewicht) !important; } /* Neben: Hinweis, Quelle, Zusatz — leiser als der Text, meist zusammen mit color-meta. */ .w-schrift-neben { font-size: var(--w-schrift-neben-groesse) !important; line-height: var(--w-schrift-neben-zeile) !important; font-weight: var(--w-schrift-neben-gewicht) !important; } /* Fuss: die kleinste Stufe — Fusszeile, Rechtliches, Zustands-Pille, Hinweis. Unter dieser Groesse faengt das Haus nichts mehr an; was kleiner ist, ist ein Abzeichen oder ein Zeichen, kein Text. */ .w-schrift-fuss { font-size: var(--w-schrift-fuss-groesse) !important; line-height: var(--w-schrift-fuss-zeile) !important; font-weight: var(--w-schrift-fuss-gewicht) !important; } /* ============================================================ * DIE ERZAEHL-SAETZE AUF DER ACHSE (1.4.0, Lumina-GO 2026-09-16) * ============================================================ * Elementor schreibt die Gewichte seiner Schriftsaetze als harte Zahlen in * erzeugte Klassen-Dateien. Gemessen am 2026-09-16: auf Site 1 liegen * zweiundzwanzig solcher Dateien, sechs davon mit echten Saetzen — und alle * sechs tragen dieselben Werte. Es sind nicht sechs Pakete, sondern sechs * Ausschnitte aus einem; Elementor schreibt je Vorlage nur heraus, was dort * vorkommt. * * Diese Zeilen aendern am Bildschirm NICHTS. Sie uebernehmen exakt die Werte, * die heute gelten, und verlegen nur den Schalter: von einer Datei, die beim * naechsten Speichern neu geschrieben wird, an eine Stelle, die wir pflegen. * Wer morgen das Gewicht der Erzaehlung aendern will, aendert oben EINE Zeile. * * Preis, offen benannt: Der Gewichts-Regler in Elementor wird dadurch * wirkungslos — dieses Blatt laedt spaeter und gewinnt. Groesse, Zeilenabstand, * Laufweite und Farbe bleiben unberuehrt und reagieren dort weiter wie immer. * * Zur Form: dreifache Klassennennung statt !important. Elementor schreibt * ".elementor .font__type__x" — zwei Klassen. Drei schlagen zwei, unabhaengig * von der Ladereihenfolge. Die Erfahrung dahinter ist von heute: bei * WooCommerce reichte eine Verdopplung nicht, und das faellt erst bei der * Nachmessung auf, nie beim Lesen. * * NICHT angeschlossen: die Saetze xl und nav. Der eine kam in der Vorlage nicht * vor, der andere gehoert zum Menue und wird dort geregelt. Was man nicht * gemessen hat, fasst man nicht an. * ============================================================ */ /* Leicht — die grosse Titelzeile */ .font__type__h1.font__type__h1.font__type__h1 { font-weight: var(--w-story-leicht, 300); } /* Regulaer — Kapitel, Fliesstext, Bildunterschrift, Autorzeile, Knopf */ .font__type__h2.font__type__h2.font__type__h2, .font__type__h5.font__type__h5.font__type__h5, .font__type__h6.font__type__h6.font__type__h6, .font__type__p1.font__type__p1.font__type__p1, .font__type__p2.font__type__p2.font__type__p2, .font__type__cta.font__type__cta.font__type__cta, .font__type__meta.font__type__meta.font__type__meta, .font__type__caption.font__type__caption.font__type__caption { font-weight: var(--w-story-regulaer, 400); } /* Betont — Zwischenzeile und Zitat */ .font__type__h3.font__type__h3.font__type__h3, .font__type__h4.font__type__h4.font__type__h4, .font__type__h2__5.font__type__h2__5.font__type__h2__5 { font-weight: var(--w-story-betont, 600); }