screen6: Die beiden Bestaetigungen werden zu Unterschriften

Filipe, mit Bildschirmfoto der beiden Felder: "die sollen geiler sein."

WAS SIE WIRKLICH SIND, stand nur im Klassennamen. Auf einer
Unterweisung bestaetigen ZWEI Personen, dass sie sie durchgegangen
sind -- der Creator und seine Betreuung. Das ist kein Statusfeld, das
ist eine Gegenzeichnung. Gezeichnet waren sie als zwei graue Kaesten
mit runden Ecken, die man auf dem dunklen Grund kaum sah. Zwei
Rechtecke sagen "hier steht etwas". Eine Unterschriftszeile sagt "hier
fehlt jemand".

ZWEI ZUSTAENDE, ZWEI BILDER -- und beide gab es im Code laengst als
`data-da="ja"/"nein"`, nur unterschieden sie sich um einen Hauch Gruen:

  OFFEN   eine gestrichelte Linie mit einem leeren Platz darauf. Sie
          WARTET sichtbar. Der Federstrich links deutet an, wo man
          ansetzt.
  DA      eine durchgezogene gruene Linie, der Name darueber, und ein
          gepraegtes Siegel mit Haken -- wie ein abgestempeltes
          Formular.

GLEICHE HOEHE IN BEIDEN ZUSTAENDEN, und das ist keine Kosmetik: Die
Felder stehen nebeneinander in einem Raster. Waere das unterschriebene
hoeher, spraenge die Karte in dem Moment, in dem jemand unterschreibt
-- unter dem Finger dessen, der gerade gedrueckt hat.

KEINE ZWEITE FASE. Die Karte drumherum steht schon in der Modulliste.
Eine abgeschraegte Ecke IN einer abgeschraegten Ecke liest sich als
Fehler, nicht als Absicht. Das Feld traegt deshalb die andere
Formensprache des Hauses: die Linie.

DER HAKEN IST EINE MASKE, kein Zeichensatz-Haken (der sieht in jeder
Schrift anders aus und faellt weg, wenn eine fehlt) und kein Bild
(eine Datei mehr fuer fuenfzehn Pixel). Erst stand er nur im
Kommentar, waehrend im Code eine leere Muenze lag -- nachgebaut, bevor
es committet wurde. Ein Kommentar, der mehr behauptet als der Code
tut, ist schlimmer als keiner.

ZWEI ANSICHTEN NACHGEMESSEN: Auf 1400 px nebeneinander, auf 390 px
untereinander. Das Siegel sass im ersten Anlauf mit
`translate(100%)` AUSSERHALB des Feldes -- breit sah das gut aus,
schmal waere es aus der Karte gelaufen. Jetzt sitzt es innen; die
Seite laesst sich bei 390 px nicht seitlich schieben.

(Fuer die Ansicht musste ich Testdaten anlegen -- ohne Unterweisung
gibt es keine Unterschriften, und ein Bildschirmfoto von einem leeren
Bereich beweist nichts. Die Daten liegen in der Wegwerf-Datenbank der
Pruefung, nicht im echten System.)

Geprueft: pruef-schulung, pruef-css-klassen -- beide in Ordnung.

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

workspace/assets/css/bereich.css

@@ -132,16 +132,75 @@
   grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
   margin-bottom: 12px;
 }
