From e3e015bca402a8d6cd82bb4cff03d9bae8808e97 Mon Sep 17 00:00:00 2001
From: Dogfather <dogfather1608@gmail.com>
Date: Thu, 17 Sep 2026 18:59:19 +0200
Subject: [PATCH] Kopfleiste: ein Name, der zweimal vergeben war
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Filipe zu einem Bildschirmfoto: "was soll das jetzt, wieso sieht das in
gewissen seiten so scheisse aus?!"

Der Teilen-Knopf stand doppelt so hoch wie seine Nachbarn, mit dem
Zeichen UEBER dem Wort statt daneben. Es war kein Gestaltungsfehler,
sondern ein Name: `.teilen` gab es ZWEIMAL --

  gate.css      Knopf der Kopfleiste   inline-flex, waagerecht
  bereich.css   Layout der Teilen-Seite  flex column, 22px, 44rem

Auf den drei Seiten, die beide Dateien laden (bereich, bewerben,
teilen), gewann die spaeter geladene. Der Knopf bekam das Layout einer
ganzen Seite. "Gewisse Seiten" war exakt richtig beobachtet.

DERSELBE NAME KOSTETE AUSSERDEM DEN KNOPF: kopf.js baut ihn nur ein,
wenn `getElementById('teilen')` nichts findet -- ein Schutz gegen
doppelten Einbau. Auf teilen.html steht `<section id="teilen">` aber
schon im HTML. Dort fehlte der Knopf ganz, ohne Spur, ohne Meldung.

REPARIERT ALS REGEL, NICHT ALS EINZELFALL:
  - Was kopf.js in die Leiste haengt, traegt jetzt `kopf-` davor
    (kopf-teilen, kopf-sicht-wahl, kopf-sicht-feld, kopf-fremd-band).
    Eine Seite darf dann heissen wie sie will -- auch "teilen", "chat"
    oder "suchen", und genau diese Woerter braucht als naechstes eine
    Seite.
  - Die Teilen-Seite bekommt eigene Klassennamen (tl-*).

NEU: server/pruef-namen.mjs (12 Pruefungen, ohne Server, <1 s).
Es ist der ZWEITE Namenskonflikt an einem Tag -- der erste war
`.t-schritt` auf der Talente-Seite, gefunden nur durch Zaehlen im
Browser. Beide waren gruen in jeder bestehenden Prueflinie.
Gemessen, um den Schnitt zu finden, der etwas taugt:
  2872 Klasse in zwei geladenen Dateien erwaehnt      -> Rauschen
  1887 davon mit eigener Blockdefinition              -> Rauschen
    12 davon mit widersprechendem `display`
     6 davon ohne `display: none`                     -> geprueft
Mit Gegenprobe, die aus den Dateien ABGELEITET wird (die erste, fest
abgeschriebene Fassung fand nichts, weil die gewaehlte Klasse dort gar
kein `display` setzt -- eine Gegenprobe, die selbst danebenliegt,
beweist nichts).

pruef-kopf-messen: 3 -> 16 Messungen, und drei eigene Fehler behoben,
die alle dieselbe Form hatten -- zu frueh hingesehen:
  1. Sie mass NUR uebersicht.html. Die laedt bereich.css nicht und war
     fuer diesen Fehler blind.
  2. Sie mass nur 320/390/430px. Unter 720px versteckt gate.css das
     Wort "Teilen"; der Knopf bleibt klein, auch falsch angeordnet.
     Filipes Bild war 1366px breit.
  3. Sie wartete 300ms. kopf.js haengt Teile erst nach `/api/ich` ein
     und hat ein Netz bei 1200ms. Zweiter Versuch: warten, bis `#wer`
     Text hat -- SOFORT wahr, dort steht `…` als Platzhalter. Dritter:
     auf Stabilitaet warten -- nach 0ms und 500ms gleich gross, also
     "fertig". Erst die Mindestwartezeit (1200 aus kopf.js plus Luft)
     davor machte die Messung echt.
Bewiesen an der Gegenprobe: mit dem alten Fehler meldet sie jetzt
"kopf-teilen ist 77px -- die anderen im Schnitt 43px", vorher blieb sie
gruen.

Statt einer festen Hoehe wird gefragt, ob EIN Teil aus der Reihe faellt
(> 1,6x der Schnitt seiner Nachbarn). Das waechst mit, wenn die Leiste
groesser wird, und muss bei keinem neuen Knopf nachgezogen werden.

Gruen: namen, kopf-messen, sicht, css-klassen, struktur.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 server/bild-sicht.mjs            |   8 +-
 server/pruef-handy.mjs           |   2 +-
 server/pruef-kopf-messen.mjs     | 135 +++++++++++++-
 server/pruef-namen.mjs           | 299 +++++++++++++++++++++++++++++++
 server/pruef-sicht.mjs           |  20 +--
 workspace/app.webmanifest        |   8 +-
 workspace/assets/css/bereich.css |  38 ++--
 workspace/assets/js/kopf.js      |  14 +-
 workspace/assets/js/teilen.js    |   8 +-
 workspace/aufgaben.html          |  24 +--
 workspace/automation.html        |  26 +--
 workspace/befinden.html          |  24 +--
 workspace/bereich.html           |  36 ++--
 workspace/bewerben.html          |  30 ++--
 workspace/bewerbungen.html       |  28 +--
 workspace/calls.html             |  28 +--
 workspace/chat.html              |  26 +--
 workspace/content.html           |  30 ++--
 workspace/crew-index.html        |  10 +-
 workspace/crew.webmanifest       |   8 +-
 workspace/dateien.html           |  26 +--
 workspace/entwicklung.html       |  24 +--
 workspace/index.html             |   8 +-
 workspace/kalender.html          |  28 +--
 workspace/leistung.html          |  26 +--
 workspace/personen.html          |  26 +--
 workspace/profil.html            |  28 +--
 workspace/rechte.html            |  24 +--
 workspace/report.html            |  28 +--
 workspace/scouting.html          |  26 +--
 workspace/start.html             |  24 +--
 workspace/startcheck.html        |  28 +--
 workspace/steckbrief.html        |  28 +--
 workspace/talente.html           |  26 +--
 workspace/team.html              |  26 +--
 workspace/teamlage.html          |  24 +--
 workspace/teilen.html            |  48 ++---
 workspace/treff-moderation.html  |  24 +--
 workspace/treff-regeln.html      |  26 +--
 workspace/uebersicht.html        |  26 +--
 workspace/wissen.html            |  26 +--
 41 files changed, 892 insertions(+), 460 deletions(-)
 create mode 100644 server/pruef-namen.mjs

diff --git a/server/bild-sicht.mjs b/server/bild-sicht.mjs
index c24ecdcf..875ed389 100644
--- a/server/bild-sicht.mjs
+++ b/server/bild-sicht.mjs
@@ -57,14 +57,14 @@ await seite.click("button[type=submit]");
 await seite.waitForURL("**/start.html", { timeout: 25000 });
 await seite.waitForTimeout(1500);
 
-const feld = await seite.$("#sicht-wahl");
+const feld = await seite.$("#kopf-sicht-wahl");
 if (feld) {
   await feld.screenshot({ path: "sicht-eigene.png" });
   console.log("sicht-eigene.png geschrieben");
 }
 
 /* Jetzt auf Lunas Sicht umschalten. */
