screen1: Die vier Tafeln der Calls-Seite bekommen eine Flaeche und ihre Farbe

Filipe, mit Bildschirmfoto der vier Reiter: "lass die viel geiler
aussehen bitte."

`.gruppe[data-gruppe]` steht in der Modulliste und bekommt von dort
Fase, Kantenlicht und Eckwinkel -- aber die Modulliste gibt nur die
FORM. Die Flaeche bringt jedes Bauteil selbst mit, und hier stand nur
`margin-bottom`. Die vier Reiter waren damit Silhouetten ohne Koerper:
Das Hintergrundbild lag mitten in ihnen.

DERSELBE FEHLER ZUM DRITTEN MAL IN DIESER NACHT -- beim
Entscheidungsblock auf der Report-Seite, bei der Anlasskachel im
Kalender und jetzt hier. Die Ursache ist jedes Mal dieselbe: Wer ein
Bauteil in die Modulliste aufnimmt, haelt es fuer fertig gestaltet.
Es hat dann eine Silhouette und keinen Koerper. Das gehoert in die
Uebergabe, damit es beim vierten Bauteil nicht wieder passiert.

DIE VIER FARBEN GAB ES SCHON -- an der falschen Stelle. `#f0c48a` fuer
"Protokoll fehlt" und `#79d1a2` fuer "Festgehalten" standen bereits im
Code, aber nur an den EINTRAEGEN in der aufgeklappten Tafel. Der
Reiter selbst, den man zuerst sieht und der oft der einzige ist (drei
von vier sind zugeklappt), trug sie nicht. Jetzt stehen sie einmal als
`--gton` und faerben beides: die Flaeche und ueber `--ton` das
Kantenlicht aus der Modulliste.

Die Farben sind zugeordnet, nicht ausgesucht: Bernstein "etwas ist
offen", Babyblau "kommt noch", Lila "laeuft von allein", Gruen
"erledigt".

EINE LEERE TAFEL TRITT ZURUECK -- dieselbe Ueberlegung wie bei den
Zahlen auf der Uebersicht: Null darf leise sein. Vier gleich helle
Reiter waeren vier gleich laute Rufe.

EIN IRRTUM UNTERWEGS, DER FESTGEHALTEN GEHOERT: Nach der Aenderung sah
ich im weiten Bildschirmfoto immer noch das Motiv "durch" die Tafeln
scheinen und hielt die Reparatur fuer wirkungslos. Es waren die
LUECKEN ZWISCHEN den Tafeln -- dort gehoert der Hintergrund hin. Erst
ein enger Ausschnitt einer einzelnen Tafel hat es geklaert. Ein zu
weiter Ausschnitt luegt genauso zuverlaessig wie ein zu schmaler
(heute Nacht schon einmal, beim Messstreifen am linken Bildrand).

Geprueft: pruef-call-kategorien, pruef-css-klassen, pruef-buehne --
alle in Ordnung.

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

workspace/scouting.html

@@ -14,11 +14,11 @@
 <meta name="theme-color" content="#06090f" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609090044" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090044" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090044" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202609090044" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090044" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
 </head>
 
 <body class="start">
@@ -132,10 +132,10 @@
   </div>
 </div>
 
-<script src="assets/js/wahl.js?v=202609090044" defer></script>
-<script src="assets/js/bereiche.js?v=202609090044" defer></script>
-<script src="assets/js/kopf.js?v=202609090044" defer></script>
-<script src="assets/js/glocke.js?v=202609090044" defer></script>
-<script src="assets/js/scouting.js?v=202609090044" defer></script>
+<script src="assets/js/wahl.js?v=202609090048" defer></script>
+<script src="assets/js/bereiche.js?v=202609090048" defer></script>
+<script src="assets/js/kopf.js?v=202609090048" defer></script>
+<script src="assets/js/glocke.js?v=202609090048" defer></script>
+<script src="assets/js/scouting.js?v=202609090048" defer></script>
 </body>
 </html>