+/* =====================================================================
+   SIE SIND UNTERSCHRIFTEN -- ALSO SEHEN SIE JETZT AUCH SO AUS
+   (screen6, 09.09.2026)
+
+   Filipe, mit Bildschirmfoto der beiden Felder: "die sollen geiler
+   sein."
+
+   WAS SIE WIRKLICH SIND, stand nur im Klassennamen: Auf einer
+   Unterweisung bestaetigen ZWEI Personen, dass sie sie gelesen haben
+   -- der Creator und seine Betreuung. Das ist kein Statusfeld, das ist
+   eine Gegenzeichnung. Gezeichnet waren sie aber als zwei graue
+   Kaesten mit abgerundeten Ecken, die man auf dem dunklen Grund kaum
+   sah. Zwei Rechtecke sagen "hier steht etwas". Eine Unterschriftszeile
+   sagt "hier fehlt jemand".
+
+   ZWEI ZUSTAENDE, ZWEI BILDER -- und beide gab es im Code schon als
+   `data-da="ja"/"nein"`, nur unterschieden sie sich um einen Hauch
+   Gruen:
+
+     OFFEN   eine gestrichelte Linie mit einem leeren Platz darauf.
+             Sie WARTET sichtbar. Der Federstrich links davor deutet
+             an, wo man ansetzt.
+     DA      eine durchgezogene gruene Linie, der Name darueber, und
+             rechts oben ein gepraegtes Siegel mit Haken -- wie ein
+             abgestempeltes Formular.
+
+   GLEICHE HOEHE IN BEIDEN ZUSTAENDEN, und das ist keine Kosmetik: Die
+   beiden Felder stehen nebeneinander in einem Raster. Waere das
+   unterschriebene hoeher, spraenge die Karte in dem Moment, in dem
+   jemand unterschreibt -- und zwar unter dem Finger dessen, der gerade
+   auf den Knopf gedrueckt hat.
+
+   KEINE ZWEITE FASE. Die Karte drumherum (`.unterweisung`) hat schon
+   eine aus der Modulliste. Eine abgeschraegte Ecke IN einer
+   abgeschraegten Ecke liest sich als Fehler, nicht als Absicht. Das
+   Feld traegt deshalb die andere Formensprache des Hauses: die Linie.
+   ================================================================== */
 .unterschrift {
-  display: grid; gap: 2px;
-  padding: 9px 12px;
-  border: 1px solid var(--rand); border-radius: 8px;
-  background: rgba(0, 0, 0, .18);
+  position: relative;
+  display: grid; gap: 3px;
+  padding: 9px 12px 11px 15px;
+  border: 0;
+  border-radius: 0;
+  background: linear-gradient(100deg, rgba(255, 255, 255, .035), transparent 60%);
 }
+/* Der Federstrich links: ein kurzer senkrechter Anstrich, der zeigt,
+   wo eine Unterschrift beginnt. Offen ist er blass, gesetzt traegt er
+   das Gruen der Bestaetigung. */
+.unterschrift::before {
+  content: "";
+  position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px;
+  background: rgba(150, 186, 220, .22);
+  transition: background .18s ease;
+}
+/* Die Zeile selbst -- unter der Angabe, nicht um sie herum. */
+.unterschrift::after {
+  content: "";
+  position: absolute; left: 15px; right: 12px; bottom: 6px; height: 0;
+  border-bottom: 1px dashed rgba(150, 186, 220, .30);
+}
+
 .unterschrift[data-da="ja"] {
-  border-color: rgba(80, 167, 130, .32);
-  background: rgba(80, 167, 130, .07);
+  background: linear-gradient(100deg, rgba(95, 201, 154, .11), transparent 62%);
 }
