screen18, zweite Haelfte: Die Tagesfelder werden Tasten in einer Platte

Filipe: "...und die kacheln vom kalender selber sollen viel krasser und
geiler aussehen bitte."

Die dunklen Fugen zwischen den Tagen waren die eine Haelfte des
Wunsches und stehen seit dem 08.09. Die andere Haelfte sind die Felder
SELBST: flache Rechtecke in drei Grautoenen. Eine gefraeste Platte mit
Fugen, in der flache Flaechen liegen, ist halb fertig -- die Fuge sagt
"Werkstueck", die Flaeche sagt "Tabelle".

ZWEI PIXEL MACHEN DEN UNTERSCHIED: eine Lichtkante oben, eine
Schattenkante unten. Dieselbe Rechnung wie ueberall im Haus -- Licht
faellt von oben, also ist die obere Kante hell und die untere dunkel.
Aus einer Flaeche wird ein Koerper, der in der Platte SITZT. Kein
zusaetzliches Element, keine Groessenaenderung, kein Umbruch.

DER WOCHENENDUNTERSCHIED WAR MESSBAR ZU KLEIN -- und das ist der
eigentliche Fund. Werktag lag bei `rgba(11,15,25,.74)`, Wochenende bei
`rgba(9,12,20,.8)`. Auf dem Bildschirm sind die beiden Spalten nicht
auseinanderzuhalten. Die Angabe war also da und wirkungslos, und das
ist die unangenehmste Sorte Fehler: Sie sieht im Quelltext nach einer
Funktion aus, und niemand vermisst, was scheinbar existiert.

Jetzt liegt das Wochenende sichtbar tiefer und etwas kuehler. Man
sieht den Wochenrhythmus, ohne die Spaltenkoepfe zu lesen -- das ist
keine Zierde, sondern die Information, wegen der ein Kalender
ueberhaupt in Wochen gegliedert ist.

HEUTE BLEIBT DAS LAUTESTE FELD, und das war die Bedingung fuer alles
andere: Wenn jedes Feld eine Kante bekommt, muss das eine, auf das es
ankommt, weiter herausstechen. Voller Ring plus ein leiser Schein nach
innen.

AUGENSCHONEND: Alle Werte unter 8 Prozent Deckkraft. Auf sechs mal
sieben Feldern summiert sich jede Helligkeit -- was auf einer Kachel
dezent ist, ist auf 42 Kacheln ein Raster.

Geprueft: pruef-kalender, pruef-buehne (kalender.html schlechtester
Kontrast 5,58:1 bei noetigen 4,5:1, 13 Stellen gemessen),
pruef-css-klassen -- alle in Ordnung.

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

workspace/assets/css/kalender.css

@@ -1266,3 +1266,81 @@
    sonst steht die Kachel unten leer. */
 .k-anlasskachel > .k-leiste { margin-bottom: 18px; }
 .k-anlasskachel > .k-leiste:last-of-type { margin-bottom: 12px; }
