/* ============================================================================ Baukasten Flächen, 23.10.2026 (Ralf, Auftrag claude/2026-10-23_Auftrag_Design_Baukasten_Menue_Seiten.md, Teil 1). Vorbild sind die Kunden-Karten in js/kunde-karten.js. Eine gemeinsame Datei für alle Seiten, eingebunden mit Jede Klasse trägt die Vorsilbe hf-, damit keine Regel einer Seite durchschlägt und keine Regel von hier in eine Seite (Lehre aus den Kunden-Karten, Fassung kk4). Geprüft in tests/hub-flaechen.js. Farbe nur mit Bedeutung. Ein Farbsatz setzt vier Werte, und jeder Baustein liest nur diese vier: --bc Schrift im Kopf, Streifen, Balken --bsec Grund der Fläche --bbg Karte in der Fläche, eine Stufe kräftiger --bln Rand von Fläche und Karte Farbwerte stehen nur im Abschnitt FARBSAETZE, sonst nirgends. Farbsätze hf-lila Creator Kooperationen hf-start Vor dem Start, gelb hf-hblau Themenkanal hf-versand Versand, türkis hf-rosa amzngshops hf-kunde Kunde, indigo hf-orange TikTok Shop hf-startklar alles erfüllt, grün hf-gruen Paid Media Bausteine hf-bereich Fläche mit Kopf hf-bk. Im Kopf hf-bk-ic Symbol, hf-bk-t Titel in Bereichsfarbe, hf-bk-s Untertitel, hf-bk-r rechts, hf-bk-bar Balken mit . hf-karte Kachel, eine Stufe kräftiger als die Fläche, Farbstreifen links, anklickbar mit Hover. hf-an gewählt, hf-neu gestrichelt. Innen hf-karte-p Produkt, hf-karte-n Name, hf-karte-z Stand. hf-pille Plakette. Ohne Zustand in der Farbe des Farbsatzes, mit hf-ok, hf-gelb, hf-rot, hf-grau als Ampel. hf-punkt Ampelpunkt, hf-ok, hf-gelb, hf-rot, hf-grau. hf-zahl Kennzahl, hf-zahl-l Beschriftung, hf-zahl-w große Zahl, hf-zahl-s Untertitel. hf-tq Agenturanteil, hf-blau durchlaufendes Geld. Mehrere in hf-zahlen. hf-schritt Zeile in Vor dem Start. hf-ok dezent mit grünem Haken, hf-fehlt gelb mit Knopf. Innen hf-schritt-h Haken, hf-schritt-x Text. Mehrere in hf-schritte. hf-aufgabe Zeile in Jetzt bewegen. Marke hf-aufgabe-tag, hf-rot oder hf-gelb an der Zeile, Text hf-aufgabe-x, Knopf rechts. hf-weg Stufen nebeneinander, je Stufe hf-stufe mit hf-stufe-l, hf-stufe-n große Zahl, hf-stufe-s. hf-leer gedimmt. hf-phasen Phasenleiste aus hf-ph, hf-ph-ok erreicht, hf-ph-jetzt aktuell. Darunter hf-phl mit den Namen. hf-knopf Knopf, hf-haupt rot, hf-klein kleiner. hf-raster Kacheln in Spalten, hf-zwei zwei Spalten, hf-voll über alle. hf-status Zustandszeile mit Punkt, etwa Versand aus. hf-fortschritt Fortschritt, . hf-zu Zugeklappter Abschnitt, details mit summary. hf-ziel Zahl im Text, die selbst zum Ziel führt, etwa 11 Ja. Karten führen zum Ziel, seit 23.10.2026 (Ralf, Auftrag claude/2026-10-23_Auftrag_Karten_klickbar.md). Jede hf-karte, jede hf-zahl und jede hf-stufe mit Zahl hat ein Ziel, also einen Link , einen