-await seite.selectOption("#sicht-feld", String(idLuna)).catch(async () => {
+await seite.selectOption("#kopf-sicht-feld", String(idLuna)).catch(async () => {
   /* wahl.js ersetzt das <select> -- dann ueber den Knopf gehen. */
   await seite.click(".sicht .wahl2__knopf");
   await seite.waitForTimeout(300);
@@ -72,13 +72,13 @@ await seite.selectOption("#sicht-feld", String(idLuna)).catch(async () => {
 });
 await seite.waitForTimeout(2500);
 
-const feld2 = await seite.$("#sicht-wahl");
+const feld2 = await seite.$("#kopf-sicht-wahl");
 if (feld2) {
   await feld2.screenshot({ path: "sicht-fremde.png" });
   console.log("sicht-fremde.png geschrieben");
 }
 const zustand = await seite.evaluate(() => {
-  const f = document.querySelector("#sicht-wahl");
+  const f = document.querySelector("#kopf-sicht-wahl");
   return f ? { fremd: f.dataset.fremd, text: f.textContent.trim().slice(0, 40) } : null;
 });
 console.log("Zustand:", JSON.stringify(zustand));
diff --git a/server/pruef-handy.mjs b/server/pruef-handy.mjs
index b02cd865..42bba8c9 100644
--- a/server/pruef-handy.mjs
+++ b/server/pruef-handy.mjs
@@ -598,7 +598,7 @@ for (const [breite, hoehe] of KOPF_GERAETE) {
        uebersprungen, sondern gar nicht erst gezaehlt; dass ueberhaupt
        jemand geprueft wurde, steht unten in einer eigenen Bedingung. */
     const wenAnsehen = await seite.evaluate(() => {
-      const s = document.getElementById("sicht-feld");
+      const s = document.getElementById("kopf-sicht-feld");
       if (!s) return null;
       const o = [...s.options].find((x) => x.value);
       return o ? { id: o.value, name: o.textContent } : null;
diff --git a/server/pruef-kopf-messen.mjs b/server/pruef-kopf-messen.mjs
index bb55da18..ad50e20a 100644
--- a/server/pruef-kopf-messen.mjs
+++ b/server/pruef-kopf-messen.mjs
@@ -68,7 +68,73 @@ const { chromium } = await import(
   "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
 const browser = await chromium.launch();
 
-for (const breite of [320, 390, 430]) {
+/** Warten, bis die Kopfleiste FERTIG ist -- und zwar auf Stabilitaet,
+ *  nicht auf einen Inhalt.
+ *
+ *  ZWEI FEHLVERSUCHE, beide lehrreich:
+ *
+ *  `waitForTimeout(300)` mass einen Zwischenstand -- kopf.js haengt
+ *  Teile erst nach der Antwort von `/api/ich` ein und hat ein Netz, das
+ *  nach 1200 ms nachholt. Die Gegenprobe blieb dadurch gruen, obwohl
+ *  der Fehler wieder eingebaut war.
+ *
+ *  Der zweite Versuch wartete darauf, dass `#wer` Text hat. Das war
+ *  SOFORT wahr: Im HTML steht dort `…` als Platzhalter. Eine Bedingung,
+ *  die von Anfang an erfuellt ist, wartet auf nichts -- derselbe Fehler
+ *  wie ein `every()` auf einem leeren Feld.
+ *
+ *  Jetzt wird gewartet, bis sich die Zahl der Teile zweimal
+ *  hintereinander nicht mehr aendert. Das braucht keine Kenntnis
+ *  darueber, WIE VIELE Teile richtig sind -- und bleibt richtig, wenn
+ *  morgen ein Knopf dazukommt. */
+async function leisteFertig(seite, frist = 9000) {
+  /* ERST AB HIER ZAEHLT "STABIL" -- dritter und letzter Fehlversuch.
+     Ohne diese Zeile war die Leiste nach 0 ms und nach 500 ms gleich
+     gross und galt damit als fertig. "Stabil" hiess dann nur "es ist
+     noch nichts passiert": Das Netz in kopf.js greift erst bei
+     1200 ms, und teilen.html holt `/api/ich` nicht selbst.
+     Die 1500 sind keine geratene Zahl, sondern die 1200 aus kopf.js
+     plus Luft. Aendert sich sie dort, gehoert sie hier nachgezogen --
+     deshalb steht sie nicht nackt da, sondern mit ihrer Herkunft. */
+  await seite.waitForTimeout(1500);
+  const bis = Date.now() + frist;
+  let vorher = -1;
+  while (Date.now() < bis) {
+    const n = await seite.evaluate(
+      () => document.querySelector(".kopfleiste__rechts")?.children.length ?? -1);
+    if (n > 0 && n === vorher) return n;
+    vorher = n;
+    await seite.waitForTimeout(500);
+  }
+  return vorher;
+}
+
+/* WELCHE SEITEN (17.09.2026).
+
+   Bis heute wurde NUR uebersicht.html gemessen -- und genau deshalb
+   blieb der Fehler unsichtbar, ueber den Filipe gestolpert ist: Der
+   Teilen-Knopf war doppelt so hoch wie seine Nachbarn, aber nur auf den
+   drei Seiten, die bereich.css laden. uebersicht.html gehoert nicht
+   dazu.
+
+   Eine Kopfleiste, die auf einer Seite gemessen wird, ist auf einer
+   Seite gemessen. Die Leiste steht auf allen. Deshalb jetzt: die
+   Kontrollseite von frueher PLUS die zwei, die zusaetzliche
+   Gestaltungsdateien laden -- dort entstehen Konflikte, nirgends
+   sonst. */
+const SEITEN = ["uebersicht.html", "teilen.html", "bewerben.html"];
+
+/* UND EINE BREITE ANSICHT (17.09.2026).
+
+   Filipes Bildschirmfoto war KEIN Handy -- die Leiste war rund 1366 px
+   breit. Unterhalb von 720 px versteckt gate.css das Wort "Teilen" und
+   laesst nur das Zeichen stehen; der Knopf bleibt dort klein, auch mit
+   einer falschen Anordnung. Eine Pruefung, die nur Handybreiten misst,
+   waere also gruen gewesen und blind fuer genau den gemeldeten Fall.
+
+   Die drei schmalen Breiten bleiben: Dort ist der Platz knapp, und
+   dort ist die Leiste im September schon einmal zerbrochen. */
+for (const breite of [320, 390, 430, 1366]) {
   const kontext = await browser.newContext({ viewport: { width: breite, height: 844 } });
   const seite = await kontext.newPage();
   await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
@@ -76,6 +142,73 @@ for (const breite of [320, 390, 430]) {
   await seite.fill("#code", "CODE-DOGI-0001");
   await seite.click("button[type=submit]");
   await seite.waitForURL("**/start.html", { timeout: 15000 });
+
+ for (const wo of SEITEN) {
+  await seite.goto(BASIS + "/workspace/" + wo, { waitUntil: "networkidle" });
+  /* WARTEN AUF EINE BEDINGUNG, NICHT AUF EINE ZAHL (17.09.2026).
+
+     Hier stand `waitForTimeout(300)`, und das hat die Pruefung
+     wertlos gemacht: kopf.js haengt Teile der Leiste erst ein, wenn
+     `/api/ich` beantwortet ist -- und hat ein Netz, das nach 1200 ms
+     nachholt, falls die Seite selbst nicht fragt. Nach 300 ms war die
+     Leiste also halb leer, und gemessen wurde ein Zwischenstand.
+
+     Bewiesen an der Gegenprobe: Der echte Fehler wurde absichtlich
+     wieder eingebaut, und die Pruefung blieb GRUEN -- sie hatte den
+     kaputten Knopf schlicht noch nicht gesehen. Eine Pruefung, die zu
+     frueh hinsieht, bestaetigt nur, dass noch nichts da war. */
+  await leisteFertig(seite);
+
+  /* ---- FAELLT EIN TEIL AUS DER REIHE? ----------------------------------
+
+     Das ist die Messung, die Filipes Beschwerde entspricht. Nicht
+     "ist es 38 px hoch" -- eine feste Zahl waere die Rechnung von
+     gestern und muesste bei jedem neuen Knopf nachgezogen werden.
+     Sondern: Verhaelt sich EIN Teil anders als die anderen?
+
+     Verglichen wird gegen den Mittelwert der Nachbarn. Der waechst
+     mit, wenn die Leiste insgesamt groesser wird, und schlaegt an,
+     sobald ein einzelnes Element ausbricht -- unabhaengig davon,
+     welche Zahl gerade richtig ist. */
+  const reihe = await seite.evaluate(() => {
+    const teile = [...(document.querySelector(".kopfleiste__rechts")?.children || [])]
+      .map((e) => ({
+        was: (e.id || String(e.className).split(" ")[0] || e.tagName).slice(0, 24),
+        hoehe: Math.round(e.getBoundingClientRect().height),
+      }))
+      .filter((x) => x.hoehe > 0);
+    if (teile.length < 3) return { teile, schnitt: 0, ausreisser: [] };
+    const schnitt = teile.reduce((n, x) => n + x.hoehe, 0) / teile.length;
+    return {
+      teile, schnitt: Math.round(schnitt),
+      ausreisser: teile.filter((x) => x.hoehe > schnitt * 1.6),
+    };
+  });
+  geprueft++;
+  if (reihe.ausreisser.length) {
+    fehler++;
+    console.log(`  FEHL ${breite}px ${wo}: ${reihe.ausreisser
+      .map((x) => `${x.was} ist ${x.hoehe}px`).join(", ")} `
+      + `-- die anderen im Schnitt ${reihe.schnitt}px`);
+    for (const x of reihe.teile) console.log(`         ${x.was.padEnd(24)} h=${x.hoehe}`);
+  } else if (reihe.teile.length < 3) {
+    console.log(`  --   ${breite}px ${wo}: nur ${reihe.teile.length} Teile `
+      + "-- zu wenig zum Vergleichen");
+  } else {
+    console.log(`  ok   ${breite}px ${wo}: ${reihe.teile.length} Teile, `
+      + `keines faellt aus der Reihe (Schnitt ${reihe.schnitt}px)`);
+  }
+
+  /* EIN BILD VON DER BREITEN ANSICHT. Die Zahlen sagen, DASS nichts
+     aus der Reihe faellt; ob die Leiste gut AUSSIEHT, sagt nur ein
+     Blick. Genau so ist dieser Fehler gemeldet worden -- mit einem
+     Bildschirmfoto, nicht mit einer Messung. */
+  if (breite === 1366 && wo === "teilen.html") {
+    await seite.screenshot({ path: "server/pruef-kopf-leiste.png",
+      clip: { x: 0, y: 0, width: 1366, height: 120 } });
+  }
+ }
+
   await seite.goto(BASIS + "/workspace/uebersicht.html", { waitUntil: "networkidle" });
   await seite.waitForTimeout(300);
   const r = await seite.evaluate(() => {
diff --git a/server/pruef-namen.mjs b/server/pruef-namen.mjs
new file mode 100644
index 00000000..1ef493a2
--- /dev/null
+++ b/server/pruef-namen.mjs
@@ -0,0 +1,299 @@
+/* =====================================================================
+   NAMEN, DIE ZWEIMAL VERGEBEN SIND (17.09.2026)
+
+   Filipe, zu einem Bildschirmfoto der Kopfleiste: „was soll das jetzt,
+   wieso sieht das in gewissen seiten so scheisse aus?!"
+
+   Der Teilen-Knopf stand dort doppelt so hoch wie seine Nachbarn, mit
+   dem Zeichen ueber dem Wort statt daneben. Die Ursache war kein
+   Gestaltungsfehler, sondern ein Name: `.teilen` gab es ZWEIMAL --
+   einmal in gate.css als Knopf der Kopfleiste (`inline-flex`,
+   waagerecht), einmal in bereich.css als Layout der Teilen-Seite
+   (`flex column`, 22 px Abstand, 44 rem breit). Auf den drei Seiten,
+   die beide Dateien laden, gewann die spaeter geladene -- und der Knopf
+   bekam das Layout einer ganzen Seite.
+
+   DERSELBE NAME KOSTETE AUSSERDEM DEN KNOPF: kopf.js baut ihn nur ein,
+   wenn es `getElementById('teilen')` NICHT findet -- ein Schutz gegen
+   doppelten Einbau. Auf teilen.html steht `<section id="teilen">` aber
+   schon im HTML. Dort fehlte der Knopf damit vollstaendig, und niemand
+   konnte das an einer Farbe oder einem Abstand sehen.
+
+   ES IST DER ZWEITE NAMENSKONFLIKT AN EINEM TAG. Der erste (`.t-schritt`
+   fuer zwei verschiedene Dinge auf der Talente-Seite) fiel nur auf,
+   weil ich im Browser Elemente gezaehlt habe -- 13 gefunden, 12
+   erwartet. Beide waren gruen in jeder bestehenden Prueflinie. Deshalb
+   diese Datei: Ein Kommentar, der vor einem Fehler warnt, verhindert
+   ihn nicht; eine Pruefung schon.
+
+   SIE BRAUCHT KEINEN SERVER und laeuft in unter einer Sekunde.
+
+   Aufrufen mit:  node server/pruef-namen.mjs
+   ===================================================================== */
+import { readFileSync, readdirSync } from "node:fs";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const HIER = dirname(fileURLToPath(import.meta.url));
+const WS = join(HIER, "..", "workspace");
+
+let fehler = 0, geprueft = 0;
+const melde = (t) => console.log(t);
+const ok = (b, t) => { geprueft++; console.log((b ? "  ok   " : "  FEHL ") + t); if (!b) fehler++; };
+
+const seiten = readdirSync(WS).filter((f) => f.endsWith(".html"));
+const lies = (p) => readFileSync(p, "utf8");
+
+/* Welche Dateien eine Seite laedt -- aus ihr selbst, nicht aus einer
+   gepflegten Liste. Eine Liste, die niemand pflegt, kann nicht
+   veralten. */
+const cssVon = (t) => [...t.matchAll(/assets\/css\/([\w-]+\.css)/g)].map((m) => m[1]);
+const jsVon = (t) => [...t.matchAll(/assets\/js\/([\w-]+\.js)/g)].map((m) => m[1]);
+
+/* =======================================================================
+   1. EIN SKRIPT VERGIBT EINE ID, DIE IM HTML SCHON STEHT
+   ======================================================================= */
+melde("=== 1. Doppelte Kennungen ===");
+
+const jsIds = new Map();
+for (const f of readdirSync(join(WS, "assets", "js")).filter((x) => x.endsWith(".js"))) {
+  const t = lies(join(WS, "assets", "js", f));
+  const menge = new Set();
+  for (const m of t.matchAll(/\.id\s*=\s*['"]([\w-]+)['"]/g)) menge.add(m[1]);
+  for (const m of t.matchAll(/setAttribute\(\s*['"]id['"]\s*,\s*['"]([\w-]+)['"]/g)) menge.add(m[1]);
+  jsIds.set(f, menge);
+}
+ok(jsIds.size > 5, `${jsIds.size} Skripte durchgesehen`);
+{
+  const alle = [...jsIds.values()].reduce((n, s) => n + s.size, 0);
+  ok(alle > 0, `sie vergeben ${alle} Kennungen von Hand -- das ist die Menge, um die es geht`);
+}
+
+const idFunde = [];
+for (const s of seiten) {
+  const t = lies(join(WS, s));
+  const imHtml = new Set([...t.matchAll(/\sid="([\w-]+)"/g)].map((m) => m[1]));
+  for (const j of jsVon(t)) {
+    for (const i of jsIds.get(j) || []) {
+      if (imHtml.has(i)) idFunde.push(`${s}: #${i} steht im HTML und wird von ${j} vergeben`);
+    }
+  }
+}
+ok(idFunde.length === 0,
+  idFunde.length ? `doppelte Kennung: ${idFunde.join(" | ")}`
+    : "kein Skript vergibt eine Kennung, die auf seiner Seite schon steht");
+
+/* UND DIE DOPPELTEN IM HTML SELBST -- dieselbe Krankheit, andere
+   Quelle. getElementById liefert dann das erste Element, und welches
+   das ist, entscheidet die Reihenfolge im Dokument. */
+{
+  const dop = [];
+  for (const s of seiten) {
+    const ids = [...lies(join(WS, s)).matchAll(/\sid="([\w-]+)"/g)].map((m) => m[1]);
+    const zaehl = {};
+    for (const i of ids) zaehl[i] = (zaehl[i] || 0) + 1;
+    for (const [i, n] of Object.entries(zaehl)) if (n > 1) dop.push(`${s}: #${i} (${n}x)`);
+  }
+  ok(dop.length === 0, dop.length ? `doppelt im HTML: ${dop.join(" | ")}`
+    : "und keine Seite vergibt dieselbe Kennung zweimal im HTML");
+}
+
+/* =======================================================================
+   2. EIN WAECHTER, DER AUF FREMDEN INHALT TRIFFT
+
+   kopf.js baut Elemente nur ein, wenn es sie nicht schon findet. Trifft
+   so ein Waechter auf eine ID, die eine SEITE vergibt, baut er dort
+   nichts -- ohne Fehlermeldung, ohne Spur. Genau so verschwand der
+   Teilen-Knopf von teilen.html.
+   ======================================================================= */
+melde("");
+melde("=== 2. Waechter, die auf Seiteninhalt treffen ===");
+{
+  const waechter = new Map();   // datei -> Set(id)
+  for (const f of readdirSync(join(WS, "assets", "js")).filter((x) => x.endsWith(".js"))) {
+    const t = lies(join(WS, "assets", "js", f));
+    const menge = new Set();
+    /* NUR DER POSITIVE WAECHTER. Gemessen an den beiden Faellen in
+       kopf.js:
+
+         Zeile 1472  if (gerufen || !document.getElementById('wer')) return;
+                     -> "ohne dieses Element gibt es nichts zu tun".
+                        Voellig richtig, kein Befund.
+
+         Zeile  203  if (!leiste || document.getElementById('teilen')) return;
+                     -> "ist schon da, also nicht nochmal einbauen".
+                        DAS ist der gefaehrliche: Trifft er auf fremden
+                        Seiteninhalt, baut er stillschweigend nichts.
+
+       Der Unterschied ist genau ein Ausrufezeichen. Ohne diese
+       Unterscheidung meldete der Abschnitt 30 Seiten wegen `#wer` --
+       und eine Warnung, die immer kommt, ist keine Warnung mehr. */
+    for (const m of t.matchAll(
+      /[^!]document\.getElementById\(\s*['"]([\w-]+)['"]\s*\)\s*\)\s*return/g)) {
+      menge.add(m[1]);
+    }
+    if (menge.size) waechter.set(f, menge);
+  }
+  const alle = [...waechter.values()].reduce((n, s) => n + s.size, 0);
+  ok(alle > 0, `${alle} solcher Waechter gefunden (in ${waechter.size} Dateien)`);
+
+  const funde = [];
+  for (const s of seiten) {
+    const t = lies(join(WS, s));
+    const imHtml = new Set([...t.matchAll(/\sid="([\w-]+)"/g)].map((m) => m[1]));
+    for (const j of jsVon(t)) {
+      for (const i of waechter.get(j) || []) {
+        if (imHtml.has(i)) {
+          funde.push(`${s}: ${j} steigt aus, weil #${i} im HTML steht`);
+        }
+      }
+    }
+  }
+  ok(funde.length === 0,
+    funde.length ? `stiller Aussetzer: ${funde.join(" | ")}`
+      : "kein Waechter wird von einer Seiten-Kennung ausgehebelt");
+}
+
+/* =======================================================================
+   3. DIESELBE KLASSE, ZWEI WIDERSPRECHENDE ANORDNUNGEN
+
+   NICHT jede doppelte Regel ist ein Fehler. Gemessen am 17.09.:
+
+     2872  Klasse wird in zwei geladenen Dateien ueberhaupt erwaehnt
+     1887  davon mit einer eigenen Blockdefinition
+       12  davon mit widersprechendem `display`
+        6  davon ohne `display: none` auf einer Seite
+
+   Die ersten beiden Zahlen sind Rauschen: module.css gewinnt
+   absichtlich als letzte Datei, und `start.css -> seitendatei.css` ist
+   die gewollte Kaskade (Grundform hier, Verfeinerung dort). Eine
+   Warnung, die 1887-mal kommt, ist keine Warnung mehr.
+
+   GEPRUEFT WIRD DER SCHARFE SCHNITT: beide Regeln setzen `display`,
+   die Werte widersprechen sich, und keine davon ist `none` (das ist
+   das verbreitete Muster "ausgeblendet, ausser auf ihrer Seite").
+   Genau dieser Schnitt haette `.teilen` gefunden.
+   ======================================================================= */
+melde("");
+melde("=== 3. Widersprechende Anordnungen ===");
+
+/* Was hier absichtlich so ist -- mit Grund, nicht als Sammelbecken.
+   Jede Zeile ist eine Entscheidung, die jemand getroffen hat. */
+const GEWOLLT = new Set([
+  /* Die Startseite baut die Willkommensreihe zu drei Spalten um;
+     start.css hat die einfache Fassung fuer alle anderen. */
+  "willkommen__reihe",
+  /* Der Bericht nutzt den Kachelnamen als kleine Unterzeile, ohne die
+     mehrzeilige Abschneidung der grossen Kacheln. */
+  "kachel__name",
+  /* Kalender: die Grundform steht in start.css (Tageskacheln auf der
+     Startseite), die Vollansicht in kalender.css. */
+  "k-anlass", "k-pille",
+]);
+
+{
+  const bloecke = new Map();
+  for (const f of readdirSync(join(WS, "assets", "css")).filter((x) => x.endsWith(".css"))) {
+    const t = lies(join(WS, "assets", "css", f)).replace(/\/\*[\s\S]*?\*\//g, "");
+    const karte = new Map();
+    for (const m of t.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
+      const disp = m[2].match(/(?:^|;|\s)display\s*:\s*([\w-]+)/)?.[1];
+      if (!disp) continue;
+      const richt = m[2].match(/flex-direction\s*:\s*([\w-]+)/)?.[1] || "";
+      for (const teil of m[1].split(",")) {
+        const sel = teil.trim();
+        if (/^\.[a-zA-Z][\w-]*$/.test(sel)) karte.set(sel.slice(1), { disp, richt, datei: f });
+      }
+    }
+    bloecke.set(f, karte);
+  }
+  ok(bloecke.size > 10, `${bloecke.size} Gestaltungsdateien durchgesehen`);
+
+  /* Die Pruefung als Funktion -- damit die Gegenprobe unten dieselbe
+     benutzt und nicht eine nachgebaute zweite Meinung. */
+  const suche = (zusatz = null) => {
+    const funde = [];
+    for (const s of seiten) {
+      const t = lies(join(WS, s));
+      const dateien = cssVon(t).filter((c) => c !== "module.css");
+      const gesehen = new Map();
+      for (const c of dateien) {
+        const karte = new Map(bloecke.get(c) || []);
+        if (zusatz && zusatz.datei === c) karte.set(zusatz.klasse, zusatz.wert);
+        for (const [k, w] of karte) {
+          const alt = gesehen.get(k);
+          if (alt && !GEWOLLT.has(k)
+            && alt.disp !== "none" && w.disp !== "none"
+            && (alt.disp !== w.disp || alt.richt !== w.richt)) {
+            funde.push(`${s}: .${k} ist in ${alt.datei} ${alt.disp} ${alt.richt}`
+              + ` und in ${c} ${w.disp} ${w.richt}`);
+          }
+          gesehen.set(k, w);
+        }
+      }
+    }
+    return funde;
+  };
+
+  const funde = suche();
+  ok(funde.length === 0,
+    funde.length ? `zwei Dinge, ein Name: ${funde[0]}${funde.length > 1
+      ? ` (und ${funde.length - 1} weitere)` : ""}`
+      : "keine Klasse wird auf einer Seite grundsaetzlich anders angeordnet als auf einer anderen");
+
+  /* GEGENPROBE: Eine Pruefung, die immer bestaetigt, bestaetigt nichts.
+
+     ABGELEITET, NICHT GERATEN. Beim ersten Versuch stand hier ein fest
+     gewaehlter Klassenname -- und die Gegenprobe fand nichts, weil die
+     Klasse in der gewaehlten Datei gar kein `display` setzt. Eine
+     Gegenprobe, die selbst danebenliegt, beweist so wenig wie gar
+     keine. Jetzt wird eine Klasse genommen, von der GEMESSEN ist, dass
+     sie in einer frueher geladenen Datei derselben Seite steht. */
+  const probeSeite = seiten.find((s) => cssVon(lies(join(WS, s)))
+    .filter((c) => c !== "module.css").length >= 2);
+  const probeDateien = cssVon(lies(join(WS, probeSeite)))
+    .filter((c) => c !== "module.css");
+  const probeKlasse = [...(bloecke.get(probeDateien[0]) || new Map()).entries()]
+    .find(([k, w]) => w.disp !== "none" && !GEWOLLT.has(k));
+  ok(!!probeKlasse,
+    `Gegenprobe vorbereitet: .${probeKlasse?.[0]} aus ${probeDateien[0]} `
+    + `(${probeSeite} laedt ${probeDateien.length} Dateien)`);
+  const erfunden = suche({
+    datei: probeDateien[1], klasse: probeKlasse[0],
+    wert: { disp: probeKlasse[1].disp === "grid" ? "flex" : "grid", richt: "",
+      datei: probeDateien[1] },
+  });
+  ok(erfunden.length > funde.length,
+    `Gegenprobe: eine erfundene Kollision wird erkannt (${erfunden.length} statt ${funde.length})`);
+}
+
+/* =======================================================================
+   4. DIE KOPFLEISTE HAT IHREN EIGENEN NAMENSRAUM
+
+   Die Reparatur vom 17.09. war nicht "diesen einen Namen aendern",
+   sondern eine Regel: Was kopf.js in die Leiste haengt, traegt `kopf-`
+   davor. Eine Seite kann dann heissen, wie sie will -- auch `teilen`,
+   `chat` oder `suchen`, und genau diese Woerter sind die, die als
+   naechstes eine Seite braucht.
+
+   Ohne diese Pruefung waere die Regel ein Kommentar, und Kommentare
+   verhindern nichts (siehe 11.09., der Spaltenverlust neben der
+   Warnung davor).
+   ======================================================================= */
+melde("");
+melde("=== 4. Der Namensraum der Kopfleiste ===");
+{
+  const t = lies(join(WS, "assets", "js", "kopf.js"));
+  const vergeben = [...t.matchAll(/\.id\s*=\s*['"]([\w-]+)['"]/g)].map((m) => m[1]);
+  ok(vergeben.length > 0, `kopf.js vergibt ${vergeben.length} Kennungen`);
+  const ohne = vergeben.filter((i) => !i.startsWith("kopf-"));
+  ok(ohne.length === 0,
+    ohne.length ? `ohne Namensraum: ${ohne.join(", ")}`
+      : `alle tragen "kopf-" davor (${vergeben.join(", ")})`);
+}
+
+/* ------------------------------------------------------------------- */
+melde("");
+melde(`${geprueft} Pruefungen, ${fehler} Fehler`);
+melde(fehler ? "NICHT IN ORDNUNG" : "ALLES IN ORDNUNG");
+process.exit(fehler ? 1 : 0);
diff --git a/server/pruef-sicht.mjs b/server/pruef-sicht.mjs
index f09df86a..6a6d9997 100644
--- a/server/pruef-sicht.mjs
+++ b/server/pruef-sicht.mjs
@@ -448,7 +448,7 @@ for (const s of SEITEN) {
   await bDogi.seite.goto(BASIS + "/workspace/" + s, { waitUntil: "networkidle" });
   await bDogi.seite.waitForTimeout(900);
   const da = await bDogi.seite.evaluate(() => {
-    const f = document.getElementById("sicht-wahl");
+    const f = document.getElementById("kopf-sicht-wahl");
     if (!f) return false;
     const r = f.getBoundingClientRect();
     return r.width > 0 && r.height > 0;
@@ -460,7 +460,7 @@ ok(fehlend.length === 0,
    + (fehlend.length ? ` – FEHLT auf: ${fehlend.join(", ")}` : ""));
 
 const wahl = await bDogi.seite.evaluate(() => {
-  const s = document.getElementById("sicht-feld");
+  const s = document.getElementById("kopf-sicht-feld");
   return {
     gruppen: [...s.querySelectorAll("optgroup")].map((g) => g.label),
     anzahl: s.querySelectorAll("option").length,
@@ -483,7 +483,7 @@ ok(wahl.gruppen.includes("Spicy Media"),
 const ausZentral = await bDogi.seite.evaluate(() => {
   const folge = window.Bereiche?.ROLLENFOLGE || [];
   const namen = window.Bereiche?.ROLLEN_GRUPPE || {};
-  const s = document.getElementById("sicht-feld");
+  const s = document.getElementById("kopf-sicht-feld");
   const da = [...s.querySelectorAll("optgroup")].map((g) => g.label);
   const erwartet = folge.map((r) => namen[r]).filter((n) => da.includes(n));
   return { gleich: erwartet.join(", ") === da.join(", "), erwartet, da };
@@ -504,7 +504,7 @@ await bDogi.seite.goto(BASIS + "/workspace/aufgaben.html", { waitUntil: "network
 await bDogi.seite.waitForTimeout(1100);
 const vorher = await bDogi.seite.evaluate(() =>
   document.querySelectorAll(".karte").length);
-await bDogi.seite.selectOption("#sicht-feld", String(idPat));
+await bDogi.seite.selectOption("#kopf-sicht-feld", String(idPat));
 await bDogi.seite.waitForTimeout(1800);
 const nachher = await bDogi.seite.evaluate(() => ({
   karten: document.querySelectorAll(".karte").length,
@@ -550,7 +550,7 @@ await bDogi.seite.waitForTimeout(1400);
 
    Eine Pruefung, die ihren eigenen Ausgangszustand nicht herstellt,
    misst den Nachhall der vorigen. */
-await bDogi.seite.selectOption("#sicht-feld", "");
+await bDogi.seite.selectOption("#kopf-sicht-feld", "");
 await bDogi.seite.waitForTimeout(1600);
 const eigene = await bDogi.seite.evaluate(() => ({
   kacheln: [...document.querySelectorAll(".kachel__name")].map((e) => e.textContent),
@@ -559,7 +559,7 @@ const eigene = await bDogi.seite.evaluate(() => ({
 ok(eigene.kacheln.includes("Personen & Zugänge"),
    `als er selbst sieht er die Leitungs-Kacheln (${eigene.kacheln.length} Kacheln)`);
 
-await bDogi.seite.selectOption("#sicht-feld", String(idTili));
+await bDogi.seite.selectOption("#kopf-sicht-feld", String(idTili));
 await bDogi.seite.waitForTimeout(1800);
 const fremd = await bDogi.seite.evaluate(() => ({
   kacheln: [...document.querySelectorAll(".kachel__name")].map((e) => e.textContent),
@@ -594,7 +594,7 @@ ok(zurueckSeite.kacheln.includes("Personen & Zugänge")
 
 await bDogi.seite.goto(BASIS + "/workspace/kalender.html", { waitUntil: "networkidle" });
 await bDogi.seite.waitForTimeout(1200);
-await bDogi.seite.selectOption("#sicht-feld", String(idPat));
+await bDogi.seite.selectOption("#kopf-sicht-feld", String(idPat));
 await bDogi.seite.waitForTimeout(1800);
 
 /* Und er BLEIBT beim Seitenwechsel -- sonst muesste man ihn auf jeder
@@ -602,7 +602,7 @@ await bDogi.seite.waitForTimeout(1800);
 await bDogi.seite.goto(BASIS + "/workspace/kalender.html", { waitUntil: "networkidle" });
 await bDogi.seite.waitForTimeout(1200);
 const bleibt = await bDogi.seite.evaluate(() => ({
-  wert: document.getElementById("sicht-feld")?.value,
+  wert: document.getElementById("kopf-sicht-feld")?.value,
   fremd: !!document.querySelector('.sicht[data-fremd="ja"]'),
 }));
 ok(bleibt.wert === String(idPat) && bleibt.fremd,
@@ -612,7 +612,7 @@ ok(bleibt.wert === String(idPat) && bleibt.fremd,
 await bDogi.seite.click(".sicht__weg");
 await bDogi.seite.waitForTimeout(1600);
 const zurueck = await bDogi.seite.evaluate(() => ({
-  wert: document.getElementById("sicht-feld")?.value,
+  wert: document.getElementById("kopf-sicht-feld")?.value,
   fremd: !!document.querySelector('.sicht[data-fremd="ja"]'),
 }));
 ok(zurueck.wert === "" && !zurueck.fremd, '"zurück zu mir" stellt die eigene Sicht wieder her');
@@ -630,7 +630,7 @@ for (const [rolle, code, name] of [
   const b = await browserAls(rolle, code);
   await b.seite.goto(BASIS + "/workspace/aufgaben.html", { waitUntil: "networkidle" });
   await b.seite.waitForTimeout(900);
-  const da = await b.seite.evaluate(() => !!document.getElementById("sicht-wahl"));
+  const da = await b.seite.evaluate(() => !!document.getElementById("kopf-sicht-wahl"));
   ok(!da, `Gegenprobe: ein ${name} sieht den Umschalter nicht`);
   await b.kontext.close();
 }
diff --git a/workspace/app.webmanifest b/workspace/app.webmanifest
index a8c8d1eb..c6bb4bb8 100644
--- a/workspace/app.webmanifest
+++ b/workspace/app.webmanifest
@@ -22,25 +22,25 @@
   },
   "icons": [
     {
-      "src": "/assets/img/app-symbole/workspace-192.png?v=202609171838",
+      "src": "/assets/img/app-symbole/workspace-192.png?v=202609171858",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-512.png?v=202609171838",
+      "src": "/assets/img/app-symbole/workspace-512.png?v=202609171858",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609171838",
+      "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609171858",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609171838",
+      "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609171858",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/workspace/assets/css/bereich.css b/workspace/assets/css/bereich.css
index 5d8029f9..5bcb0ec2 100644
--- a/workspace/assets/css/bereich.css
+++ b/workspace/assets/css/bereich.css
@@ -1225,13 +1225,13 @@
    mit einer Hand bedient, im Stehen, direkt nach dem Posten — deshalb
    große Flächen, viel Abstand und nur eine Entscheidung je Bildschirm.
    ===================================================================== */
-.teilen {
+.tl-seite {
   max-width: 44rem;
   margin: 0 auto;
   display: flex; flex-direction: column; gap: 22px;
 }
 
-.teilen__label {
+.tl-label {
   margin: 0 0 8px;
   font-size: .78rem; font-weight: 650; letter-spacing: .03em;
   text-transform: uppercase;
@@ -1242,12 +1242,12 @@
    TikTok-Adresse ist länger als ein Handybildschirm, und eine Adresse,
    die rechts abgeschnitten ist, beantwortet die Frage „hab ich den
    richtigen Link erwischt?" nicht. */
-.teilen__fund {
+.tl-fund {
   padding: 16px 18px;
   border: 1px solid var(--rand);
   background: color-mix(in srgb, var(--tinte) 94%, #ffffff 6%);
 }
-.teilen__url {
+.tl-url {
   margin: 0;
   font-size: .86rem; line-height: 1.5;
   color: var(--text-leise);
@@ -1257,10 +1257,10 @@
 /* WOHIN. Untereinander und nicht nebeneinander: Drei Knöpfe in einer
    Reihe sind auf 360 px drei schmale Streifen, und der Satz darunter
    passt in keinen davon. */
-.teilen__bretter {
+.tl-bretter {
   display: flex; flex-direction: column; gap: 10px;
 }
-.teilen__brett {
+.tl-brett {
   display: flex; flex-direction: column; gap: 3px;
   width: 100%;
   padding: 14px 16px; text-align: start;
@@ -1271,8 +1271,8 @@
   color: var(--text-leise);
   transition: border-color .16s ease, background .16s ease;
 }
-.teilen__brett:hover { border-color: var(--rand-hell); }
-.teilen__brett:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
+.tl-brett:hover { border-color: var(--rand-hell); }
+.tl-brett:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
 /* GEWÄHLT — und das muss man SEHEN.
 
    Im Bildschirmfoto auf 390 px war der Unterschied ein Hauch heller,
@@ -1282,28 +1282,28 @@
    Deshalb drei Dinge zusammen statt eines allein: ein farbiger Streifen
    links, ein deutlicherer Grund — und ein HAKEN. Der Haken ist der
    Teil, der ohne jede Farbwahrnehmung funktioniert. */
-.teilen__brett[aria-pressed="true"] {
+.tl-brett[aria-pressed="true"] {
   border-color: color-mix(in srgb, var(--akzent) 45%, var(--rand-hell));
   background: rgba(255, 255, 255, .08);
   color: var(--text);
   box-shadow: inset 3px 0 0 0 var(--akzent);
 }
-.teilen__brett[aria-pressed="true"] .teilen__brett-name::after {
+.tl-brett[aria-pressed="true"] .tl-brett-name::after {
   content: " ✓";
   color: var(--akzent);
   font-weight: 700;
 }
-.teilen__brett-name { font-size: .95rem; font-weight: 700; }
-.teilen__brett-satz { font-size: .8rem; color: var(--text-still); }
+.tl-brett-name { font-size: .95rem; font-weight: 700; }
+.tl-brett-satz { font-size: .8rem; color: var(--text-still); }
 
-.teilen__knoepfe {
+.tl-knoepfe {
   display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
 }
-.teilen__knoepfe .knopf { min-width: 11rem; }
+.tl-knoepfe .knopf { min-width: 11rem; }
 
 /* DAS FELD ZUM EINFÜGEN. Es erscheint nur, wenn gar kein Link dabei
    war -- als Angebot, nicht als Strafe. */
-.teilen__haendisch input {
+.tl-haendisch input {
   width: 100%; box-sizing: border-box;
   padding: 13px 14px;
   font: inherit; font-size: 1rem;      /* 16 px: darunter zoomt iOS beim Tippen */
@@ -1312,18 +1312,18 @@
   border: 1px solid var(--rand-hell);
   border-radius: 10px;
 }
-.teilen__haendisch input:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
+.tl-haendisch input:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
 
-.teilen__fertig {
+.tl-fertig {
   padding: 18px;
   border: 1px solid var(--rand-hell);
   background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
   display: flex; flex-direction: column; gap: 16px;
 }
-.teilen__fertig-satz {
+.tl-fertig-satz {
   margin: 0; font-size: .95rem; line-height: 1.6; color: var(--text);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .teilen__brett { transition: none; }
+  .tl-brett { transition: none; }
 }
diff --git a/workspace/assets/js/kopf.js b/workspace/assets/js/kopf.js
index 30a3d847..c7fc4fd2 100644
--- a/workspace/assets/js/kopf.js
+++ b/workspace/assets/js/kopf.js
@@ -200,7 +200,7 @@
 
   function teilenKnopf(ich) {
     const leiste = document.querySelector('.kopfleiste__rechts');
-    if (!leiste || document.getElementById('teilen')) return;
+    if (!leiste || document.getElementById('kopf-teilen')) return;
     /* UND WER ZU TEAM DOGI GEHOERT (11.09.2026).
 
        Filipe: "dan brauch ich auch noch einen teilen button in der
@@ -223,7 +223,7 @@
 
     const k = document.createElement('button');
     k.type = 'button';
-    k.id = 'teilen';
+    k.id = 'kopf-teilen';
     k.className = 'teilen';
     /* Ohne den Namen des Workspace: Auf der zweiten Adresse heisst der
        Bereich anders, und "Adresse dieser Seite" stimmt ueberall. */
@@ -1251,7 +1251,7 @@
   window.sichtAufbauen = async function (ich) {
     if (!ich || ich.rolle !== 'admin') return;
     const kopf = document.querySelector('.kopfleiste__rechts');
-    if (!kopf || baut || document.getElementById('sicht-wahl')) return;
+    if (!kopf || baut || document.getElementById('kopf-sicht-wahl')) return;
     baut = true;
 
     aktiv = lesen();   /* nochmals lesen -- ein anderer Reiter kann sie geaendert haben */
@@ -1267,7 +1267,7 @@
     } catch { baut = false; return; }
 
     const feld = el('div', 'sicht');
-    feld.id = 'sicht-wahl';
+    feld.id = 'kopf-sicht-wahl';
 
     /* EIN AUGE STATT DES WORTES "SICHT" (06.09.2026).
 
@@ -1289,11 +1289,11 @@
     /* Fuer Vorleseprogramme bleibt die Beschriftung erhalten -- sie ist
        nur nicht mehr zu sehen. */
     const schild = el('label', 'sicht__schild', 'Sicht');
-    schild.setAttribute('for', 'sicht-feld');
+    schild.setAttribute('for', 'kopf-sicht-feld');
     feld.append(schild);
 
     const s = el('select', 'sicht__feld');
-    s.id = 'sicht-feld';
+    s.id = 'kopf-sicht-feld';
     /* "Meine Sicht" statt "Alles (meine Sicht)". Der Zusatz erklaerte
        nichts und machte den Knopf so breit, dass am Handy nichts anderes
        mehr danebenpasste. */
@@ -1407,7 +1407,7 @@
          Auf dem Rechner ist es ueberfluessig, dort steht der Name im
          Umschalter selbst. Das entscheidet das CSS an einer Stelle. */
       const band = el('div', 'fremd-band');
-      band.id = 'fremd-band';
+      band.id = 'kopf-fremd-band';
       if (wen?.rolle) band.dataset.rolle = wen.rolle;
       band.setAttribute('role', 'status');
 
diff --git a/workspace/assets/js/teilen.js b/workspace/assets/js/teilen.js
index a30f15a0..6443d11a 100644
--- a/workspace/assets/js/teilen.js
+++ b/workspace/assets/js/teilen.js
@@ -84,15 +84,15 @@
     const ziel = $('bretter');
     ziel.textContent = '';
     for (const b of BRETTER) {
-      const k = el('button', 'teilen__brett');
+      const k = el('button', 'tl-brett');
       k.type = 'button';
       k.dataset.brett = b.wert;
       k.setAttribute('aria-pressed', String(brett === b.wert));
-      k.append(el('span', 'teilen__brett-name', b.name));
-      k.append(el('span', 'teilen__brett-satz', b.satz));
+      k.append(el('span', 'tl-brett-name', b.name));
+      k.append(el('span', 'tl-brett-satz', b.satz));
       k.addEventListener('click', () => {
         brett = b.wert;
-        for (const x of ziel.querySelectorAll('.teilen__brett')) {
+        for (const x of ziel.querySelectorAll('.tl-brett')) {
           x.setAttribute('aria-pressed', String(x.dataset.brett === brett));
         }
       });
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index 9a939535..f114d068 100644
--- a/workspace/aufgaben.html
+++ b/workspace/aufgaben.html
@@ -12,19 +12,19 @@
      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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -291,10 +291,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/aufgaben.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/aufgaben.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/automation.html b/workspace/automation.html
index 47ac4bcc..c8941947 100644
--- a/workspace/automation.html
+++ b/workspace/automation.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/automation.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -168,10 +168,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/automation.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/automation.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/befinden.html b/workspace/befinden.html
index da5f5351..34efb3d6 100644
--- a/workspace/befinden.html
+++ b/workspace/befinden.html
@@ -7,14 +7,14 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -105,9 +105,9 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/befinden.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/befinden.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/bereich.html b/workspace/bereich.html
index da12fe24..1e0469af 100644
--- a/workspace/bereich.html
+++ b/workspace/bereich.html
@@ -12,24 +12,24 @@
      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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609171858" />
 <!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
      „Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
      Stelle, an der dieselbe Sache anders aussieht. -->
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -237,14 +237,14 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/checkliste.js?v=202609171838" defer></script>
-<script src="assets/js/ampel.js?v=202609171838" defer></script>
-<script src="assets/js/schulung.js?v=202609171838" defer></script>
-<script src="assets/js/vorlagen.js?v=202609171838" defer></script>
-<script src="assets/js/bereich.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/checkliste.js?v=202609171858" defer></script>
+<script src="assets/js/ampel.js?v=202609171858" defer></script>
+<script src="assets/js/schulung.js?v=202609171858" defer></script>
+<script src="assets/js/vorlagen.js?v=202609171858" defer></script>
+<script src="assets/js/bereich.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/bewerben.html b/workspace/bewerben.html
index 1e5f8af3..b40418eb 100644
--- a/workspace/bewerben.html
+++ b/workspace/bewerben.html
@@ -7,17 +7,17 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -107,10 +107,10 @@
 </main>
 
 <!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. -->
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/auskunft.js?v=202609171838" defer></script>
-<script src="assets/js/bewerben.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/auskunft.js?v=202609171858" defer></script>
+<script src="assets/js/bewerben.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/bewerbungen.html b/workspace/bewerbungen.html
index b59a1831..6f2dd4d6 100644
--- a/workspace/bewerbungen.html
+++ b/workspace/bewerbungen.html
@@ -7,16 +7,16 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -80,10 +80,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/auskunft.js?v=202609171838" defer></script>
-<script src="assets/js/bewerbungen.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/auskunft.js?v=202609171858" defer></script>
+<script src="assets/js/bewerbungen.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/calls.html b/workspace/calls.html
index 39322709..118863c1 100644
--- a/workspace/calls.html
+++ b/workspace/calls.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/calls.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -89,11 +89,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609171838" defer></script>
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/calls.js?v=202609171838" defer></script>
+<script src="assets/js/ki.js?v=202609171858" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/calls.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/chat.html b/workspace/chat.html
index e8ba1bce..71f75ab1 100644
--- a/workspace/chat.html
+++ b/workspace/chat.html
@@ -12,26 +12,26 @@
      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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
 <!-- 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=202609171838" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -341,10 +341,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202609171838"></script>
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838"></script>
-<script src="assets/js/glocke.js?v=202609171838"></script>
-<script src="assets/js/chat.js?v=202609171838"></script>
+<script src="assets/js/bereiche.js?v=202609171858"></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858"></script>
+<script src="assets/js/glocke.js?v=202609171858"></script>
+<script src="assets/js/chat.js?v=202609171858"></script>
 </body>
 </html>
diff --git a/workspace/content.html b/workspace/content.html
index 57ec962d..f159eddc 100644
--- a/workspace/content.html
+++ b/workspace/content.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/content.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/content.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -179,12 +179,12 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/checkliste.js?v=202609171838" defer></script>
-<script src="assets/js/vorlagen.js?v=202609171838" defer></script>
-<script src="assets/js/content.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/checkliste.js?v=202609171858" defer></script>
+<script src="assets/js/vorlagen.js?v=202609171858" defer></script>
+<script src="assets/js/content.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/crew-index.html b/workspace/crew-index.html
index 3ba1527d..ded2309c 100644
--- a/workspace/crew-index.html
+++ b/workspace/crew-index.html
@@ -36,15 +36,15 @@
 <link rel="preload" as="image" href="assets/img/buehne/crew-gate-hoch-580.webp"
       type="image/webp" media="(max-width: 899px)" />
 
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
 <!-- Diese Wand steht NUR auf der Adresse von Team Dogi (ueberall sonst
      404, siehe crewWeiche). Sie darf das Haus deshalb direkt nennen
      statt ueber den Platzhalter haus.css zu gehen -- und sie MUSS es:
      Eine Zugangswand, die sich erst nach dem Umbiegen faerbt, waere
      die eine Seite, auf der man das Umfaerben sieht. -->
-<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609171858" />
 </head>
 
 <body class="gate gate--crew">
@@ -339,6 +339,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609171838" defer></script>
+<script src="assets/js/gate.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/crew.webmanifest b/workspace/crew.webmanifest
index 9aa7db06..437060eb 100644
--- a/workspace/crew.webmanifest
+++ b/workspace/crew.webmanifest
@@ -22,25 +22,25 @@
   },
   "icons": [
     {
-      "src": "/assets/img/app-symbole/crew-192.png?v=202609171838",
+      "src": "/assets/img/app-symbole/crew-192.png?v=202609171858",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/crew-512.png?v=202609171838",
+      "src": "/assets/img/app-symbole/crew-512.png?v=202609171858",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609171838",
+      "src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609171858",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609171838",
+      "src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609171858",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/workspace/dateien.html b/workspace/dateien.html
index 676f8889..123ac2b6 100644
--- a/workspace/dateien.html
+++ b/workspace/dateien.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -108,10 +108,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/dateien.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/dateien.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/entwicklung.html b/workspace/entwicklung.html
index 433145ed..a28a1c40 100644
--- a/workspace/entwicklung.html
+++ b/workspace/entwicklung.html
@@ -7,14 +7,14 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -102,9 +102,9 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/entwicklung.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/entwicklung.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/index.html b/workspace/index.html
index 7c5088dc..3d33a07c 100644
--- a/workspace/index.html
+++ b/workspace/index.html
@@ -30,9 +30,9 @@
 <link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp"
       type="image/webp" media="(max-width: 899px)" />
 
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
 </head>
 
 <body class="gate">
@@ -401,6 +401,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609171838" defer></script>
+<script src="assets/js/gate.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/kalender.html b/workspace/kalender.html
index 4bab1650..049a8451 100644
--- a/workspace/kalender.html
+++ b/workspace/kalender.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -377,11 +377,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/kalender.js?v=202609171838" defer></script>
-<script src="assets/js/kalender-abo.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/kalender.js?v=202609171858" defer></script>
+<script src="assets/js/kalender-abo.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/leistung.html b/workspace/leistung.html
index 6d1b9ad7..78b3e1fe 100644
--- a/workspace/leistung.html
+++ b/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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/leistung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -444,10 +444,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609171838"></script>
-<script src="assets/js/bereiche.js?v=202609171838"></script>
-<script src="assets/js/kopf.js?v=202609171838"></script>
-<script src="assets/js/glocke.js?v=202609171838"></script>
-<script src="assets/js/leistung.js?v=202609171838"></script>
+<script src="assets/js/wahl.js?v=202609171858"></script>
+<script src="assets/js/bereiche.js?v=202609171858"></script>
+<script src="assets/js/kopf.js?v=202609171858"></script>
+<script src="assets/js/glocke.js?v=202609171858"></script>
+<script src="assets/js/leistung.js?v=202609171858"></script>
 </body>
 </html>
diff --git a/workspace/personen.html b/workspace/personen.html
index a754e345..95a74084 100644
--- a/workspace/personen.html
+++ b/workspace/personen.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/personen.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -423,10 +423,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/personen.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/personen.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/profil.html b/workspace/profil.html
index 04159e11..2be7a6e6 100644
--- a/workspace/profil.html
+++ b/workspace/profil.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -214,11 +214,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/steckbrief.js?v=202609171838" defer></script>
-<script src="assets/js/profil.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/steckbrief.js?v=202609171858" defer></script>
+<script src="assets/js/profil.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/rechte.html b/workspace/rechte.html
index 764abfb6..9b1c1f38 100644
--- a/workspace/rechte.html
+++ b/workspace/rechte.html
@@ -7,14 +7,14 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -134,9 +134,9 @@
      Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
      Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
      die seit dem 07.09. jede Seite danach absucht. -->
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/rechte.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/rechte.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/report.html b/workspace/report.html
index 8b796c60..977ce662 100644
--- a/workspace/report.html
+++ b/workspace/report.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/report.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/report.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -106,11 +106,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609171838" defer></script>
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/report.js?v=202609171838" defer></script>
+<script src="assets/js/ki.js?v=202609171858" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/report.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/scouting.html b/workspace/scouting.html
index 4649e36d..3a56ac88 100644
--- a/workspace/scouting.html
+++ b/workspace/scouting.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -173,10 +173,10 @@
   </div>
 </div>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/scouting.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/scouting.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/start.html b/workspace/start.html
index 3c7c055d..fe8a958c 100644
--- a/workspace/start.html
+++ b/workspace/start.html
@@ -12,21 +12,21 @@
      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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
 <!-- 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=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/heim.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -674,10 +674,10 @@
   </p>
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/start.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/start.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/startcheck.html b/workspace/startcheck.html
index 0b932d81..1de42fc5 100644
--- a/workspace/startcheck.html
+++ b/workspace/startcheck.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -85,11 +85,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609171838" defer></script>
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/startcheck.js?v=202609171838" defer></script>
+<script src="assets/js/ki.js?v=202609171858" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/startcheck.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/steckbrief.html b/workspace/steckbrief.html
index 8dfadeb7..79628ac3 100644
--- a/workspace/steckbrief.html
+++ b/workspace/steckbrief.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -146,11 +146,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/auskunft.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/steckbrief.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/auskunft.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/steckbrief.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/talente.html b/workspace/talente.html
index 194a88ba..11049a15 100644
--- a/workspace/talente.html
+++ b/workspace/talente.html
@@ -7,18 +7,18 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609171858" />
 <!-- Wegen des Kastens „Anfragen“ ueber der Liste. Eine eigene Kopie
      der Regel hier waere die zweite Stelle, an der dieselbe Sache
      anders aussieht. -->
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -111,9 +111,9 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/talente.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/talente.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/team.html b/workspace/team.html
index 56b116aa..b0c5c2a2 100644
--- a/workspace/team.html
+++ b/workspace/team.html
@@ -7,20 +7,20 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/team.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/team.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -110,10 +110,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/team.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/team.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/teamlage.html b/workspace/teamlage.html
index 5ec81a61..a32f0711 100644
--- a/workspace/teamlage.html
+++ b/workspace/teamlage.html
@@ -7,20 +7,20 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/team.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/team.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu
@@ -84,9 +84,9 @@
      Kaputt ist dabei nichts -- er funktioniert. Genau deshalb faellt
      es niemandem auf, und deshalb prueft pruef-css-klassen die
      ABHAENGIGKEIT statt der Optik. Hier hat sie angeschlagen. -->
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/teamlage.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/teamlage.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/teilen.html b/workspace/teilen.html
index 3e1168c9..3fd93986 100644
--- a/workspace/teilen.html
+++ b/workspace/teilen.html
@@ -7,13 +7,13 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -71,39 +71,39 @@
 
   <p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
 
-  <section class="teilen" id="teilen" aria-busy="true">
+  <section class="tl-seite" id="teilen" aria-busy="true">
     <p class="leise" id="ladezeile">einen Moment …</p>
 
     <!-- Was angekommen ist. Steht ganz oben, weil es die erste Frage
          beantwortet: „hat er den richtigen Link erwischt?" -->
-    <div class="teilen__fund" id="fund" hidden>
-      <p class="teilen__label">Dieser Link ist angekommen:</p>
-      <p class="teilen__url" id="url-text"></p>
+    <div class="tl-fund" id="fund" hidden>
+      <p class="tl-label">Dieser Link ist angekommen:</p>
+      <p class="tl-url" id="url-text"></p>
     </div>
 
     <!-- Wohin. -->
-    <div class="teilen__wahl" id="wahl" hidden>
-      <p class="teilen__label" id="wohin-label">Wohin soll es?</p>
-      <div class="teilen__bretter" role="group" aria-labelledby="wohin-label" id="bretter"></div>
+    <div class="tl-wahl" id="wahl" hidden>
+      <p class="tl-label" id="wohin-label">Wohin soll es?</p>
+      <div class="tl-bretter" role="group" aria-labelledby="wohin-label" id="bretter"></div>
     </div>
 
-    <div class="teilen__knoepfe" id="knoepfe" hidden>
+    <div class="tl-knoepfe" id="knoepfe" hidden>
       <button type="button" class="knopf" id="uebernehmen">Übernehmen</button>
       <a class="schritt" href="start.html" id="abbrechen">Doch nicht</a>
     </div>
 
     <!-- Wenn gar kein Link dabei war. Kein Formular als Strafe, sondern
          ein Feld zum Einfügen – man ist ja schon hier. -->
-    <div class="teilen__haendisch" id="haendisch" hidden>
-      <label class="teilen__label" for="eingabe">Link zum Video</label>
+    <div class="tl-haendisch" id="haendisch" hidden>
+      <label class="tl-label" for="eingabe">Link zum Video</label>
       <input type="url" id="eingabe" inputmode="url" autocomplete="off"
              placeholder="https://www.tiktok.com/@dogfather0804/video/…" />
     </div>
 
     <!-- Das Ergebnis. -->
-    <div class="teilen__fertig" id="fertig" hidden>
-      <p class="teilen__fertig-satz" id="fertig-satz"></p>
-      <div class="teilen__knoepfe">
+    <div class="tl-fertig" id="fertig" hidden>
+      <p class="tl-fertig-satz" id="fertig-satz"></p>
+      <div class="tl-knoepfe">
         <a class="knopf" id="hin" href="start.html">Ansehen</a>
         <a class="schritt" href="start.html">Fertig</a>
       </div>
@@ -112,9 +112,9 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/teilen.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/teilen.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/treff-moderation.html b/workspace/treff-moderation.html
index c005bacf..f04b2efc 100644
--- a/workspace/treff-moderation.html
+++ b/workspace/treff-moderation.html
@@ -7,14 +7,14 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -126,9 +126,9 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/treff-moderation.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/treff-moderation.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/treff-regeln.html b/workspace/treff-regeln.html
index c9be0f94..53d3aa36 100644
--- a/workspace/treff-regeln.html
+++ b/workspace/treff-regeln.html
@@ -7,18 +7,18 @@
 <meta name="robots" content="noindex, nofollow" />
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des
      Treffs 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -211,10 +211,10 @@
      Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
      Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
      die seit dem 07.09. jede Seite danach absucht. -->
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/auskunft.js?v=202609171838" defer></script>
-<script src="assets/js/treff-regeln.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/auskunft.js?v=202609171858" defer></script>
+<script src="assets/js/treff-regeln.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/uebersicht.html b/workspace/uebersicht.html
index 056cd2b5..5bf96fe6 100644
--- a/workspace/uebersicht.html
+++ b/workspace/uebersicht.html
@@ -12,22 +12,22 @@
      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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
 <!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
      Dialog "Creator anlegen". -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -149,11 +149,11 @@
 
 </main>
 
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/uebersicht.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/uebersicht.js?v=202609171858" defer></script>
 </body>
 </html>
diff --git a/workspace/wissen.html b/workspace/wissen.html
index d22450a7..f8526ff5 100644
--- a/workspace/wissen.html
+++ b/workspace/wissen.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=202609171838" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171838" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/wissen.css?v=202609171838" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609171838" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609171858" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171858" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202609171858" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609171858" />
 <!-- 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=202609171838" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609171858" />
 </head>
 
 <body class="start">
@@ -190,10 +190,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609171838" defer></script>
-<script src="assets/js/bereiche.js?v=202609171838" defer></script>
-<script src="assets/js/kopf.js?v=202609171838" defer></script>
-<script src="assets/js/glocke.js?v=202609171838" defer></script>
-<script src="assets/js/wissen.js?v=202609171838" defer></script>
+<script src="assets/js/wahl.js?v=202609171858" defer></script>
+<script src="assets/js/bereiche.js?v=202609171858" defer></script>
+<script src="assets/js/kopf.js?v=202609171858" defer></script>
+<script src="assets/js/glocke.js?v=202609171858" defer></script>
+<script src="assets/js/wissen.js?v=202609171858" defer></script>
 </body>
 </html>