+
+/* =====================================================================
+   DIE TAGESFELDER SIND TASTEN IN EINER PLATTE (screen18, 09.09.2026)
+
+   Filipe: "...und die kacheln vom kalender selber sollen viel krasser
+   und geiler aussehen bitte."
+
+   Die dunklen Fugen zwischen den Tagen waren die eine Haelfte seines
+   Wunsches und sind seit dem 08.09. gebaut (siehe weiter oben). Die
+   andere Haelfte sind die Felder SELBST: Sie waren flache Rechtecke in
+   drei Grautoenen. Eine gefraeste Platte mit Fugen, in der flache
+   Flaechen liegen, ist halb fertig -- die Fuge sagt "Werkstueck", die
+   Flaeche sagt "Tabelle".
+
+   ZWEI PIXEL MACHEN DEN UNTERSCHIED: eine Lichtkante oben, eine
+   Schattenkante unten. Das ist dieselbe Rechnung wie ueberall in
+   diesem Haus -- Licht faellt von oben, also ist die obere Kante hell
+   und die untere dunkel. Aus einer Flaeche wird damit ein Koerper, der
+   in der Platte SITZT. Kein zusaetzliches Element, keine Groesse, kein
+   Umbruch: nur zwei innere Schatten.
+
+   DER WOCHENENDUNTERSCHIED WAR MESSBAR ZU KLEIN. Werktag lag bei
+   `rgba(11,15,25,.74)`, Wochenende bei `rgba(9,12,20,.8)` -- auf dem
+   Bildschirmfoto sind die beiden Spalten nicht auseinanderzuhalten.
+   Damit war die Angabe zwar da, aber wirkungslos, und das ist die
+   unangenehmste Sorte: Sie sieht im Quelltext nach einer Funktion aus.
+   Jetzt liegt das Wochenende sichtbar tiefer und etwas kuehler -- man
+   sieht den Wochenrhythmus, ohne die Spaltenkoepfe zu lesen. Das ist
+   keine Zierde, das ist die Information, wegen der ein Kalender in
+   Wochen gegliedert ist.
+
+   HEUTE BLEIBT DAS LAUTESTE FELD, und das war die Bedingung fuer alles
+   andere: Wenn jedes Feld eine Kante bekommt, muss das eine, auf das
+   es ankommt, weiter herausstechen. Es behaelt seinen vollen Ring und
+   bekommt zusaetzlich einen leisen Schein nach innen.
+
+   AUGENSCHONEND: Alle Werte liegen unter 8 Prozent Deckkraft. Auf
+   sechs mal sieben Feldern summiert sich jede Helligkeit; was auf
+   einer Kachel dezent ist, ist auf 42 Kacheln ein Raster. Deshalb so
+   leise wie moeglich und keine Farbe ausser der, die schon da war. */
+.k-tag {
+  box-shadow:
+    inset 0 1px 0 rgba(170, 200, 230, .07),
+    inset 0 -1px 0 rgba(0, 0, 0, .45);
+}
+/* Beim Zeigen kommt die Lichtkante voll -- naeherkommen statt
+   aufleuchten, dieselbe Sprache wie ueberall. */
+.k-tag:hover {
+  box-shadow:
+    inset 0 1px 0 rgba(190, 218, 245, .16),
+    inset 0 -1px 0 rgba(0, 0, 0, .5);
+}
+/* Tage des Nachbarmonats sind zurueckgenommen -- auch ihre Kante.
+   Sonst waeren sie flach und trotzdem gleich stark gerahmt. */
+.k-tag[data-fremd="ja"] {
+  box-shadow:
+    inset 0 1px 0 rgba(170, 200, 230, .035),
+    inset 0 -1px 0 rgba(0, 0, 0, .45);
+}
+/* Das Wochenende liegt tiefer in der Platte und ist eine Spur kuehler.
+   Der Unterschied zum Werktag ist jetzt zu sehen, ohne aufzufallen. */
+.k-tag[data-wochenende="ja"] {
+  background: rgba(6, 9, 16, .86);
+  box-shadow:
+    inset 0 1px 0 rgba(150, 185, 220, .05),
+    inset 0 -1px 0 rgba(0, 0, 0, .55),
+    inset 0 8px 14px -12px rgba(0, 0, 0, .8);
+}
+.k-tag[data-wochenende="ja"]:hover { background: rgba(14, 20, 32, .9); }
+/* Heute: voller Ring, dazu ein leiser Schein nach innen. Es ist das
+   einzige Feld, das seinen Zustand meldet -- alle anderen zeigen nur,
+   was auf ihnen steht. */
+.k-tag[data-heute="ja"] {
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--akzent) 50%, transparent),
+    inset 0 1px 0 rgba(200, 230, 255, .14),
+    inset 0 0 22px -8px color-mix(in srgb, var(--akzent) 55%, transparent);
+}

workspace/aufgaben.html

@@ -14,10 +14,10 @@
 <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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -217,10 +217,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/aufgaben.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/aufgaben.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/automation.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/automation.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -140,10 +140,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/automation.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/automation.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/bereich.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -149,14 +149,14 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/checkliste.js?v=202609090038" defer></script>
-<script src="assets/js/ampel.js?v=202609090038" defer></script>
-<script src="assets/js/schulung.js?v=202609090038" defer></script>
-<script src="assets/js/vorlagen.js?v=202609090038" defer></script>
-<script src="assets/js/bereich.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/checkliste.js?v=202609090041" defer></script>
+<script src="assets/js/ampel.js?v=202609090041" defer></script>
+<script src="assets/js/schulung.js?v=202609090041" defer></script>
+<script src="assets/js/vorlagen.js?v=202609090041" defer></script>
+<script src="assets/js/bereich.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/calls.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/calls.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -82,11 +82,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090038" defer></script>
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/calls.js?v=202609090038" defer></script>
+<script src="assets/js/ki.js?v=202609090041" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/calls.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/chat.html

