Die Zeitraeume bekommen eine Tafel -- und die Zahl, die fehlte

Filipe: "das muss viel geiler aussehen bitte. ich will dass es auch
seeeehr gut erkennbar ist, genau wie der text drueber. mach das bitte
alles so dass es mega speziell, hochwertig und lesbar ist."

DAS EIGENTLICHE PROBLEM WAR LESBARKEIT, nicht Geschmack. Im
Bildschirmfoto gemessen: Ueberschrift und Erklaersatz standen direkt
auf der Buehne -- einem Foto mit hellrotem Berg. Und die Karte griff
nach `--flaeche-tief`, einer Variablen, die es im ganzen Haus nicht
gibt; gegriffen hat der Ersatzwert mit 72 % Deckung, also kam der Berg
mit. Eine Variable, die nirgends steht, faellt nicht auf.

Jetzt sitzt alles in EINEM Koerper: vierfarbige Fassung, deckendes
Innenglas mit Messraster, die Zeitraeume als eingelassene Felder mit
dunklen Fugen. Das ist nicht neu erfunden, sondern die Rollenkachel der
Anmeldeseite -- ein Haus, eine Handschrift. Typenschild und Hauptzahl
in gebuerstetem Metall, mit vollwertigem Rueckfall.

"GUELTIGE LIVE-GEHEN-TAGE" WURDE BIS HEUTE WEGGEWORFEN. Datenbank,
Anzeigefeld und Importzeile waren da -- nur `spaltenRaten` hatte kein
Muster dafuer. Am 14.09. wurde das alte `/tag/` reparirt, das die
Spalte faelschlich zur Datumsspalte machte; die Reparatur hat den
falschen Empfaenger entfernt und keinen richtigen bestellt. Die
Pruefdatei SCHICKTE den Wert seit dem 14.09. und hat nie nachgesehen,
ob er ankommt. Jetzt steht er als Streifen da, in genau so viele
Kaestchen geteilt, wie der Zeitraum Tage hat.

ZWEI KLASSEN IM WAEHLER, mit Grund: `.spannen__schild` allein (0,1,0)
kam gegen `.inhalt .feldschild` aus start.css (0,2,0) nicht an -- im
Browser gemessen war weder `display: flex` noch die Farbe da.

UND EINE ZEITBOMBE ENTSCHAERFT: pruef-backstage-import rechnete
"morgen" mit `toISOString()` (UTC), der Server mit Ortszeit. Um 00:40
Berlin war das hier berechnete "morgen" in Wahrheit HEUTE -- die
Gegenprobe "ein Datum in der Zukunft wird abgelehnt" fiel taeglich
zwischen Mitternacht und zwei Uhr um. Alle drei Tage werden jetzt aus
einer Stelle abgeleitet.

Gemessen statt behauptet: 43 258 Bildpunkte hinter Ueberschrift und
Satz abgetastet, kein einziger rot. Gegenprobe mit weggenommenem
Innenglas: 2 857 rote -- die Messung kann Rot also sehen.

pruef-backstage-import 133 (war 127), pruef-xlsx 75 (war 67),
pruef-css-klassen, pruef-leistung-optik 59, pruef-leistung: alle gruen.

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

workspace/leistung.html

@@ -12,20 +12,20 @@
      Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
      eine Flaeche sind statt zweier. -->
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609151738" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609151738" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609151738" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609151738" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609151738" />
-<link rel="stylesheet" href="assets/css/leistung.css?v=202609151738" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609151738" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609160059" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609160059" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609160059" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609160059" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609160059" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202609160059" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609160059" />
 <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
      Auf der Agenturadresse ist sie leer -- das Haus hier IST der
      Grundzustand. Auf der Adresse von Team Dogi biegt der Server
      genau diesen Dateinamen auf crew-haus.css um, und die Seite
      kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
      ohne Umfaerben im Browser, ohne Flackern. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202609151738" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609160059" />
 </head>
 
 <body class="start">
@@ -106,13 +106,34 @@
        BEWUSST UEBER den Tageszeilen und UNTER der Woche: Es ist die
        groebere Auskunft. Und sie geht NICHT in die Wochenzahlen ein;
        die bleiben aus Tagen gerechnet. -->
+  <!-- EINE TAFEL STATT DREI FREIER DINGE (16.09.2026)
+
+       Filipe: "das muss viel geiler aussehen bitte. ich will dass es
+       auch seeeehr gut erkennbar ist, genau wie der text drüber. mach
+       das bitte alles so dass es mega speziell, hochwertig und lesbar
+       ist."
+
+       VORHER STANDEN ÜBERSCHRIFT UND SATZ NACKT AUF DER BÜHNE -- und
+       die Bühne ist ein Foto. Im Bildschirmfoto gemessen: Der rote
+       Berg lief quer durch beide Zeilen. Das ist kein Geschmacks-,
+       sondern ein Lesbarkeitsproblem, und seine Worte sagen genau das
+       ("seeeehr gut erkennbar").
+
+       JETZT SITZT ALLES IN EINEM KÖRPER: Fassung außen, deckendes
+       Innenglas, und die Zeiträume als eingelassene Felder darin.
+       Dieselbe Bauart wie die Rollenkachel der Anmeldeseite -- ein
+       Haus, eine Handschrift. -->
   <section class="leistung-spannen" id="spannen-block" hidden>
-    <p class="feldschild">Zeiträume aus Backstage</p>
-    <p class="spannen__satz">
-      Diese Zahlen gelten für den ganzen Zeitraum, nicht für einen Tag –
-      sie zählen deshalb nicht in die Wochenzahlen oben hinein.
-    </p>
-    <div class="spannen" id="spannen"></div>
+    <div class="spannen-tafel">
+      <div class="spannen-tafel__kopf">
+        <p class="feldschild spannen__schild">Zeiträume aus Backstage</p>
+        <p class="spannen__satz">
+          Diese Zahlen gelten für den ganzen Zeitraum, nicht für einen Tag –
+          sie zählen deshalb nicht in die Wochenzahlen oben hinein.
+        </p>
+      </div>
+      <div class="spannen" id="spannen"></div>
+    </div>
   </section>
 
   <!-- Die Tageszeilen. Tastaturfreundlich: Eine Woche soll in unter
@@ -423,10 +444,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609151738"></script>
-<script src="assets/js/bereiche.js?v=202609151738"></script>
-<script src="assets/js/kopf.js?v=202609151738"></script>
-<script src="assets/js/glocke.js?v=202609151738"></script>
-<script src="assets/js/leistung.js?v=202609151738"></script>
+<script src="assets/js/wahl.js?v=202609160059"></script>
+<script src="assets/js/bereiche.js?v=202609160059"></script>
+<script src="assets/js/kopf.js?v=202609160059"></script>
+<script src="assets/js/glocke.js?v=202609160059"></script>
+<script src="assets/js/leistung.js?v=202609160059"></script>
 </body>
 </html>