Jede Seite traegt die Farbe ihrer Kachel -- und der alte Name ist weg

1. DIE FARBE DER KATEGORIE GILT JETZT AUF DER GANZEN SEITE.

Filipe: "die kacheln sollen auch in jeder seite die farben der
kategorie haben. ich will dass alles perfekt angepasst ist."

Vorher war jede Bereichsseite gleich blau, egal aus welcher Kachel man
kam -- beim Klick verlor man die einzige Farbe, an der man sich
orientieren konnte.

KEINE DRITTE LISTE: Der Ton steht bereits in den Kacheln, und der
Browser hat beide Quellen vorliegen (`ich.bereiche` vom Server,
`Bereiche.GRUPPEN` fuer die Agentur). `tonSetzen` sucht dort und setzt
`data-ton` am <body>; die Zuordnung Nummer->Farbe gilt ueber start.css
ohnehin schon. Gefunden wird ueber das ZIEL, nicht ueber den Namen --
der aendert sich (heute zweimal), das Ziel nicht.

Der Akzent der Seite wird daraus gemischt, nicht rein uebernommen:
Einige Toene sind sehr hell (Ton 30 fast Weissgruen, Ton 36
Zitronengelb) und wuerden als duenne Linie auf dunklem Grund blenden.
12 % ruhiges Blaugrau nehmen die Spitze, ohne die Kategorie
unkenntlich zu machen.

2. DER UMBENANNTE NAME WAR NOCH AN VIER STELLEN.

Die Kachel heisst seit heute "Eure Aufgaben" -- Titel und Kopfleiste
der Seite sagten aber weiter "Entwicklung", und zwei Pruefungen
suchten die Kachel ueber ihren alten Namen. Sie waeren beim naechsten
Lauf rot geworden, ohne dass etwas kaputt ist.

pruef-befinden sucht die Kachel jetzt ueber ihr ZIEL statt ueber den
Namen: Das ist die Angabe, die sich nicht aendert, wenn jemand den
Namen nachschaerft.

GEMESSEN: pruef-entwicklung 43/0, pruef-befinden 75/0,
pruef-community-sicht 10/0, pruef-wege-nach-draussen 64/0,
pruef-bereiche-lesend gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/bereich.css

@@ -1737,3 +1737,46 @@
   .brettmarken__weg { transition: none; }
   .brettmarken__weg:hover { transform: none; }
 }
+
+/* =====================================================================
+   JEDE SEITE TRÄGT DIE FARBE IHRER KACHEL (19.09.2026)
+
+   Filipe: „die kacheln sollen auch in jeder seite die farben der
+   kategorie haben. ich will dass alles perfekt angepasst ist."
+
+   `bereich.js` setzt `data-ton` am <body>; die Zuordnung Nummer→Farbe
+   steht in start.css und gilt damit schon. Hier wird nur der AKZENT
+   der Seite darauf umgestellt — und weil die Seite ihn an 44 Stellen
+   benutzt (Ränder, Linien, Knöpfe, Marken), färbt sich damit alles
+   mit, ohne dass irgendwo eine zweite Farbliste entsteht.
+
+   WARUM NICHT REIN, SONDERN GEMISCHT: Einige Töne sind sehr hell
+   (Ton 30 ist fast Weißgrün, Ton 36 Zitronengelb). Als Fläche und
+   Rahmen sind sie schön, als Akzentfarbe für dünne Linien und kleinen
+   Text auf dunklem Grund blenden sie. Die Beimischung von 12 % des
+   ruhigen Blaugraus nimmt genau diese Spitze, ohne die Kategorie
+   unkenntlich zu machen — die Farbe bleibt eindeutig zuzuordnen.
+
+   Steht kein `data-ton` da (Direktaufruf ohne passende Kachel), bleibt
+   alles wie bisher. Eine Seite ohne Farbe ist unauffällig, eine Seite
+   mit der falschen führt in die Irre. */
+body[data-ton] {
+  --akzent: color-mix(in srgb, var(--ton) 88%, #6f8cab);
+}
+
+/* Der Kopf der Seite bekommt die Farbe deutlicher — dort schaut man
+   zuerst hin, und dort beantwortet sie die Frage „wo bin ich". */
+body[data-ton] .kopf-zeile {
+  position: relative;
+}
+body[data-ton] .kopf-zeile::before {
+  content: "";
+  position: absolute;
+  inset: -10px -14px auto;
+  height: 3px;
+  border-radius: 999px;
+  background: linear-gradient(90deg,
+    color-mix(in srgb, var(--ton) 70%, transparent),
+    transparent 62%);
+  pointer-events: none;
+}