@@ -14,17 +14,17 @@
 <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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
 <!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
      .neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
      Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
      zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
      Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
      Dialog zu sehen bekam. -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -160,10 +160,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202609090038"></script>
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038"></script>
-<script src="assets/js/glocke.js?v=202609090038"></script>
-<script src="assets/js/chat.js?v=202609090038"></script>
+<script src="assets/js/bereiche.js?v=202609090041"></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041"></script>
+<script src="assets/js/glocke.js?v=202609090041"></script>
+<script src="assets/js/chat.js?v=202609090041"></script>
 </body>
 </html>

workspace/content.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/content.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/content.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -172,12 +172,12 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/checkliste.js?v=202609090038" defer></script>
-<script src="assets/js/vorlagen.js?v=202609090038" defer></script>
-<script src="assets/js/content.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/checkliste.js?v=202609090041" defer></script>
+<script src="assets/js/vorlagen.js?v=202609090041" defer></script>
+<script src="assets/js/content.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/dateien.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -101,10 +101,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/dateien.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/dateien.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/index.html

@@ -32,7 +32,7 @@
 
 <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=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
 </head>
 
 <body class="gate">
@@ -382,6 +382,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609090038" defer></script>
+<script src="assets/js/gate.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/kalender.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -331,11 +331,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/kalender.js?v=202609090038" defer></script>
-<script src="assets/js/kalender-abo.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/kalender.js?v=202609090041" defer></script>
+<script src="assets/js/kalender-abo.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/leistung.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/leistung.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -217,10 +217,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609090038"></script>
-<script src="assets/js/bereiche.js?v=202609090038"></script>
-<script src="assets/js/kopf.js?v=202609090038"></script>
-<script src="assets/js/glocke.js?v=202609090038"></script>
-<script src="assets/js/leistung.js?v=202609090038"></script>
+<script src="assets/js/wahl.js?v=202609090041"></script>
+<script src="assets/js/bereiche.js?v=202609090041"></script>
+<script src="assets/js/kopf.js?v=202609090041"></script>
+<script src="assets/js/glocke.js?v=202609090041"></script>
+<script src="assets/js/leistung.js?v=202609090041"></script>
 </body>
 </html>

workspace/personen.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/personen.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -305,10 +305,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/personen.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/personen.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/profil.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -207,11 +207,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/steckbrief.js?v=202609090038" defer></script>
-<script src="assets/js/profil.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/steckbrief.js?v=202609090041" defer></script>
+<script src="assets/js/profil.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/report.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/report.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/report.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -99,11 +99,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090038" defer></script>
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/report.js?v=202609090038" defer></script>
+<script src="assets/js/ki.js?v=202609090041" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/report.js?v=202609090041" defer></script>
 </body>
 </html>

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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -132,10 +132,10 @@
   </div>
 </div>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/scouting.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/scouting.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/start.html

@@ -14,12 +14,12 @@
 <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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
 <!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
      den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
-<link rel="stylesheet" href="assets/css/heim.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/heim.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -522,10 +522,10 @@
   </p>
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/start.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/start.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/startcheck.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -78,11 +78,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090038" defer></script>
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/startcheck.js?v=202609090038" defer></script>
+<script src="assets/js/ki.js?v=202609090041" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/startcheck.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/steckbrief.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -119,10 +119,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/steckbrief.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/steckbrief.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/uebersicht.html

@@ -14,13 +14,13 @@
 <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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
 <!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
      Dialog "Creator anlegen". -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -142,11 +142,11 @@
 
 </main>
 
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/uebersicht.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/uebersicht.js?v=202609090041" defer></script>
 </body>
 </html>

workspace/wissen.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=202609090038" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/wissen.css?v=202609090038" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
 </head>
 
 <body class="start">
@@ -183,10 +183,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090038" defer></script>
-<script src="assets/js/bereiche.js?v=202609090038" defer></script>
-<script src="assets/js/kopf.js?v=202609090038" defer></script>
-<script src="assets/js/glocke.js?v=202609090038" defer></script>
-<script src="assets/js/wissen.js?v=202609090038" defer></script>
+<script src="assets/js/wahl.js?v=202609090041" defer></script>
+<script src="assets/js/bereiche.js?v=202609090041" defer></script>
+<script src="assets/js/kopf.js?v=202609090041" defer></script>
+<script src="assets/js/glocke.js?v=202609090041" defer></script>
+<script src="assets/js/wissen.js?v=202609090041" defer></script>
 </body>
 </html>