+.unterschrift[data-da="ja"]::before { background: rgba(95, 201, 154, .8); }
+.unterschrift[data-da="ja"]::after {
+  border-bottom: 1px solid rgba(95, 201, 154, .55);
+}
+
 .unterschrift__wer {
   font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;
   color: var(--text-still);
@@ -149,6 +208,59 @@
 .unterschrift__wann { font-size: .84rem; color: var(--text); }
 .unterschrift[data-da="nein"] .unterschrift__wann { color: var(--text-still); font-style: italic; }
 
+/* DAS SIEGEL. Es sitzt in der oberen rechten Ecke des Feldes und ist
+   nur da, wenn wirklich unterschrieben wurde.
+
+   Gebaut aus zwei Radialverlaeufen und einem Haken als Maske -- kein
+   Element, kein Bild, kein Zeichensatz. Ein Zeichensatz-Haken (✓) sieht
+   in jeder Schrift anders aus und faellt weg, wenn eine fehlt; ein
+   `mask-image` mit einem SVG-Pfad sieht ueberall gleich aus.
+
+   `content: ""` auf einem dritten Pseudoelement geht nicht -- es gibt
+   nur zwei. Deshalb haengt es am Wer-Text, der ohnehin oben steht. */
+.unterschrift[data-da="ja"] .unterschrift__wer { position: relative; }
+.unterschrift[data-da="ja"] .unterschrift__wer::after {
+  content: "";
+  /* INNERHALB des Feldes, nicht daneben. Der erste Anlauf schob es mit
+     `translate(100%)` ueber die rechte Kante hinaus -- bei der breiten
+     Ansicht sah das gut aus, auf einem schmalen Feld waere es aus der
+     Karte gelaufen. Ein Siegel gehoert auf das Blatt, nicht daneben. */
+  position: absolute; right: 0; top: 50%;
+  transform: translateY(-50%);
+  width: 15px; height: 15px; border-radius: 50%;
+  background:
+    radial-gradient(circle at 50% 26%, rgba(255, 255, 255, .2), transparent 60%),
+    radial-gradient(circle at 50% 50%, rgba(95, 201, 154, .3) 55%, rgba(10, 24, 19, .95) 100%);
+  box-shadow:
+    inset 0 0 0 1px rgba(95, 201, 154, .6),
+    inset 0 1px 2px -1px rgba(255, 255, 255, .25);
+}
+/* DER HAKEN IM SIEGEL. Als Maske ueber einer hellgruenen Flaeche --
+   kein Zeichensatz-Haken (der sieht in jeder Schrift anders aus und
+   faellt weg, wenn eine fehlt) und kein Bild (eine Datei mehr fuer
+   fuenfzehn Pixel).
+
+   Er liegt auf `::before` desselben Elements, weil es nur zwei
+   Pseudoelemente je Element gibt und `::after` schon die Muenze
+   traegt. Beide sind absolut gesetzt und liegen deshalb genau
+   uebereinander. */
+.unterschrift[data-da="ja"] .unterschrift__wer::before {
+  content: "";
+  position: absolute; right: 0; top: 50%;
+  transform: translateY(-50%);
+  width: 15px; height: 15px;
+  z-index: 1;
+  background: #a8ecc8;
+  -webkit-mask: center / 9px 9px no-repeat
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.6 4.4 4.4L19 7.4' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  mask: center / 9px 9px no-repeat
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.6 4.4 4.4L19 7.4' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .unterschrift::before { transition: none; }
+}
+
 .unterweisung__fuss { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
 .unterweisung__fest { font-size: .82rem; color: #6fbd95; }
 .unterweisung__wartet { font-size: .82rem; color: #e0b45c; }

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=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/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -217,10 +217,10 @@
   </form>
 </dialog>
 
-<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/aufgaben.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/aufgaben.js?v=202609090101" 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=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/automation.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -140,10 +140,10 @@
 
 </main>
 
-<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/automation.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/automation.js?v=202609090101" 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=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/bereich.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -149,14 +149,14 @@
 
 </main>
 
-<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/checkliste.js?v=202609090048" defer></script>
-<script src="assets/js/ampel.js?v=202609090048" defer></script>
-<script src="assets/js/schulung.js?v=202609090048" defer></script>
-<script src="assets/js/vorlagen.js?v=202609090048" defer></script>
-<script src="assets/js/bereich.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/checkliste.js?v=202609090101" defer></script>
+<script src="assets/js/ampel.js?v=202609090101" defer></script>
+<script src="assets/js/schulung.js?v=202609090101" defer></script>
+<script src="assets/js/vorlagen.js?v=202609090101" defer></script>
+<script src="assets/js/bereich.js?v=202609090101" 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=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/calls.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -82,11 +82,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090048" 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/calls.js?v=202609090048" defer></script>
+<script src="assets/js/ki.js?v=202609090101" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/calls.js?v=202609090101" 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=202609090048" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
 <!-- 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=202609090048" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -160,10 +160,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202609090048"></script>
-<script src="assets/js/wahl.js?v=202609090048" defer></script>
-<script src="assets/js/kopf.js?v=202609090048"></script>
-<script src="assets/js/glocke.js?v=202609090048"></script>
-<script src="assets/js/chat.js?v=202609090048"></script>
+<script src="assets/js/bereiche.js?v=202609090101"></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101"></script>
+<script src="assets/js/glocke.js?v=202609090101"></script>
+<script src="assets/js/chat.js?v=202609090101"></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=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/content.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/content.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -172,12 +172,12 @@
 
 </main>
 
-<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/checkliste.js?v=202609090048" defer></script>
-<script src="assets/js/vorlagen.js?v=202609090048" defer></script>
-<script src="assets/js/content.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/checkliste.js?v=202609090101" defer></script>
+<script src="assets/js/vorlagen.js?v=202609090101" defer></script>
+<script src="assets/js/content.js?v=202609090101" 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=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/dateien.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -101,10 +101,10 @@
 
 </main>
 
-<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/dateien.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/dateien.js?v=202609090101" 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=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
 </head>
 
 <body class="gate">
@@ -382,6 +382,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609090048" defer></script>
+<script src="assets/js/gate.js?v=202609090101" 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=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/kalender.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -340,11 +340,11 @@
 
 </main>
 
-<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/kalender.js?v=202609090048" defer></script>
-<script src="assets/js/kalender-abo.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/kalender.js?v=202609090101" defer></script>
+<script src="assets/js/kalender-abo.js?v=202609090101" 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=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/leistung.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -217,10 +217,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609090048"></script>
-<script src="assets/js/bereiche.js?v=202609090048"></script>
-<script src="assets/js/kopf.js?v=202609090048"></script>
-<script src="assets/js/glocke.js?v=202609090048"></script>
-<script src="assets/js/leistung.js?v=202609090048"></script>
+<script src="assets/js/wahl.js?v=202609090101"></script>
+<script src="assets/js/bereiche.js?v=202609090101"></script>
+<script src="assets/js/kopf.js?v=202609090101"></script>
+<script src="assets/js/glocke.js?v=202609090101"></script>
+<script src="assets/js/leistung.js?v=202609090101"></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=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/personen.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -305,10 +305,10 @@
 
 </main>
 
-<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/personen.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/personen.js?v=202609090101" 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=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/profil.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -207,11 +207,11 @@
 
 </main>
 
-<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/steckbrief.js?v=202609090048" defer></script>
-<script src="assets/js/profil.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/steckbrief.js?v=202609090101" defer></script>
+<script src="assets/js/profil.js?v=202609090101" 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=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/report.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/report.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -99,11 +99,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090048" 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/report.js?v=202609090048" defer></script>
+<script src="assets/js/ki.js?v=202609090101" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/report.js?v=202609090101" 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=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" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -132,10 +132,10 @@
   </div>
 </div>
 
-<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>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/scouting.js?v=202609090101" 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=202609090048" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
 <!-- 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=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/heim.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -522,10 +522,10 @@
   </p>
 </main>
 
-<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/start.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/start.js?v=202609090101" 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=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/startcheck.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -78,11 +78,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609090048" 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/startcheck.js?v=202609090048" defer></script>
+<script src="assets/js/ki.js?v=202609090101" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/startcheck.js?v=202609090101" 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=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/profil.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -119,10 +119,10 @@
 
 </main>
 
-<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/steckbrief.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/steckbrief.js?v=202609090101" 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=202609090048" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
 <!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
      Dialog "Creator anlegen". -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -142,11 +142,11 @@
 
 </main>
 
-<script src="assets/js/bereiche.js?v=202609090048" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
 
-<script src="assets/js/wahl.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/uebersicht.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/uebersicht.js?v=202609090101" 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=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/wissen.css?v=202609090048" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090048" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202609090101" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090101" />
 </head>
 
 <body class="start">
@@ -183,10 +183,10 @@
 
 </main>
 
-<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/wissen.js?v=202609090048" defer></script>
+<script src="assets/js/wahl.js?v=202609090101" defer></script>
+<script src="assets/js/bereiche.js?v=202609090101" defer></script>
+<script src="assets/js/kopf.js?v=202609090101" defer></script>
+<script src="assets/js/glocke.js?v=202609090101" defer></script>
+<script src="assets/js/wissen.js?v=202609090101" defer></script>
 </body>
 </html>