diff --git a/server/mess-buehne.mjs b/server/mess-buehne.mjs
index 4e5f839b..4602d761 100644
--- a/server/mess-buehne.mjs
+++ b/server/mess-buehne.mjs
@@ -335,7 +335,7 @@ await roh("/workspace/api/spenden", {
   rumpf: { dogen_mille: 2500, name: "Nachtfalter", gruss: "Gruss an die Buehne" },
 });
 await tafelSeite.waitForFunction(
-  () => document.querySelector('.spendenkarte[data-da="ja"]'), null, { timeout: 12000 },
+  () => document.querySelector('.spendenkarte-auftritt[data-da="ja"] .spendenkarte'), null, { timeout: 12000 },
 ).catch(() => {});
 await tafelSeite.waitForTimeout(600);
 const karte = await tafelSeite.evaluate(() => {
diff --git a/server/mess-quer.mjs b/server/mess-quer.mjs
index 61f35d17..7a6f0333 100644
--- a/server/mess-quer.mjs
+++ b/server/mess-quer.mjs
@@ -269,6 +269,13 @@ for (const stufe of ["vorbereitung", "live"]) {
 await roh("/workspace/api/reaktion/gast", {
   method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast2 },
 });
+/* ZUSAGEN GEHOERT SEIT DEM 08.10.2026 DAZU. Ein Eingeladener steht
+   noch NICHT auf der Buehne -- ohne diesen zweiten Aufruf maesse
+   dieses Werkzeug einen Saal mit einem Kamerafenster statt zweien,
+   und zwar ohne einen einzigen Fehler zu melden. */
+await roh("/workspace/api/reaktion/gast/antwort", {
+  method: "POST", keks: k.gast2, rumpf: { ja: true, kamera: true, mikro: true },
+});
 /* Und ein paar Worte im Chat -- eine leere Schiene kann nicht
    ueberlaufen, und genau das waere ein gruener Haken ohne Inhalt. */
 for (const [wer, text] of REDEN) {
diff --git a/server/mess-reaktion.mjs b/server/mess-reaktion.mjs
index 72e5a55f..7cd66d58 100644
--- a/server/mess-reaktion.mjs
+++ b/server/mess-reaktion.mjs
@@ -277,6 +277,10 @@ for (const [wer, text] of REDEN) {
 console.log("\n=== LIVE ===");
 await roh("/workspace/api/reaktion/stand", { method: "POST", keks: k.admin, rumpf: { stand: "live" } });
 await roh("/workspace/api/reaktion/gast", { method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast2 } });
+/* Und die Zusage: Seit dem 08.10.2026 wird GEFRAGT, nicht geholt --
+   wer nur gefragt ist, sendet noch nicht. */
+await roh("/workspace/api/reaktion/gast/antwort",
+  { method: "POST", keks: k.gast2, rumpf: { ja: true, kamera: true, mikro: true } });
 
 /* ==== BEIDE SEITEN GLEICHZEITIG ====================================
    Der Host sendet, die Zuschauerin empfaengt -- das geht nur, wenn
@@ -785,9 +789,9 @@ await host.seite.waitForTimeout(900);
          Regiespalte stehen sie UNTEREINANDER -- das ist seit dem
          Umbau „Regie links" der Sinn, nicht ein Fehler. Gefragt
          ist deshalb: Gibt es alle drei, und hat jede Inhalt? */
-      laeuft: k(".regiekachel.kachel--laeuft"),
-      sendung: k(".regiekachel.kachel--sendung"),
-      bereit: k(".regiekachel.kachel--bereit"),
+      laeuft: k(".regiekachel.regiekachel--laeuft"),
+      sendung: k(".regiekachel.regiekachel--sendung"),
+      bereit: k(".regiekachel.regiekachel--bereit"),
       leiste: k(".transport"),
       spiel: k("#v-spiel"),
       /* Laeuft etwas seitlich hinaus? `scrollWidth` groesser als die
@@ -825,7 +829,7 @@ await host.seite.waitForTimeout(900);
          Scrollen wie beim Stillstand. */
       letzte: (() => {
         const e = document.querySelector(".transport");
-        const r = document.querySelector(".regiekachel.kachel--sendung");
+        const r = document.querySelector(".regiekachel.regiekachel--sendung");
         if (!e || !r) return false;
         /* 4 = DOCUMENT_POSITION_FOLLOWING */
         return !!(r.compareDocumentPosition(e) & 4);
@@ -850,10 +854,47 @@ await host.seite.waitForTimeout(900);
     const raus = [];
     const leiste = document.querySelector(".transport");
     if (!leiste) return raus;
+    /* ==== WAS WEGGEROLLT IST, IST NICHT VERDECKT (08.10.2026)
+
+       Die Regie-Schublade (`#pult-innen`) rollt: Ihr Inhalt ist 1228
+       Pixel hoch, sichtbar sind 342. Alles darunter ist
+       ABGESCHNITTEN -- man rollt es herunter, und dann ist es da.
+       `getBoundingClientRect()` meldet fuer solche Felder trotzdem
+       eine Lage im Fenster, und `elementFromPoint` findet dort die
+       Transportleiste. Die Messung meldete daraufhin „die Leiste
+       liegt ueber drei Bedienelementen" -- bei Feldern, die man nur
+       noch nicht heruntergerollt hat.
+
+       GEFUNDEN DURCH EINEN GEGENLAUF, nicht durch Nachdenken: Am
+       08.10. kam die Warnung neu, der Umbau sah wie die Ursache aus.
+       Ein `git worktree` auf den letzten Commit zeigte dieselbe Lage
+       -- dort lagen die Felder nur zufaellig ein paar Pixel tiefer,
+       unter dem Fensterrand, und `elementFromPoint` gab `null`
+       zurueck. Es war also nie eine Frage der Gestaltung, sondern
+       eine Luecke in der Messung.
+
+       Gefragt wird deshalb zuerst: Liegt das Feld ueberhaupt im
+       sichtbaren Teil seines Rollkastens? Nur dann kann es verdeckt
+       sein. */
+    const rollkasten = (e) => {
+      for (let p = e.parentElement; p; p = p.parentElement) {
+        const c = getComputedStyle(p);
+        if (/(auto|scroll)/.test(c.overflowY) || /(auto|scroll)/.test(c.overflowX)) return p;
+      }
+      return null;
+    };
     for (const e of document.querySelectorAll("#pult-innen button, #pult-innen input,"
       + " #pult-innen select, #pult-innen label")) {
       const r = e.getBoundingClientRect();
       if (r.width === 0 || r.height === 0) continue;
+      const k = rollkasten(e);
+      if (k) {
+        const kr = k.getBoundingClientRect();
+        const mitte = r.top + r.height / 2;
+        /* Ganz oder halb aus dem Rollkasten heraus: weggerollt,
+           nicht verdeckt. */
+        if (mitte < kr.top || mitte > kr.bottom) continue;
+      }
       const oben = document.elementFromPoint(r.left + r.width / 2, r.top + r.height / 2);
       if (!oben || e === oben || e.contains(oben)) continue;
       if (!leiste.contains(oben)) continue;   /* nur die Leiste zaehlt */
@@ -945,6 +986,56 @@ await host.seite.waitForTimeout(900);
     console.log("   ACHTUNG: Der Knopf zum Teilen fehlt oder ist zu klein.");
     ausgang = 1;
   }
+
+  /* ==== NICHTS ÜBER DEM BILD DECKT EINEN KNOPF ZU (08.10.2026) ====
+
+     Über der Leinwand schweben drei Dinge: die Senderleiste (Kamera,
+     Bildschirm, Mikro, Geräte), das Band „Ton einschalten" und die
+     Spendenkarte. Sie liegen alle `absolute` und wissen nichts
+     voneinander.
+
+     GEFUNDEN AUF EINEM BILDSCHIRMFOTO, NICHT IN EINER ZAHL: Das Band
+     stand auf `left: 50%, bottom: 20px`, die Leiste auf `left: 16px,
+     bottom: 16px` — also auf derselben Höhe. Bei vier Knöpfen reichte
+     die Leiste bis zur Mitte, und vom Mikro-Knopf war nur noch ein
+     „t" zu sehen. Es war schon vorher so; mit dem fünften Knopf
+     wurde es nur sichtbar.
+
+     Gemessen wird nicht die Lage, sondern die ÜBERLAPPUNG — dieselbe
+     Form wie bei der Transportleiste. Eine Zahl („das Band muss 78
+     Pixel hoch liegen") wäre wieder die Schwelle, die beim nächsten
+     Knopf niemand nachzieht. */
+  const deckt = await host.seite.evaluate(() => {
+    const stuecke = [
+      ...document.querySelectorAll(".senderleiste button"),
+      ...document.querySelectorAll(".ton-an"),
+    ].map((e) => ({ e, r: e.getBoundingClientRect() }))
+      .filter((x) => x.r.width > 0 && x.r.height > 0);
+    const raus = [];
+    for (let i = 0; i < stuecke.length; i++) {
+      for (let j = i + 1; j < stuecke.length; j++) {
+        const a = stuecke[i].r, b = stuecke[j].r;
+        const quer = Math.min(a.right, b.right) - Math.max(a.left, b.left);
+        const hoch = Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top);
+        if (quer > 1 && hoch > 1) {
+          const n = (x) => x.e.id || x.e.className || x.e.tagName;
+          raus.push(`${n(stuecke[i])} / ${n(stuecke[j])}`);
+        }
+      }
+    }
+    return { zahl: stuecke.length, raus };
+  });
+  console.log(`   Über dem Bild: ${deckt.zahl} Bedienteile, `
+    + `${deckt.raus.length} Überlappung(en)`);
+  /* DIE ZAHL GEHOERT IN DIE BEDINGUNG. „null Ueberlappungen" ist auch
+     dann wahr, wenn gar nichts gemessen wurde -- und genau so sieht
+     ein gruener Haken aus, der nichts beweist. */
+  if (deckt.zahl < 4 || deckt.raus.length) {
+    console.log(`   ACHTUNG: ${deckt.raus.length ? deckt.raus.join(" · ")
+      : "zu wenige Bedienteile gefunden -- die Messung greift ins Leere"}`);
+    ausgang = 1;
+  }
+
   await bild(host.seite, "23-regieplatz");
 }
 
@@ -1140,7 +1231,16 @@ await zuschauer.seite.evaluate(() => {
                Versehen. */
             muenze: (n.querySelector(".spendenkarte__bild img")
               ?.getAttribute("src") || "").split("/").pop(),
-            kleinWeg: n.dataset?.muenze === "ja",
+            /* ==== DIE MARKIERUNG SITZT AN DER KARTE, NICHT AN DER
+               HUELLE (08.10.2026)
+
+               Angehaengt wird seit heute die HUELLE -- sie macht das
+               Erscheinen, die Karte darin die Form. `n.dataset.muenze`
+               fragte also den falschen Knoten und war immer leer:
+               „Die Muenze steht zweimal auf derselben Karte", bei
+               einer Karte, auf der sie genau einmal stand. */
+            kleinWeg: (n.matches?.(".spendenkarte")
+              ? n : n.querySelector?.(".spendenkarte"))?.dataset?.muenze === "ja",
           });
         }
       }
@@ -1153,7 +1253,7 @@ await roh("/workspace/api/spenden", {
   rumpf: { dogen_mille: 2500, name: "Nachtfalter", gruss: "Fuer das Rudel!" },
 });
 await zuschauer.seite.waitForFunction(
-  () => document.querySelector('.spendenkarte[data-da="ja"]'), null, { timeout: 8000 },
+  () => document.querySelector('.spendenkarte-auftritt[data-da="ja"] .spendenkarte'), null, { timeout: 8000 },
 ).catch(() => {});
 await zuschauer.seite.waitForTimeout(700);
 await bild(zuschauer.seite, "10-spendenkarte");
@@ -1477,13 +1577,13 @@ if (!wartet) {
      naechste kommt erst, wenn die vorige abgelaufen ist. Also auf
      das Merkmal warten, das nur die neue hat. */
   await host.seite.waitForFunction(
-    () => [...document.querySelectorAll('.spendenkarte[data-da="ja"]')].some(
+    () => [...document.querySelectorAll('.spendenkarte-auftritt[data-da="ja"] .spendenkarte')].some(
       (k2) => k2.querySelector(".spendenkarte__wer")?.textContent === "Probe"
         && k2.querySelector(".spendenkarte__bild img")),
     null, { timeout: 20000 },
   ).catch(() => {});
   const nachWechsel = await host.seite.evaluate(() => {
-    const k2 = [...document.querySelectorAll('.spendenkarte[data-da="ja"]')]
+    const k2 = [...document.querySelectorAll('.spendenkarte-auftritt[data-da="ja"] .spendenkarte')]
       .find((x) => x.querySelector(".spendenkarte__wer")?.textContent === "Probe");
     const b = k2?.querySelector(".spendenkarte__bild img");
     /* Und auch hier: geladen, nicht nur vorhanden. */
@@ -1966,6 +2066,12 @@ await host.seite.waitForTimeout(1200);
 const tafelnLeeren = async () => {
   for (const s2 of [host.seite, zuschauer.seite]) {
     await s2.evaluate(() => {
+      /* Die HUELLE wegnehmen und nicht nur die Karte darin: Seit dem
+         08.10.2026 macht die Huelle das Erscheinen, die Karte nur die
+         Form. Wer nur die Karte entfernt, laesst eine leere Huelle
+         stehen -- und misst gleich darauf, ob „schon eine Karte da
+         ist", mit einem Rest der vorigen im Bild. */
+      for (const k2 of document.querySelectorAll(".spendenkarte-auftritt")) k2.remove();
       for (const k2 of document.querySelectorAll(".spendenkarte")) k2.remove();
     });
   }
@@ -1993,10 +2099,27 @@ const messeKarte = async (erwartet) => {
          Sonst koennte die vorige Probe die Antwort geben, und die
          Messung bestaetigte eine Aenderung, die gar nicht
          angekommen ist. */
+  /* ==== GEWARTET WIRD AUF DEN FAKTOR, NICHT AUF EINE PIXELZAHL
+     (geaendert 08.10.2026)
+
+     Hier stand „warte, bis die Schrift 16 bzw. 32 Pixel misst". Das
+     war die Grundgroesse der Karte AM RAND. Seit heute steht sie in
+     der Mitte und ist dort groesser (1,3rem statt 1rem) -- und damit
+     wartete die Messung auf eine Zahl, die es nicht mehr gibt, lief
+     in die Frist und meldete „Die Probe zeigt keine Karte". Die
+     Karte war die ganze Zeit da.
+
+     DAS IST DIESELBE FALLE WIE EINE FESTE SCHWELLE IM STILBLATT:
+     eine Zahl, die irgendwo anders entsteht, hier abgeschrieben.
+     `--sp-gross` ist der Wert, um den es geht -- er kommt von der
+     Stufe, und die Messung fragt jetzt genau ihn ab. Wie viele
+     Pixel daraus werden, entscheidet die Gestaltung und darf sich
+     aendern. */
   await host.seite.waitForFunction(
-    (soll) => [...document.querySelectorAll('.spendenkarte[data-da="ja"]')].some((k2) =>
-      k2.querySelector(".spendenkarte__wer")?.textContent === "Probe"
-      && Math.abs(parseFloat(getComputedStyle(k2).fontSize) - soll) < 0.5),
+    (soll) => [...document.querySelectorAll('.spendenkarte-auftritt[data-da="ja"] .spendenkarte')]
+      .some((k2) => k2.querySelector(".spendenkarte__wer")?.textContent === "Probe"
+        && Math.abs(parseFloat(
+          getComputedStyle(k2).getPropertyValue("--sp-gross")) - soll) < 0.01),
     erwartet, { timeout: 16000 },
   ).catch(() => {});
   /* DIE KARTE KOMMT VON LINKS HEREIN (450 ms). Wer sofort misst,
@@ -2012,7 +2135,7 @@ const messeKarte = async (erwartet) => {
        -- gemessen wurden dadurch 413 statt 430 Pixel (genau das
        0,96-fache) und ein linker Rand von -1. Beides war kein
        Fehler der Karte, sondern ein Blick zur falschen Zeit. */
-    const k2 = [...document.querySelectorAll('.spendenkarte[data-da="ja"]')]
+    const k2 = [...document.querySelectorAll('.spendenkarte-auftritt[data-da="ja"] .spendenkarte')]
       .find((x) => x.querySelector(".spendenkarte__wer")?.textContent === "Probe");
     if (!k2) return null;
     const r = k2.getBoundingClientRect();
@@ -2036,7 +2159,7 @@ const messeKarte = async (erwartet) => {
   });
 };
 
-const kKlein = await messeKarte(16);
+const kKlein = await messeKarte(1);
 console.log(`   Größe 1: Karte ${kKlein?.breit}x${kKlein?.hoch} px, Schrift ${kKlein?.schrift} px, `
   + `Betrag „${kKlein?.betragText}" bei ${kKlein?.betragSchrift} px, Stufe „${kKlein?.stufe}"`);
 if (!kKlein || kKlein.wer !== "Probe") {
@@ -2065,7 +2188,7 @@ await host.seite.evaluate(() => {
   document.getElementById("stufen-sichern").click();
 });
 await host.seite.waitForTimeout(1400);
-const kGross = await messeKarte(32);
+const kGross = await messeKarte(2);
 console.log(`   Größe 2: Karte ${kGross?.breit}x${kGross?.hoch} px, Schrift ${kGross?.schrift} px, `
   + `Betrag bei ${kGross?.betragSchrift} px, links ${kGross?.links} / oben ${kGross?.oben}, `
   + `ganz im Bild=${kGross?.imBild}`);
@@ -2100,7 +2223,7 @@ if (!kGross || !kKlein) {
 
 /* ---- Und die Farbe? ---- */
 const farbe = await host.seite.evaluate(() => {
-  const k2 = [...document.querySelectorAll('.spendenkarte[data-da="ja"]')]
+  const k2 = [...document.querySelectorAll('.spendenkarte-auftritt[data-da="ja"] .spendenkarte')]
     .find((x) => x.querySelector(".spendenkarte__wer")?.textContent === "Probe");
   return k2 ? getComputedStyle(k2).getPropertyValue("--sp-farbe").trim() : "";
 });
@@ -2161,6 +2284,34 @@ if (tempoKnoepfe.length !== 6 || tempoKnoepfe.some((t) => t.breit < 44)) {
   ausgang = 1;
 }
 
+/* ==== ERST AN DEN ANFANG, DANN MESSEN (08.10.2026) ================
+
+   Diese Messung braucht zwoelf Sekunden Videomaterial -- sechs bei
+   einfachem und sechs bei doppeltem Tempo, und bei doppeltem sind
+   das zwoelf Sekunden Film. Das Testvideo ist 3:34 lang, und was
+   davon noch uebrig ist, haengt davon ab, wie lange alle Abschnitte
+   davor gebraucht haben.
+
+   GENAU DAS HAT SIE FLATTERN LASSEN: Am 08.10. meldete sie in zwei
+   von vier Laeufen „Die Geschwindigkeit wirkt nicht" -- einmal mit
+   „2x: 0.00", einmal mit „2x: 0.50". Beides heisst nicht „zu
+   langsam", sondern „das Video war zu Ende". Im Gegenlauf auf dem
+   letzten Commit war es gruen, und auch das war Zufall: Dort lag der
+   Spieler zufaellig weit genug vorn.
+
+   Eine Pruefung, deren Ergebnis davon abhaengt, wie schnell der
+   Rechner die Abschnitte davor abgearbeitet hat, misst den Rechner.
+   Also: vorher an den Anfang springen. Dann sind immer 3:34
+   uebrig. */
+await host.seite.evaluate(() => {
+  const band = document.getElementById("v-band");
+  if (!band) return;
+  band.value = "20";                                  /* 2 % von 3:34 ~ 4 s */
+  band.dispatchEvent(new Event("input", { bubbles: true }));
+  band.dispatchEvent(new Event("change", { bubbles: true }));
+});
+await host.seite.waitForTimeout(1500);
+
 /* NORMALES TEMPO ZUERST MESSEN -- als Bezugswert. Ohne ihn wüsste man
    nicht, ob 1,5x wirklich schneller ist oder ob das Video einfach
    schon lief. */
@@ -2188,7 +2339,15 @@ const normal = (a1 !== null && a2 !== null) ? (a2 - a1) / 6 : null;
 const schnell = (b1 !== null && b2 !== null) ? (b2 - b1) / 6 : null;
 console.log(`   1x: ${normal === null ? "?" : normal.toFixed(2)} Sekunden je Sekunde · `
   + `2x: ${schnell === null ? "?" : schnell.toFixed(2)}`);
-if (normal === null || schnell === null || schnell < normal * 1.5) {
+/* UND DIE BEDINGUNG NENNT, WAS SIE GEMESSEN HAT. „schnell < normal *
+   1,5" ist auch dann wahr, wenn beide null sind -- also wenn der
+   Spieler ueberhaupt nicht lief. Das ist ein anderer Befund als
+   „das Tempo wirkt nicht", und er braucht einen anderen Satz. */
+if (normal === null || schnell === null || normal < 0.5) {
+  console.log("   KONNTE NICHT NACHSEHEN: Das Video lief waehrend der Messung nicht "
+    + `(1x: ${normal === null ? "?" : normal.toFixed(2)}). Das sagt nichts ueber das Tempo.`);
+  offenePunkte.push("Das Tempo war nicht messbar -- das Video lief nicht.");
+} else if (schnell < normal * 1.5) {
   console.log("   ACHTUNG: Die Geschwindigkeit wirkt nicht -- das Video laeuft gleich schnell.");
   ausgang = 1;
 }
@@ -2373,10 +2532,32 @@ if (nachHin.titel === nachZurueck.titel) {
   console.log("   ACHTUNG: Der Umschalter wechselt nicht.");
   ausgang = 1;
 }
-/* Die gemerkte Stelle: etwa dort weiter, wo es aufgehoert hat --
-   sechs Sekunden Spiel fuer das Laden des Videos. */
+/* ==== DIE GEMERKTE STELLE -- UND WARUM NUR NACH UNTEN GEPRUEFT WIRD
+   (praezisiert 08.10.2026)
+
+   Hier stand `Math.abs(nachher - vorher) > 8`. Das misst zwei Dinge
+   auf einmal: ob die Stelle gemerkt wurde UND wie lange diese
+   Messung zwischendurch gewartet hat. Sie wartet 2x3 Sekunden, und
+   danach laeuft das zurueckgeholte Video ganz richtig WEITER --
+   gemessen wurden deshalb 86 -> 95, und die Pruefung nannte das
+   „verloren".
+
+   Im Gegenlauf auf dem letzten Commit stand dieselbe Zahl bei
+   213 -> 213, und das sah nach „alles in Ordnung" aus. Es war
+   Zufall: Das Video stand dort bei 213 von 214 Sekunden, also am
+   Ende, und konnte gar nicht weiterlaufen. Eine Pruefung, die nur
+   am Ende eines Videos gruen ist, prueft den Spieler und nicht die
+   Software.
+
+   WAS WIRKLICH SCHIEFGEHEN KANN, geht nach UNTEN: Die Stelle wird
+   vergessen (zurueck auf 0) oder es wird die Stelle des ANDEREN
+   Videos genommen (hier wenige Sekunden). Beides liegt deutlich
+   unter dem gemerkten Wert. Nach oben ist Weiterlaufen der
+   Normalfall; die Obergrenze bleibt nur als Netz gegen einen Sprung
+   ins Nichts. */
 if (stelleVorher === null || stelleNachher === null
-    || Math.abs(stelleNachher - stelleVorher) > 8) {
+    || stelleNachher < stelleVorher - 2
+    || stelleNachher > stelleVorher + 30) {
   console.log(`   ACHTUNG: Die gemerkte Stelle ging verloren `
     + `(${stelleVorher} -> ${stelleNachher}).`);
   ausgang = 1;
@@ -2760,6 +2941,151 @@ await roh(`/workspace/api/reaktion/massnahme/${IDS.gast}`, { method: "DELETE", k
   }
 }
 
+/* =====================================================================
+   DER VORRAUM FUER EINGELADENE GAESTE (08.10.2026)
+
+   Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren oder
+   ablehnen können. bevor die auch angezeigt werden sollen die
+   auswählen können ob die kamera an ist oder aus ist."
+
+   ---------------------------------------------------------------------
+   WARUM DAS HIER GEMESSEN WIRD UND NICHT NUR IN `pruef-reaktion`
+
+   Dort ist der ganze Weg geprueft -- fragen, zusagen, ablehnen,
+   Frist, Kameravorwahl. Was dort NICHT geprueft werden kann, ist, ob
+   der Vorhang auf dem Bildschirm auch wirklich erscheint. Ein
+   Zustand im Server, den die Seite nicht zeigt, ist fuer den
+   Gefragten dasselbe wie keine Einladung: Er sieht nichts, sagt
+   nichts, und der Host wartet zwei Minuten.
+
+   Deshalb wird hier gemessen, was ein Mensch sieht: Steht der
+   Vorhang da? Hat er BEIDE Ausgaenge? Laeuft das eigene Bild darin?
+   Und bringt „Dabei sein" ihn wirklich auf die Buehne?
+   ===================================================================== */
+console.log("");
+console.log("=== Der Vorraum fuer eingeladene Gaeste ===");
+{
+  /* Der Zuschauer war eben aus der Sendung genommen und
+     zurueckgeholt -- sein Vorhang steht noch (siehe der Abschnitt
+     darueber). Also neu laden, so wie es ein Mensch auch taete. */
+  await zuschauer.seite.reload({ waitUntil: "networkidle" });
+  await zuschauer.seite.waitForTimeout(900);
+
+  /* PLATZ SCHAFFEN. Die Buehne hat zwei Plaetze, und aus frueheren
+     Abschnitten steht dort noch jemand. Eine Einladung, die mit
+     „gaeste_voll" abgelehnt wird, maesse nichts ueber den Vorraum. */
+  const vorher = await roh("/workspace/api/reaktion", { keks: k.admin });
+  for (const g of (vorher.j?.gaeste || [])) {
+    await roh(`/workspace/api/reaktion/gast/${g.id}`, { method: "DELETE", keks: k.admin });
+  }
+
+  const ein = await roh("/workspace/api/reaktion/gast", {
+    method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast },
+  });
+  console.log(`   Eingeladen: ${ein.code} (${(ein.j?.einladungen || []).length} offene Frage)`);
+
+  await zuschauer.seite.waitForFunction(
+    () => { const v = document.getElementById("vorraum"); return !!v && !v.hidden; },
+    null, { timeout: 15000 },
+  ).catch(() => {});
+  await zuschauer.seite.waitForTimeout(600);
+
+  const vr = await zuschauer.seite.evaluate(() => {
+    const v = document.getElementById("vorraum");
+    if (!v || v.hidden) return { da: false };
+    const sicht = (e) => {
+      if (!e) return null;
+      const r = e.getBoundingClientRect();
+      return {
+        b: Math.round(r.width), h: Math.round(r.height),
+        imBild: r.width > 0 && r.height > 0 && r.top >= -1 && r.left >= -1
+          && r.bottom <= window.innerHeight + 1 && r.right <= window.innerWidth + 1,
+      };
+    };
+    const vid = document.getElementById("vorraum-video");
+    return {
+      da: true,
+      /* DECKT ER WIRKLICH ALLES ZU? Ein Vorhang, durch den man den
+         Saal weiterbedienen kann, ist keiner -- und ausgerechnet
+         hier soll man nicht nebenbei etwas anderes anklicken. */
+      ueberAllem: (() => {
+        const e = document.elementFromPoint(window.innerWidth / 2, 12);
+        return !!e && (e === v || v.contains(e));
+      })(),
+      ja: sicht(document.getElementById("vorraum-ja")),
+      nein: sicht(document.getElementById("vorraum-nein")),
+      kamera: sicht(document.getElementById("vorraum-kamera")),
+      mikro: sicht(document.getElementById("vorraum-mikro")),
+      /* LAEUFT DAS EIGENE BILD? `videoWidth` ist die einzige ehrliche
+         Antwort -- ein `<video>` ohne Strom steht genauso im
+         Dokument wie eines mit. */
+      bild: vid ? { breit: vid.videoWidth, laeuft: !vid.paused } : null,
+      satz: document.getElementById("vorraum-satz")?.textContent?.trim().slice(0, 60) || "",
+      frist: document.getElementById("vorraum-frist")?.textContent?.trim() || "",
+      geraete: document.querySelectorAll("#vorraum-geraete select").length,
+    };
+  });
+  console.log(`   Vorhang: da=${vr.da} ueberAllem=${vr.ueberAllem} · `
+    + `„Dabei sein" ${vr.ja?.b}x${vr.ja?.h} · „Lieber nicht" ${vr.nein?.b}x${vr.nein?.h}`);
+  console.log(`   Eigenes Bild: ${vr.bild?.breit} px, laeuft=${vr.bild?.laeuft} · `
+    + `${vr.geraete} Geraetelisten · ${vr.frist}`);
+  await bild(zuschauer.seite, "24-vorraum");
+
+  /* ZWEI AUSGAENGE, BEIDE ANFASSBAR, BEIDE AUF HAUSGROESSE. Ein
+     Vorhang mit nur einem Weg hinaus ist keine Frage, sondern eine
+     Huerde -- und er stuende vor jemandem, der nur zuschauen
+     wollte. */
+  if (!vr.da || !vr.ueberAllem
+      || !vr.ja?.imBild || !vr.nein?.imBild
+      || (vr.ja?.h || 0) < 44 || (vr.nein?.h || 0) < 44
+      || !vr.kamera?.imBild || !vr.mikro?.imBild) {
+    console.log("   ACHTUNG: Der Vorraum fehlt, deckt nicht zu, oder einer seiner "
+      + "zwei Ausgaenge ist nicht da.");
+    ausgang = 1;
+  }
+  /* DAS BILD IST DER SINN DER SACHE. Ohne es waere der Vorraum eine
+     Frage ohne die Auskunft, die man zum Antworten braucht. */
+  if (!vr.bild || !vr.bild.breit) {
+    console.log("   ACHTUNG: Im Vorraum laeuft kein eigenes Bild.");
+    ausgang = 1;
+  }
+
+  /* ---- Kamera abwaehlen und zusagen ---- */
+  await zuschauer.seite.click("#vorraum-kamera").catch(() => {});
+  await zuschauer.seite.waitForTimeout(300);
+  const nachKlick = await zuschauer.seite.evaluate(() => ({
+    wort: document.getElementById("vorraum-kamera")?.textContent?.trim(),
+    schild: !document.getElementById("vorraum-aus")?.hidden,
+  }));
+  console.log(`   Kamera abgewaehlt: „${nachKlick.wort}", Schild im Bild=${nachKlick.schild}`);
+  if (nachKlick.wort !== "Kamera aus" || !nachKlick.schild) {
+    console.log("   ACHTUNG: Die Kamera laesst sich im Vorraum nicht abwaehlen.");
+    ausgang = 1;
+  }
+
+  await zuschauer.seite.click("#vorraum-ja").catch(() => {});
+  await zuschauer.seite.waitForTimeout(1500);
+  const danach = await roh("/workspace/api/reaktion", { keks: k.admin });
+  const alsGast = (danach.j?.gaeste || []).find((g) => g.id === IDS.gast);
+  const zu = await zuschauer.seite.evaluate(() =>
+    !!document.getElementById("vorraum")?.hidden);
+  console.log(`   Nach „Dabei sein": auf der Buehne=${!!alsGast}, `
+    + `Kamera aus=${alsGast?.kamera_aus}, Vorhang zu=${zu}`);
+  /* DIE VORWAHL MUSS AM SERVER ANKOMMEN. Nur im Browser gegolten
+     hiesse: Der ganze Saal sieht ein schwarzes Fenster ohne
+     Beschriftung, und der Gast glaubt, seine Kamera sei aus,
+     waehrend sein Bild hinausgeht. */
+  if (!alsGast || alsGast.kamera_aus !== true || !zu) {
+    console.log("   ACHTUNG: Die Zusage kommt nicht an oder die Kameravorwahl geht verloren.");
+    ausgang = 1;
+  }
+
+  /* Und wieder aufraeumen -- die folgenden Abschnitte erwarten einen
+     Zuschauer und keinen Gast. */
+  await roh(`/workspace/api/reaktion/gast/${IDS.gast}`, { method: "DELETE", keks: k.admin });
+  await zuschauer.seite.waitForTimeout(500);
+}
+
 /* =====================================================================
    DIE WERBEEINBLENDUNG -- beim Zuschauer, nicht beim Host
    ===================================================================== */
diff --git a/server/pruef-reaktion-schmal.mjs b/server/pruef-reaktion-schmal.mjs
index 7b76c7b0..5a179a1f 100644
--- a/server/pruef-reaktion-schmal.mjs
+++ b/server/pruef-reaktion-schmal.mjs
@@ -350,6 +350,22 @@ for (const [breite, hoehe, wie] of GERAETE) {
   await seite.waitForTimeout(300);
   const hinweisLage = await seite.evaluate(() => {
     const f = document.getElementById("fehler");
+    /* ==== NOCH EINMAL SICHTBAR MACHEN -- GEGEN EINEN WETTLAUF
+       (08.10.2026)
+
+       Diese Pruefung meldete am 08.10. einmal „0 px" und beim
+       naechsten Lauf 62 px, bei unveraendertem Code. Ein Ergebnis,
+       das zwischen zwei Laeufen springt, ist zuerst als Wettlauf
+       verdaechtig und nicht als Fund -- und so war es auch:
+       `sagFehler()` in der Seite setzt beim Anzeigen eine Uhr, die
+       das Feld nach sechs Sekunden wieder versteckt. Lief vorher
+       irgendwo eine solche Meldung, fiel ihre Uhr in genau diese
+       300 Millisekunden, und gemessen wurde ein unsichtbares Feld.
+
+       Die Frage dieser Pruefung ist „ist der Hinweis lesbar, WENN er
+       erscheint" -- also wird er hier noch einmal aufgedeckt. Das
+       entfernt den Zufall, ohne die Frage zu aendern. */
+    f.hidden = false;
     const r = f.getBoundingClientRect();
     const mitte = document.elementFromPoint(
       Math.min(innerWidth - 1, Math.max(0, r.left + r.width / 2)),
diff --git a/server/pruef-reaktion.mjs b/server/pruef-reaktion.mjs
index c8d58397..7015631f 100644
--- a/server/pruef-reaktion.mjs
+++ b/server/pruef-reaktion.mjs
@@ -401,22 +401,126 @@ melde("=== 6. Ein bis zwei Gaeste ===");
   const { GAESTE_MAX } = await import("./reaktion-tabellen.js");
   ok(GAESTE_MAX === 2, `zwei Plaetze, wie in der Notiz (${GAESTE_MAX})`);
 
+  /* =====================================================================
+     SEIT DEM 08.10.2026 WIRD GEFRAGT, NICHT GEHOLT
+
+     Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren
+     oder ablehnen können. bevor die auch angezeigt werden sollen die
+     auswählen können ob die kamera an ist oder aus ist."
+
+     Diese Pruefung hiess vorher „Gast 1 dazu" und erwartete nach
+     EINEM Aufruf einen Gast auf der Buehne. Genau das darf jetzt
+     nicht mehr passieren -- und sie ist rot geworden, als es nicht
+     mehr passierte. Das ist der Fall, fuer den sie da ist.
+     ===================================================================== */
   const a = await roh(CREW, "/workspace/api/reaktion/gast", {
     method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast },
   });
-  ok(a.code === 201 && a.j?.gaeste?.length === 1, `Gast 1 dazu (${a.code})`);
-  ok(a.j.gaeste[0].platz === 1, `er bekommt Platz 1 (${a.j?.gaeste?.[0]?.platz})`);
+  ok(a.code === 201, `Gast 1 eingeladen (${a.code})`);
+  ok((a.j?.gaeste || []).length === 0,
+    `und steht NICHT auf der Buehne, bevor er ja gesagt hat (${a.j?.gaeste?.length})`);
+  ok((a.j?.einladungen || []).some((e) => e.id === IDS.gast && e.stand === "gefragt"),
+    "der Host sieht die offene Frage");
+  ok((a.j?.einladungen || [])[0]?.noch_sek > 0,
+    `und wie lange sie noch gilt (${a.j?.einladungen?.[0]?.noch_sek}s)`);
 
+  /* ==== DER GEFRAGTE WEISS ES -- UND SONST NIEMAND ============== */
+  const gLage = await roh(CREW, "/workspace/api/reaktion", { keks: k.gast });
+  ok(gLage.j?.ich?.einladung?.noch_sek > 0,
+    "der Gefragte bekommt seine Einladung mit Restzeit");
+  ok(gLage.j?.ich?.gast === false,
+    "er ist dabei aber noch KEIN Gast");
+  ok(gLage.j?.einladungen === undefined,
+    "und er sieht die Liste der Einladungen nicht (die gehoert dem Host)");
+  const fremd = await roh(CREW, "/workspace/api/reaktion", { keks: k.gast2 });
+  ok(!fremd.j?.ich?.einladung,
+    "wer nicht gefragt wurde, hat auch keine Einladung");
+  ok(fremd.j?.einladungen === undefined,
+    "und erfaehrt nicht, dass jemand anderes gefragt wurde");
+
+  /* ==== EIN GEFRAGTER SENDET NOCH NICHT =========================
+     Die wichtigste Pruefung dieses Abschnitts: Solange er nicht
+     zugesagt hat, darf er nichts schalten -- sonst waere „gefragt"
+     nur ein anderes Wort fuer „dabei". */
+  const fruehSenden = await roh(CREW, "/workspace/api/reaktion/senden", {
+    method: "POST", keks: k.gast, rumpf: { kamera_aus: true },
+  });
+  ok(fruehSenden.code === 403,
+    `wer nur gefragt ist, sendet nicht (${fruehSenden.code})`);
+
+  /* ==== DIE ZUSAGE BRINGT IHN AUF DIE BUEHNE -- MIT KAMERA AUS == */
+  const ja = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.gast, rumpf: { ja: true, kamera: false, mikro: true },
+  });
+  ok(ja.code === 200 && (ja.j?.gaeste || []).length === 1,
+    `nach der Zusage steht er auf der Buehne (${ja.code})`);
+  ok(ja.j?.gaeste?.[0]?.platz === 1, `er bekommt Platz 1 (${ja.j?.gaeste?.[0]?.platz})`);
+  /* DIE VORWAHL MUSS AM SERVER ANGEKOMMEN SEIN. Haette sie nur im
+     Browser gegolten, saehe der ganze Saal ein schwarzes Fenster
+     ohne Beschriftung -- und der Gast glaubte, seine Kamera sei
+     aus, waehrend sein Bild hinausgeht. */
+  ok(ja.j?.gaeste?.[0]?.kamera_aus === true,
+    "seine Kamera ist aus, weil er sie abgewaehlt hat");
+  ok(ja.j?.gaeste?.[0]?.mikro_aus === false,
+    "sein Mikro ist an, weil er es angelassen hat");
+  ok((ja.j?.einladungen || []).length === 0,
+    "die beantwortete Einladung ist aus der Liste");
+
+  /* ==== ABLEHNEN BLEIBT SICHTBAR ===============================
+     Verschwaende die Zeile, saehe der Host nur, dass nichts
+     passiert -- und lade dieselbe Person ein zweites Mal ein. */
+  const b0 = await roh(CREW, "/workspace/api/reaktion/gast", {
+    method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast2 },
+  });
+  ok(b0.code === 201, `Gast 2 eingeladen (${b0.code})`);
+  const nein = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.gast2, rumpf: { ja: false },
+  });
+  ok(nein.code === 200, `ablehnen geht (${nein.code})`);
+  const nachNein = await roh(CREW, "/workspace/api/reaktion", { keks: k.admin });
+  ok((nachNein.j?.gaeste || []).length === 1,
+    "wer ablehnt, steht nicht auf der Buehne");
+  ok((nachNein.j?.einladungen || []).some(
+    (e) => e.id === IDS.gast2 && e.stand === "abgelehnt"),
+  "aber der Host sieht, DASS abgelehnt wurde");
+
+  /* ==== OHNE EINLADUNG KEINE ANTWORT =========================== */
+  const ohne = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.modi, rumpf: { ja: true },
+  });
+  ok(ohne.code === 404 && ohne.j?.fehler === "keine_einladung",
+    `wer nicht gefragt wurde, kann nicht zusagen (${ohne.code}/${ohne.j?.fehler})`);
+
+  /* Die abgelehnte Zeile wegraeumen -- sonst zaehlt sie beim
+     naechsten Abschnitt mit. (Sie zaehlt NICHT fuer die Grenze,
+     siehe gleich; weg muss sie trotzdem, weil der Host sie sonst
+     bis zum Sendungsende vor sich hat.) */
+  await roh(CREW, `/workspace/api/reaktion/gast/${IDS.gast2}`, {
+    method: "DELETE", keks: k.admin,
+  });
+
+  /* ==== EINE OFFENE FRAGE HAELT IHREN PLATZ ====================
+     Sonst laedt der Host zwei Leute ein, beide sagen ja, und der
+     zweite steht vor einer vollen Buehne -- nachdem er zugesagt
+     hat. */
   const b = await roh(CREW, "/workspace/api/reaktion/gast", {
     method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast2 },
   });
-  ok(b.code === 201 && b.j?.gaeste?.length === 2, `Gast 2 dazu (${b.code})`);
+  ok(b.code === 201, `Gast 2 wieder eingeladen (${b.code})`);
 
   const c = await roh(CREW, "/workspace/api/reaktion/gast", {
     method: "POST", keks: k.admin, rumpf: { person_id: IDS.modi },
   });
   ok(c.code === 409 && c.j?.fehler === "gaeste_voll",
-    `ein dritter passt nicht (${c.code}/${c.j?.fehler})`);
+    `ein dritter passt nicht -- die offene Frage zaehlt mit (${c.code}/${c.j?.fehler})`);
+
+  /* Und jetzt sagt der Zweite auch zu, damit der Rest des
+     Abschnitts zwei Gaeste auf der Buehne vorfindet. */
+  const ja2 = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.gast2, rumpf: { ja: true, kamera: true, mikro: true },
+  });
+  ok(ja2.code === 200 && (ja2.j?.gaeste || []).length === 2,
+    `Gast 2 ist dabei (${ja2.code})`);
 
   /* EIN GAST BEKOMMT DIE NAMENSLISTE -- und das ist kein Zufall:
      Ohne sie wuesste er nicht, wen er anrufen soll, und sein Bild
@@ -454,13 +558,81 @@ melde("=== 6. Ein bis zwei Gaeste ===");
 
   /* Der frei gewordene Platz wird WIEDERVERWENDET. Mit „Anzahl + 1"
      bliebe Platz 1 fuer immer leer, sobald einmal jemand gegangen
-     ist -- und das faellt erst im dritten Stream auf. */
-  const neu = await roh(CREW, "/workspace/api/reaktion/gast", {
+     ist -- und das faellt erst im dritten Stream auf.
+
+     Der Platz wird seit dem 08.10.2026 bei der ZUSAGE vergeben und
+     nicht bei der Einladung: Wer ablehnt, soll Platz 1 nicht zwei
+     Minuten lang blockiert haben. */
+  await roh(CREW, "/workspace/api/reaktion/gast", {
     method: "POST", keks: k.admin, rumpf: { person_id: IDS.modi },
   });
+  const neu = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.modi, rumpf: { ja: true, kamera: true, mikro: true },
+  });
   const plaetze = (neu.j?.gaeste || []).map((x) => x.platz).sort();
   ok(plaetze.join(",") === "1,2",
     `der frei gewordene Platz wird wiederverwendet (${plaetze.join(",")})`);
+
+  /* ==== DIE FRIST IST ECHT UND NICHT NUR EIN TEXT ===============
+     (08.10.2026)
+
+     Eine Einladung, die nach zwei Minuten „abgelaufen" HEISST, aber
+     weiterhin angenommen werden kann, ist keine Frist. Geprueft wird
+     das nicht mit Warten -- zwei Minuten Wartezeit in einem Pruflauf
+     waere genau die Sorte Pruefung, die beim naechsten Mal jemand
+     ueberspringt. Stattdessen wird der Zeitpunkt der Frage in der
+     Datenbank zurueckdatiert; das ist dieselbe Lage, nur sofort.
+
+     GEGENPROBE INBEGRIFFEN: Vorher wird bestaetigt, dass dieselbe
+     Einladung OHNE Rueckdatierung angenommen worden waere. Ohne sie
+     bewiese ein 409 nur, dass irgendetwas nicht ging. */
+  {
+    const { db } = await import("./workspace.js");
+    /* Erst Platz schaffen -- die Buehne ist gerade voll. */
+    await roh(CREW, `/workspace/api/reaktion/gast/${IDS.modi}`, {
+      method: "DELETE", keks: k.admin,
+    });
+    const e1 = await roh(CREW, "/workspace/api/reaktion/gast", {
+      method: "POST", keks: k.admin, rumpf: { person_id: IDS.modi },
+    });
+    ok(e1.code === 201, `fuer die Fristprobe noch einmal gefragt (${e1.code})`);
+    const vorDatum = await roh(CREW, "/workspace/api/reaktion", { keks: k.modi });
+    ok(vorDatum.j?.ich?.einladung?.noch_sek > 0,
+      "Gegenprobe: unmittelbar nach der Frage gilt sie noch");
+
+    /* Zehn Minuten zurueck -- weit jenseits der zwei Minuten. */
+    const alt = new Date(Date.now() - 600_000).toISOString();
+    db().prepare("UPDATE reaktion_gaeste SET gefragt_am = ? WHERE person_id = ?")
+      .run(alt, IDS.modi);
+
+    const zuSpaet = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+      method: "POST", keks: k.modi, rumpf: { ja: true },
+    });
+    ok(zuSpaet.code === 409 && zuSpaet.j?.fehler === "einladung_abgelaufen",
+      `eine abgelaufene Einladung wird abgelehnt (${zuSpaet.code}/${zuSpaet.j?.fehler})`);
+
+    const danach = await roh(CREW, "/workspace/api/reaktion", { keks: k.modi });
+    ok(!danach.j?.ich?.einladung,
+      "und der Gefragte sieht sie nicht mehr");
+    const beimHost = await roh(CREW, "/workspace/api/reaktion", { keks: k.admin });
+    ok((beimHost.j?.einladungen || []).some(
+      (x) => x.id === IDS.modi && x.stand === "keine_antwort"),
+    "der Host sieht „keine Antwort“ statt einer verschwundenen Zeile");
+
+    await roh(CREW, `/workspace/api/reaktion/gast/${IDS.modi}`, {
+      method: "DELETE", keks: k.admin,
+    });
+    /* Und wieder herstellen, was der naechste Abschnitt erwartet:
+       zwei Gaeste auf der Buehne. */
+    await roh(CREW, "/workspace/api/reaktion/gast", {
+      method: "POST", keks: k.admin, rumpf: { person_id: IDS.modi },
+    });
+    const zurueck = await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+      method: "POST", keks: k.modi, rumpf: { ja: true, kamera: true, mikro: true },
+    });
+    ok((zurueck.j?.gaeste || []).length === 2,
+      `nach der Fristprobe stehen wieder zwei auf der Buehne (${zurueck.j?.gaeste?.length})`);
+  }
 }
 
 /* =======================================================================
@@ -1142,9 +1314,18 @@ melde("=== 13. Kamera und Chat ===");
   for (const rolle of ["admin", "hand", "linke", "modi", "gast", "gast2"]) {
     await roh(CREW, "/workspace/api/reaktion/dabei", { method: "POST", keks: k[rolle] });
   }
+  /* ZWEI SCHRITTE SEIT DEM 08.10.2026: fragen und zusagen. Hier
+     steht beides hintereinander, weil dieser Abschnitt die Kamera
+     prueft und nicht die Einladung -- die hat ihren eigenen
+     Abschnitt. Der zweite Aufruf gehoert trotzdem dazu: Ohne ihn
+     stuende hier ein Gefragter und kein Gast, und alles darunter
+     maesse etwas anderes. */
   await roh(CREW, "/workspace/api/reaktion/gast", {
     method: "POST", keks: k.admin, rumpf: { person_id: IDS.gast2 },
   });
+  await roh(CREW, "/workspace/api/reaktion/gast/antwort", {
+    method: "POST", keks: k.gast2, rumpf: { ja: true, kamera: true, mikro: true },
+  });
 
   const stand0 = await roh(CREW, "/workspace/api/reaktion", { keks: k.admin });
   ok(stand0.j?.stand === "live" && stand0.j?.gaeste?.length === 1,
@@ -2856,6 +3037,169 @@ melde("=== Beendet heisst leer ===");
     `wer nur vorbereitet hat, behaelt seine Eingaben ("${probe.j?.titel}")`);
 }
 
+/* =======================================================================
+   DER SPENDER-GLANZ IM CHAT (08.10.2026)
+
+   Filipe: „die leute die spenden gemacht haben sollen auch für eine
+   kurze zeit speziell aussehen je nach höhe von spende."
+
+   Geprueft wird hier der WEG: Traegt ein Chatbeitrag die Auskunft,
+   und steht sie nur bei dem, der wirklich gegeben hat? Dass die
+   Stufen stimmen und dass der Glanz ablaeuft, prueft `pruef-spenden`
+   -- dort steht die Leiter.
+   ======================================================================= */
+melde("");
+melde("=== 18. Spender im Chat ===");
+{
+  const { db } = await import("./workspace.js");
+
+  await roh(CREW, "/workspace/api/reaktion", {
+    method: "PUT", keks: k.admin,
+    rumpf: { titel: "Glanzprobe", video: "dQw4w9WgXcQ" },
+  });
+  await roh(CREW, "/workspace/api/reaktion/stand",
+    { method: "POST", keks: k.admin, rumpf: { stand: "live" } });
+  for (const rolle of ["admin", "gast", "gast2"]) {
+    await roh(CREW, "/workspace/api/reaktion/dabei", { method: "POST", keks: k[rolle] });
+  }
+
+  await roh(CREW, "/workspace/api/reaktion/chat",
+    { method: "POST", keks: k.gast2, rumpf: { text: "Ich gebe gleich was" } });
+  await roh(CREW, "/workspace/api/reaktion/chat",
+    { method: "POST", keks: k.admin, rumpf: { text: "Ich nicht" } });
+
+  /* ==== DIE GEGENPROBE AN DERSELBEN PERSON ======================
+
+     Beim ersten Lauf stand hier „kein Beitrag traegt einen Glanz" --
+     und das war rot, zu Recht: Abschnitt 16 legt fuer `gast` eine
+     Spende an, und die glaenzte noch. Die Pruefung hat damit
+     bewiesen, dass der Glanz funktioniert, und sich selbst dabei
+     fuer kaputt erklaert.
+
+     Richtig ist eine Gegenprobe, die NUR von dem abhaengt, was
+     dieser Abschnitt selbst tut: dieselbe Person vorher und
+     nachher. */
+  const ohne = await roh(CREW, "/workspace/api/reaktion/chat", { keks: k.gast2 });
+  const vorSpende = (ohne.j?.beitraege || []).find((b) => b.person_id === IDS.gast2);
+  ok(!!vorSpende && vorSpende.spende === null,
+    "Gegenprobe: vor der Spende traegt sein Beitrag keinen Glanz");
+
+  /* Eine gezeigte Spende -- direkt in die Tabelle, weil hier der
+     CHAT geprueft wird und nicht der Weg einer Spende. Die
+     Stufenleiter steht ab Werk auf 5/15/45 Minuten. */
+  db().prepare(`INSERT INTO spenden
+      (betrag_cent, waehrung, name, gruss, person_id, herkunft, stand, erstellt, gezeigt_am)
+      VALUES (?,?,?,?,?,'hand','bestaetigt',?,?)`)
+    .run(2000, "EUR", "Lenny", "", IDS.gast2,
+      new Date().toISOString(), new Date().toISOString());
+
+  const mit = await roh(CREW, "/workspace/api/reaktion/chat", { keks: k.gast2 });
+  const meiner = (mit.j?.beitraege || []).find((b) => b.person_id === IDS.gast2);
+  const fremder = (mit.j?.beitraege || []).find((b) => b.person_id === IDS.admin);
+  ok(!!meiner?.spende, "wer gespendet hat, traegt den Glanz am Beitrag");
+  ok(/^#[0-9a-fA-F]{6}$/.test(meiner?.spende?.farbe || ""),
+    `mit einer echten Farbe (${meiner?.spende?.farbe})`);
+  ok(!!meiner?.spende?.stufe, `und dem Namen der Stufe (${meiner?.spende?.stufe})`);
+  ok(meiner?.spende?.noch_ms > 0,
+    `und einer Restdauer statt einer Uhrzeit (${meiner?.spende?.noch_ms} ms)`);
+  ok(fremder?.spende === null, "und der Nachbar daneben nicht");
+
+  /* ==== AUCH DER EINZELNE NEUE BEITRAG TRAEGT IHN ==============
+     Es gibt zwei Ausgaenge (Liste beim Laden, Meldung beim
+     Schreiben). Wer nur einen pflegt, hat den Glanz nach dem
+     Neuladen -- und beim Schreiben nicht. */
+  const neu = await roh(CREW, "/workspace/api/reaktion/chat",
+    { method: "POST", keks: k.gast2, rumpf: { text: "Noch einer" } });
+  ok(!!neu.j?.spende,
+    "auch ein frisch geschriebener Beitrag bringt ihn gleich mit");
+
+  /* ==== UND DER ROLLENSCHLUESSEL BLEIBT DRAUSSEN ===============
+     Dieselbe Regel wie am 07.10.2026: Was der Saal nicht wissen
+     muss, verlaesst das Haus nicht. Der Glanz traegt Farbe, Namen
+     und Dauer -- keine Personennummer eines anderen, keinen Betrag
+     in Geld. */
+  ok(meiner?.spende?.dogen_mille > 0 && meiner?.spende?.cent === undefined,
+    "er traegt Dogen und kein Geld");
+
+  await roh(CREW, "/workspace/api/reaktion/stand",
+    { method: "POST", keks: k.admin, rumpf: { stand: "zu" } });
+}
+
+/* =======================================================================
+   19. WAS AUF DER SEITE STEHEN MUSS (08.10.2026)
+
+   Drei Umbauten dieses Tages haben Bedienteile, die es vorher nicht
+   gab. Eine Funktion, die nur im Programm existiert und nicht im
+   Dokument, ist nicht da -- und gemerkt wird es in einer Sendung.
+   ======================================================================= */
+melde("");
+melde("=== 19. Vorraum, Geraete, zweites Video ===");
+{
+  const html = readFileSync(join(HIER, "..", "workspace", "reaktion.html"), "utf8");
+  const js = readFileSync(join(HIER, "..", "workspace", "assets", "js", "reaktion.js"), "utf8");
+  const css = readFileSync(
+    join(HIER, "..", "workspace", "assets", "css", "reaktion.css"), "utf8");
+
+  /* ---- Der Vorraum ---- */
+  ok(/id="vorraum"/.test(html), "der Vorraum steht in der Seite");
+  /* ZWEI AUSGAENGE. Ein Vorhang, aus dem nur ein Weg herausfuehrt,
+     ist keine Frage -- und er stuende ausgerechnet vor jemandem, der
+     gerade nur zuschauen wollte. */
+  ok(/id="vorraum-ja"/.test(html) && /id="vorraum-nein"/.test(html),
+    "und er hat zwei Ausgaenge: dabei sein und lieber nicht");
+  ok(/id="vorraum-kamera"/.test(html) && /id="vorraum-mikro"/.test(html),
+    "Kamera und Mikro lassen sich VORHER waehlen");
+  ok(/id="vorraum-video"/.test(html) && /muted/.test(html),
+    "das eigene Bild laeuft darin -- stumm");
+  ok(/vorraumZu\(true\)/.test(js),
+    "und beim Ablehnen wird die Kamera wirklich angehalten");
+  ok(/\.vorraum\b/.test(css), "der Vorraum hat eine Regel im Stilblatt");
+
+  /* ---- Die Geraete ---- */
+  ok(/id="geraete"/.test(html), "das Register „Ton“ hat einen Geraeteteil");
+  ok(/id="s-geraete"/.test(html) && /id="geraetefenster"/.test(html),
+    "und auch Gaeste kommen daran -- ueber die Senderleiste");
+  /* ==== DER EIGENTLICHE FUND VOM 08.10.2026 ====================
+     Hier stand fest `echoCancellation: true, noiseSuppression: true`.
+     Ueber einem Mischpult ist das falsch: Der Duo hat Gate,
+     Kompressor und EQ schon gemacht, und die Echo-Unterdrueckung
+     des Browsers duckt danach, sobald von der Gegenseite Ton kommt.
+     Wenn diese Zeile je wieder fest dasteht, ist der Pultmodus
+     wirkungslos -- und es faellt erst im Stream auf. */
+  ok(!/audio:\s*\{\s*echoCancellation:\s*true/.test(js),
+    "Gegenprobe: die Echo-Unterdrueckung steht nicht mehr fest auf an");
+  ok(/echoCancellation:\s*!pult/.test(js),
+    "sie haengt am Pultmodus");
+  ok(/autoGainControl:\s*!pult/.test(js),
+    "und die Lautstaerke-Automatik ebenso");
+  ok(/OverconstrainedError/.test(js),
+    "ein Geraet, das nicht mehr da ist, hat einen eigenen Ausgang");
+  ok(/setSinkId/.test(js), "und der Ausgabeweg laesst sich waehlen");
+
+  /* ---- Das zweite Video ---- */
+  ok(/id="zweitbild"/.test(html) && /id="zweit-titel"/.test(html),
+    "das zweite Video wird gezeigt und nicht nur eingetippt");
+  ok(/id="zweit-stelle"/.test(html),
+    "samt der gemerkten Stelle -- sie ist der Grund fuer den zweiten Platz");
+  ok(/id="p-zweit-tausch"/.test(html),
+    "und es laesst sich von hier aus umschalten");
+  ok(/dataset\.was = 'bereit'/.test(js),
+    "aus der Warteschlange laesst sich eines bereitlegen");
+
+  /* ---- Die fertigen Saetze und der Platz ---- */
+  ok(/id="geben-satzreihe"/.test(html),
+    "die fertigen Saetze stehen im Spendenkasten");
+  ok(/id="saetze"/.test(html) && /id="saetze-sichern"/.test(html),
+    "und die Leitung pflegt sie im Register „Gestaltung“");
+  ok(/id="platzwahl"/.test(html), "der Platz der Karte laesst sich stellen");
+
+  /* ---- Der Werkstoff ---- */
+  ok(/--w-hoch:/.test(css) && /--w-tief:/.test(css),
+    "die Seite hat eine Hoehensprache (was obenauf liegt, was vertieft ist)");
+  ok(/:focus-visible/.test(css),
+    "und wer mit der Tastatur bedient, wird gesehen");
+}
+
 melde("");
 melde(`${geprueft} Pruefungen, ${fehler} Fehler`);
 melde(fehler === 0 ? "ALLES IN ORDNUNG" : "NICHT IN ORDNUNG");
diff --git a/server/pruef-spenden.mjs b/server/pruef-spenden.mjs
index 4d8d4e4a..01f28cfe 100644
--- a/server/pruef-spenden.mjs
+++ b/server/pruef-spenden.mjs
@@ -1103,6 +1103,309 @@ melde("=== 10. Die drei Muenzsaetze ===");
   }
 }
 
+/* =======================================================================
+   11. DIE FERTIGEN SAETZE (08.10.2026)
+
+   Filipe: „es soll fertige sätze geben und wenn jemand die auswählt
+   muss keiner es bestätigen dan wird es sofort angezeigt und wenn
+   jemand selber was schreibt dan muss bestätigt werden damit es
+   angezeigt wird."
+
+   ---------------------------------------------------------------------
+   WAS HIER WIRKLICH AUF DEM SPIEL STEHT
+
+   Eine Karte, die OHNE Bestaetigung in einen Livestream geht, ist die
+   offenste Tuer des ganzen Hauses. Sie darf nur deshalb offen sein,
+   weil der Text NICHT vom Absender kommt, sondern aus der Datenbank.
+   Genau das wird hier angegriffen: Es wird versucht, neben der
+   Satzkennung einen eigenen Text einzuschmuggeln.
+   ======================================================================= */
+melde("");
+melde("=== 11. Die fertigen Saetze ===");
+{
+  const { db } = await import("./workspace.js");
+  /* Die Bremse „eine Meldung je Minute und Person" steht allen
+     folgenden Pruefungen im Weg -- sie brauchen mehrere Meldungen
+     derselben Person. Zurueckdatieren statt warten: Eine Pruefung,
+     die Minuten wartet, wird beim naechsten Mal uebersprungen. */
+  const bremseLoesen = (personId) => {
+    db().prepare("UPDATE spenden SET erstellt = ? WHERE person_id = ?")
+      .run(new Date(Date.now() - 600_000).toISOString(), personId);
+  };
+
+  const lage = await roh(CREW, "/workspace/api/spenden", { keks: k.admin });
+  const saetze = lage.j?.fertige_saetze || [];
+  ok(saetze.length >= 3,
+    `ab Werk stehen ${saetze.length} fertige Saetze zum Aussuchen bereit`);
+  ok(saetze.every((s) => s.id && s.text),
+    "jeder hat eine Kennung und einen Text");
+
+  const beimGast = await roh(CREW, "/workspace/api/spenden", { keks: k.gast });
+  ok((beimGast.j?.fertige_saetze || []).length === saetze.length,
+    "ein Zuschauer bekommt sie auch -- er soll ja einen aussuchen");
+
+  /* ==== SOFORT INS BILD, ABER NICHT INS BUCH ===================== */
+  bremseLoesen(IDS.gast);
+  const standVorher = (await roh(CREW, "/workspace/api/spenden", { keks: k.gast }))
+    .j?.ich?.dogen_mille ?? -1;
+
+  const sofort = await roh(CREW, "/workspace/api/spenden/melden", {
+    method: "POST", keks: k.gast,
+    rumpf: { dogen_mille: 500, satz_id: saetze[0].id, gruss: "HIER STEHT ETWAS ANDERES" },
+  });
+  ok(sofort.code === 201 && sofort.j?.sofort === true,
+    `ein fertiger Satz geht sofort ins Bild (${sofort.code}/${sofort.j?.sofort})`);
+  ok(sofort.j?.wartet === false,
+    "und er wartet ausdruecklich NICHT auf eine Bestaetigung");
+
+  const imPult = await roh(CREW, "/workspace/api/spenden", { keks: k.admin });
+  const frisch = (imPult.j?.offen || []).find((x) => x.dogen_mille === 500);
+  ok(!!frisch, "sie steht trotzdem im Pult");
+  ok(frisch?.schon_gezeigt === true,
+    "und zwar mit dem Vermerk, dass sie schon gelaufen ist");
+  /* ==== DER ANGRIFF: EIN EIGENER TEXT NEBEN DER KENNUNG =========
+     Wer `gruss` mitschickt, hat wieder ein freies Feld -- nur mit
+     einem Haken daneben, auf dem „ist ja ein fertiger" steht. Der
+     Text MUSS aus der Datenbank kommen. */
+  ok(frisch?.gruss === saetze[0].text,
+    `der Text kommt aus der Datenbank, nicht aus der Leitung ("${frisch?.gruss}")`);
+  ok(frisch?.gruss !== "HIER STEHT ETWAS ANDERES",
+    "Gegenprobe: der mitgeschickte eigene Text gilt NICHT");
+
+  /* ==== GEZEIGT IST NICHT GEBUCHT ==============================
+     Sonst stellte sich jede Minute jeder seine eigene Waehrung aus. */
+  const standNachher = (await roh(CREW, "/workspace/api/spenden", { keks: k.gast }))
+    .j?.ich?.dogen_mille ?? -1;
+  ok(standNachher === standVorher,
+    `gezeigt, aber noch nicht gutgeschrieben (${standVorher} -> ${standNachher})`);
+
+  /* ==== DIE BESTAETIGUNG BUCHT -- UND ZEIGT NICHT NOCH EINMAL === */
+  const vorBest = db().prepare("SELECT gezeigt_am FROM spenden WHERE id = ?").get(frisch.id);
+  const best = await roh(CREW, `/workspace/api/spenden/${frisch.id}/bestaetigen`, {
+    method: "POST", keks: k.admin, rumpf: {},
+  });
+  ok(best.code === 200, `die Leitung bestaetigt sie nachtraeglich (${best.code})`);
+  const standBest = (await roh(CREW, "/workspace/api/spenden", { keks: k.gast }))
+    .j?.ich?.dogen_mille ?? -1;
+  ok(standBest === standVorher + 500,
+    `erst jetzt gibt es die Dogen (${standVorher} -> ${standBest})`);
+  const nachBest = db().prepare("SELECT gezeigt_am FROM spenden WHERE id = ?").get(frisch.id);
+  ok(nachBest?.gezeigt_am === vorBest?.gezeigt_am,
+    "und die Karte laeuft NICHT ein zweites Mal (der Zeitpunkt steht still)");
+
+  /* ==== EIN FREIER TEXT WARTET WEITERHIN ======================== */
+  bremseLoesen(IDS.gast2);
+  const frei = await roh(CREW, "/workspace/api/spenden/melden", {
+    method: "POST", keks: k.gast2,
+    rumpf: { dogen_mille: 500, gruss: "Selbst getippt" },
+  });
+  ok(frei.code === 201 && frei.j?.sofort !== true && frei.j?.wartet === true,
+    `ein selbst geschriebener Text wartet (${frei.code}/sofort=${frei.j?.sofort})`);
+  const freiImPult = (await roh(CREW, "/workspace/api/spenden", { keks: k.admin }))
+    .j?.offen?.find((x) => x.gruss === "Selbst getippt");
+  ok(freiImPult?.schon_gezeigt === false,
+    "und ist nicht im Bild gewesen");
+
+  /* ==== EINE FREIE ZAHL GEHT AUCH MIT SATZ NICHT SOFORT =========
+     Filipes Ansage galt dem SATZ, nicht der Summe. Wer eine eigene
+     Zahl eintraegt, behauptet eine Hoehe -- und „25 Dogen" ungesehen
+     gross im Stream ist der Fehler, den man nicht mehr einfangen
+     kann, wenn hundert Leute zusehen. */
+  bremseLoesen(IDS.gast2);
+  const krumm = await roh(CREW, "/workspace/api/spenden/melden", {
+    method: "POST", keks: k.gast2, rumpf: { dogen_mille: 777, satz_id: saetze[0].id },
+  });
+  ok(krumm.code === 201 && krumm.j?.sofort === false,
+    `ein Betrag, den kein Knopf anbietet, wartet trotz Satz (${krumm.j?.sofort})`);
+  /* GEGENPROBE: Mit einem Knopfbetrag waere derselbe Satz sofort
+     gelaufen -- sonst bewiese das Obige nur, dass irgendetwas
+     nicht sofort geht. */
+  bremseLoesen(IDS.gast2);
+  const rund = await roh(CREW, "/workspace/api/spenden/melden", {
+    method: "POST", keks: k.gast2, rumpf: { dogen_mille: 200, satz_id: saetze[0].id },
+  });
+  ok(rund.j?.sofort === true,
+    "Gegenprobe: mit einem Knopfbetrag geht derselbe Satz sofort");
+
+  /* ==== EINE KENNUNG, DIE ES NICHT GIBT ======================== */
+  bremseLoesen(IDS.gast2);
+  const falsch = await roh(CREW, "/workspace/api/spenden/melden", {
+    method: "POST", keks: k.gast2, rumpf: { dogen_mille: 200, satz_id: 999999 },
+  });
+  ok(falsch.code === 400 && falsch.j?.fehler === "fertigsatz_unbekannt",
+    `eine erfundene Satzkennung wird abgelehnt (${falsch.code}/${falsch.j?.fehler})`);
+
+  /* ==== DIE LEITUNG PFLEGT DIE LISTE =========================== */
+  const neu = await roh(CREW, "/workspace/api/spenden/fertige-saetze", {
+    method: "PUT", keks: k.admin,
+    rumpf: { fertige_saetze: ["Erster Satz", "  ", "Zweiter Satz"] },
+  });
+  ok(neu.code === 200 && (neu.j?.fertige_saetze || []).length === 2,
+    `leere Zeilen fallen weg (${neu.j?.fertige_saetze?.length} statt 3)`);
+  ok(neu.j.fertige_saetze[0].text === "Erster Satz"
+     && neu.j.fertige_saetze[1].text === "Zweiter Satz",
+  "und die Reihenfolge bleibt");
+
+  for (const rolle of ["linke", "modi", "gast"]) {
+    const a = await roh(CREW, "/workspace/api/spenden/fertige-saetze", {
+      method: "PUT", keks: k[rolle], rumpf: { fertige_saetze: ["Ich auch"] },
+    });
+    ok(a.code === 403, `${rolle}: darf die Saetze nicht aendern (${a.code})`);
+  }
+  const zuViele = await roh(CREW, "/workspace/api/spenden/fertige-saetze", {
+    method: "PUT", keks: k.admin,
+    rumpf: { fertige_saetze: Array.from({ length: 9 }, (_, i) => `Satz ${i}`) },
+  });
+  ok(zuViele.code === 400 && zuViele.j?.fehler === "zu_viele_saetze",
+    `neun sind zu viele (${zuViele.code}/${zuViele.j?.fehler})`);
+}
+
+/* =======================================================================
+   12. WO DIE KARTE STEHT UND WER IM CHAT GLAENZT (08.10.2026)
+   ======================================================================= */
+melde("");
+melde("=== 12. Platz und Spender-Glanz ===");
+{
+  const { db } = await import("./workspace.js");
+  const { spenderGlanz } = await import("./workspace-spenden.js");
+
+  /* ---- Der Platz ---- */
+  const l0 = await roh(CREW, "/workspace/api/spenden", { keks: k.admin });
+  ok(l0.j?.platz === "mitte", `die Vorgabe ist die Mitte (${l0.j?.platz})`);
+  ok((l0.j?.gestaltung?.plaetze || []).join(",") === "mitte,rand",
+    "und es gibt genau zwei Plaetze");
+
+  /* ==== DIESER ABSCHNITT SETZT SEINE EIGENE LEITER ==============
+
+     Die Abschnitte davor haben an der Stufenleiter gearbeitet --
+     verschoben, geloescht, neu angelegt. Sich darauf zu verlassen,
+     was dabei uebrig geblieben ist, waere die Kopplung, die spaeter
+     jemand aus Versehen zerreisst; dann faellt ein Abschnitt um, an
+     dem nichts falsch ist. (Genau so ist dieser Abschnitt beim
+     ersten Lauf rot geworden: zwei Stufen statt drei, beide ohne
+     Glanz.)
+
+     Die drei Werte sind dieselben wie ab Werk -- 5, 15, 45 --, damit
+     die Pruefung auch das misst, was ein frisches Haus mitbringt. */
+  const leiterSoll = [
+    { id: 0, ab_mille: 100, name: "Danke", vorlage: "herz", farbe: "#8ec9ff",
+      dauer_ms: 6000, groesse: 1, glanz_minuten: 5 },
+    { id: 0, ab_mille: 500, name: "Starke Runde", vorlage: "welle", farbe: "#a98bff",
+      dauer_ms: 8000, groesse: 1.15, glanz_minuten: 15 },
+    { id: 0, ab_mille: 2000, name: "Rudel-Legende", vorlage: "krone", farbe: "#e0a13a",
+      dauer_ms: 11000, groesse: 1.45, glanz_minuten: 45 },
+  ];
+  const gesetzt = await roh(CREW, "/workspace/api/spenden/stufen", {
+    method: "PUT", keks: k.admin, rumpf: { stufen: leiterSoll },
+  });
+  ok(gesetzt.code === 200 && (gesetzt.j?.stufen || []).length === 3,
+    `drei Stufen fuer diesen Abschnitt gesetzt (${gesetzt.j?.stufen?.length})`);
+  ok((gesetzt.j?.stufen || []).map((s) => s.glanz_minuten).join("/") === "5/15/45",
+    `und der Glanz kommt zurueck, wie er hingeschickt wurde `
+    + `(${(gesetzt.j?.stufen || []).map((s) => s.glanz_minuten).join("/")})`);
+
+  const stufenJetzt = (gesetzt.j?.stufen || []).map((s) => ({
+    id: s.id, ab_mille: s.ab_mille, name: s.name, vorlage: s.vorlage,
+    farbe: s.farbe, dauer_ms: s.dauer_ms, groesse: s.groesse,
+    glanz_minuten: s.glanz_minuten,
+  }));
+  const amRand = await roh(CREW, "/workspace/api/spenden/stufen", {
+    method: "PUT", keks: k.admin, rumpf: { stufen: stufenJetzt, platz: "rand" },
+  });
+  ok(amRand.code === 200 && amRand.j?.platz === "rand",
+    `er laesst sich auf „rand" stellen (${amRand.j?.platz})`);
+  const falscherPlatz = await roh(CREW, "/workspace/api/spenden/stufen", {
+    method: "PUT", keks: k.admin, rumpf: { stufen: stufenJetzt, platz: "oben" },
+  });
+  ok(falscherPlatz.code === 400 && falscherPlatz.j?.fehler === "platz_unklar",
+    `ein erfundener Platz wird abgelehnt (${falscherPlatz.code}/${falscherPlatz.j?.fehler})`);
+
+  /* ==== DER PLATZ REIST MIT DER KARTE ==========================
+     Die Spendentafel in OBS hat keine Sitzung und kann nichts
+     nachfragen -- was sie nicht mitbekommt, kann sie nicht
+     anzeigen. */
+  const mitKarte = await roh(CREW, "/workspace/api/spenden", { keks: k.admin });
+  const eine = (mitKarte.j?.letzte || [])[0];
+  ok(eine?.platz === "rand", `jede Karte traegt den Platz mit (${eine?.platz})`);
+
+  await roh(CREW, "/workspace/api/spenden/stufen", {
+    method: "PUT", keks: k.admin, rumpf: { stufen: stufenJetzt, platz: "mitte" },
+  });
+
+  /* ---- Der Glanz im Chat ---- */
+  const werte = stufenJetzt.map((s) => s.glanz_minuten);
+  ok(werte.length >= 3 && werte[0] > 0 && werte[2] > werte[0],
+    `je hoeher die Stufe, desto laenger der Glanz (${werte.join(" / ")} Minuten)`);
+
+  const glanz = spenderGlanz();
+  const meiner = glanz.get(IDS.gast);
+  ok(!!meiner, "wer eben gespendet hat, glaenzt im Chat");
+  ok(meiner?.farbe && /^#[0-9a-fA-F]{6}$/.test(meiner.farbe),
+    `in der Farbe seiner Stufe (${meiner?.farbe})`);
+  ok(!!meiner?.stufe, `und mit ihrem Namen (${meiner?.stufe})`);
+  ok(meiner?.noch_ms > 0, `und mit einer Restdauer (${meiner?.noch_ms} ms)`);
+  /* ALS ALTER UND NICHT ALS UHRZEIT -- eine Uhr im Handy kann falsch
+     gehen, eine Dauer nicht. Dieselbe Lehre wie beim Gleichlauf des
+     Videos am 30.09.2026. */
+  ok(meiner?.noch_ms <= werte[1] * 60_000 + 1000,
+    "und die Restdauer passt zur Stufe");
+
+  /* ==== DIE STAERKSTE STUFE GEWINNT, NICHT DIE LETZTE ==========
+     Wer erst viel und dann wenig gibt, soll nicht herabgestuft
+     werden -- das laese sich wie eine Bestrafung dafuer, dass er
+     noch einmal gegeben hat. */
+  {
+    const gross = stufenJetzt[stufenJetzt.length - 1].ab_mille;
+    db().prepare(`INSERT INTO spenden
+        (betrag_cent, waehrung, name, gruss, person_id, herkunft, stand, erstellt, gezeigt_am)
+        VALUES (?,?,?,?,?,'hand','bestaetigt',?,?)`)
+      .run(gross * 10, "EUR", "Probe", "", IDS.gast,
+        new Date(Date.now() - 60_000).toISOString(),
+        new Date(Date.now() - 60_000).toISOString());
+    db().prepare(`INSERT INTO spenden
+        (betrag_cent, waehrung, name, gruss, person_id, herkunft, stand, erstellt, gezeigt_am)
+        VALUES (?,?,?,?,?,'hand','bestaetigt',?,?)`)
+      .run(100, "EUR", "Probe", "", IDS.gast, new Date().toISOString(),
+        new Date().toISOString());
+    const g2 = spenderGlanz().get(IDS.gast);
+    ok(g2?.stufe === stufenJetzt[stufenJetzt.length - 1].name,
+      `die hoechste noch gueltige Stufe gewinnt (${g2?.stufe})`);
+  }
+
+  /* ==== NULL MINUTEN HEISST GAR NICHT ==========================
+     Eine gueltige Einstellung und kein fehlender Wert. */
+  {
+    const aus = stufenJetzt.map((s) => ({ ...s, glanz_minuten: 0 }));
+    const a = await roh(CREW, "/workspace/api/spenden/stufen", {
+      method: "PUT", keks: k.admin, rumpf: { stufen: aus },
+    });
+    ok(a.code === 200, `alle Stufen auf null (${a.code})`);
+    ok(spenderGlanz().size === 0,
+      "dann glaenzt niemand mehr -- auch nicht, wer eben gespendet hat");
+    const zurueck = await roh(CREW, "/workspace/api/spenden/stufen", {
+      method: "PUT", keks: k.admin, rumpf: { stufen: stufenJetzt },
+    });
+    ok(zurueck.code === 200 && spenderGlanz().size > 0,
+      "Gegenprobe: mit Minuten glaenzt er wieder");
+  }
+
+  /* ==== UND NACH DER ZEIT IST SCHLUSS ========================== */
+  {
+    const lange = stufenJetzt[stufenJetzt.length - 1].glanz_minuten;
+    db().prepare("UPDATE spenden SET gezeigt_am = ? WHERE person_id = ?")
+      .run(new Date(Date.now() - (lange + 10) * 60_000).toISOString(), IDS.gast);
+    ok(!spenderGlanz().get(IDS.gast),
+      `nach ${lange} Minuten ist der Glanz vorbei`);
+  }
+
+  const grenze = await roh(CREW, "/workspace/api/spenden/stufen", {
+    method: "PUT", keks: k.admin,
+    rumpf: { stufen: stufenJetzt.map((s) => ({ ...s, glanz_minuten: 9999 })) },
+  });
+  ok(grenze.code === 400 && grenze.j?.fehler === "glanz_unklar",
+    `und 9999 Minuten sind zu viel (${grenze.code}/${grenze.j?.fehler})`);
+}
+
 melde("");
 melde(`${geprueft} Pruefungen, ${fehler} Fehler`);
 melde(fehler === 0 ? "ALLES IN ORDNUNG" : "NICHT IN ORDNUNG");
diff --git a/server/reaktion-tabellen.js b/server/reaktion-tabellen.js
index 78a9b80f..38f66017 100644
--- a/server/reaktion-tabellen.js
+++ b/server/reaktion-tabellen.js
@@ -68,9 +68,35 @@ export const VERLAUF_TAGE = 180;
 /** Hoechstens so viele Zuschauer bekommen Kamerabild. Darueber: nur Ton. */
 export const SICHT_PLAETZE = Number(process.env.REAKTION_SICHT_PLAETZE || 12);
 
-/** Hoechstens so viele Gaeste gleichzeitig (Filipes Notiz: 1-2). */
+/** Hoechstens so viele Gaeste gleichzeitig (Filipes Notiz: 1-2).
+ *
+ *  GEZAEHLT WERDEN AUCH DIE GEFRAGTEN. Eine offene Einladung haelt
+ *  ihren Platz frei -- sonst kann der Host zwei Leute einladen,
+ *  beide sagen ja, und der zweite steht vor einer vollen Buehne,
+ *  nachdem er schon zugesagt hat. */
 export const GAESTE_MAX = 2;
 
+/** So lange wartet eine Einladung auf eine Antwort.
+ *
+ *  Zwei Minuten. Kuerzer verpasst sie jeder, der gerade etwas holt;
+ *  laenger blockiert eine Einladung an jemanden, der gar nicht mehr
+ *  am Geraet sitzt, mitten in der Sendung einen von zwei Plaetzen.
+ *
+ *  SIE VERFAELLT SICHTBAR UND NICHT STILL. Der Eintrag bleibt als
+ *  „keine Antwort" stehen, bis der Host ihn wegnimmt -- sonst sieht
+ *  er nur, dass nichts passiert, und laedt dieselbe Person noch
+ *  einmal ein. */
+export const EINLADUNG_SEKUNDEN = 120;
+
+/* Die vier Zustaende einer Gastzeile -- gefragt, dabei, abgelehnt,
+   keine_antwort -- stehen dort, wo die Spalte entsteht (weiter unten
+   bei der Nachruestung), und sonst nirgends.
+
+   EINE LISTE DANEBEN GAB ES KURZ, und sie wurde von niemandem
+   gelesen. Eine Konstante, die nichts erzwingt und niemand abfragt,
+   sieht im Quelltext aus wie eine Regel und ist keine -- genau die
+   Sorte Zeile, auf die man sich beim naechsten Umbau verlaesst. */
+
 /** Ein Chatbeitrag in der Reaction. */
 export const TEXT_MAX = 400;
 
@@ -555,6 +581,39 @@ export function reaktionTabellen(d) {
     d.exec("ALTER TABLE reaktion_dabei ADD COLUMN mikro_aus INTEGER NOT NULL DEFAULT 0");
     console.log("[reaktion] Spalte mikro_aus angelegt.");
   }
+
+  /* ==== DIE EINLADUNG (08.10.2026) ===============================
+
+     Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren
+     oder ablehnen können. bevor die auch angezeigt werden sollen die
+     auswählen können ob die kamera an ist oder aus ist. also iohre
+     eigene."
+
+     Bis heute machte „Dazuholen" aus jemandem SOFORT einen Gast:
+     Seine Kamera sprang an, sein Bild lief, und er hat es daran
+     gemerkt, dass er sich selbst sah. Das ist bei jemandem, der
+     gerade zuschaut, ein Griff in sein Wohnzimmer.
+
+     VIER ZUSTAENDE UND NICHT ZWEI. „gefragt" ist der neue Normalfall,
+     „dabei" das Ziel. Die beiden anderen sind Antworten, die stehen
+     bleiben muessen: Wer ablehnt oder nicht antwortet, verschwindet
+     sonst spurlos aus der Liste, und der Host sieht nur, dass nichts
+     passiert -- und holt ihn ein zweites Mal.
+
+     WARUM DIE VORGABE 'dabei' IST: Wer in dem Augenblick, in dem
+     diese Spalte entsteht, schon auf der Buehne steht, steht dort
+     wirklich. Eine Vorgabe 'gefragt' haette alle laufenden Gaeste
+     mitten in einer Sendung zu Eingeladenen gemacht und ihr Bild
+     abgeschaltet. */
+  const gaeste = new Set(
+    d.prepare("PRAGMA table_info(reaktion_gaeste)").all().map((z) => z.name));
+  if (!gaeste.has("stand")) {
+    d.exec("ALTER TABLE reaktion_gaeste ADD COLUMN stand TEXT NOT NULL DEFAULT 'dabei'");
+    /* Wann gefragt wurde -- daraus rechnet sich die Frist. Leer bei
+       allen, die schon dabei sind; sie wurden nie gefragt. */
+    d.exec("ALTER TABLE reaktion_gaeste ADD COLUMN gefragt_am TEXT NOT NULL DEFAULT ''");
+    console.log("[reaktion] Spalten fuer die Gaeste-Einladung angelegt.");
+  }
   if (!da.has("kamera_gross")) {
     /* Groesse und Ecke der Kamerafenster. Beide gelten fuer die
        ganze Sendung -- wer sendet, stellt das Bild fuer alle ein. */
diff --git a/server/spenden-tabellen.js b/server/spenden-tabellen.js
index 1d56a84f..07aa438d 100644
--- a/server/spenden-tabellen.js
+++ b/server/spenden-tabellen.js
@@ -273,9 +273,12 @@ export const MUENZEN_VERTEILT = "dogen_muenzen_verteilt";
  *  richtig grosse Danke. Drei Stufen, nicht sieben — bei sieben
  *  merkt sich niemand mehr, was welche bedeutet. */
 export const STUFEN_START = [
-  { ab_cent: 100, name: "Danke", vorlage: "herz", farbe: "#8ec9ff", dauer_ms: 6000, groesse: 1 },
-  { ab_cent: 500, name: "Starke Runde", vorlage: "welle", farbe: "#a98bff", dauer_ms: 8000, groesse: 1.15 },
-  { ab_cent: 2000, name: "Rudel-Legende", vorlage: "krone", farbe: "#e0a13a", dauer_ms: 11000, groesse: 1.45 },
+  { ab_cent: 100, name: "Danke", vorlage: "herz", farbe: "#8ec9ff",
+    dauer_ms: 6000, groesse: 1, glanz_minuten: 5 },
+  { ab_cent: 500, name: "Starke Runde", vorlage: "welle", farbe: "#a98bff",
+    dauer_ms: 8000, groesse: 1.15, glanz_minuten: 15 },
+  { ab_cent: 2000, name: "Rudel-Legende", vorlage: "krone", farbe: "#e0a13a",
+    dauer_ms: 11000, groesse: 1.45, glanz_minuten: 45 },
 ];
 
 /** Die Knoepfe, die zum Geben angeboten werden — in TAUSENDSTELN.
@@ -292,6 +295,109 @@ export const STUFEN_START = [
  *  einer runden Zahl — das waere eine Erwartung, keine Auswahl. */
 export const KNOEPFE_MILLE = [200, 500, 1000, 2500];
 
+/* =====================================================================
+   DIE FERTIGEN SÄTZE (08.10.2026)
+
+   Filipe: „es soll fertige sätze geben und wenn jemand die auswählt
+   muss keiner es bestätigen dan wird es sofort angezeigt und wenn
+   jemand selber was schreibt dan muss bestätigt werden damit es
+   angezeigt wird."
+
+   ---------------------------------------------------------------------
+   WARUM EIN FERTIGER SATZ OHNE BESTÄTIGUNG DARF UND EIN FREIER NICHT
+
+   Die Schranke vor dem Stream war nie gegen den Betrag gerichtet,
+   sondern gegen den TEXT: Ein freies Feld, das im Livestream gross
+   erscheint, ist die offenste Tür des ganzen Hauses. Ein fertiger
+   Satz hat diese Tür nicht — er steht in der Datenbank, DogFather
+   hat ihn selbst geschrieben, und der Browser schickt nur seine
+   Kennung. Es kann also gar kein fremdes Wort ins Bild kommen.
+
+   DESHALB REIST DER TEXT NICHT MIT. Der Browser sendet `satz_id`,
+   und der Server holt den Satz. Wer den Text mitschickte, hätte
+   wieder ein freies Feld — nur mit einem Haken daneben, auf dem
+   „ist ja ein fertiger" steht.
+
+   ---------------------------------------------------------------------
+   WAS TROTZDEM GEPRÜFT WIRD, UND WARUM
+
+   Sofort ins Bild geht die Karte nur, wenn der BETRAG von einem der
+   Spendenknöpfe stammt (`KNOEPFE_MILLE`). Das ist keine Aufweichung
+   von Filipes Ansage — sie betraf den SATZ, nicht die Summe. Wer
+   eine freie Zahl einträgt, behauptet eine Höhe; dass „25 Dogen"
+   ungesehen gross im Stream stehen, war nie gemeint und wäre der
+   Fehler, den man nicht mehr einfangen kann, wenn hundert Leute
+   zusehen.
+
+   UND DIE DOGEN GIBT ES ERST NACH DER BESTÄTIGUNG. Gezeigt wird
+   sofort, GUTGESCHRIEBEN wird nach dem Tipp der Leitung. Sonst
+   bekäme jede Minute jeder ohne eine einzige Zahlung Punkte — und
+   eine Währung, die man sich selbst ausstellen kann, ist keine.
+   Die Spende bleibt dafür auf `offen` stehen und wandert ganz
+   normal in die Liste „Wartet auf dich".
+   ===================================================================== */
+
+/** So viele fertige Sätze höchstens.
+ *
+ *  Acht. Eine Liste, die man scrollen muss, wird nicht gelesen —
+ *  und wer gerade gespendet hat, soll aussuchen und nicht suchen. */
+export const SAETZE_MAX = 8;
+
+/** Die Sätze ab Werk. Sie stehen hier und nicht in der Datenbank,
+ *  damit ein frisches Haus sofort welche anzubieten hat; geändert
+ *  werden sie danach im Register „Gestaltung".
+ *
+ *  KURZ, FREUNDLICH, OHNE INNENWITZ. Ein Satz, den nur drei Leute
+ *  verstehen, wählt auch nur einer aus. Und keiner davon behauptet
+ *  etwas über den Betrag — „Grosse Runde!" neben 0,2 Dogen wäre
+ *  Spott, und zwar ausgerechnet gegenüber dem, der gegeben hat. */
+export const SAETZE_START = [
+  "Weiter so, Dogi!",
+  "Danke für den Abend.",
+  "Grüsse ans ganze Rudel.",
+  "Bleib wie du bist.",
+  "Kleine Stärkung für die Sendung.",
+  "Einfach, weil es Spass macht.",
+];
+
+/* =====================================================================
+   WIE LANGE JEMAND IM CHAT BESONDERS AUSSIEHT (08.10.2026)
+
+   Filipe: „die leute die spenden gemacht haben sollen auch für eine
+   kurze zeit speziell aussehen je nach höhe von spende."
+
+   „Je nach Höhe" gibt es im Haus schon — das ist die Stufenleiter.
+   Eine zweite Grenzenliste daneben wäre eine zweite Antwort auf
+   dieselbe Frage, und spätestens wenn eine Stufe verschoben wird,
+   leuchtete im Chat eine andere Farbe als auf der Karte. Also hängt
+   die Dauer an der STUFE und wird mit ihr eingestellt.
+
+   NULL HEISST „GAR NICHT". Eine Stufe ohne Glanz ist eine gültige
+   Einstellung und kein fehlender Wert — wer die unterste Stufe
+   ruhig haben will, stellt 0 ein.
+   ===================================================================== */
+export const GLANZ_MIN_MINUTEN = 0;
+export const GLANZ_MAX_MINUTEN = 180;
+
+/* Was die drei Werksstufen mitbringen, steht bei ihnen selbst
+   (`STUFEN_START`): 5 · 15 · 45 Minuten. „Kurze Zeit" ist Filipes
+   Wort, und bei einer Sendung von ein bis zwei Stunden heisst das:
+   Die unterste Stufe ist nach einem Videowechsel wieder normal, die
+   oberste bleibt den ganzen Abend.
+
+   EINE EIGENE LISTE DANEBEN GAB ES KURZ, und sie war schon beim
+   ersten Lauf falsch: Sie wurde über `ab_cent` zugeordnet, also über
+   einen Wert, den jemand verschieben kann. Was zu einer Stufe
+   gehört, steht an der Stufe. */
+
+/** Wo die Spendenkarte im Bild steht. */
+export const PLATZ_NAME = "spenden_platz";
+export const PLAETZE = ["mitte", "rand"];
+
+/** Unter welchem Namen steht, dass die fertigen Sätze einmal angelegt
+ *  wurden. Siehe die Begründung an der Stelle, die ihn setzt. */
+export const SAETZE_ANGELEGT = "spenden_saetze_angelegt";
+
 export function spendenTabellen(d) {
   d.exec(`
     /* Eine Zeile je Spende. Auch die abgelehnten bleiben stehen:
@@ -348,6 +454,18 @@ export function spendenTabellen(d) {
       farbe      TEXT    NOT NULL DEFAULT '#8ec9ff',
       dauer_ms   INTEGER NOT NULL DEFAULT 7000
                  CHECK (dauer_ms BETWEEN 2000 AND 30000),
+      /* Wie lange jemand nach einer Spende dieser Stufe im Chat
+         besonders aussieht. 0 heisst „gar nicht" und ist eine
+         gueltige Einstellung.
+
+         SIE STEHT HIER UND NICHT NUR IM ALTER-TABLE DARUNTER. Beim
+         ersten Bau stand sie nur dort -- und das Nachruesten laeuft
+         VOR dem Anlegen der Werksstufen. In einem frischen Haus lief das
+         nachtraegliche Fuellen also ueber eine leere Tabelle, und
+         alle drei Stufen bekamen die Vorgabe 0: Der Glanz war
+         eingebaut und blieb trotzdem aus. Gefunden hat es die
+         Pruefung, nicht das Lesen. */
+      glanz_minuten INTEGER NOT NULL DEFAULT 0,
       geaendert  TEXT    NOT NULL DEFAULT ''
     );
   `);
@@ -409,6 +527,59 @@ export function spendenTabellen(d) {
     d.exec("ALTER TABLE spenden_stufen ADD COLUMN groesse REAL NOT NULL DEFAULT 1");
     console.log("[spenden] Spalte groesse angelegt.");
   }
+  /* ==== NACHGEWACHSEN: DER GLANZ IM CHAT (08.10.2026) =============
+     Derselbe Weg wie oben, aus demselben Grund. Die Vorgabe ist 0 —
+     eine bestehende Leiter soll nicht von selbst anfangen zu
+     leuchten, nur weil jemand ein Programm aktualisiert hat. Die
+     drei WERKSSTUFEN bekommen ihre Werte gleich darunter, und zwar
+     nur, solange sie noch ihre Werksgrenzen tragen. */
+  if (!da.has("glanz_minuten")) {
+    d.exec("ALTER TABLE spenden_stufen ADD COLUMN glanz_minuten INTEGER NOT NULL DEFAULT 0");
+    /* Nur dort, wo noch die Werksgrenze steht: Wer seine Leiter
+       umgebaut hat, soll nicht ploetzlich einen Glanz bekommen, den
+       er nie eingestellt hat. */
+    for (const s of STUFEN_START) {
+      d.prepare("UPDATE spenden_stufen SET glanz_minuten = ? WHERE ab_cent = ?")
+        .run(s.glanz_minuten, s.ab_cent);
+    }
+    console.log("[spenden] Spalte glanz_minuten angelegt.");
+  }
+
+  /* ==== DIE FERTIGEN SÄTZE ========================================
+     Eine Zeile je Satz. `platz` statt einer Reihenfolge im Namen:
+     Wer einen Satz nach oben zieht, soll nicht alle anderen
+     umbenennen müssen. */
+  d.exec(`
+    CREATE TABLE IF NOT EXISTS spenden_saetze (
+      id        INTEGER PRIMARY KEY AUTOINCREMENT,
+      text      TEXT    NOT NULL,
+      platz     INTEGER NOT NULL DEFAULT 0,
+      geaendert TEXT    NOT NULL DEFAULT ''
+    );
+  `);
+  /* NUR BEIM ALLERERSTEN MAL. `COUNT` und nicht `INSERT OR IGNORE`:
+     Ein Satz hat keinen eindeutigen Schlüssel, über den „gibt es
+     schon" zu entscheiden wäre — und wer alle sechs löscht, weil er
+     eigene schreiben will, soll sie beim nächsten Neustart nicht
+     wieder vorfinden. Eine Einstellung, die sich gegen den Benutzer
+     durchsetzt, wird abgeschafft; das ist dieselbe Lehre wie bei den
+     Münzen darunter, nur mit einem anderen Merker: hier genügt die
+     eigene Tabelle, denn „niemals angelegt" und „alle gelöscht"
+     unterscheiden sich durch den Merker in `einstellungen`. */
+  try {
+    const schon = d.prepare("SELECT wert FROM einstellungen WHERE schluessel = ?")
+      .get(SAETZE_ANGELEGT);
+    if (!schon) {
+      const ein = d.prepare("INSERT INTO spenden_saetze (text, platz, geaendert)"
+        + " VALUES (?,?,?)");
+      SAETZE_START.forEach((t, i) => ein.run(t, i, new Date().toISOString()));
+      d.prepare(`INSERT OR REPLACE INTO einstellungen (schluessel, wert, geaendert)
+          VALUES (?,?,?)`).run(SAETZE_ANGELEGT, "ja", new Date().toISOString());
+      console.log(`[spenden] ${SAETZE_START.length} fertige Sätze angelegt.`);
+    }
+  } catch (fehler) {
+    console.error("[spenden] Sätze anlegen:", fehler?.message);
+  }
 
   /* DIE DREI STUFEN ANLEGEN, WENN ES NOCH KEINE GIBT.
 
@@ -418,9 +589,10 @@ export function spendenTabellen(d) {
   const nun = new Date().toISOString();
   for (const s of STUFEN_START) {
     d.prepare(`INSERT OR IGNORE INTO spenden_stufen
-        (ab_cent, name, vorlage, farbe, dauer_ms, groesse, geaendert)
-        VALUES (?,?,?,?,?,?,?)`)
-      .run(s.ab_cent, s.name, s.vorlage, s.farbe, s.dauer_ms, s.groesse, nun);
+        (ab_cent, name, vorlage, farbe, dauer_ms, groesse, glanz_minuten, geaendert)
+        VALUES (?,?,?,?,?,?,?,?)`)
+      .run(s.ab_cent, s.name, s.vorlage, s.farbe, s.dauer_ms, s.groesse,
+        s.glanz_minuten, nun);
   }
 
   /* ==== DIE MUENZEN EINMAL AN DIE DREI STUFEN VERTEILEN ==========
diff --git a/server/workspace-reaktion.js b/server/workspace-reaktion.js
index 19567000..107dbc02 100644
--- a/server/workspace-reaktion.js
+++ b/server/workspace-reaktion.js
@@ -44,10 +44,16 @@ import express from "express";
 import { db, sitzungLesen, protokolliere, echteIp } from "./workspace.js";
 import { stromAn } from "./workspace-chat.js";
 import { buehneMelden } from "./workspace-buehne.js";
+/* Der Spender-Glanz im Chat. EINE RICHTUNG: Die Reaction fragt die
+   Spenden, nie umgekehrt -- `workspace-spenden.js` kennt diese Datei
+   nicht und soll sie nicht kennen, sonst stünden sich beim Laden
+   zwei Dateien gegenseitig im Weg. */
+import { spenderGlanz } from "./workspace-spenden.js";
 import { einstellung } from "./workspace.js";
 import { mitZugangsdaten, wegeAusfaechern } from "./workspace-turn.js";
 import {
-  SICHT_PLAETZE, GAESTE_MAX, TEXT_MAX, SCHREIB_BREMSE, STAENDE, LAYOUTS, TEMPI,
+  SICHT_PLAETZE, GAESTE_MAX, EINLADUNG_SEKUNDEN, TEXT_MAX, SCHREIB_BREMSE,
+  STAENDE, LAYOUTS, TEMPI,
   KAMERA_GROESSEN, KAMERA_ECKEN,
   MELDUNG_TAGE,
   VERLAUF_TAGE, LISTE_MAX, CHAT_MODI, STUMM_MAX_MINUTEN, MASSNAHMEN,
@@ -313,13 +319,66 @@ function weiterZu(zeile, personId) {
   return s;
 }
 
+/** Wer wirklich auf der Buehne steht.
+ *
+ *  NUR `dabei`. Seit dem 08.10.2026 gibt es Zeilen, die noch keine
+ *  Gaeste sind (gefragt) und welche, die keine mehr werden
+ *  (abgelehnt, keine Antwort). Haetten die hier gestanden, saehe der
+ *  ganze Saal ein Kamerafenster fuer jemanden, der die Frage noch
+ *  gar nicht gelesen hat -- und die Anruflogik haette versucht, ihn
+ *  anzurufen. */
 function gaesteListe() {
   return db().prepare(`
     SELECT g.person_id AS id, g.stumm, g.platz, p.name, p.rolle
       FROM reaktion_gaeste g JOIN personen p ON p.id = g.person_id
+     WHERE g.stand = 'dabei'
      ORDER BY g.platz`).all();
 }
 
+/** Die offenen und beantworteten Einladungen -- nur fuer den Host.
+ *
+ *  ==== DIE FRIST WIRD BEIM LESEN GEZOGEN UND NICHT VON EINER UHR
+ *
+ *  Ein eigener Zeitgeber waere ein zweiter Ort, an dem dieselbe
+ *  Entscheidung faellt -- und er liefe auch dann, wenn niemand
+ *  hinsieht. Hier gilt: Wer die Liste liest, bekommt den Stand, der
+ *  jetzt gilt. Das ist dieselbe Form wie bei `dabeiListe()`, die
+ *  ihre Karteileichen auch beim Lesen wegraeumt.
+ *
+ *  UND SIE WIRD NICHT GELOESCHT, SONDERN UMGESCHRIEBEN. Eine
+ *  verfallene Einladung, die verschwindet, sieht fuer den Host aus
+ *  wie „ich habe mich verklickt". */
+function einladungenListe() {
+  const grenze = new Date(Date.now() - EINLADUNG_SEKUNDEN * 1000).toISOString();
+  db().prepare(`UPDATE reaktion_gaeste SET stand = 'keine_antwort'
+      WHERE stand = 'gefragt' AND gefragt_am < ?`).run(grenze);
+  return db().prepare(`
+    SELECT g.person_id AS id, g.stand, g.gefragt_am, p.name
+      FROM reaktion_gaeste g JOIN personen p ON p.id = g.person_id
+     WHERE g.stand <> 'dabei'
+     ORDER BY g.gefragt_am`).all()
+    .map((z) => ({
+      id: z.id, name: z.name, stand: z.stand,
+      /* ==== ALS REST UND NICHT ALS UHRZEIT ====================
+         Der Empfaenger bekommt „noch so viele Sekunden" statt eines
+         Zeitpunkts. Eine Uhrzeit muesste gegen die Uhr seines
+         Geraets gerechnet werden, und die kann falsch gehen --
+         dieselbe Lehre wie beim Gleichlauf des Videos am
+         30.09.2026. Ein Handy, das zwei Minuten vorgeht, saehe
+         sonst jede Einladung als abgelaufen. */
+      noch_sek: z.stand === "gefragt"
+        ? Math.max(0, Math.round(
+          (Date.parse(z.gefragt_am) + EINLADUNG_SEKUNDEN * 1000 - Date.now()) / 1000))
+        : 0,
+    }));
+}
+
+/** Wie viele Plaetze gerade belegt oder vorgemerkt sind. */
+function gaesteBelegt() {
+  return db().prepare(`SELECT COUNT(*) AS n FROM reaktion_gaeste
+      WHERE stand IN ('dabei','gefragt')`).get()?.n || 0;
+}
+
 /** Wer gerade dabei ist -- und ob noch ein Kameraplatz frei war.
  *
  *  ZWEI MINUTEN OHNE LEBENSZEICHEN HEISST WEG. Ein Browser, der
@@ -413,6 +472,13 @@ function lage(person) {
     })),
     chat_modus: s.chat_modus || "offen",
     chat_modi: CHAT_MODI,
+    /* ==== DIE OFFENEN EINLADUNGEN (08.10.2026) ==================
+       Nur fuer den Host. Wer gefragt wurde und noch nicht geantwortet
+       hat, ist noch kein Gast -- und dass jemand gefragt WURDE, geht
+       den Saal nichts an. Wird in `oeffentlich()` ausdruecklich
+       entfernt. */
+    einladungen: istHost ? einladungenListe() : undefined,
+    einladung_sekunden: EINLADUNG_SEKUNDEN,
     /* ==== DIE WERBUNG SIEHT JEDER =============================
        Sie ist das Einzige auf dieser Seite, das ausdruecklich fuer
        alle gedacht ist -- eine Einblendung, die nur der Host sieht,
@@ -480,6 +546,32 @@ function lage(person) {
       rolle: person.rolle,
       host: istHost,
       gast: binGast,
+      /* ==== BIN ICH GERADE GEFRAGT? (08.10.2026) ==============
+         Die eine Auskunft, aus der die Seite den Vorhang baut:
+         „DogFather will dich auf die Bühne". Sie steht an `ich` und
+         nicht in einer Liste -- jeder bekommt nur seine eigene, und
+         dass jemand anderes gefragt wurde, geht ihn nichts an.
+
+         `noch_sek` reist mit, damit die Seite den Countdown ohne
+         eine eigene Uhr zeichnen kann. */
+      einladung: (() => {
+        const e = db().prepare(`SELECT gefragt_am FROM reaktion_gaeste
+            WHERE person_id = ? AND stand = 'gefragt'`).get(person.id);
+        if (!e) return null;
+        const rest = Math.round(
+          (Date.parse(e.gefragt_am) + EINLADUNG_SEKUNDEN * 1000 - Date.now()) / 1000);
+        /* Abgelaufen heißt „keine Einladung mehr". Die Zeile wird
+           beim nächsten Lesen der Hostliste umgeschrieben; hier
+           reicht es, sie nicht mehr zu zeigen -- sonst stünde vor
+           jemandem ein Vorhang mit „noch -40 Sekunden". */
+        if (rest <= 0) return null;
+        /* WER EINLÄDT, STEHT SCHON IM STAND (`lage.host.name`). Den
+           Namen hier ein zweites Mal mitzuschicken wäre eine zweite
+           Antwort auf dieselbe Frage -- und die beiden könnten
+           auseinanderlaufen, sobald jemand mitten in der Sendung die
+           Führung übernimmt. */
+        return { noch_sek: rest };
+      })(),
       moderiert: MODERIERT.has(person.rolle),
       sicht: !!(dabei.find((d) => d.id === person.id)?.sicht),
       kamera_aus: !!(dabei.find((d) => d.id === person.id)?.kamera_aus),
@@ -939,8 +1031,106 @@ reaktionRouter.post("/workspace/api/reaktion/gast", nurHost, express.json({ limi
       if (!p) return res.status(404).json({ fehler: "nicht_gefunden" });
       if (id === req.person.id) return res.status(400).json({ fehler: "host_ist_kein_gast" });
 
-      const da = db().prepare("SELECT COUNT(*) AS n FROM reaktion_gaeste").get()?.n || 0;
-      if (da >= GAESTE_MAX) return res.status(409).json({ fehler: "gaeste_voll" });
+      /* Verfallene Einladungen erst wegräumen — sonst hält eine
+         Frage von vor einer Stunde noch einen Platz besetzt. */
+      einladungenListe();
+      if (gaesteBelegt() >= GAESTE_MAX) {
+        return res.status(409).json({ fehler: "gaeste_voll" });
+      }
+
+      /* ==== GEFRAGT, NICHT GEHOLT (08.10.2026) =================
+
+         Filipe: „wenn gäste eingeladen werden, sollen die
+         akzeptieren oder ablehnen können. bevor die auch angezeigt
+         werden sollen die auswählen können ob die kamera an ist oder
+         aus ist. also iohre eigene."
+
+         Vorher stand hier ein Platz und eine Zeile — und die Kamera
+         des Gastes sprang im selben Augenblick an. Jetzt entsteht
+         erst eine FRAGE. Der Platz wird beim Zusagen vergeben, nicht
+         jetzt: Wer ablehnt, soll Platz 1 nicht für zwei Minuten
+         blockiert haben.
+
+         `INSERT OR REPLACE` räumt dabei eine alte Antwort derselben
+         Person weg — wer eben abgelehnt hat und jetzt noch einmal
+         gefragt wird, steht nicht zweimal in der Liste. */
+      db().prepare(`INSERT OR REPLACE INTO reaktion_gaeste
+          (person_id, seit, stumm, platz, stand, gefragt_am)
+          VALUES (?,?,0,0,'gefragt',?)`).run(id, jetzt(), jetzt());
+      protokolliere("reaktion_gast_gefragt", {
+        personId: req.person.id,
+        detail: p.name,
+        ip: echteIp(req),
+      });
+      const l = lage(req.person);
+      /* KEIN RUNDRUF AN DEN SAAL. Es hat sich für ihn nichts
+         geändert — auf der Bühne steht niemand Neues. Ein Rundruf
+         hier hieße, dass alle erfahren, wer gefragt wurde. */
+      stromAn([id], "reaktion", { was: "du_bist_eingeladen" });
+      res.status(201).json(l);
+    } catch (fehler) {
+      console.error("[reaktion] Gast:", fehler?.message);
+      res.status(503).json({ fehler: "nicht_verfuegbar" });
+    }
+  });
+
+/* ---------- Die Antwort des Gastes -------------------------------------
+   Filipe: „sollen die akzeptieren oder ablehnen können. bevor die
+   auch angezeigt werden sollen die auswählen können ob die kamera an
+   ist oder aus ist."
+
+   ZWEI DINGE IN EINEM AUFRUF, und das ist Absicht: Die Zusage UND
+   die Vorwahl von Kamera und Mikro kommen zusammen an. Zwei Aufrufe
+   hintereinander hätten ein Fenster dazwischen, in dem jemand schon
+   auf der Bühne steht, dessen Kamera noch auf „an" steht — und genau
+   diese Sekunde ist das, was abgestellt werden soll.
+
+   DAS IST KEIN HOST-WEG. Hier antwortet der Gefragte selbst, für
+   sich. `nurHost` wäre hier falsch herum.
+   ----------------------------------------------------------------------- */
+reaktionRouter.post("/workspace/api/reaktion/gast/antwort",
+  express.json({ limit: "2kb" }), (req, res) => {
+    try {
+      const e = db().prepare(`SELECT * FROM reaktion_gaeste
+          WHERE person_id = ? AND stand = 'gefragt'`).get(req.person.id);
+      if (!e) return res.status(404).json({ fehler: "keine_einladung" });
+
+      /* Die Frist gilt auch hier und nicht nur beim Anzeigen. Sonst
+         könnte eine Seite, die seit einer Stunde offen liegt, eine
+         längst verfallene Einladung annehmen — und stünde plötzlich
+         im Bild, ohne dass jemand damit rechnet. */
+      if (Date.parse(e.gefragt_am) + EINLADUNG_SEKUNDEN * 1000 <= Date.now()) {
+        db().prepare("UPDATE reaktion_gaeste SET stand = 'keine_antwort' WHERE person_id = ?")
+          .run(req.person.id);
+        return res.status(409).json({ fehler: "einladung_abgelaufen" });
+      }
+
+      const ja = req.body?.ja === true;
+      if (!ja) {
+        db().prepare("UPDATE reaktion_gaeste SET stand = 'abgelehnt' WHERE person_id = ?")
+          .run(req.person.id);
+        protokolliere("reaktion_gast_abgelehnt", {
+          personId: req.person.id, detail: req.person.name, ip: echteIp(req),
+        });
+        /* Nur der Host erfährt es — und er erfährt es SOFORT, sonst
+           wartet er zwei Minuten auf eine Antwort, die schon da
+           ist. */
+        const s = sendung();
+        if (s?.host_id) {
+          stromAn([s.host_id], "reaktion",
+            { was: "einladung_beantwortet", name: req.person.name, ja: false });
+        }
+        return res.json(lage(req.person));
+      }
+
+      /* Zwischen Frage und Zusage kann ein zweiter Gast zugesagt
+         haben. Ohne diese Prüfung stünden drei auf einer Bühne für
+         zwei. */
+      const dabeiJetzt = db().prepare(`SELECT COUNT(*) AS n FROM reaktion_gaeste
+          WHERE stand = 'dabei'`).get()?.n || 0;
+      if (dabeiJetzt >= GAESTE_MAX) {
+        return res.status(409).json({ fehler: "gaeste_voll" });
+      }
 
       /* Der Platz ist die kleinste freie Zahl -- nicht „Anzahl + 1".
          Wer Gast 1 entfernt und dann jemanden holt, bekaeme sonst
@@ -949,19 +1139,62 @@ reaktionRouter.post("/workspace/api/reaktion/gast", nurHost, express.json({ limi
       let platz = 1;
       while (belegt.has(platz)) platz++;
 
-      db().prepare("INSERT OR REPLACE INTO reaktion_gaeste (person_id, seit, stumm, platz) VALUES (?,?,0,?)")
-        .run(id, jetzt(), platz);
+      /* ==== DIE VORWAHL WIRD GESETZT, BEVOR DIE BÜHNE AUFGEHT ===
+         Sie steht in `reaktion_dabei` — dort, wo auch der
+         Senderknopf sie später hinschreibt. Eine zweite Spalte an
+         der Gastzeile wäre eine zweite Antwort auf dieselbe Frage,
+         und spätestens beim ersten Klick auf „Kamera" liefen beide
+         auseinander.
+
+         FEHLT DIE ANGABE, IST SIE AN. Das ist der Zustand, den jeder
+         erwartet, der gerade „ja" gesagt hat — und die Seite
+         schickt sie immer mit. */
+      const kameraAus = req.body?.kamera === false ? 1 : 0;
+      const mikroAus = req.body?.mikro === false ? 1 : 0;
+
+      db().exec("BEGIN IMMEDIATE");
+      try {
+        db().prepare(`UPDATE reaktion_gaeste SET stand = 'dabei', platz = ?, seit = ?
+            WHERE person_id = ?`).run(platz, jetzt(), req.person.id);
+        /* ==== EINFÜGEN ODER ÄNDERN, ABER NIE ÜBERSCHREIBEN ====
+           Wer antwortet, sitzt im Saal und steht damit längst in
+           `reaktion_dabei` — der Normalfall ist also ein ÄNDERN.
+           Ein reines `UPDATE` hätte aber einen stillen Ausgang: Ist
+           die Zeile zwischendurch weggeräumt worden (zwei Minuten
+           ohne Lebenszeichen genügen), ändert es null Zeilen, meldet
+           nichts, und der Gast stünde mit laufender Kamera im Bild,
+           obwohl er sie abgewählt hat. Genau die Sorte Fehler, die
+           man erst im Stream sieht.
+
+           `ON CONFLICT` setzt deshalb nur die beiden Felder und
+           lässt `seit`, `gesehen` und `sicht` in Ruhe. */
+        db().prepare(`INSERT INTO reaktion_dabei
+            (person_id, seit, gesehen, sicht, kamera_aus, mikro_aus)
+            VALUES (?,?,?,0,?,?)
+            ON CONFLICT(person_id) DO UPDATE SET
+              kamera_aus = excluded.kamera_aus, mikro_aus = excluded.mikro_aus`)
+          .run(req.person.id, jetzt(), jetzt(), kameraAus, mikroAus);
+        db().exec("COMMIT");
+      } catch (f) {
+        db().exec("ROLLBACK");
+        throw f;
+      }
+
       protokolliere("reaktion_gast_dazu", {
         personId: req.person.id,
-        detail: `${p.name} (Platz ${platz})`,
+        detail: `${req.person.name} (Platz ${platz}, Kamera ${kameraAus ? "aus" : "an"})`,
         ip: echteIp(req),
       });
       const l = lage(req.person);
       melden("reaktion", { was: "gaeste", lage: oeffentlich(l) });
-      stromAn([id], "reaktion", { was: "du_bist_gast", lage: oeffentlich(l) });
-      res.status(201).json(l);
+      const s = sendung();
+      if (s?.host_id) {
+        stromAn([s.host_id], "reaktion",
+          { was: "einladung_beantwortet", name: req.person.name, ja: true });
+      }
+      res.json(l);
     } catch (fehler) {
-      console.error("[reaktion] Gast:", fehler?.message);
+      console.error("[reaktion] Gastantwort:", fehler?.message);
       res.status(503).json({ fehler: "nicht_verfuegbar" });
     }
   });
@@ -1459,8 +1692,10 @@ reaktionRouter.post("/workspace/api/reaktion/senden", express.json({ limit: "2kb
       if (s.stand === "zu") return res.status(409).json({ fehler: "saal_zu" });
 
       const istHost = HOST_ROLLEN.has(req.person.rolle);
-      const binGast = !!db().prepare("SELECT 1 FROM reaktion_gaeste WHERE person_id = ?")
-        .get(req.person.id);
+      /* `stand = 'dabei'` seit dem 08.10.2026: Wer erst GEFRAGT ist,
+         sendet noch nicht und darf hier auch nichts schalten. */
+      const binGast = !!db().prepare("SELECT 1 FROM reaktion_gaeste"
+        + " WHERE person_id = ? AND stand = 'dabei'").get(req.person.id);
       if (!istHost && !binGast) return res.status(403).json({ fehler: "sendest_nicht" });
 
       /* TEILWEISE AENDERN IST ERLAUBT. Wer nur die Kamera schaltet,
@@ -1917,15 +2152,37 @@ const CHAT_ABZEICHEN = {
  *  und die Meldung beim Schreiben. Zwei Fassungen waeren zwei
  *  Gelegenheiten, eine davon zu vergessen -- und vergessen wuerde man
  *  die, die seltener angefasst wird. */
-function fuerDenSaal(b) {
+function fuerDenSaal(b, glanz) {
   if (!b) return b;
   const { rolle, ...rest } = b;
+  /* ==== DER SPENDER-GLANZ (08.10.2026) ==========================
+
+     Filipe: „die leute die spenden gemacht haben sollen auch für
+     eine kurze zeit speziell aussehen je nach höhe von spende."
+
+     DIE KARTE WIRD EINMAL JE ANFRAGE GEBAUT und hereingereicht --
+     der Chat lädt 120 Beiträge, und eine Abfrage je Beitrag wären
+     120 Abfragen für eine Auskunft, die sich dazwischen gar nicht
+     ändert. Fehlt sie (einzelner neuer Beitrag), holt diese
+     Funktion sie selbst; dann ist es genau eine.
+
+     WARUM DER GLANZ AM BEITRAG HÄNGT UND NICHT AN DER PERSON: Ein
+     Beitrag von vor einer Stunde soll nicht nachträglich leuchten,
+     wenn jemand eben gespendet hat. Er bekommt den Stand, der beim
+     Laden gilt -- und beim nächsten Laden den dann gültigen. */
+  const k = (glanz || spenderGlanz()).get(b.person_id);
   return {
     ...rest,
     abzeichen: CHAT_ABZEICHEN[rolle] || null,
     /* „Gehoert zum Team" war vorher `b.rolle !== 'gast'` in der
        Oberflaeche. Dieselbe Frage, nur ohne den Namen. */
     team: !!rolle && rolle !== "gast",
+    spende: k
+      ? {
+        stufe: k.stufe, farbe: k.farbe, dogen_mille: k.dogen_mille,
+        muenze: k.muenze, noch_ms: k.noch_ms,
+      }
+      : null,
   };
 }
 
@@ -1934,7 +2191,8 @@ reaktionRouter.get("/workspace/api/reaktion/chat", (req, res) => {
     const reihen = db().prepare(`
       SELECT id, person_id, name, rolle, text, erstellt
         FROM reaktion_chat WHERE weg_am IS NULL ORDER BY id DESC LIMIT 120`).all();
-    res.json({ beitraege: reihen.reverse().map(fuerDenSaal) });
+    const glanz = spenderGlanz();
+    res.json({ beitraege: reihen.reverse().map((b) => fuerDenSaal(b, glanz)) });
   } catch (fehler) {
     console.error("[reaktion] Chat:", fehler?.message);
     res.status(503).json({ fehler: "nicht_verfuegbar" });
@@ -2093,7 +2351,13 @@ function oeffentlich(l) {
      laufenden Botschaften stehen ohnehin unter `werbung.band` und
      gehoeren allen; ein Entwurf, den jemand bewusst ausgeschaltet
      hat, gehoert niemandem. */
-  const { zuschauer, ich, liste, meldungen, massnahmen, zweit,
+  /* `einladungen` KAM AM 08.10.2026 DAZU. Dass jemand gefragt wurde
+     und noch nicht geantwortet hat, geht den Saal nichts an -- und
+     erst recht nicht, dass jemand ABGELEHNT hat. Der Rundruf wird
+     aus dem Stand dessen gebaut, der gerade etwas getan hat; war das
+     der Host, ginge die ganze Liste an jeden im Saal. Genau dieselbe
+     Falle wie bei `meldungen` am 28.09. */
+  const { zuschauer, ich, liste, meldungen, massnahmen, zweit, einladungen,
     banner_alle: _verwaltung, ...rest } = l;
   return rest;
 }
diff --git a/server/workspace-spenden.js b/server/workspace-spenden.js
index efa98d1b..5d125a4f 100644
--- a/server/workspace-spenden.js
+++ b/server/workspace-spenden.js
@@ -47,6 +47,7 @@ import {
   GROESSE_MIN, GROESSE_MAX, BILD_MAX_BYTES,
   centInMille, milleInCent, ZEICHEN_NAME, CENT_JE_DOGE,
   DOGEN_SAETZE, DOGEN_STUFEN, SATZ_NAME, muenzeAdresse,
+  SAETZE_MAX, GLANZ_MIN_MINUTEN, GLANZ_MAX_MINUTEN, PLATZ_NAME, PLAETZE,
 } from "./spenden-tabellen.js";
 
 const BILDER = join(DATEN_ORDNER, "spendenbilder");
@@ -291,6 +292,22 @@ function alsKarte(z) {
     herkunft: z.herkunft,
     stand: z.stand,
     erstellt: z.erstellt,
+    /* ==== STAND UND „SCHON IM BILD" SIND ZWEI VERSCHIEDENE DINGE
+       (08.10.2026)
+
+       Seit es die fertigen Sätze gibt, kann eine Karte GELAUFEN
+       sein, während die Spende noch auf die Bestätigung wartet. Ohne
+       diese Auskunft stünde sie im Pult wie jede andere offene, und
+       die Leitung würde sie bestätigen in der Annahme, sie damit
+       erst zu zeigen — sie wäre längst durch. */
+    schon_gezeigt: !!z.gezeigt_am,
+    /* WO DIE KARTE HINGEHÖRT, ENTSCHEIDET NICHT DIE KARTE. Der Platz
+       ist eine Einstellung des Hauses und gilt für alle; er reist
+       trotzdem MIT der Karte, weil die Bühnentafel in OBS keine
+       zweite Auskunft abholen kann -- sie hat keine Sitzung und
+       bekommt nur, was der Strom bringt. Dieselbe Begründung wie
+       beim Zeichen eine Zeile darüber. */
+    platz: kartenPlatz(),
     stufe: st ? {
       name: st.name, vorlage: st.vorlage, bild: bildAdresse(st.bild),
       farbe: st.farbe, dauer_ms: st.dauer_ms,
@@ -299,6 +316,29 @@ function alsKarte(z) {
   };
 }
 
+/** Wo die Karte steht — „mitte" oder „rand".
+ *
+ *  ==== WARUM DIE MITTE DIE VORGABE IST (08.10.2026)
+ *
+ *  Filipe: „die spende soll auch in der mitte vom bild angezeigt
+ *  werden. es soll richtig geil angezeigt werden so richtig in 3D
+ *  modus."
+ *
+ *  Das dreht eine Entscheidung vom 28.09. um; dort stand wörtlich
+ *  „sie deckt nie die Mitte zu". Der Grund dafür war richtig und ist
+ *  es immer noch — nur gilt er für eine andere Frage: Er schützt das
+ *  VIDEO. Filipe sieht inzwischen die Spende als das, was in diesem
+ *  Augenblick zählt, und das ist seine Entscheidung und nicht meine.
+ *
+ *  „rand" bleibt deshalb erhalten und ist einen Knopf weit weg: Bei
+ *  einem Film, bei dem der Mitteldeckel stört, ist der alte Platz
+ *  der bessere — und eine Entscheidung, die man nicht zurücknehmen
+ *  kann, ist keine Einstellung, sondern eine Festlegung. */
+function kartenPlatz() {
+  const p = einstellung(PLATZ_NAME, "");
+  return PLAETZE.includes(p) ? p : PLAETZE[0];
+}
+
 /** Aus dem Dateinamen wird eine Adresse -- oder nichts.
  *
  *  Die Adresse zeigt auf den Buehnen-Router und NICHT hierher: Die
@@ -418,13 +458,19 @@ function personenListe(person) {
   } catch { return []; }
 }
 
-/** Eine bestaetigte Spende ins Bild schicken. */
-function zeigen(z) {
+/** Eine Spende ins Bild schicken.
+ *
+ *  `buchen` entscheidet, ob die Dogen dabei gutgeschrieben werden.
+ *  Seit dem 08.10.2026 sind das zwei getrennte Fragen: Eine Karte mit
+ *  fertigem Satz läuft SOFORT, die Punkte gibt es erst nach dem Tipp
+ *  der Leitung. Die Begründung steht ausführlich in
+ *  `spenden-tabellen.js` beim Abschnitt über die fertigen Sätze. */
+function zeigen(z, buchen = true) {
   /* ERST BUCHEN, DANN ZEIGEN. Andersherum liefe die Karte, und wenn
      dabei etwas schiefginge, stuenden die Dogen nicht im Buch --
      sichtbar gedankt und nicht gutgeschrieben ist der aergerlichere
      der beiden moeglichen Fehler. */
-  gutschreiben(z);
+  if (buchen) gutschreiben(z);
   db().prepare("UPDATE spenden SET gezeigt_am = ? WHERE id = ?").run(jetzt(), z.id);
   const daten = { was: "zeigen", karte: alsKarte(z) };
   stromAn(empfaenger(), "spende", daten);
@@ -433,6 +479,118 @@ function zeigen(z) {
   buehneMelden("spende", daten);
 }
 
+/* ======================================================================
+   DIE FERTIGEN SÄTZE
+   ====================================================================== */
+
+/** Alle fertigen Sätze, in ihrer Reihenfolge. */
+function saetzeLesen() {
+  try {
+    return db().prepare("SELECT id, text FROM spenden_saetze ORDER BY platz, id").all();
+  } catch { return []; }
+}
+
+/* ======================================================================
+   WER IM CHAT GERADE BESONDERS AUSSIEHT (08.10.2026)
+
+   Filipe: „die leute die spenden gemacht haben sollen auch für eine
+   kurze zeit speziell aussehen je nach höhe von spende."
+
+   ---------------------------------------------------------------------
+   EINE ABFRAGE FÜR ALLE BEITRÄGE, NICHT EINE JE BEITRAG
+
+   Der Chat lädt 120 Beiträge auf einmal. Eine Abfrage je Beitrag
+   wären 120 Abfragen für eine Auskunft, die sich zwischen ihnen gar
+   nicht ändern kann. Also einmal lesen, Map zurückgeben, fertig --
+   `fuerDenSaal()` schlägt darin nur noch nach.
+
+   ---------------------------------------------------------------------
+   DIE STÄRKSTE STUFE GEWINNT, NICHT DIE LETZTE
+
+   Wer zuerst 2,5 Dogen gibt und zehn Minuten später 0,2, soll nicht
+   auf die kleine Stufe zurückfallen -- das läse sich wie eine
+   Bestrafung dafür, dass er noch einmal gegeben hat. Gilt die alte
+   grosse noch, bleibt sie.
+
+   ---------------------------------------------------------------------
+   GEZÄHLT WIRD AB „IM BILD", NICHT AB „EINGETRAGEN"
+
+   `gezeigt_am` und nicht `erstellt`: Eine Spende, die eine Stunde im
+   Pult lag, würde sonst im selben Augenblick golden und wieder grau,
+   in dem die Leitung sie bestätigt. Der Glanz beginnt dort, wo ihn
+   alle sehen.
+   ====================================================================== */
+export function spenderGlanz() {
+  const karte = new Map();
+  try {
+    const stufen = db().prepare("SELECT ab_cent, name, farbe, glanz_minuten"
+      + " FROM spenden_stufen ORDER BY ab_cent DESC").all();
+    if (!stufen.length) return karte;
+
+    /* NUR SO WEIT ZURÜCK, WIE DIE LÄNGSTE STUFE REICHT. Ohne diese
+       Grenze läse die Abfrage bei jedem Chataufruf die ganze
+       Spendentabelle -- 400 Tage lang. */
+    const laengste = Math.max(0, ...stufen.map((s) => Number(s.glanz_minuten) || 0));
+    if (laengste <= 0) return karte;
+    const seit = new Date(Date.now() - laengste * 60_000).toISOString();
+
+    const zeichen = zeichenSatz();
+    const reihen = db().prepare(`SELECT person_id, betrag_cent, gezeigt_am
+        FROM spenden
+       WHERE person_id IS NOT NULL AND gezeigt_am IS NOT NULL AND gezeigt_am > ?
+       ORDER BY gezeigt_am`).all(seit);
+
+    const jetztMs = Date.now();
+    for (const z of reihen) {
+      /* Dieselbe Regel wie überall: die höchste Stufe, die noch
+         passt. Die Liste steht absteigend, also gewinnt die erste. */
+      const st = stufen.find((s) => s.ab_cent <= z.betrag_cent);
+      if (!st) continue;
+      const minuten = Number(st.glanz_minuten) || 0;
+      if (minuten <= 0) continue;
+      const bis = Date.parse(z.gezeigt_am) + minuten * 60_000;
+      if (!Number.isFinite(bis) || bis <= jetztMs) continue;
+
+      const mille = centInMille(z.betrag_cent);
+      const alt = karte.get(z.person_id);
+      if (alt && alt.ab_cent > st.ab_cent) continue;
+      karte.set(z.person_id, {
+        ab_cent: st.ab_cent,
+        stufe: st.name,
+        farbe: st.farbe,
+        dogen_mille: mille,
+        /* DIE MÜNZE FERTIG UND NICHT DER GANZE SATZ. Eine Nachricht
+           trägt sonst vier Adressen mit sich, von denen drei nie
+           gebraucht werden -- bei 120 Beiträgen ist das der
+           Unterschied zwischen einer kleinen und einer grossen
+           Antwort. */
+        muenze: muenzeFuerSatz(zeichen, mille),
+        /* Wann der Glanz endet -- als ALTER in Millisekunden und
+           nicht als Uhrzeit. Die Uhr des Empfängers kann falsch
+           gehen; eine Dauer kann kein Gerät falsch stellen. Das ist
+           dieselbe Lehre wie beim Gleichlauf des Videos am
+           30.09.2026. */
+        noch_ms: Math.max(0, bis - jetztMs),
+      });
+    }
+  } catch (fehler) {
+    /* Ein fehlender Glanz ist ein Schönheitsfehler. Der Chat muss
+       auch dann laufen, wenn die Spendentabellen klemmen. */
+    console.error("[spenden] Glanz:", fehler?.message);
+  }
+  return karte;
+}
+
+/** Welche Münze zu dieser Zahl gehört -- dieselbe Regel wie im
+ *  Browser (`spendenkarte.js`), nur hier für den Chat. */
+function muenzeFuerSatz(satz, mille) {
+  if (!satz || !Array.isArray(satz.grenzen)) return "";
+  const [u, o] = satz.grenzen;
+  if (mille < u) return satz.niedrig || "";
+  if (mille < o) return satz.mittel || "";
+  return satz.hoch || "";
+}
+
 /* ======================================================================
    DIE WEGE
    ====================================================================== */
@@ -484,6 +642,8 @@ spendenRouter.get("/workspace/api/spenden", (req, res) => {
         dauer_min: DAUER_MS_MIN, dauer_max: DAUER_MS_MAX,
         groesse_min: GROESSE_MIN, groesse_max: GROESSE_MAX,
         bild_max_mb: Math.round(BILD_MAX_BYTES / 1024 / 1024),
+        glanz_min: GLANZ_MIN_MINUTEN, glanz_max: GLANZ_MAX_MINUTEN,
+        plaetze: PLAETZE, saetze_max: SAETZE_MAX,
       },
       /* ==== DER KURS GEHT NUR AN DIE LEITUNG ==================
 
@@ -508,6 +668,26 @@ spendenRouter.get("/workspace/api/spenden", (req, res) => {
       dogen_max_mille: DOGEN_MAX_MILLE,
       gruss_max: GRUSS_MAX,
       name_max: NAME_MAX,
+      /* ==== DIE FERTIGEN SÄTZE SIEHT JEDER ======================
+         Sie sind das Angebot an den, der gibt -- ohne sie bliebe
+         nur das freie Feld, und genau das soll die Ausnahme werden
+         und nicht die Regel. Welche Kennung zu welchem Satz gehört,
+         darf jeder wissen; der Text steht ohnehin auf dem Knopf. */
+      /* ==== `fertige_saetze` UND NICHT `saetze` =================
+         `saetze` gehört seit dem 28.09.2026 den MÜNZSÄTZEN (Klassik,
+         Amethyst, Neon). Beim ersten Bau hiess dieses Feld genauso
+         und hat sie überschrieben -- die Münzauswahl im Register
+         „Gestaltung" wäre damit leer gewesen, und zwar lautlos.
+         Gefunden hat es `pruef-spenden` beim ersten Lauf. Zwei
+         Bedeutungen unter einem Namen sind dieselbe Falle wie zwei
+         Regeln für dieselbe Frage. */
+      fertige_saetze: saetzeLesen(),
+      /* Welche Beträge sofort ins Bild dürfen. Der Browser graut
+         den Sofort-Weg sonst nach Gefühl aus oder gar nicht -- und
+         eine Zahl, die er selbst mitbringt, wäre die zweite
+         Antwort auf dieselbe Frage. */
+      sofort_mille: KNOEPFE_MILLE,
+      platz: kartenPlatz(),
       /* WAS ICH SELBST HABE, SEHE ICH IMMER. Das ist Filipes
          „hinzugefuegt werden": Ohne einen sichtbaren Stand waere es
          eine Zahl in einer Datenbank und kein Grund, wiederzukommen. */
@@ -570,13 +750,53 @@ spendenRouter.post("/workspace/api/spenden/melden", express.json({ limit: "4kb"
          erscheint, die offenste Tuer des ganzen Hauses. */
       const name = String(req.body?.name ?? req.person.name).trim().slice(0, NAME_MAX)
         || req.person.name;
-      const gruss = String(req.body?.gruss ?? "").trim().slice(0, GRUSS_MAX);
+
+      /* ==== EIN FERTIGER SATZ GEHT SOFORT INS BILD (08.10.2026) ==
+
+         Filipe: „es soll fertige sätze geben und wenn jemand die
+         auswählt muss keiner es bestätigen dan wird es sofort
+         angezeigt und wenn jemand selber was schreibt dan muss
+         bestätigt werden damit es angezeigt wird."
+
+         DER TEXT KOMMT AUS DER DATENBANK UND NICHT AUS DER LEITUNG.
+         Hereingeschickt wird nur `satz_id`. Damit kann an dieser
+         Stelle überhaupt kein fremdes Wort entstehen -- und genau
+         das ist der Grund, warum hier die Bestätigung entfallen
+         darf und beim freien Text nicht.
+
+         GILT NUR FÜR DIE BETRÄGE DER KNÖPFE. Die vollständige
+         Begründung steht in `spenden-tabellen.js`; kurz: Filipes
+         Ansage galt dem SATZ, nicht der Summe, und eine
+         selbstgetippte Zahl ungesehen gross im Stream wäre der
+         Fehler, den man nicht mehr einfangen kann. */
+      const satzId = Number(req.body?.satz_id) || 0;
+      const satz = satzId
+        ? db().prepare("SELECT text FROM spenden_saetze WHERE id = ?").get(satzId)
+        : null;
+      /* Eine Kennung, die es nicht gibt, ist ein Fehler und kein
+         „dann eben ohne Text". Wer einen Satz ausgewählt hat und
+         eine leere Karte bekäme, hielte das für kaputt -- zu Recht. */
+      if (satzId && !satz) return res.status(400).json({ fehler: "fertigsatz_unbekannt" });
+
+      const gruss = satz
+        ? satz.text
+        : String(req.body?.gruss ?? "").trim().slice(0, GRUSS_MAX);
+      const sofort = !!satz && KNOEPFE_MILLE.includes(Math.round(Number(req.body.dogen_mille)));
+
       const { lastInsertRowid } = db().prepare(`INSERT INTO spenden
           (betrag_cent, waehrung, name, gruss, person_id, herkunft, stand, erstellt)
           VALUES (?,?,?,?,?,'gemeldet','offen',?)`)
         .run(cent, "EUR", name, gruss, req.person.id, jetzt());
 
-      const z = db().prepare("SELECT * FROM spenden WHERE id = ?").get(Number(lastInsertRowid));
+      let z = db().prepare("SELECT * FROM spenden WHERE id = ?").get(Number(lastInsertRowid));
+      /* OHNE GUTSCHRIFT. Gezeigt wird sofort, gebucht wird nach der
+         Bestätigung -- sonst stellte sich jeder seine eigene
+         Währung aus. */
+      if (sofort) {
+        zeigen(z, false);
+        z = db().prepare("SELECT * FROM spenden WHERE id = ?").get(Number(lastInsertRowid));
+      }
+
       /* Die Leitung erfaehrt es sofort -- sonst liegt die Meldung da,
          und der Zuschauer wartet auf eine Karte, die niemand sieht. */
       stromAn(
@@ -584,7 +804,7 @@ spendenRouter.post("/workspace/api/spenden/melden", express.json({ limit: "4kb"
           .all().map((p) => p.id),
         "spende", { was: "offen", karte: alsKarte(z) },
       );
-      res.status(201).json({ ok: true, wartet: true });
+      res.status(201).json({ ok: true, wartet: !sofort, sofort });
     } catch (fehler) {
       console.error("[spenden] Melden:", fehler?.message);
       res.status(503).json({ fehler: "nicht_verfuegbar" });
@@ -686,7 +906,21 @@ spendenRouter.post("/workspace/api/spenden/:id(\\d+)/bestaetigen", nurGeld,
         detail: `#${z.id}, ${centInMille(cent)} Tausendstel Dogen`,
         ip: echteIp(req),
       });
-      zeigen(neu);
+      /* ==== WAS SCHON IM BILD WAR, LÄUFT NICHT NOCH EINMAL ========
+         (08.10.2026)
+
+         Eine Karte mit fertigem Satz ist beim Melden sofort gelaufen
+         (siehe `melden`). Die Bestätigung holt danach das nach, was
+         bewusst offen geblieben ist: die GUTSCHRIFT. Sie noch einmal
+         zu zeigen hiesse, dieselbe Spende zweimal im Stream zu
+         haben -- und zwar ausgerechnet mit einigen Minuten Abstand,
+         sodass es wie zwei verschiedene aussieht.
+
+         Wer sie trotzdem noch einmal sehen will, hat dafür den Knopf
+         „Nochmal". Das ist dann eine Entscheidung und kein
+         Nebeneffekt. */
+      if (z.gezeigt_am) gutschreiben(neu);
+      else zeigen(neu);
       res.json(alsKarte(neu));
     } catch (fehler) {
       console.error("[spenden] Bestaetigen:", fehler?.message);
@@ -757,7 +991,27 @@ spendenRouter.put("/workspace/api/spenden/stufen", nurGeld,
         if (!Number.isFinite(groesse) || groesse < GROESSE_MIN || groesse > GROESSE_MAX) {
           return res.status(400).json({ fehler: "groesse_unklar" });
         }
-        sauber.push({ ab, name, vorlage, farbe, dauer, groesse, id: Number(z?.id) || 0 });
+        /* ==== WIE LANGE JEMAND IM CHAT BESONDERS AUSSIEHT =========
+           Fehlt der Wert ganz, gilt 0 -- „gar nicht". Das ist keine
+           stille Annahme, sondern die einzige, die nichts kaputt
+           machen kann: Eine ältere Oberfläche, die das Feld noch
+           nicht kennt, schaltet damit den Glanz ab, statt ihn auf
+           einen geratenen Wert zu setzen. */
+        const glanz = Math.round(Number(z?.glanz_minuten ?? 0));
+        if (!Number.isFinite(glanz) || glanz < GLANZ_MIN_MINUTEN || glanz > GLANZ_MAX_MINUTEN) {
+          return res.status(400).json({ fehler: "glanz_unklar" });
+        }
+        sauber.push({ ab, name, vorlage, farbe, dauer, groesse, glanz, id: Number(z?.id) || 0 });
+      }
+
+      /* ==== DER PLATZ DER KARTE GEHÖRT IN DENSELBEN KNOPF ========
+         Er steht im selben Register und wird mit demselben
+         „Übernehmen" gespeichert. Ein eigener Knopf daneben wäre ein
+         zweiter Weg zu derselben Handlung -- und einer davon wird
+         dann vergessen. */
+      const platz = req.body?.platz === undefined ? null : String(req.body.platz);
+      if (platz !== null && !PLAETZE.includes(platz)) {
+        return res.status(400).json({ fehler: "platz_unklar" });
       }
 
       sauber.sort((a, b2) => a.ab - b2.ab);
@@ -822,17 +1076,18 @@ spendenRouter.put("/workspace/api/spenden/stufen", nurGeld,
 
         const aendern = db().prepare(`UPDATE spenden_stufen SET
             ab_cent = ?, name = ?, vorlage = ?, farbe = ?, dauer_ms = ?,
-            groesse = ?, geaendert = ? WHERE id = ?`);
+            groesse = ?, glanz_minuten = ?, geaendert = ? WHERE id = ?`);
         const ein = db().prepare(`INSERT INTO spenden_stufen
-            (ab_cent, name, vorlage, bild, farbe, dauer_ms, groesse, geaendert)
-            VALUES (?,?,?,'',?,?,?,?)`);
+            (ab_cent, name, vorlage, bild, farbe, dauer_ms, groesse, glanz_minuten, geaendert)
+            VALUES (?,?,?,'',?,?,?,?,?)`);
         for (const z of sauber) {
           if (z.id && kenneIch.has(z.id)) {
-            aendern.run(z.ab, z.name, z.vorlage, z.farbe, z.dauer, z.groesse, jetzt(), z.id);
+            aendern.run(z.ab, z.name, z.vorlage, z.farbe, z.dauer, z.groesse,
+              z.glanz, jetzt(), z.id);
             behalten.add(z.id);
           } else {
             const { lastInsertRowid } = ein.run(
-              z.ab, z.name, z.vorlage, z.farbe, z.dauer, z.groesse, jetzt());
+              z.ab, z.name, z.vorlage, z.farbe, z.dauer, z.groesse, z.glanz, jetzt());
             behalten.add(Number(lastInsertRowid));
           }
         }
@@ -851,21 +1106,79 @@ spendenRouter.put("/workspace/api/spenden/stufen", nurGeld,
         }
       }
 
+      if (platz !== null) einstellungSetzen(PLATZ_NAME, platz);
+
       protokolliere("spenden_stufen", {
         personId: req.person.id,
         detail: `${sauber.length} Stufen gespeichert`,
         ip: echteIp(req),
       });
-      res.json({ ok: true, stufen: stufenLesen() });
+      res.json({ ok: true, stufen: stufenLesen(), platz: kartenPlatz() });
     } catch (fehler) {
       console.error("[spenden] Stufen:", fehler?.message);
       res.status(503).json({ fehler: "nicht_verfuegbar" });
     }
   });
 
+/* ======================================================================
+   DIE FERTIGEN SÄTZE PFLEGEN
+
+   ALLE AUF EINMAL, wie die Stufenleiter -- und aus demselben Grund:
+   Eine Liste, die man Zeile für Zeile speichert, geht durch
+   Zwischenstände, in denen sie halb die alte und halb die neue ist.
+   Mitten in einer Sendung wählt dann jemand einen Satz aus, den es
+   eine Sekunde später nicht mehr gibt.
+
+   SIE BEKOMMEN NEUE KENNUNGEN, UND DAS IST HIER IN ORDNUNG. Anders
+   als an einer Stufe hängt an einem Satz nichts (kein Bild, keine
+   Datei). Was schon im Bild stand, trägt seinen Text längst als Text
+   in der Spendenzeile -- ein gelöschter Satz ändert rückwirkend also
+   nichts an dem, was jemand einmal gesagt hat.
+   ====================================================================== */
+spendenRouter.put("/workspace/api/spenden/fertige-saetze", nurGeld,
+  express.json({ limit: "8kb" }), (req, res) => {
+    try {
+      const roh = Array.isArray(req.body?.fertige_saetze) ? req.body.fertige_saetze : null;
+      if (!roh) return res.status(400).json({ fehler: "saetze_fehlen" });
+      if (roh.length > SAETZE_MAX) return res.status(400).json({ fehler: "zu_viele_saetze" });
+
+      const sauber = [];
+      for (const z of roh) {
+        const t = String(z ?? "").trim().slice(0, GRUSS_MAX);
+        /* Leere Zeilen werden weggelassen und nicht abgelehnt: Wer
+           einen Satz löschen will, leert sein Feld -- das ist der
+           naheliegendste Weg, und ihn mit einer Fehlermeldung zu
+           beantworten wäre eine Belehrung. */
+        if (t) sauber.push(t);
+      }
+
+      db().exec("BEGIN IMMEDIATE");
+      try {
+        db().exec("DELETE FROM spenden_saetze");
+        const ein = db().prepare("INSERT INTO spenden_saetze (text, platz, geaendert)"
+          + " VALUES (?,?,?)");
+        sauber.forEach((t, i) => ein.run(t, i, jetzt()));
+        db().exec("COMMIT");
+      } catch (f) {
+        db().exec("ROLLBACK");
+        throw f;
+      }
+
+      protokolliere("spenden_saetze", {
+        personId: req.person.id,
+        detail: `${sauber.length} fertige Sätze gespeichert`,
+        ip: echteIp(req),
+      });
+      res.json({ ok: true, fertige_saetze: saetzeLesen() });
+    } catch (fehler) {
+      console.error("[spenden] Sätze:", fehler?.message);
+      res.status(503).json({ fehler: "nicht_verfuegbar" });
+    }
+  });
+
 function stufenLesen() {
   return db().prepare("SELECT id, ab_cent, name, vorlage, bild, farbe, dauer_ms,"
-    + " groesse FROM spenden_stufen ORDER BY ab_cent").all()
+    + " groesse, glanz_minuten FROM spenden_stufen ORDER BY ab_cent").all()
     .map((z) => ({
       id: z.id,
       /* AUCH DIE GRENZE IST EINE ZAHL IN DOGEN. `ab_cent` bleibt der
@@ -877,6 +1190,7 @@ function stufenLesen() {
       name: z.name, vorlage: z.vorlage, bild: bildAdresse(z.bild),
       farbe: z.farbe, dauer_ms: z.dauer_ms,
       groesse: Number(z.groesse) || 1,
+      glanz_minuten: Number(z.glanz_minuten) || 0,
     }));
 }
 
diff --git a/workspace/anleitung.html b/workspace/anleitung.html
index 7e4c0eab..d262bc7a 100644
--- a/workspace/anleitung.html
+++ b/workspace/anleitung.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/anleitung.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/anleitung.css?v=202610080131" />
 <!-- module.css an VORLETZTER, haus.css an LETZTER Stelle. Die
      Reihenfolge ist keine Geschmacksfrage: haus.css setzt nur
      Variablen, und bei Variablen entscheidet allein, wer zuletzt
      kommt. pruef-css-klassen.mjs misst genau dieses Paar nach. -->
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="halle">
@@ -289,16 +289,16 @@
 
      Und anleitung.js braucht es doppelt: Symbol, Farbe, Name und
      Adresse jeder Karte kommen von dort, nicht vom Server. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
 <!-- wahl.js gehört zu kopf.js: Der Sicht-Umschalter baut daraus seine
      Liste. pruef-css-klassen setzt das durch, und zwar auch die
      Reihenfolge -- kopf.js fragt beim Aufbau nach dem fertigen
      Bedienelement. -->
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/anleitung.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/anleitung.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/anruf-probe.html b/workspace/anruf-probe.html
index 5267d2ba..a1982ef9 100644
--- a/workspace/anruf-probe.html
+++ b/workspace/anruf-probe.html
@@ -16,8 +16,8 @@
      verdeckt. Gefunden hat es pruef-struktur.
 
      Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 <!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
      Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
      ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
@@ -33,7 +33,7 @@
      schreibt jede Seite app.webmanifest -- auch die hier. -->
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
 <style>
   /* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
      soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
@@ -135,7 +135,7 @@
 
 
 
-<script src="assets/js/anruf-probe.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/anruf-probe.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/app.webmanifest b/workspace/app.webmanifest
index 758d91c2..1cb6ba2f 100644
--- a/workspace/app.webmanifest
+++ b/workspace/app.webmanifest
@@ -23,25 +23,25 @@
   },
   "icons": [
     {
-      "src": "/assets/img/app-symbole/workspace-192.png?v=202610072346",
+      "src": "/assets/img/app-symbole/workspace-192.png?v=202610080131",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-512.png?v=202610072346",
+      "src": "/assets/img/app-symbole/workspace-512.png?v=202610080131",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202610072346",
+      "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202610080131",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202610072346",
+      "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202610080131",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/workspace/assets/css/reaktion.css b/workspace/assets/css/reaktion.css
index 29a8dda5..1a97cb51 100644
--- a/workspace/assets/css/reaktion.css
+++ b/workspace/assets/css/reaktion.css
@@ -1153,7 +1153,19 @@ body.reaktion-seite > .kopfleiste { flex: none; }
 }
 .geben__kopf svg { width: 17px; height: 17px; fill: currentColor; flex: none; }
 
-.geben__betraege { display: flex; gap: 6px; flex-wrap: wrap; }
+/* ==== VIER MUENZEN IN EINEM RASTER (08.10.2026) ===================
+   Hier stand `display: flex; flex-wrap: wrap` -- drei nebeneinander,
+   der vierte allein in einer zweiten Reihe und doppelt so breit. Das
+   sah aus wie ein Versehen, und es war eines: Nicht die Zahl der
+   Knoepfe hat das entschieden, sondern der Platz, der zufaellig
+   uebrig blieb.
+
+   Die Gestaltung dazu steht weiter unten bei „DER SPENDENKASTEN,
+   NEU". Dass `display` TROTZDEM hier steht und nicht dort, ist
+   Absicht: Zwei Regeln fuer dieselbe Klasse mit verschiedenem
+   `display` sind ein Namensstreit mit sich selbst -- `pruef-reaktion`
+   misst genau das, und sie hatte recht. */
+.geben__betraege { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
 /* Auf dem Knopf darf die Muenze deutlich groesser sein als in einer
    Textzeile: Hier ist sie das Erkennungszeichen und nicht die
    Einheit hinter einer Zahl. */
@@ -1868,6 +1880,35 @@ body.reaktion-seite > .kopfleiste { flex: none; }
 }
 .laufbild[data-bild="ja"] .laufbild__leer { display: none; }
 
+/* ==== DIE GEMERKTE STELLE DES ZWEITEN VIDEOS (08.10.2026) =========
+   Sie liegt IM Bild, unten links, als kleines Schild — dort, wo sie
+   jeder Videospieler hat. Danebengeschrieben wäre sie eine weitere
+   Zeile Text in einer Kachel, die schon drei hat; auf dem Bild ist
+   sie eine Beschriftung des Bildes, und genau das ist sie auch.
+
+   Sie steht nur da, wenn die Stelle nicht am Anfang liegt — „ab
+   0:00" ist keine Auskunft, sondern der Normalfall. */
+.laufbild__stelle {
+  position: absolute;
+  left: 7px; bottom: 7px;
+  padding: 2px 8px 3px;
+  border-radius: 999px;
+  font-size: .72rem; font-weight: 800;
+  letter-spacing: .04em;
+  font-variant-numeric: tabular-nums;
+  color: #e9e6f2;
+  background: rgba(7, 6, 13, .82);
+  border: 1px solid var(--rand-hell);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+.laufbild__stelle[hidden] { display: none; }
+/* Der zweite Platz ist ein VORRAT und nicht das Laufende. Er bekommt
+   deshalb etwas weniger Höhe als die Kachel „Was läuft" — eine Kachel
+   mit zwei gleich grossen Bildern sagt nicht mehr, welches davon
+   gerade im Stream ist. */
+#zweitbild { max-height: 150px; }
+
 /* ---- Die Transportleiste --------------------------------------------
    Aufgebaut wie jeder Videospieler, den man kennt: Schiene über die
    ganze Breite, darunter eine Reihe mit dem Transport in der MITTE.
@@ -2650,6 +2691,1111 @@ body.reaktion-seite > .kopfleiste { flex: none; }
 }
 .pult__wahl { flex: 1 1 12rem; }
 
+/* =====================================================================
+   DER WERKSTOFF (08.10.2026)
+
+   Filipe: „ich will dass alles viel hochwertiger aussieht, nicht so
+   komisch oder so, es soll sehr detailliert und profissionell
+   aussehen. es soll nicht so kindisch aussehen sondern richtig
+   hochwertig und speziell. das beste wirklich vom besten. und ich
+   meine alles alles alles alles."
+
+   ---------------------------------------------------------------------
+   WAS „HOCHWERTIG" HEISST — UND WAS ES AUSDRÜCKLICH NICHT HEISST
+
+   Nicht: mehr Farbe, mehr Leuchten, kräftigere Verläufe. Dieses Haus
+   ist augenschonend gebaut, und greller ist nicht teurer, sondern
+   lauter. Neben einem laufenden Video wäre es dazu das Schlimmste,
+   was man tun kann — alles, was selbst leuchtet, zieht den Blick vom
+   Bild weg.
+
+   Sondern: DAS LICHT KOMMT IMMER VON OBEN, UND JEDE FLÄCHE SAGT, OB
+   SIE OBEN ODER UNTEN LIEGT. Das ist der ganze Unterschied zwischen
+   „Kästen mit Rahmen" und etwas, das gebaut aussieht. Drei Regeln,
+   und sie gelten ohne Ausnahme:
+
+     1. WAS OBEN LIEGT  — Knöpfe, Kacheln, Karten — bekommt oben eine
+        helle Kante und darunter einen weichen Schatten.
+     2. WAS VERTIEFT IST — Eingabefelder, Schienen, Pegel, Spuren —
+        bekommt oben einen INNEREN Schatten und unten eine helle
+        Kante. Genau umgekehrt.
+     3. DAZWISCHEN GIBT ES NICHTS. Eine Fläche, die weder das eine
+        noch das andere tut, ist der flache Kasten von vorher.
+
+   Vorher stand im ganzen Pult zweimal eine Lichtkante (an der
+   Reitermarke und an der Transportleiste) und sonst nirgends. Genau
+   deshalb sahen diese beiden Stellen gut aus und alles daneben
+   danebengestellt — es war kein Stil, es war eine Ausnahme.
+
+   ---------------------------------------------------------------------
+   WARUM DAS HIER STEHT UND NICHT IN JEDER REGEL EINZELN
+
+   Weil es sonst beim nächsten Knopf vergessen wird. Eine abgeschriebene
+   Schattenangabe ist dasselbe wie eine abgeschriebene Spaltenliste:
+   Sie altert an der Stelle, an der niemand hinsieht. Hier steht sie
+   EINMAL als Wert, und jede Fläche holt sie sich.
+
+   ---------------------------------------------------------------------
+   DIE ZAHLEN SIND NICHT GERATEN
+
+   Die Lichtkante liegt bei 7 % Weiß, der Schatten bei 55 % Schwarz
+   auf 24 Pixel Unschärfe. Stärker wird daraus ein Knopf, der
+   „heraussteht" wie in einem Spielmenü — das ist genau das
+   „kindisch", das weg soll. Schwächer sieht man es auf einem
+   schlechten Bildschirm nicht mehr, und dann war die Mühe umsonst.
+
+   Und beides trägt KEINE Auskunft, sondern Form: Die Kanten dürfen
+   deshalb unter der Kontrastgrenze des Hauses liegen, der Text
+   darauf nicht. Nichts in diesem Abschnitt ändert eine Schriftfarbe.
+   ===================================================================== */
+body.reaktion-seite {
+  /* ---- Die Höhen ------------------------------------------------------
+     Jede Fläche gehört auf genau eine davon. Mehr als vier kann
+     niemand auseinanderhalten, weniger reicht nicht: Pult, Kachel,
+     Knopf und Vertiefung sind vier verschiedene Dinge. */
+  --w-grund:   linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .018));
+  --w-grund-2: linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .032));
+
+  /* Licht oben, Schatten darunter — das ist „liegt obenauf". */
+  --w-hoch:    inset 0 1px 0 rgba(255, 255, 255, .07),
+               inset 0 -1px 0 rgba(0, 0, 0, .28),
+               0 10px 24px -18px rgba(0, 0, 0, .55);
+  --w-hoch-2:  inset 0 1px 0 rgba(255, 255, 255, .11),
+               inset 0 -1px 0 rgba(0, 0, 0, .32),
+               0 14px 30px -18px rgba(0, 0, 0, .66);
+
+  /* Schatten INNEN oben, Licht unten — das ist „ist vertieft". */
+  --w-tief:    inset 0 1px 2px rgba(0, 0, 0, .55),
+               inset 0 -1px 0 rgba(255, 255, 255, .045);
+
+  /* Der Ring um das, was gerade die Tastatur hat.
+     ZWEI RINGE UND NICHT EINER: Der dunkle außen hält den hellen
+     auch auf einer hellen Fläche lesbar. Auf einer Seite, auf der
+     Kacheln, Videobilder und Karten nebeneinanderliegen, ist das
+     kein Zierat — ein einfarbiger Ring verschwindet auf der Hälfte
+     davon. */
+  --w-ring:    0 0 0 2px #0a0812, 0 0 0 4px rgba(154, 183, 255, .72);
+
+  /* Eine Zeit für alles, was auf eine Berührung antwortet. Kurz:
+     Ein Knopf, der 300 ms braucht, fühlt sich zäh an — und mitten in
+     einer Sendung wartet niemand auf eine Bewegung. */
+  --w-zeit:    .14s;
+  --w-kurve:   cubic-bezier(.2, .7, .3, 1);
+}
+
+/* =====================================================================
+   WAS OBENAUF LIEGT
+   ===================================================================== */
+
+/* ---- Die Kacheln des Regieplatzes ----------------------------------
+   Sie hatten Rahmen und Verlauf, aber keine Kante und keinen
+   Schatten — dadurch lagen sie IN der Fläche statt darauf. Mit
+   beidem bekommt der Platz eine Ordnung, die man sieht, bevor man
+   liest. */
+.regiekachel,
+.pult__block {
+  background: var(--w-grund);
+  box-shadow: var(--w-hoch);
+}
+
+/* ---- Alle Knöpfe des Pults -----------------------------------------
+   Vier Sorten standen hier mit vier verschiedenen Gründen, und
+   keiner hatte einen gedrückten Zustand. Ein Knopf, der sich beim
+   Drücken nicht bewegt, fühlt sich an wie das Bild eines Knopfes.
+
+   `:active` SENKT UM EINEN PIXEL und nimmt den Schatten weg. Das ist
+   dieselbe Bewegung, die jede echte Taste macht — man muss sie nicht
+   lernen. */
+.reaktion-seite .knopf-still,
+.tun,
+.stufe-tun,
+.warte-zeile__knoepfe button,
+.spur__knopf,
+.sender-knopf {
+  background: var(--w-grund-2);
+  box-shadow: var(--w-hoch);
+  transition:
+    background-color var(--w-zeit) var(--w-kurve),
+    box-shadow var(--w-zeit) var(--w-kurve),
+    transform var(--w-zeit) var(--w-kurve),
+    color var(--w-zeit) var(--w-kurve),
+    border-color var(--w-zeit) var(--w-kurve);
+}
+.reaktion-seite .knopf-still:hover:not([disabled]),
+.tun:hover:not([disabled]),
+.stufe-tun:hover:not(.stufe-tun--aus),
+.warte-zeile__knoepfe button:hover:not([disabled]),
+.spur__knopf:hover:not([disabled]),
+.sender-knopf:hover:not([disabled]) {
+  box-shadow: var(--w-hoch-2);
+  transform: translateY(-1px);
+}
+.reaktion-seite .knopf-still:active:not([disabled]),
+.tun:active:not([disabled]),
+.stufe-tun:active:not(.stufe-tun--aus),
+.warte-zeile__knoepfe button:active:not([disabled]),
+.spur__knopf:active:not([disabled]),
+.sender-knopf:active:not([disabled]) {
+  transform: translateY(1px);
+  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .5);
+}
+/* Ein Knopf, der nichts tun kann, hebt sich auch nicht. Ohne diese
+   Zeile hob er sich beim Darüberfahren und tat dann nichts — das ist
+   ein Versprechen, das gebrochen wird. */
+.reaktion-seite .knopf-still[disabled],
+.tun[disabled],
+.spur__knopf[disabled],
+.warte-zeile__knoepfe button[disabled] {
+  box-shadow: none; transform: none;
+}
+
+/* Der Hauptknopf einer Zeile trägt die Farbe des Hauses und bekommt
+   als Einziger einen eigenen Schein darunter — damit er in einer
+   Reihe aus vier Knöpfen auch dann gefunden wird, wenn man nicht
+   liest. */
+.knopf-still--haupt {
+  background:
+    linear-gradient(180deg, rgba(154, 183, 255, .2), rgba(154, 183, 255, .09));
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .16),
+    inset 0 -1px 0 rgba(0, 0, 0, .3),
+    0 12px 26px -18px rgba(154, 183, 255, .75);
+}
+.knopf-still--leise { box-shadow: none; }
+.knopf-still--leise:hover:not([disabled]) { box-shadow: var(--w-hoch); }
+
+/* „Auf Sendung" ist der einzige Knopf im Haus, der etwas beginnt,
+   das hundert Leute sehen. Er bekommt deshalb mehr Material als die
+   anderen: Lichtkante oben, Tiefe unten und einen roten Schein, der
+   ihn aus der Leiste hebt — ohne zu blinken. */
+.tun--live {
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .2),
+    inset 0 -2px 0 rgba(0, 0, 0, .35),
+    0 16px 34px -20px var(--an);
+}
+.tun--live:hover:not([disabled]) {
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .26),
+    inset 0 -2px 0 rgba(0, 0, 0, .35),
+    0 20px 40px -20px var(--an);
+}
+
+/* =====================================================================
+   WAS VERTIEFT IST
+   ===================================================================== */
+
+/* ---- Eingabefelder --------------------------------------------------
+   Sie standen auf `rgba(0,0,0,.34)` mit einem Rahmen — also auf
+   derselben Höhe wie alles andere, nur dunkler. Ein Feld, in das man
+   schreibt, muss AUSSEHEN wie ein Loch: Schatten innen oben, Licht
+   unten. Das ist die eine Form, an der man ein Eingabefeld erkennt,
+   ohne hineinzuklicken. */
+.pult__feld input,
+.pult__feld select,
+.pult__wahl,
+.pult__eingabe,
+.stufe-feld input,
+.stufe-feld select,
+.schiene__feld {
+  background:
+    linear-gradient(180deg, rgba(0, 0, 0, .46), rgba(0, 0, 0, .3));
+  box-shadow: var(--w-tief);
+  transition:
+    border-color var(--w-zeit) var(--w-kurve),
+    box-shadow var(--w-zeit) var(--w-kurve);
+}
+.pult__feld input:hover,
+.pult__feld select:hover,
+.pult__wahl:hover,
+.pult__eingabe:hover,
+.schiene__feld:hover { border-color: var(--rand-hell); }
+
+/* Ein Feld, in dem der Zeiger steht, wird nicht nur umrandet — es
+   bekommt einen weichen Schein. Wer in einem Formular aus sechs
+   Feldern sitzt, soll ohne Suchen sehen, wo er gerade ist. */
+.pult__feld input:focus,
+.pult__feld select:focus,
+.pult__wahl:focus,
+.pult__eingabe:focus,
+.stufe-feld input:focus,
+.stufe-feld select:focus,
+.schiene__feld:focus {
+  outline: none;
+  border-color: rgba(154, 183, 255, .5);
+  box-shadow:
+    inset 0 1px 2px rgba(0, 0, 0, .55),
+    0 0 0 3px rgba(154, 183, 255, .16);
+}
+
+/* ---- Die Chatschiene und ihre Liste ---------------------------------
+   Sie sind Flächen, in die hineingesehen wird, keine, die obenauf
+   liegen. Eine Kante innen macht aus der Trennlinie eine Tiefe. */
+.schiene { box-shadow: inset 1px 0 0 rgba(0, 0, 0, .5); }
+.schiene__liste { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4); }
+
+/* =====================================================================
+   WER DIE TASTATUR HAT, WIRD GESEHEN
+
+   Vorher gab es im ganzen Pult keinen einzigen `:focus-visible` —
+   wer mit der Tastatur durch acht Register und sechzig Bedienteile
+   geht, sah nur den Vorgabe-Umriss des Browsers, und auf fast
+   schwarzem Grund ist der kaum zu finden.
+
+   `:focus-visible` UND NICHT `:focus`: Der Ring erscheint bei der
+   Tastatur und nicht nach einem Mausklick. Ein Ring, der nach jedem
+   Klick stehen bleibt, wird als Fehler gelesen und abgeschaltet —
+   und dann ist er auch für die weg, die ihn brauchen.
+   ===================================================================== */
+.reaktion-seite :focus-visible {
+  outline: none;
+  box-shadow: var(--w-ring);
+  border-radius: 10px;
+}
+/* Felder behalten ihre eigene Form — der Ring liegt dort AUSSEN um
+   die vorhandene Vertiefung, statt sie zu ersetzen. */
+.pult__feld input:focus-visible,
+.pult__feld select:focus-visible,
+.pult__wahl:focus-visible,
+.pult__eingabe:focus-visible,
+.schiene__feld:focus-visible {
+  box-shadow:
+    inset 0 1px 2px rgba(0, 0, 0, .55),
+    var(--w-ring);
+}
+
+/* =====================================================================
+   ZAHLEN STEHEN STILL
+
+   Jede Zahl, die sich ändert, bekommt Ziffern gleicher Breite. Ohne
+   das springt „1,7 Mbit/s" bei jedem Takt um ein paar Pixel, und
+   eine Leiste, in der es zuckt, sieht billig aus — gleich wie gut
+   alles andere gemacht ist. Es ist die billigste Verbesserung im
+   ganzen Haus und die, die man am ehesten vergisst.
+   ===================================================================== */
+.reaktion-seite .zahlen dd,
+.laufzeit__zahl,
+.spur__zeit,
+.regler__zahl,
+.schiene__zahl,
+.reiter__zahl,
+.countdown__zahl,
+.warte-zeile__nr,
+.leinwand__tempo { font-variant-numeric: tabular-nums; }
+
+/* =====================================================================
+   DIE ROLLBALKEN
+
+   Der Browser zeichnet auf dieser Seite sonst die grauen Balken des
+   Betriebssystems — in einem fast schwarzen Saal sind das zwei helle
+   Striche, die bei jedem Rollen auffallen. Sie gehören zur Fläche,
+   nicht darüber.
+   ===================================================================== */
+.reaktion-seite *::-webkit-scrollbar { width: 10px; height: 10px; }
+.reaktion-seite *::-webkit-scrollbar-track { background: transparent; }
+.reaktion-seite *::-webkit-scrollbar-thumb {
+  background: rgba(150, 160, 190, .2);
+  border: 3px solid transparent;
+  background-clip: padding-box;
+  border-radius: 999px;
+}
+.reaktion-seite *::-webkit-scrollbar-thumb:hover { background-color: rgba(150, 160, 190, .34); }
+.reaktion-seite * { scrollbar-color: rgba(150, 160, 190, .24) transparent; }
+
+/* =====================================================================
+   WER WENIGER BEWEGUNG EINGESTELLT HAT
+
+   Bekommt alles — nur ohne das Heben und Senken. Die Form bleibt,
+   die Bewegung geht. Material ist keine Animation.
+   ===================================================================== */
+@media (prefers-reduced-motion: reduce) {
+  .reaktion-seite .knopf-still, .tun, .stufe-tun, .spur__knopf, .sender-knopf,
+  .warte-zeile__knoepfe button {
+    transition: none;
+  }
+  .reaktion-seite .knopf-still:hover, .tun:hover, .stufe-tun:hover, .spur__knopf:hover,
+  .sender-knopf:hover, .warte-zeile__knoepfe button:hover,
+  .reaktion-seite .knopf-still:active, .tun:active, .spur__knopf:active {
+    transform: none;
+  }
+}
+
+/* =====================================================================
+   DAS MISCHPULT (08.10.2026)
+
+   Filipe zum Tonregister: „perfektioniere das auch bitte."
+
+   Die Regler standen als graue Striche mit einem weißen Rechteck
+   darauf. Das ist die Vorgabe des Browsers mit anderer Farbe — und
+   es sieht genau danach aus. Ein echter Fader besteht aus drei
+   Dingen, und alle drei fehlten:
+
+     DIE SPUR IST EIN SCHLITZ. Sie liegt IM Gehäuse, nicht darauf:
+     Schatten innen, schmale Lichtkante an der Unterseite. Ein heller
+     Strich auf dunklem Grund ist kein Schlitz, sondern ein Strich.
+
+     DER GRIFF HAT EINE GREIFKANTE. Die Linie quer darüber ist nicht
+     Zierat: Sie sagt, wo der Daumen hingehört, und sie zeigt bei
+     einem senkrechten Regler die genaue Stellung — die Kante des
+     Griffs liegt zwischen zwei Pixeln, die Linie nicht.
+
+     DIE SKALA. Fünf Striche neben der Spur, damit „ungefähr die
+     Hälfte" eine Stelle ist und nicht ein Gefühl. Sie sind dunkel,
+     nicht hell: Eine Skala, die leuchtet, ist lauter als das, was
+     sie misst.
+   ===================================================================== */
+.regler {
+  background: var(--w-grund);
+  box-shadow: var(--w-hoch);
+}
+/* Die Spur: ein Schlitz im Gehäuse. */
+.regler input[type="range"]::-webkit-slider-runnable-track {
+  width: 6px; border-radius: 3px;
+  background: linear-gradient(90deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .4));
+  box-shadow:
+    inset 1px 0 2px rgba(0, 0, 0, .8),
+    0 0 0 1px rgba(255, 255, 255, .06);
+}
+.regler input[type="range"]::-moz-range-track {
+  width: 6px; border-radius: 3px;
+  background: linear-gradient(90deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .4));
+  box-shadow:
+    inset 1px 0 2px rgba(0, 0, 0, .8),
+    0 0 0 1px rgba(255, 255, 255, .06);
+}
+/* Der Griff: gewölbt, mit Greifkante in der Mitte.
+   Der Verlauf hat drei Halte und nicht zwei — erst dadurch wölbt er
+   sich. Zwei Halte ergeben eine Schräge, und eine Schräge sieht aus
+   wie ein Aufkleber. */
+.regler input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 24px; height: 15px; margin-left: -9px;
+  border-radius: 4px;
+  background:
+    linear-gradient(180deg, #fbf9ff 0%, #d8d3e6 46%, #a9a3bd 52%, #cdc7dd 58%, #8f8aa6 100%);
+  border: 1px solid rgba(0, 0, 0, .55);
+  box-shadow:
+    0 2px 5px rgba(0, 0, 0, .6),
+    inset 0 1px 0 rgba(255, 255, 255, .8);
+}
+.regler input[type="range"]::-moz-range-thumb {
+  width: 24px; height: 15px; border-radius: 4px;
+  background:
+    linear-gradient(180deg, #fbf9ff 0%, #d8d3e6 46%, #a9a3bd 52%, #cdc7dd 58%, #8f8aa6 100%);
+  border: 1px solid rgba(0, 0, 0, .55);
+  box-shadow:
+    0 2px 5px rgba(0, 0, 0, .6),
+    inset 0 1px 0 rgba(255, 255, 255, .8);
+}
+/* Die Skala. `repeating-linear-gradient` und keine fünf Elemente:
+   Fünf Striche sind fünf Dinge, die beim nächsten Umbau einzeln
+   verrutschen können. Ein Muster verrutscht nicht. */
+.regler input[type="range"] {
+  background:
+    repeating-linear-gradient(
+      180deg,
+      rgba(255, 255, 255, .13) 0 1px,
+      transparent 1px 22px) no-repeat;
+  background-size: 7px 89px;
+  background-position: right 1px top 2px;
+}
+
+/* Der Pegel sitzt im selben Schlitz wie die Spur — er misst
+   schließlich dasselbe Gehäuse. */
+.pegel {
+  background: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .34));
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, .75),
+    0 0 0 1px rgba(255, 255, 255, .055);
+}
+
+/* =====================================================================
+   DIE GÄSTEKARTEN UND DIE LISTEN
+
+   Dieselbe Höhensprache: Was eine Karte ist, liegt obenauf.
+   ===================================================================== */
+.gast-karte,
+.warte-zeile,
+.spendenzeile,
+.modmeldung {
+  background: var(--w-grund);
+  box-shadow: var(--w-hoch);
+}
+
+/* =====================================================================
+   DIE CHATBEITRÄGE (08.10.2026)
+
+   Filipe: „das soll auch viel krasser und besser aussehen."
+
+   Sie standen als gleich graue Kästen untereinander — vier davon
+   nebeneinander sahen aus wie eine Tabelle ohne Linien. Drei Dinge
+   ändern das, und keines davon ist Farbe:
+
+     1. EINE KANTE AN DER SEITE statt eines Rahmens ringsum. Der
+        Rahmen umschließt, die Kante ORDNET: Alle Beiträge beginnen
+        auf derselben senkrechten Linie, und wer dazugehört (Dogi,
+        Team, Spender) trägt sie in seiner Farbe. Das liest man am
+        Rand ab, ohne ein einziges Wort zu lesen.
+     2. MATERIAL. Lichtkante oben, Tiefe unten — wie alles andere.
+     3. DER NAME WIRD LAUTER, DER TEXT RUHIGER. Vorher standen beide
+        fast gleich hell; im Live sucht man aber zuerst den Namen.
+   ===================================================================== */
+.beitrag {
+  position: relative;
+  padding-left: 13px;
+  background: var(--w-grund);
+  box-shadow: var(--w-hoch);
+  /* Die Kante. `::before` und nicht `border-left`: Ein Rahmen
+     verschiebt den Inhalt, sobald er dicker wird, und diese Kante
+     wird für einen Spender dicker. */
+}
+.beitrag::before {
+  content: "";
+  position: absolute;
+  left: 0; top: 7px; bottom: 7px;
+  width: 2px;
+  border-radius: 0 2px 2px 0;
+  background: rgba(150, 160, 190, .3);
+}
+.beitrag__wer { color: #c3bcd8; }
+.beitrag[data-host="ja"]::before { background: var(--an); width: 3px; }
+.beitrag[data-team="ja"]::before { background: #7a9ceb; width: 3px; }
+
+/* =====================================================================
+   DIE GROSSEN KNÖPFE DER REGIELEISTE
+
+   Die Lampe bekommt ihr Licht von innen statt eines flachen Grundes
+   — eine Lampe, die nicht leuchtet, ist ein Schild.
+   ===================================================================== */
+.lampe {
+  background:
+    radial-gradient(120% 140% at 14% 0%, rgba(255, 255, 255, .1), transparent 60%),
+    rgba(255, 255, 255, .035);
+  box-shadow: var(--w-hoch);
+}
+
+/* =====================================================================
+   DER SPENDENKASTEN, NEU (08.10.2026)
+
+   Filipe zu diesem Kasten: „dass soll auch viel viel viel krasser
+   aussehen aber hochwertig. nicht so dahin geschissen."
+
+   ---------------------------------------------------------------------
+   WARUM DER GRÜNE BLOCK WEG IST
+
+   Er war eine durchgehend grüne Fläche mit vier durchgehend grünen
+   Knöpfen darauf — und stand damit als hellste Fläche des ganzen
+   Saals direkt neben einem laufenden Video. Zwei Dinge gingen dabei
+   schief:
+
+     Das Auge geht zum Hellsten. Der Kasten rief damit lauter als
+     das, was gerade gesendet wird.
+
+     Und auf grünem Grund ist eine grüne MÜNZE kein Gegenstand mehr,
+     sondern ein Fleck. Genau sie ist aber das, worum es geht.
+
+   Jetzt ist der Grund dunkel und nur die KANTE grün. Grün bleibt
+   damit die Farbe des Geldes — Rot heißt „auf Sendung", Bernstein
+   heißt „gleich", und dieser Kasten ist weder das eine noch das
+   andere. Es ist dieselbe Farbe wie vorher, sie ruft nur nicht mehr
+   quer durch den Raum.
+
+   ---------------------------------------------------------------------
+   AUS VIER KNÖPFEN WERDEN VIER MÜNZEN
+
+   Vorher: `flex: 1 1 5.6rem` — drei nebeneinander, der vierte allein
+   in einer zweiten Reihe und doppelt so breit. Das sah aus wie ein
+   Versehen, und es war eines: Nicht die Zahl der Knöpfe hat das
+   entschieden, sondern der Platz, der zufällig übrig blieb.
+
+   Jetzt ein Raster aus zwei Spalten. Vier gleich große Felder,
+   gleicher Rang, gleiche Fläche für den Daumen — und Platz genug,
+   dass die Münze wirklich eine Münze ist und nicht ein Punkt neben
+   einer Zahl.
+   ===================================================================== */
+.geben {
+  gap: 10px;
+  padding: 13px 13px 12px;
+  border-radius: 16px;
+  background:
+    /* Ein Lichtschein von oben in der Farbe des Geldes — er sagt
+       „hier beginnt etwas Eigenes", ohne eine Fläche zu füllen. */
+    radial-gradient(130% 90% at 50% -24%, rgba(125, 226, 168, .17), transparent 64%),
+    linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012));
+  border: 1px solid rgba(125, 226, 168, .26);
+  box-shadow:
+    inset 0 1px 0 rgba(168, 245, 200, .2),
+    inset 0 -1px 0 rgba(0, 0, 0, .34),
+    0 14px 30px -22px rgba(0, 0, 0, .8);
+}
+.geben__kopf {
+  font-size: .78rem; font-weight: 800;
+  letter-spacing: .1em; text-transform: uppercase;
+  color: #9ff0c2;
+  padding-bottom: 9px;
+  border-bottom: 1px solid rgba(125, 226, 168, .16);
+}
+
+/* ---- Die vier Münzen ----------------------------------------------- */
+.geben__betrag {
+  /* `flex` ist im Raster wirkungslos — die Angabe stand hier noch
+     aus der Zeit der Reihe und hätte beim nächsten Lesen erklärt,
+     warum etwas umbricht, das gar nicht mehr umbrechen kann. */
+  flex: none;
+  min-height: 72px;
+  display: grid; place-items: center; align-content: center;
+  gap: 2px;
+  padding: 10px 8px 9px;
+  border-radius: 13px;
+  text-decoration: none;
+
+  /* DIE MÜNZE LIEGT AUF EINEM TELLER, NICHT AUF EINEM GRÜNEN FELD.
+     Dunkler Grund, grüne Kante, ein feiner Lichtbogen oben — damit
+     bleibt die Münze das Hellste auf dem Knopf und die Zahl das
+     Zweithellste. */
+  color: #d8ffe9;
+  background:
+    radial-gradient(90% 120% at 50% -10%, rgba(125, 226, 168, .22), transparent 70%),
+    linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
+  border: 1px solid rgba(125, 226, 168, .3);
+  box-shadow:
+    inset 0 1px 0 rgba(168, 245, 200, .26),
+    inset 0 -1px 0 rgba(0, 0, 0, .4),
+    0 10px 22px -16px rgba(0, 0, 0, .8);
+  transition:
+    transform var(--w-zeit) var(--w-kurve),
+    box-shadow var(--w-zeit) var(--w-kurve),
+    border-color var(--w-zeit) var(--w-kurve);
+}
+.geben__betrag:hover {
+  transform: translateY(-1px);
+  border-color: rgba(125, 226, 168, .55);
+  box-shadow:
+    inset 0 1px 0 rgba(168, 245, 200, .34),
+    inset 0 -1px 0 rgba(0, 0, 0, .4),
+    0 16px 30px -16px rgba(71, 201, 127, .5);
+}
+.geben__betrag:active {
+  transform: translateY(1px);
+  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .55);
+}
+/* Die Zahl auf dem Knopf. Grösser als vorher, und mit gleich breiten
+   Ziffern — vier Knöpfe untereinander, deren Zahlen um einen Pixel
+   versetzt stehen, sehen schief aus, ohne dass man sagen könnte,
+   warum. */
+.geben__betrag .dogen {
+  font-size: 1.12rem; font-weight: 900;
+  letter-spacing: -.01em;
+  color: #ffffff;
+}
+.geben__betrag .dogen__zeichen {
+  width: 1.9em; height: 1.9em;
+  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .55));
+}
+.geben__preis {
+  margin-top: 0;
+  font-size: .74rem; font-weight: 700;
+  color: #9ff0c2;
+  opacity: .72;
+}
+
+/* „Frei wählen" ist der Nebenweg und sieht auch so aus: ein Wort mit
+   Linie, kein fünfter Knopf. Ein fünfter Knopf im Raster hieße, dass
+   er genauso wichtig ist wie die vier — und er ist der Ausweg für
+   die Ausnahme. */
+.geben__frei {
+  justify-self: center;
+  min-height: 36px;
+  font-size: .78rem; font-weight: 600;
+  color: #9ff0c2;
+  opacity: .82;
+}
+.geben__frei:hover { opacity: 1; }
+
+/* =====================================================================
+   DIE FERTIGEN SÄTZE IM KASTEN (08.10.2026)
+
+   Filipe: „es soll fertige sätze geben und wenn jemand die auswählt
+   muss keiner es bestätigen dan wird es sofort angezeigt."
+
+   SIE SEHEN AUS WIE KNÖPFE UND NICHT WIE EINE AUSWAHLLISTE — denn
+   sie SIND die Handlung: Ein Tipp darauf meldet die Spende und
+   schickt die Karte ins Bild. Eine Liste, aus der man erst auswählt
+   und dann unten noch etwas drückt, wäre für den einfachen Weg
+   genauso lang wie für den schwierigen.
+
+   Die Zeile darüber sagt genau das, bevor jemand tippt. Ein Knopf,
+   der mehr tut, als sein Wort verspricht, ist eine Falle — und hier
+   geht es in einen Livestream.
+   ===================================================================== */
+.geben__saetze { display: grid; gap: 6px; }
+.geben__saetze[hidden] { display: none; }
+.geben__saetze-wort {
+  font-size: .72rem; font-weight: 700;
+  letter-spacing: .03em;
+  color: #9ff0c2;
+}
+.geben__satzreihe { display: flex; flex-wrap: wrap; gap: 5px; }
+.geben__satz {
+  appearance: none; cursor: pointer;
+  /* 36 und nicht 44: Diese Knöpfe stehen dicht an dicht in einer
+     schmalen Schiene, und bei 44 passten zwei Sätze in eine Spalte
+     von 300 Pixeln nicht mehr nebeneinander. Sie sind dafür BREIT
+     (der Text ist das Ziel, nicht ein Zeichen), und die Fläche eines
+     Knopfes liegt damit deutlich über der eines 44er Quadrats.
+     Gemessen wird ein Tippziel an der Fläche, nicht an einer Kante. */
+  min-height: 36px;
+  padding: 6px 11px 7px;
+  border-radius: 999px;
+  border: 1px solid rgba(125, 226, 168, .3);
+  background: rgba(125, 226, 168, .09);
+  color: #d8ffe9;
+  font: inherit; font-size: .78rem; font-weight: 600;
+  text-align: left;
+  transition:
+    background-color var(--w-zeit) var(--w-kurve),
+    border-color var(--w-zeit) var(--w-kurve),
+    transform var(--w-zeit) var(--w-kurve);
+}
+.geben__satz:hover {
+  background: rgba(125, 226, 168, .18);
+  border-color: rgba(125, 226, 168, .55);
+  transform: translateY(-1px);
+}
+.geben__satz:active { transform: translateY(1px); }
+
+/* =====================================================================
+   WER GERADE GESPENDET HAT (08.10.2026)
+
+   Filipe: „die leute die spenden gemacht haben sollen auch für eine
+   kurze zeit speziell aussehen je nach höhe von spende."
+
+   DREI DINGE, UND KEINES DAVON IST EIN LEUCHTEN:
+
+     Die Kante am Rand wird dicker und nimmt die Farbe der Stufe.
+     Sie ist dieselbe Kante, an der man Dogi und das Team erkennt —
+     also die Stelle, an der man ohnehin schon abliest, wer spricht.
+
+     Der Grund bekommt einen sehr schwachen Schimmer derselben
+     Farbe. Vier Prozent: genug, dass der Beitrag sich von den
+     anderen abhebt, zu wenig, um neben einem Video zu stören.
+
+     Ein Abzeichen mit Münze und Rangnamen. Es sagt, WAS da
+     besonders ist — eine Farbe allein sagt nur, dass etwas ist.
+
+   DIE DAUER ENTSCHEIDET DIE STUFE, nicht dieses Stilblatt. Hier
+   steht keine einzige Zahl dazu; was wie lange glänzt, steht im
+   Register „Gestaltung" und kann sich ändern, ohne dass jemand eine
+   Datei anfassen muss.
+   ===================================================================== */
+.beitrag[data-spende="ja"] {
+  background:
+    linear-gradient(180deg,
+      color-mix(in srgb, var(--sp-farbe) 9%, transparent),
+      color-mix(in srgb, var(--sp-farbe) 3%, transparent));
+  border-color: color-mix(in srgb, var(--sp-farbe) 24%, transparent);
+}
+.beitrag[data-spende="ja"]::before {
+  width: 3px;
+  background: var(--sp-farbe);
+  box-shadow: 0 0 10px -2px var(--sp-farbe);
+}
+/* Dogi und Team behalten ihre eigene Kante — wer sendet, bleibt
+   erkennbar, auch wenn er selbst etwas gegeben hat. Die Spende
+   steht dann im Abzeichen daneben, und das genügt: Zwei Farben an
+   DERSELBEN Kante wären eine Farbe zu viel. */
+.beitrag[data-host="ja"][data-spende="ja"]::before { background: var(--an); }
+.beitrag[data-team="ja"][data-spende="ja"]::before { background: #7a9ceb; }
+
+.beitrag__spende {
+  display: inline-flex; align-items: center; gap: 4px;
+  font-size: .72rem; font-weight: 800;
+  letter-spacing: .05em; text-transform: uppercase;
+  padding: 1px 8px 2px;
+  border-radius: 999px;
+  white-space: nowrap;
+  line-height: 1.5;
+  color: color-mix(in srgb, var(--sp-farbe) 26%, #ffffff);
+  background: color-mix(in srgb, var(--sp-farbe) 15%, transparent);
+  border: 1px solid color-mix(in srgb, var(--sp-farbe) 36%, transparent);
+}
+.beitrag__muenze {
+  width: 14px; height: 14px;
+  object-fit: contain;
+  flex: none;
+}
+
+/* =====================================================================
+   EINE SPENDE, DIE SCHON IM BILD WAR (08.10.2026)
+
+   Sie steht in derselben Liste wie die wartenden — denn sie wartet
+   ja auch, nur auf etwas anderes: auf die Gutschrift. Sie sieht
+   trotzdem anders aus, weil sonst „Stimmt – zeigen" gedrückt wird in
+   der Annahme, sie damit erst zu zeigen.
+
+   RUHIGER STATT LAUTER. Es ist kein Problem, sondern ein Zustand —
+   also keine Warnfarbe, sondern eine gestrichelte Kante und ein
+   Satz, der sagt, was war.
+   ===================================================================== */
+.spendenzeile[data-gezeigt="ja"] {
+  border-style: dashed;
+  box-shadow: none;
+}
+.spendenzeile__schon {
+  font-size: .72rem; font-weight: 700;
+  letter-spacing: .03em;
+  color: var(--gleich);
+  opacity: .9;
+}
+
+/* =====================================================================
+   WO DIE KARTE STEHT — ZWEI BILDER STATT ZWEIER WÖRTER (08.10.2026)
+
+   Dieselbe Form wie die Eckenwahl im Register „Werbung": ein kleines
+   Abbild der Leinwand mit einem Fleck dort, wo die Karte landet.
+   Zwei Zeilen Text müsste man lesen; ein Bild erkennt man. Eine
+   zweite Art, dieselbe Frage zu stellen, wäre eine zweite Sprache in
+   derselben Oberfläche.
+   ===================================================================== */
+.platzwahl { display: flex; flex-wrap: wrap; gap: 9px; }
+.platzwahl__knopf {
+  appearance: none; cursor: pointer;
+  display: grid; justify-items: center; gap: 6px;
+  padding: 9px 11px 10px;
+  border-radius: 12px;
+  border: 1px solid var(--rand);
+  background: var(--w-grund);
+  box-shadow: var(--w-hoch);
+  color: var(--schrift-leise);
+  font: inherit; font-size: .78rem; font-weight: 700;
+  transition:
+    border-color var(--w-zeit) var(--w-kurve),
+    color var(--w-zeit) var(--w-kurve),
+    box-shadow var(--w-zeit) var(--w-kurve);
+}
+.platzwahl__knopf:hover { color: var(--schrift); box-shadow: var(--w-hoch-2); }
+.platzwahl__knopf[aria-pressed="true"] {
+  border-color: rgba(154, 183, 255, .5);
+  color: #cfe0ff;
+}
+.platzwahl__bild {
+  position: relative;
+  width: 58px; aspect-ratio: 16 / 9;
+  border-radius: 6px;
+  background: #07060d;
+  border: 1px solid var(--rand);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
+}
+.platzwahl__feld {
+  position: absolute;
+  height: 7px;
+  border-radius: 2px;
+  background: currentColor;
+  opacity: .85;
+}
+/* Mitte: ein breiter Fleck mittig. Rand: ein schmaler unten links.
+   Die Lage des Flecks IST die Auskunft — deshalb steht sie hier und
+   nicht als zweites Wort am Knopf. */
+.platzwahl__knopf[data-platz="mitte"] .platzwahl__feld {
+  left: 24%; right: 24%; top: 50%;
+  transform: translateY(-50%);
+}
+.platzwahl__knopf[data-platz="rand"] .platzwahl__feld {
+  left: 10%; width: 46%; bottom: 14%;
+}
+
+/* =====================================================================
+   DIE LISTE DER FERTIGEN SÄTZE IM PULT
+   ===================================================================== */
+.saetze { display: grid; gap: 7px; }
+.satz-zeile {
+  display: flex; align-items: center; gap: 9px;
+  min-width: 0;
+}
+.satz-zeile__nr {
+  flex: none;
+  width: 20px; text-align: center;
+  font-size: .78rem; font-weight: 800;
+  font-variant-numeric: tabular-nums;
+  color: var(--schrift-leise);
+}
+.satz-zeile .satz-text { flex: 1 1 14rem; min-width: 0; }
+/* Die Felder im Pult tragen sonst `.pult__feld input`; dieses hier
+   steht allein in einer Zeile und braucht dieselbe Form. */
+.pult__eingabe {
+  min-height: 44px; padding: 0 12px;
+  border-radius: 11px;
+  border: 1px solid var(--rand);
+  color: var(--schrift); font: inherit; font-size: .88rem;
+  min-width: 0;
+}
+
+/* Das Glanzfeld ist schmal wie Dauer und Größe daneben — drei Zahlen
+   in einer Zeile, und alle drei gleich breit. */
+.stufe-glanz { width: 5.5rem; }
+
+/* =====================================================================
+   AM HANDY
+
+   Zwei Münzen nebeneinander bleiben zwei — der Kasten steht in der
+   Chatlade und ist dort schmaler als am Rechner, aber nicht so
+   schmal, dass ein 2×2-Raster kippen müsste. Gemessen auf 390 px:
+   Die Lade ist 390 breit, der Kasten 362, eine Münze also 177 — mehr
+   als am Rechner.
+   ===================================================================== */
+@media (max-width: 860px) {
+  .geben__betrag { min-height: 66px; }
+  .platzwahl__bild { width: 50px; }
+}
+
+/* =====================================================================
+   DER VORRAUM (08.10.2026)
+
+   Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren oder
+   ablehnen können. bevor die auch angezeigt werden sollen die
+   auswählen können ob die kamera an ist oder aus ist. also iohre
+   eigene."
+
+   ---------------------------------------------------------------------
+   ER DECKT ALLES ZU — UND DAS IST HIER RICHTIG
+
+   Sonst gilt in diesem Haus: Ein Vollbild-Vorhang ist verdächtig
+   (am 25.09. hat genau so einer im Podcast-Studio beinahe eine
+   Sendung verdeckt). Hier ist er die Sache selbst: Es geht um eine
+   Entscheidung, die man trifft, BEVOR man im Bild ist, und sie
+   duldet keine halbe Aufmerksamkeit.
+
+   ZWEI AUSGÄNGE, IMMER. „Dabei sein" und „Lieber nicht" stehen
+   gleich gross nebeneinander. Ein Vorhang, aus dem nur ein Weg
+   herausführt, ist keine Frage.
+
+   ---------------------------------------------------------------------
+   DAS EIGENE BILD IST DAS GRÖSSTE DARIN
+
+   Nicht die Knöpfe, nicht der Text. Wer gleich vor hundert Leuten
+   sitzt, schaut zuerst, wie er aussieht — und genau dafür ist dieser
+   Raum da. Darunter der Pegel: Er beantwortet die zweite Frage
+   („hört mich das Mikro?") an der einzigen Stelle, an der sie noch
+   etwas nützt.
+   ===================================================================== */
+.vorraum {
+  position: fixed;
+  inset: 0;
+  z-index: 500;
+  display: grid;
+  place-items: center;
+  padding: 18px;
+  background: rgba(4, 3, 8, .82);
+  backdrop-filter: blur(10px) saturate(1.1);
+  -webkit-backdrop-filter: blur(10px) saturate(1.1);
+  /* Er wächst herein statt aufzublitzen. 0,22 s: lang genug, dass
+     das Auge die Bewegung als Herkommen liest, kurz genug, dass
+     niemand darauf wartet. */
+  animation: vorraum-auf .22s ease-out both;
+}
+.vorraum[hidden] { display: none; }
+@keyframes vorraum-auf {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
+.vorraum__karte {
+  width: min(32rem, 100%);
+  max-height: 100%;
+  overflow-y: auto;
+  display: grid; gap: 12px;
+  padding: 20px 20px 18px;
+  border-radius: 18px;
+  background:
+    radial-gradient(120% 80% at 50% -10%, rgba(154, 183, 255, .12), transparent 60%),
+    linear-gradient(180deg, #14121e, #0b0912);
+  border: 1px solid var(--rand-hell);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .09),
+    0 40px 90px -30px #000;
+}
+.vorraum__titel {
+  margin: 0;
+  font-size: 1.1rem; font-weight: 900;
+  letter-spacing: -.01em;
+  color: var(--schrift);
+}
+.vorraum__satz {
+  margin: 0;
+  font-size: .86rem; line-height: 1.5;
+  color: var(--schrift-leise);
+}
+
+/* ---- Das eigene Bild ---- */
+.vorraum__bild {
+  position: relative;
+  aspect-ratio: 16 / 9;
+  border-radius: 14px;
+  overflow: hidden;
+  background: #07060d;
+  border: 1px solid var(--rand);
+  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .7);
+}
+.vorraum__bild video {
+  width: 100%; height: 100%;
+  object-fit: cover;
+  display: block;
+  /* GESPIEGELT. Jeder kennt sich aus dem Spiegel; ein seitenverkehrtes
+     Selbstbild liest man als „da stimmt etwas nicht", und genau in
+     dieser Sekunde soll niemand an der Technik zweifeln. Hinaus geht
+     das Bild ungespiegelt — gespiegelt wäre jede Schrift im Raum
+     verkehrt herum. */
+  transform: scaleX(-1);
+}
+.vorraum__aus {
+  position: absolute; inset: 0;
+  display: grid; place-items: center;
+  background: rgba(7, 6, 13, .92);
+  font-size: .82rem; font-weight: 800;
+  letter-spacing: .1em; text-transform: uppercase;
+  color: var(--schrift-leise);
+}
+.vorraum__aus[hidden] { display: none; }
+/* Der Pegel liegt IM Bild, unten quer — dort, wo man ohnehin
+   hinsieht. Eine Anzeige daneben müsste man suchen. */
+.vorraum__pegel {
+  position: absolute;
+  left: 10px; right: 10px; bottom: 10px;
+  height: 5px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, .55);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8);
+  overflow: hidden;
+}
+.vorraum__pegel i {
+  display: block;
+  width: var(--stand, 0%);
+  height: 100%;
+  border-radius: 999px;
+  background: linear-gradient(90deg, #4fb27a 0%, #4fb27a 62%, var(--gleich) 84%, var(--an) 100%);
+  transition: width .09s linear;
+}
+
+/* ---- Die zwei Schalter ---- */
+.vorraum__schalter { display: flex; gap: 9px; flex-wrap: wrap; }
+.vorraum__schalt {
+  appearance: none; cursor: pointer;
+  flex: 1 1 10rem;
+  min-height: 44px; padding: 0 16px;
+  border-radius: 12px;
+  border: 1px solid rgba(125, 226, 168, .34);
+  background: rgba(125, 226, 168, .12);
+  color: #d8ffe9;
+  font: inherit; font-size: .86rem; font-weight: 800;
+  transition:
+    background-color var(--w-zeit) var(--w-kurve),
+    border-color var(--w-zeit) var(--w-kurve),
+    color var(--w-zeit) var(--w-kurve);
+}
+/* AUS IST ROT UND NICHT GRAU. Grau liest sich als „geht nicht";
+   hier ist es eine Entscheidung, und zwar die, die man gleich
+   hundert Leuten gegenüber vertritt. */
+.vorraum__schalt[data-aus="ja"] {
+  border-color: color-mix(in srgb, var(--an) 46%, transparent);
+  background: color-mix(in srgb, var(--an) 16%, transparent);
+  color: var(--an-hell);
+}
+
+.vorraum__geraete { display: grid; gap: 9px; }
+.vorraum__frist {
+  margin: 0;
+  font-size: .78rem;
+  color: var(--schrift-leise);
+  font-variant-numeric: tabular-nums;
+}
+/* Erst in den letzten zwanzig Sekunden wird die Zeile deutlich.
+   Vorher wäre sie Druck auf jemanden, der nur in Ruhe entscheiden
+   will — und wer gedrängt wird, sagt nein. */
+.vorraum__frist[data-eng="ja"] { color: var(--gleich); font-weight: 700; }
+
+.vorraum__knoepfe { display: flex; gap: 9px; flex-wrap: wrap; }
+/* ==== 44 PIXEL, UND ZWAR HIER AUSDRÜCKLICH ========================
+   `.knopf-still` hat im Haus keine Mindesthöhe — aus Polsterung und
+   Zeilenhöhe werden 43 Pixel. Überall sonst ist das gleichgültig;
+   hier stehen zwei Knöpfe nebeneinander, von denen einer „ja" und
+   der andere „nein" bedeutet, und ein Fehlgriff setzt jemanden vor
+   Publikum ins Bild, der das gerade nicht wollte. Gemessen am
+   08.10.2026: 231x43. */
+.vorraum__knoepfe .knopf-still {
+  flex: 1 1 10rem;
+  justify-content: center;
+  min-height: 44px;
+}
+
+/* =====================================================================
+   DIE EINLADUNGSKARTEN IN DER REGIE
+
+   Sie sehen ANDERS aus als eine Gastkarte — gestrichelt statt
+   durchgezogen. Wer gefragt ist, steht noch nicht auf der Bühne, und
+   eine Karte, die wie eine Gastkarte aussieht, behauptet genau das.
+   ===================================================================== */
+.gast-karte--frage {
+  border-style: dashed;
+  background: none;
+  box-shadow: none;
+  color: var(--schrift-leise);
+}
+.gast-karte--frage .gast-karte__platz {
+  background: none;
+  border: 1px dashed var(--rand-hell);
+}
+.gast-karte__wort {
+  font-size: .72rem; font-weight: 700;
+  letter-spacing: .03em;
+  font-variant-numeric: tabular-nums;
+  opacity: .8;
+}
+/* Eine Absage ist keine Störung — sie bekommt deshalb kein Rot,
+   sondern bleibt ruhig. Rot gehört in diesem Haus dem Senden. */
+.gast-karte--frage[data-stand="abgelehnt"],
+.gast-karte--frage[data-stand="keine_antwort"] { opacity: .66; }
+.gast-karte--frage[data-stand="gefragt"] {
+  border-color: color-mix(in srgb, var(--gleich) 40%, transparent);
+  color: color-mix(in srgb, var(--gleich) 30%, #ffffff);
+}
+
+/* =====================================================================
+   DIE GERÄTE-OBERFLÄCHE
+   ===================================================================== */
+.geraete { display: grid; gap: 10px; }
+.geraete .pult__zeile { gap: 10px; }
+
+/* Der Pultmodus trägt seinen Zustand im Wort und nicht nur in der
+   Farbe — dieselbe Regel wie bei den Rollenabzeichen im Chat. */
+.pultknopf[aria-pressed="true"] {
+  border-color: rgba(125, 226, 168, .5);
+  background:
+    linear-gradient(180deg, rgba(125, 226, 168, .2), rgba(125, 226, 168, .08));
+  color: #d8ffe9;
+}
+
+/* Was wirklich ankommt. Leise — es ist eine Messung und keine
+   Ansage. Stimmt sie nicht mit dem Schalter überein, wird sie
+   bernstein: Dann weiss der Browser etwas besser als die
+   Einstellung, und das muss man sehen. */
+.geraete-messung {
+  font-variant-numeric: tabular-nums;
+  opacity: .75;
+}
+.geraete-messung[data-achtung="ja"] {
+  color: var(--gleich);
+  opacity: 1;
+}
+
+/* Ein Satz, der KEIN Fehler ist, sieht auch nicht so aus. Dieselbe
+   Fläche, anderer Ton — zwei Bänder nebeneinander wären zwei
+   Stellen, auf die man achten müsste. */
+.reaktion-seite .fehler[data-art="kurz"] {
+  border-color: rgba(125, 226, 168, .34);
+  background: rgba(125, 226, 168, .12);
+  color: #d8ffe9;
+}
+
 /* =====================================================================
    DAS HANDY
 
@@ -2906,9 +4052,32 @@ body.reaktion-seite > .kopfleiste { flex: none; }
    ohnehin ist, und weit genug von den Kamerafenstern entfernt. Er
    verschwindet in dem Moment, in dem der Ton läuft; ein Knopf, der
    bleibt, nachdem er getan hat, was er soll, wird zur Deko. */
+/* ==== ER LIEGT ÜBER DEM BILD — ABER NICHT ÜBER DER SENDERLEISTE ===
+   (08.10.2026)
+
+   Hier stand `bottom: 20px`, also auf derselben Höhe wie die
+   Senderleiste (`bottom: 16px`), nur mittig statt links. Solange die
+   Leiste kurz war, ging das gut. Gemessen am 08.10. auf einer
+   Leinwand von 712 Pixeln: Die Leiste reicht mit vier Knöpfen bis
+   x=496, die Mitte liegt bei 356 — das Band lag damit auf dem
+   Mikro-Knopf, und seit heute auch auf „Geräte". Auf dem
+   Bildschirmfoto sieht man vom Mikro-Knopf nur noch ein „t".
+
+   DAS IST DIE SORTE FEHLER VOM 06.09.2026: eine Lage, die aufgeht,
+   solange nebenan vier Dinge stehen, und schiefgeht, sobald es fünf
+   sind. Die Lehre war, keine neue Zahl zu suchen, sondern die
+   Begegnung unmöglich zu machen.
+
+   Also liegt das Band jetzt eine Etage HÖHER — über der Leiste statt
+   neben ihr. `calc()` rechnet dabei nicht mit einer geratenen Zahl,
+   sondern mit der Höhe, die die Leiste wirklich hat: 16 unten,
+   52 für die Leiste (40 Knopf + 2×6 Polster), 10 Luft. Wächst die
+   Leiste um eine Reihe, wächst der Abstand nicht mit — dann steht
+   das Band eben knapper, und das fällt sofort auf, statt sich
+   hinter einen Knopf zu schieben. */
 .ton-an {
   position: absolute;
-  left: 50%; bottom: 20px;
+  left: 50%; bottom: calc(16px + 52px + 10px);
   transform: translateX(-50%);
   z-index: 30;
   display: flex; align-items: center; gap: 9px;
@@ -3068,6 +4237,16 @@ body.reaktion-seite > .kopfleiste { flex: none; }
      rueckt nach oben links unter das Schild. */
   .senderleiste { left: 10px; bottom: auto; top: 46px; padding: 4px; gap: 5px; }
   .sender-knopf { min-height: 38px; padding: 0 11px 0 9px; font-size: .74rem; }
+  /* ==== AM HANDY BLEIBT VOM GERÄTEKNOPF NUR DAS ZEICHEN =========
+     (08.10.2026)
+     Die Leiste liegt am Handy über dem Bild und trägt schon vier
+     Knöpfe. Ein fünfter mit Wort hätte sie auf einem 390er Gerät
+     über die Bildkante geschoben — gemessen wird die Breite hier
+     nicht gerechnet, sondern weggelassen: Das Zeichen (drei Regler)
+     steht für sich, und die Beschriftung bleibt für Vorleseprogramme
+     im `title`. */
+  .sender-knopf--klein .sender-knopf__wort { display: none; }
+  .sender-knopf--klein { padding: 0 9px; }
   .sender-pegel { height: 22px; margin: 0 5px 0 1px; }
 }
 
diff --git a/workspace/assets/css/spendenkarte.css b/workspace/assets/css/spendenkarte.css
index 25789cc9..aa618313 100644
--- a/workspace/assets/css/spendenkarte.css
+++ b/workspace/assets/css/spendenkarte.css
@@ -1,28 +1,151 @@
 /* =====================================================================
-   DIE SPENDENKARTE (28.09.2026)
+   DIE SPENDENKARTE (28.09.2026, Mitte und Tiefe am 08.10.2026)
 
    Eigenes Stilblatt, weil dieselbe Karte an zwei Orten laeuft: in der
-   Reaction-Seite und -- spaeter -- als eigene Seite fuer OBS und
+   Reaction-Seite und als eigene Seite (`tafel.html`) fuer OBS und
    TikTok Studio. Zweimal gestaltet hiesse: Bei der naechsten
    Aenderung sieht sie an einem der beiden Orte anders aus, und man
    merkt es erst im Livestream.
 
-   SIE IST GROSS, KURZ UND WEG. Wer etwas gibt, soll es sehen; wer
-   zusieht, soll das Video nicht verlieren. Deshalb kommt sie von der
-   Seite, steht ein paar Sekunden am Rand und geht wieder -- sie
-   deckt nie die Mitte zu.
+   ---------------------------------------------------------------------
+   SIE STEHT JETZT IN DER MITTE (08.10.2026)
+
+   Filipe: „die spende soll auch in der mitte vom bild angezeigt
+   werden. es soll richtig geil angezeigt werden so richtig in 3D
+   modus."
+
+   Hier stand bis heute das Gegenteil, woertlich: „sie deckt nie die
+   Mitte zu." Diese Begruendung war richtig und ist es immer noch —
+   nur beantwortet sie eine andere Frage. Sie schuetzt das VIDEO.
+   Filipe sieht die Spende als das, was in diesem Augenblick zaehlt,
+   und das ist seine Entscheidung.
+
+   DER ALTE PLATZ BLEIBT TROTZDEM ERHALTEN und ist einen Knopf weit
+   weg („Gestaltung → Wo die Karte steht"). Bei einem Film, bei dem
+   ein Deckel in der Mitte stoert, ist er der bessere — und eine
+   Festlegung, die man nicht zuruecknehmen kann, ist keine
+   Einstellung.
+
+   ---------------------------------------------------------------------
+   WARUM DIE KARTE AUS ZWEI TEILEN BESTEHT
+
+   Aussen `.spendenkarte-auftritt`, innen `.spendenkarte`. Das ist
+   kein Umweg, sondern die einzige Form, in der echte Tiefe
+   funktioniert:
+
+   `opacity` unter 1, `filter`, `backdrop-filter`, `overflow: hidden`
+   und `mask` zwingen ein Element laut CSS-Transforms-2 auf
+   `transform-style: flat`. Eine Karte, die beim Hereinkommen ihre
+   Deckkraft aendert, ist in genau dieser Zeit also FLACH — und
+   sobald die Deckkraft 1 erreicht, springt sie in einem einzigen
+   Bild in die Tiefe. Dieses Springen sieht man.
+
+   Also: Die Huelle macht das Erscheinen (Deckkraft + Flug aus der
+   Tiefe), die Karte darin macht die Form. Beide haben ihre eigene
+   Umformung, und sie setzen sich durch die Verschachtelung
+   zusammen, statt sich gegenseitig zu ueberschreiben.
+
+   ---------------------------------------------------------------------
+   EINE NACH DER ANDEREN
+
+   Zwei Spenden gleichzeitig sind keine Seltenheit — wenn es im Live
+   gut laeuft, kommen drei in zehn Sekunden. Uebereinander gelegt
+   waere keine mehr lesbar, und ausgerechnet die groesste ginge
+   unter. Die Schlange steht in `spendenkarte.js`.
+   ===================================================================== */
+
+/* =====================================================================
+   DER KASTEN — UND WO DARIN DIE KARTE STEHT
+
+   `perspective` steht HIER und nicht an der Karte: Ein Fluchtpunkt
+   gehoert zum Raum, nicht zum Gegenstand darin. Saesse er an der
+   Karte, haette jede Karte ihren eigenen, und zwei nacheinander
+   kaemen aus verschiedenen Richtungen.
+
+   1200 Pixel sind gemessen und nicht gegriffen: Darunter kippt die
+   Karte beim Hereinkommen so stark, dass die Schrift auf der
+   oberen Haelfte zerlaeuft; darueber ist von der Tiefe nichts mehr
+   zu sehen und man haette sie auch weglassen koennen.
    ===================================================================== */
 .spendentafel {
   position: absolute;
-  left: 0; right: 0; bottom: 84px;
+  inset: 0;
   z-index: 45;
-  display: grid; gap: 10px;
-  justify-items: start;
-  padding: 0 18px;
+  display: grid;
+  gap: 10px;
+  padding: 18px;
   pointer-events: none;
+  perspective: 1200px;
+  perspective-origin: 50% 44%;
 }
 
-/* ==== DIE GROESSE ==================================================
+/* MITTE: die Karte steht im Bild, nicht daneben. */
+.spendentafel[data-platz="mitte"] {
+  align-content: center;
+  justify-items: center;
+}
+/* RAND: der alte Platz — unten links, ueber dem unteren Bildrand.
+   Die 84 Pixel sind der Abstand zur Transportleiste; eine Karte
+   darauf waere halb verdeckt. */
+.spendentafel[data-platz="rand"] {
+  align-content: end;
+  justify-items: start;
+  padding: 0 18px 84px;
+}
+
+/* =====================================================================
+   DIE HUELLE — SIE MACHT DAS ERSCHEINEN
+   ===================================================================== */
+.spendenkarte-auftritt {
+  /* Damit die Tiefe durch die Huelle hindurch bis zur Karte reicht.
+     Ohne das projiziert der Browser die Karte in die Ebene der
+     Huelle, und jede Drehung darin sieht aus wie eine Verzerrung. */
+  transform-style: preserve-3d;
+  max-width: 100%;
+  min-width: 0;
+
+  /* ==== DER FLUG AUS DER TIEFE ====================================
+     Von weit hinten, leicht nach hinten gekippt, nach vorn auf
+     ihren Platz. `translate3d` und `rotateX` rechnet der Browser auf
+     der Grafikkarte — alles andere (Breite, Rand, Abstand) laesst
+     das Bild ruckeln, und ein ruckelnder Dank ist schlimmer als
+     keiner.
+
+     Die Kurve (.16, 1, .3, 1) bremst am Ende sehr weich aus. Eine
+     lineare Bewegung sieht aus wie ein Dia, das eingeschoben wird;
+     diese sieht aus wie etwas, das ankommt. */
+  opacity: 0;
+  transform: translate3d(0, 14px, -360px) rotateX(26deg) scale(.94);
+  transition:
+    opacity .42s ease,
+    transform .62s cubic-bezier(.16, 1, .3, 1);
+}
+.spendenkarte-auftritt[data-da="ja"] {
+  opacity: 1;
+  transform: none;
+}
+/* Beim Gehen faellt sie nach hinten weg statt einfach zu
+   verblassen — dieselbe Richtung, aus der sie kam. */
+.spendenkarte-auftritt[data-da="nein"] {
+  opacity: 0;
+  transform: translate3d(0, -10px, -220px) rotateX(-14deg) scale(.97);
+  transition:
+    opacity .34s ease,
+    transform .42s cubic-bezier(.4, 0, .9, .5);
+}
+
+/* Am Rand kommt sie weiterhin von der Seite. Das ist dort richtig:
+   Eine Karte, die am unteren Bildrand aus der Tiefe geflogen kommt,
+   waere eine grosse Bewegung fuer eine kleine Nebensache. */
+.spendentafel[data-platz="rand"] .spendenkarte-auftritt {
+  transform: translate3d(-28px, 0, 0) scale(.96);
+}
+.spendentafel[data-platz="rand"] .spendenkarte-auftritt[data-da="nein"] {
+  transform: translate3d(-18px, 0, 0) scale(.98);
+}
+
+/* =====================================================================
+   DIE GROESSE
 
    Filipe: „auch so dass ich das anders gestalten kann oder die
    größe verändern kann."
@@ -33,15 +156,17 @@
    Faktor, und die ganze Karte wächst gleichmäßig mit.
 
    Der naheliegende Weg wäre `transform: scale()` gewesen. Der geht
-   hier nicht: Die Karte kommt mit `transform: translateX()` herein,
-   und zwei `transform` an derselben Stelle schließen einander aus —
-   entweder die Größe oder die Bewegung. Außerdem skaliert `scale()`
-   auch die Schriftglättung mit, und Text wird dabei sichtbar
-   matschig. Eine Schriftgröße tut das nicht. */
+   hier nicht: `scale()` skaliert auch die Schriftglättung mit, und
+   Text wird dabei sichtbar matschig. Eine Schriftgröße tut das
+   nicht. (Bis zum 08.10. stand hier zusätzlich, dass `transform`
+   schon für die Bewegung gebraucht wird — das stimmt seit der
+   Huelle nicht mehr, der erste Grund genügt aber allein.)
+   ===================================================================== */
 .spendenkarte {
   --sp-farbe: #8ec9ff;
   --sp-gross: 1;
   font-size: calc(1rem * var(--sp-gross));
+  position: relative;
   display: flex; align-items: center; gap: .875em;
   max-width: min(30em, 78%);
   padding: .8125em 1.25em .8125em .875em;
@@ -57,21 +182,133 @@
     inset 0 1px 0 color-mix(in srgb, var(--sp-farbe) 40%, transparent);
   backdrop-filter: blur(14px) saturate(1.25);
   -webkit-backdrop-filter: blur(14px) saturate(1.25);
-  /* Die Karte kommt von links herein. `translate` und `opacity`
-     rechnet der Browser auf der Grafikkarte -- alles andere
-     (Breite, Rand, Abstand) laesst das Bild ruckeln, und ein
-     ruckelnder Dank ist schlimmer als keiner. */
-  opacity: 0;
-  transform: translateX(-28px) scale(.96);
-  transition: opacity .45s ease, transform .45s cubic-bezier(.22, 1, .3, 1);
 }
-.spendenkarte[data-da="ja"] { opacity: 1; transform: none; }
+
+/* =====================================================================
+   IN DER MITTE WIRD AUS DER ZEILE EIN AUFSTELLER (08.10.2026)
+
+   Eine waagerechte Karte ist am Bildrand richtig: Sie nimmt wenig
+   Höhe und liest sich im Vorbeischauen. In der Mitte des Bildes
+   wirkt dieselbe Form wie ein Hinweisbalken — man schiebt sie
+   gedanklich weg.
+
+   Hier steht sie deshalb als Säule: Münze oben, Betrag groß darunter,
+   dann wer, dann was er geschrieben hat. Das ist die Reihenfolge,
+   in der man es wissen will, und es ist die Form, die jeder von
+   Spenden-Einblendungen kennt.
+   ===================================================================== */
+.spendentafel[data-platz="mitte"] .spendenkarte {
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: .45em;
+  /* Grösser als am Rand — hier IST sie der Augenblick. Der Faktor
+     der Stufe multipliziert weiter mit. */
+  font-size: calc(1.3rem * var(--sp-gross));
+  max-width: min(20em, 88%);
+  padding: 1.45em 1.6em 1.5em;
+  border-radius: 1.4em;
+  background:
+    /* Ein Lichtkegel von oben statt eines Farbverlaufs von links.
+       Er macht aus der Fläche einen Körper, der angestrahlt wird. */
+    radial-gradient(120% 86% at 50% -8%,
+      color-mix(in srgb, var(--sp-farbe) 34%, transparent), transparent 62%),
+    linear-gradient(180deg, rgba(18, 15, 28, .94), rgba(8, 6, 14, .96));
+  box-shadow:
+    /* Der Hof. Er liegt WEIT draußen und sehr schwach — ein harter
+       Schein um eine Karte in der Bildmitte wäre genau das Grelle,
+       das in diesem Haus nirgends vorkommt. */
+    0 0 160px -40px var(--sp-farbe),
+    0 42px 80px -30px #000,
+    inset 0 1px 0 color-mix(in srgb, var(--sp-farbe) 52%, transparent),
+    inset 0 -1px 0 rgba(0, 0, 0, .5);
+}
+
+/* ---- Die Kante, die den Körper macht -------------------------------
+   Ein einzelner Rahmen ist eine Linie. Zwei Linien mit einem
+   Zwischenraum sind eine KANTE — und eine Kante hat eine Dicke, also
+   eine Tiefe. Das ist derselbe Trick wie an einem Möbelstück: Man
+   sieht nicht das Holz, man sieht die Fase. */
+.spendentafel[data-platz="mitte"] .spendenkarte::before {
+  content: "";
+  position: absolute;
+  inset: 1px;
+  border-radius: inherit;
+  border: 1px solid color-mix(in srgb, var(--sp-farbe) 16%, transparent);
+  pointer-events: none;
+}
+
+/* ---- Der Lichtstreifen ----------------------------------------------
+   Er läuft EINMAL über die Karte, von links unten nach rechts oben,
+   und ist danach weg.
+
+   EINMAL UND NICHT IN EINER SCHLEIFE. Ein Glanz, der alle zwei
+   Sekunden wiederkommt, ist ein Blinken — und daneben läuft ein
+   Video. Ein einziger Streifen sagt „das hier ist gerade passiert";
+   ein wiederkehrender sagt gar nichts mehr und belastet die Augen.
+
+   `overflow: hidden` steht am Streifen und NICHT an der Karte: An
+   der Karte würde es sie flachdrücken (siehe der Kopf dieser Datei)
+   und obendrein den Hof abschneiden. */
+.spendentafel[data-platz="mitte"] .spendenkarte::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  overflow: hidden;
+  pointer-events: none;
+  background:
+    linear-gradient(104deg,
+      transparent 38%,
+      rgba(255, 255, 255, .13) 48%,
+      rgba(255, 255, 255, .2) 50%,
+      rgba(255, 255, 255, .13) 52%,
+      transparent 62%);
+  background-size: 260% 100%;
+  background-repeat: no-repeat;
+  background-position: 170% 0;
+  animation: sp-glanz 1.25s .34s cubic-bezier(.3, .1, .2, 1) 1 both;
+}
+@keyframes sp-glanz {
+  from { background-position: 170% 0; }
+  to   { background-position: -70% 0; }
+}
+
+/* ---- Das sanfte Wiegen ----------------------------------------------
+   Zweieinhalb Grad, hin und her, in neun Sekunden. Das ist so
+   langsam, dass man es nicht als Bewegung liest, sondern als Tiefe:
+   Das Licht auf der Kante wandert, und erst daran sieht das Auge,
+   dass die Karte im Raum steht und nicht auf dem Glas klebt.
+
+   Sie sitzt an der KARTE und nicht an der Hülle: Die Hülle macht das
+   Erscheinen, und zwei Bewegungen an derselben Eigenschaft
+   überschreiben einander (die spätere gewinnt vollständig — sie
+   mischen sich nicht).
+
+   Die Verzögerung von 0,8 s ist der Flug: Während die Hülle noch
+   unterwegs ist, ist sie wegen ihrer Deckkraft ohnehin flach, und
+   eine Drehung darin wäre dort eine Verzerrung. */
+.spendentafel[data-platz="mitte"] .spendenkarte {
+  animation: sp-wiegen 9s .8s ease-in-out infinite;
+}
+@keyframes sp-wiegen {
+  0%   { transform: rotateY(-2.5deg) rotateX(1.1deg); }
+  50%  { transform: rotateY(2.5deg)  rotateX(-1.1deg); }
+  100% { transform: rotateY(-2.5deg) rotateX(1.1deg); }
+}
 
 .spendenkarte__bild {
   flex: none;
   width: 3.375em; height: 3.375em;
   display: grid; place-items: center;
 }
+.spendentafel[data-platz="mitte"] .spendenkarte__bild {
+  width: 4.6em; height: 4.6em;
+  /* Die Münze wirft einen eigenen Schatten auf die Karte. Damit
+     liegt sie DARAUF und ist nicht hineingedruckt — das ist die
+     billigste und zugleich deutlichste Tiefe, die es gibt. */
+  filter: drop-shadow(0 .22em .3em rgba(0, 0, 0, .66));
+}
 .spendenkarte__bild svg { width: 100%; height: 100%; }
 .spendenkarte__bild img {
   width: 100%; height: 100%;
@@ -83,11 +320,41 @@
 }
 
 .spendenkarte__text { display: grid; gap: 1px; min-width: 0; }
+.spendentafel[data-platz="mitte"] .spendenkarte__text {
+  gap: .2em;
+  justify-items: center;
+  width: 100%;
+}
+
+/* ==== IN DER MITTE STEHT DER BETRAG OBEN ==========================
+
+   Am Rand liest man die Karte wie eine Zeile: wer, wie viel. In der
+   Mitte ist sie ein Augenblick, und darin ist die ZAHL das Erste —
+   so macht es jede Einblendung, die man kennt, und aus gutem Grund:
+   Sie steht drei Sekunden da, und in drei Sekunden liest niemand
+   zwei Zeilen von oben nach unten.
+
+   DAS DOKUMENT BLEIBT, WIE ES IST. `order` ändert nur die Anzeige;
+   ein Vorleseprogramm hört weiterhin „Lenny, 2,5 Dogen, Starke
+   Runde, …" und damit den Satz, der sich von selbst versteht. Die
+   Reihenfolge im Quelltext umzubauen hätte die Karte am Rand
+   mitgedreht — zwei Fassungen desselben Dinges, und eine davon
+   wäre nach dem nächsten Umbau falsch. */
+.spendentafel[data-platz="mitte"] .spendenkarte__betrag { order: 1; }
+.spendentafel[data-platz="mitte"] .spendenkarte__wer    { order: 2; }
+.spendentafel[data-platz="mitte"] .spendenkarte__stufe  { order: 3; }
+.spendentafel[data-platz="mitte"] .spendenkarte__gruss  { order: 4; }
 .spendenkarte__wer {
   font-size: .8em; font-weight: 700;
   letter-spacing: .03em;
   color: color-mix(in srgb, var(--sp-farbe) 30%, #ffffff);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  max-width: 100%;
+}
+.spendentafel[data-platz="mitte"] .spendenkarte__wer {
+  font-size: .86em;
+  letter-spacing: .09em; text-transform: uppercase;
+  opacity: .9;
 }
 .spendenkarte__betrag {
   font-size: 1.62em; font-weight: 900;
@@ -97,12 +364,22 @@
      einen eigenen Schein. */
   text-shadow: 0 0 22px color-mix(in srgb, var(--sp-farbe) 60%, transparent);
 }
+.spendentafel[data-platz="mitte"] .spendenkarte__betrag {
+  font-size: 2.15em;
+  /* Zwei Schatten: einer eng und dunkel (er hebt die Ziffern von der
+     Fläche ab), einer weit und farbig (er ist der Schein). Mit nur
+     dem farbigen verschwimmt die Zahl auf hellem Grund. */
+  text-shadow:
+    0 .04em .06em rgba(0, 0, 0, .55),
+    0 0 .7em color-mix(in srgb, var(--sp-farbe) 62%, transparent);
+}
+
 /* ==== ZAHL, ZEICHEN UND WORT GEHOEREN ZUSAMMEN =====================
 
    Filipe: „man soll nie die summe sehen sondern die dogen auch mit
    dem symbol."
 
-   Das Stueck steht auf der Karte, in den Listen im Pult, an den
+   Das Stueck steht auf der Karte, in zwei Listen im Pult, an den
    Knoepfen und beim eigenen Stand -- und ueberall gleich. Es rechnet
    in `em`, damit es die Groesse seiner Umgebung annimmt: auf der
    Karte gross, in einer Liste klein, ohne eine einzige zweite Zahl.
@@ -166,6 +443,18 @@
   letter-spacing: .12em; text-transform: uppercase;
   color: color-mix(in srgb, var(--sp-farbe) 22%, #ffffff);
 }
+/* In der Mitte wird aus dem Wort ein Schild. Es benennt den Rang und
+   trägt dessen Farbe — damit ist es das Einzige auf der Karte, das
+   die Stufe NENNT statt sie nur anzudeuten. */
+.spendentafel[data-platz="mitte"] .spendenkarte__stufe {
+  margin-top: .15em;
+  padding: .28em .85em .32em;
+  border-radius: 999px;
+  color: color-mix(in srgb, var(--sp-farbe) 30%, #ffffff);
+  background: color-mix(in srgb, var(--sp-farbe) 17%, transparent);
+  border: 1px solid color-mix(in srgb, var(--sp-farbe) 42%, transparent);
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sp-farbe) 34%, transparent);
+}
 .spendenkarte__gruss {
   margin: .3125em 0 0;
   font-size: .86em; line-height: 1.4;
@@ -175,19 +464,67 @@
   display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
   overflow: hidden;
 }
+.spendentafel[data-platz="mitte"] .spendenkarte__gruss {
+  margin-top: .45em;
+  font-size: .78em;
+  color: #d9d4e8;
+  /* Anführungszeichen, weil es ein Zitat ist: Das hat jemand
+     geschrieben, das sagt nicht die Sendung. */
+  quotes: "\201E" "\201C";
+}
+.spendentafel[data-platz="mitte"] .spendenkarte__gruss::before { content: open-quote; }
+.spendentafel[data-platz="mitte"] .spendenkarte__gruss::after  { content: close-quote; }
 
-/* Wer weniger Bewegung eingestellt hat, bekommt die Karte trotzdem --
-   sie steht dann einfach da. Die Aussage ist wichtiger als der Weg. */
+/* =====================================================================
+   WER WENIGER BEWEGUNG EINGESTELLT HAT
+
+   Bekommt die Karte trotzdem — sie steht dann einfach da. Die
+   Aussage ist wichtiger als der Weg.
+
+   ALLE DREI BEWEGUNGEN GEHEN WEG, nicht nur die auffälligste: der
+   Flug, das Wiegen und der Lichtstreifen. Eine davon stehen zu
+   lassen, weil sie „ja klein ist", ist genau die Entscheidung, die
+   man nicht für jemand anderen treffen darf.
+   ===================================================================== */
 @media (prefers-reduced-motion: reduce) {
-  .spendenkarte { transition: opacity .2s linear; transform: none; }
+  .spendenkarte-auftritt {
+    transition: opacity .2s linear;
+    transform: none;
+  }
+  .spendenkarte-auftritt[data-da="nein"] {
+    transition: opacity .2s linear;
+    transform: none;
+  }
+  .spendentafel[data-platz="rand"] .spendenkarte-auftritt,
+  .spendentafel[data-platz="rand"] .spendenkarte-auftritt[data-da="nein"] {
+    transform: none;
+  }
+  .spendentafel[data-platz="mitte"] .spendenkarte { animation: none; }
+  .spendentafel[data-platz="mitte"] .spendenkarte::after { animation: none; opacity: 0; }
 }
 
+/* =====================================================================
+   AM HANDY
+
+   Die Mitte bleibt die Mitte — nur kleiner. Ein Aufsteller, der auf
+   einem 390 Pixel breiten Bild in seiner Rechnergröße erschiene,
+   deckte das ganze Video zu.
+   ===================================================================== */
 @media (max-width: 860px) {
-  .spendentafel { bottom: 12px; padding: 0 10px; }
+  .spendentafel { padding: 10px; }
+  .spendentafel[data-platz="rand"] { padding: 0 10px 12px; }
   .spendenkarte {
     max-width: 92%;
     gap: .625em; padding: .625em .875em .625em .625em;
   }
   .spendenkarte__bild { width: 2.625em; height: 2.625em; }
   .spendenkarte__betrag { font-size: 1.3em; }
+
+  .spendentafel[data-platz="mitte"] .spendenkarte {
+    font-size: calc(1rem * var(--sp-gross));
+    max-width: 86%;
+    padding: 1.1em 1.2em 1.2em;
+  }
+  .spendentafel[data-platz="mitte"] .spendenkarte__bild { width: 3.5em; height: 3.5em; }
+  .spendentafel[data-platz="mitte"] .spendenkarte__betrag { font-size: 1.85em; }
 }
diff --git a/workspace/assets/js/meldung.js b/workspace/assets/js/meldung.js
index eba6cfb4..e93ce594 100644
--- a/workspace/assets/js/meldung.js
+++ b/workspace/assets/js/meldung.js
@@ -325,6 +325,33 @@
     sendest_nicht:
       'Kamera und Mikro schaltet nur, wer gerade sendet – '
       + 'der Host oder ein Gast auf der Bühne.',
+    /* ---- Die Einladung (08.10.2026) ---- */
+    keine_einladung:
+      'Für dich liegt gerade keine Einladung vor. '
+      + 'Vielleicht wurde sie zurückgezogen – DogFather kann dich neu einladen.',
+    einladung_abgelaufen:
+      'Diese Einladung ist abgelaufen. Sag kurz Bescheid, '
+      + 'dann lädt DogFather dich neu ein.',
+    /* ---- Die Spenden (08.10.2026) ---- */
+    /* `fertigsatz_` und nicht `satz_`: `satz_unbekannt` gehört seit
+       dem 28.09.2026 dem MÜNZSATZ. Zwei Bedeutungen unter einem Wort
+       heißen, dass eine von beiden irgendwann den falschen Satz
+       bekommt — und gefunden hätte man es erst an der Fehlermeldung
+       vor einem Zuschauer. Die Prüfung hat die Dopplung gemeldet,
+       bevor sie jemand gesehen hat. */
+    fertigsatz_unbekannt:
+      'Diesen fertigen Satz gibt es nicht mehr. '
+      + 'Lade die Seite neu – dann stehen die aktuellen da.',
+    glanz_unklar:
+      'Die Zeit, wie lange jemand im Chat besonders aussieht, '
+      + 'muss zwischen 0 und 180 Minuten liegen. 0 heißt: gar nicht.',
+    platz_unklar:
+      'Die Karte steht entweder in der Mitte oder am Rand – etwas anderes gibt es nicht.',
+    saetze_fehlen:
+      'Es ist keine Liste von Sätzen angekommen. Versuch es noch einmal.',
+    zu_viele_saetze:
+      'Höchstens acht fertige Sätze. Eine Liste, die man scrollen muss, '
+      + 'liest beim Spenden niemand.',
     nichts_zu_tun:
       'Da war nichts zu schalten.',
     chatmodus_unbekannt:
diff --git a/workspace/assets/js/reaktion.js b/workspace/assets/js/reaktion.js
index 4added32..a2c14a5d 100644
--- a/workspace/assets/js/reaktion.js
+++ b/workspace/assets/js/reaktion.js
@@ -107,11 +107,35 @@
   function sagFehler(text) {
     if (!fehlerFeld) return;
     fehlerFeld.textContent = text;
+    fehlerFeld.dataset.art = 'fehler';
     fehlerFeld.hidden = false;
     clearTimeout(sagFehler.uhr);
     sagFehler.uhr = setTimeout(() => { fehlerFeld.hidden = true; }, 6000);
   }
 
+  /** Ein kurzer Satz, der KEIN Fehler ist (08.10.2026).
+   *
+   *  ==== WARUM DAS EINE EIGENE FUNKTION IST
+   *
+   *  „Marco ist dabei." durch `sagFehler()` zu schicken wäre bequem
+   *  und falsch: Das Feld trägt `role="alert"`, und ein
+   *  Vorleseprogramm sagt dann „Warnung: Marco ist dabei". Dasselbe
+   *  gilt fürs Auge — ein Band, das für Störungen steht, verliert
+   *  seine Bedeutung, sobald auch gute Nachrichten darin stehen.
+   *
+   *  Es ist dieselbe Fläche (eine zweite daneben wäre eine zweite
+   *  Stelle, auf die man achten müsste), nur mit anderem Ton und
+   *  kürzer: Eine Bestätigung ist nach vier Sekunden gelesen, eine
+   *  Störung braucht länger. */
+  function sagKurz(text) {
+    if (!fehlerFeld) return;
+    fehlerFeld.textContent = text;
+    fehlerFeld.dataset.art = 'kurz';
+    fehlerFeld.hidden = false;
+    clearTimeout(sagFehler.uhr);
+    sagFehler.uhr = setTimeout(() => { fehlerFeld.hidden = true; }, 4000);
+  }
+
   function melde(antwort, ersatz) {
     /* Maschinenworte werden übersetzt -- dieselbe Tafel wie überall
        im Haus. Wo sie nichts kennt, steht ein Satz und nicht ein
@@ -377,6 +401,11 @@
       return;
     }
 
+    /* Der Vorraum steht über allem und muss deshalb aufgehen, bevor
+       der Saal gezeichnet wird -- sonst sieht ein Eingeladener für
+       einen Augenblick die Bühne mit sich darauf. */
+    vorraumPruefen();
+
     const warSender = binSender;
     binSender = lage.ich.host || lage.ich.gast;
     /* WER GERADE ZUM SENDER GEWORDEN IST, BAUT SEINE LEITUNGEN NEU AUF.
@@ -560,6 +589,16 @@
     for (const alt of [...behaelter.querySelectorAll('.kamera')]) {
       if (!da.has(alt.dataset.wer)) alt.remove();
     }
+    /* ==== DAS GEWÄHLTE AUSGABEGERÄT GILT AUCH FÜR NEUE FENSTER
+       (08.10.2026)
+
+       `setSinkId` hängt am EINZELNEN Element, nicht am Browser.
+       Hier zu rufen und nicht nur beim Umstellen ist deshalb kein
+       Luxus: Ein Gast, der später dazukommt, bekäme sonst ein
+       Fenster, das am Standardgerät hängt -- und dann hört DogFather
+       genau diesen einen Gast nicht über sein Pult. Das sucht man
+       lange. */
+    ausgabeAnwenden();
   }
 
   /* ---- Die Senderleiste --------------------------------------------
@@ -1377,6 +1416,151 @@
 
      Jetzt bekommen alle DASSELBE Versprechen zurueck. */
   let kameraLaeuft = null;
+  /* =================================================================
+     DIE GERÄTE — UND DAS MISCHPULT (08.10.2026)
+
+     Filipe: „ich will dass du das auch mit meinem mischpult, also
+     meinen rodeduo verbindest. also soll mit und ohne gehen bitte.
+     auch bei den gästen."
+
+     ---------------------------------------------------------------
+     WAS „VERBINDEN" HIER HEISSEN KANN — UND WAS NICHT
+
+     Ein RØDECaster Duo hat keine Schnittstelle, über die eine
+     Website ihn fernsteuern könnte. Es gibt keine, und eine zu
+     behaupten wäre der schlechteste Dienst: Man baut einen Knopf,
+     der nichts tut, und sucht den Fehler dann monatelang woanders.
+
+     Was es WIRKLICH gibt, ist viel wichtiger: Das Pult meldet sich
+     bei Windows als mehrere eigene Tonwege an. Am 08.10.2026 auf
+     Filipes Rechner nachgemessen (das Pult war zu dem Zeitpunkt
+     abgesteckt, die Einträge standen aber alle noch im System):
+
+         Mikrofon (RODECaster Duo Main Multitrack)
+         Mikrofon (RODECaster Duo Main Stereo)
+         Mikrofon (RODECaster Duo Chat)      <- der Mix-Minus-Weg
+         Lautsprecher (RODECaster Duo Chat)  <- und sein Gegenstück
+         Fader1 … Fader9, Game, Music, System, Virtual A/B
+
+     Damit sind es genau zwei Dinge, die diese Seite tun kann und
+     tun muss:
+
+       1. SAGEN, WELCHES GERÄT SIE NIMMT. Bisher nahm sie immer das,
+          was Windows gerade für den Standard hält — bei fünfzehn
+          RØDE-Einträgen ist das Glückssache.
+
+       2. DIE EIGENE NACHBEARBEITUNG ABSCHALTEN, wenn ein Pult
+          dranhängt. Das ist der eigentliche Fund: Hier stand fest
+          `echoCancellation: true, noiseSuppression: true`. Beides
+          ist für ein Laptopmikrofon richtig und für ein Pult
+          falsch — der Duo hat Gate, Kompressor, De-Esser und EQ
+          schon gemacht, und die Echo-Unterdrückung des Browsers
+          legt sich danach als zweite Automatik darüber und DUCKT,
+          sobald von der Gegenseite Ton kommt. Das ist genau das
+          Pumpen, das am 14.09. zwei Tage Suche gekostet hat.
+
+     ---------------------------------------------------------------
+     „MIT UND OHNE" IST KEINE NEBENBEDINGUNG, SONDERN DER KERN
+
+     Ohne Pult muss alles bleiben, wie es war — mit Echo-Unterdrückung,
+     denn dann sitzt jemand mit Laptoplautsprechern da, und ohne sie
+     hört die ganze Sendung sich selbst zurück. Der Pultmodus ist
+     deshalb ein eigener Schalter und nicht an die Gerätewahl
+     geknüpft.
+
+     Vorgeschlagen wird er trotzdem: Erkennt die Seite am Namen ein
+     Pult, schlägt sie ihn beim ersten Mal vor. VORGESCHLAGEN, nicht
+     gesetzt — ein Schalter, der sich selbst umlegt, ist beim ersten
+     Streamabend die Sorte Überraschung, die niemand braucht.
+     ================================================================= */
+
+  const TON_SCHLUESSEL = 'reaktion.ton';
+  /* `pult: null` heisst „noch nie entschieden" und ist etwas anderes
+     als `false`. Nur im Zustand `null` darf die Seite von sich aus
+     etwas vorschlagen; wer einmal „nein" gesagt hat, wird nicht bei
+     jedem Laden neu gefragt. */
+  let tonWahl = { mikro: '', kamera: '', ausgabe: '', pult: null };
+  let geraete = [];
+
+  function tonWahlLesen() {
+    try {
+      const roh = JSON.parse(localStorage.getItem(TON_SCHLUESSEL) || '{}');
+      if (roh && typeof roh === 'object') tonWahl = { ...tonWahl, ...roh };
+    } catch { /* dann die Vorgaben -- eine kaputte Einstellung ist keine */ }
+  }
+  function tonWahlSichern() {
+    try { localStorage.setItem(TON_SCHLUESSEL, JSON.stringify(tonWahl)); }
+    catch { /* privates Fenster: dann gilt die Wahl nur fuer diese Sitzung */ }
+  }
+
+  /* Woran man ein Pult erkennt. Die Liste ist bewusst breit: Sie
+     entscheidet nichts, sie SCHLÄGT VOR — ein falscher Treffer kostet
+     einen Klick, ein fehlender kostet eine Sendung mit gepumptem Ton.
+     `interface` und `mixer` fangen auch die Geräte, die hier noch
+     niemand gesehen hat. */
+  const PULT_MUSTER = new RegExp([
+    'r[øo]decaster', 'goxlr', 'wave:? ?(xlr|link)', 'scarlett', 'focusrite',
+    'yamaha ag', 'steinberg', 'audient', 'motu', 'presonus', 'behringer',
+    'zoom (podtrak|livetrak)', 'mischpult', 'mixer', 'interface',
+  ].join('|'), 'i');
+  const istPult = (wort) => PULT_MUSTER.test(String(wort || ''));
+
+  /** Die Geräteliste des Systems — gemessen, nicht geraten.
+   *
+   *  ==== NAMEN GIBT ES ERST NACH DER ERLAUBNIS
+   *
+   *  Vor der ersten Freigabe liefert der Browser leere Beschriftungen
+   *  (sonst könnte jede Seite an der Geräteliste erkennen, wer da
+   *  sitzt). Eine Auswahl aus fünf leeren Einträgen ist keine — die
+   *  Oberfläche sagt das dann auch, statt eine Liste anzubieten, in
+   *  der nichts steht. */
+  async function geraeteHolen() {
+    if (!navigator.mediaDevices?.enumerateDevices) { geraete = []; return geraete; }
+    try { geraete = await navigator.mediaDevices.enumerateDevices(); }
+    catch { geraete = []; }
+    return geraete;
+  }
+
+  /** Die Tonvorgaben für `getUserMedia`. */
+  function tonVorgaben() {
+    const pult = tonWahl.pult === true;
+    const a = {
+      /* ==== DIE DREI AUTOMATIKEN ==============================
+         Ohne Pult an (wie bisher), mit Pult aus. Alle drei und nicht
+         nur die Echo-Unterdrückung: `autoGainControl` zieht einen
+         sauber eingepegelten Kanal nachträglich wieder hoch und
+         runter, `noiseSuppression` frisst bei einem dynamischen
+         Mikrofon die Luft aus der Stimme. Ein Pult, dessen Arbeit
+         danach zweimal nachbearbeitet wird, hätte man sich sparen
+         können. */
+      echoCancellation: !pult,
+      noiseSuppression: !pult,
+      autoGainControl: !pult,
+    };
+    if (pult) {
+      /* `ideal` und nicht `exact`: Ein Pult, das heute 48 kHz kann
+         und morgen am anderen Anschluss hängt, soll die Verbindung
+         nicht verhindern. */
+      a.channelCount = { ideal: 2 };
+      a.sampleRate = { ideal: 48000 };
+    }
+    if (tonWahl.mikro) a.deviceId = { exact: tonWahl.mikro };
+    return a;
+  }
+
+  /** Die Bildvorgaben. */
+  function bildVorgaben() {
+    const v = {
+      /* 360p reicht für ein Fenster von 200 Pixeln Breite -- und es
+         ist der Unterschied zwischen zwölf Zuschauern und dreien.
+         Die Zahl steht hier und nicht in einer Einstellung, weil
+         sie zur Fenstergröße gehört, nicht zum Geschmack. */
+      width: { ideal: 640 }, height: { ideal: 480 }, frameRate: { ideal: 24 },
+    };
+    if (tonWahl.kamera) v.deviceId = { exact: tonWahl.kamera };
+    return v;
+  }
+
   async function kameraHolen() {
     if (meinStrom) return meinStrom;
     if (kameraLaeuft) return kameraLaeuft;
@@ -1387,22 +1571,526 @@
   async function kameraWirklichHolen() {
     try {
       meinStrom = await navigator.mediaDevices.getUserMedia({
-        /* 360p reicht für ein Fenster von 200 Pixeln Breite -- und es
-           ist der Unterschied zwischen zwölf Zuschauern und dreien.
-           Die Zahl steht hier und nicht in einer Einstellung, weil
-           sie zur Fenstergröße gehört, nicht zum Geschmack. */
-        video: { width: { ideal: 640 }, height: { ideal: 480 }, frameRate: { ideal: 24 } },
-        audio: { echoCancellation: true, noiseSuppression: true },
+        video: bildVorgaben(), audio: tonVorgaben(),
       });
+      await geraeteHolen();
+      pultVorschlagen();
+      geraeteZeichnen();
       kamerasZeichnen();
       return meinStrom;
     } catch (f) {
+      /* ==== DAS GEWÜNSCHTE GERÄT IST WEG — DAS IST KEIN FEHLER,
+         ABER AUCH KEIN SCHWEIGEN WERT (08.10.2026)
+
+         `OverconstrainedError` heisst: Die Kamera oder das Mikrofon,
+         das hier gespeichert steht, gibt es gerade nicht — Pult aus,
+         Kabel ab, anderer Anschluss. Dann wird mit dem
+         Standardgerät weitergemacht, denn eine Sendung ohne Ton ist
+         schlimmer als eine mit dem falschen Mikrofon.
+
+         ABER ES WIRD GESAGT. Stillschweigend auf ein anderes Gerät
+         zu wechseln ist genau die Sorte Hilfsbereitschaft, nach der
+         man abends im Stream hört „du klingst anders" und nicht
+         weiss, warum. Das ist der dritte Ausgang: nicht „geht" und
+         nicht „geht nicht", sondern „geht, aber anders als
+         bestellt". */
+      if (f && (f.name === 'OverconstrainedError' || f.name === 'NotFoundError')) {
+        try {
+          meinStrom = await navigator.mediaDevices.getUserMedia({
+            video: { width: { ideal: 640 }, height: { ideal: 480 }, frameRate: { ideal: 24 } },
+            audio: { ...tonVorgaben(), deviceId: undefined },
+          });
+          sagFehler('Das eingestellte Gerät ist gerade nicht da — es läuft über '
+            + 'das Standardgerät. Im Register „Ton" kannst du es neu wählen.');
+          await geraeteHolen();
+          geraeteZeichnen();
+          kamerasZeichnen();
+          return meinStrom;
+        } catch { /* dann derselbe Satz wie unten */ }
+      }
       sagFehler('Kamera oder Mikrofon sind nicht freigegeben. '
         + 'Im Browser oben in der Adresszeile lässt sich das erlauben.');
       return null;
     }
   }
 
+  /** Beim ersten Mal ein Pult VORSCHLAGEN — nicht einschalten. */
+  function pultVorschlagen() {
+    if (tonWahl.pult !== null) return;
+    const spur = meinStrom?.getAudioTracks?.()[0];
+    const kennung = spur?.getSettings?.().deviceId || '';
+    const name = geraete.find((g) => g.deviceId === kennung)?.label
+      || spur?.label || '';
+    if (!istPult(name)) return;
+    const h = $('geraete-hinweis');
+    if (h) {
+      h.textContent = `Es sieht aus, als hinge ein Mischpult dran („${name}"). `
+        + 'Mit dem Pultmodus lässt die Seite den Ton so, wie das Pult ihn liefert.';
+      h.dataset.vorschlag = 'ja';
+    }
+  }
+
+  /* =================================================================
+     EIN GERÄT MITTEN IN DER SENDUNG WECHSELN
+
+     ==== OHNE DIE VERBINDUNGEN NEU AUFZUBAUEN
+
+     `replaceTrack` tauscht die Spur in einer laufenden Verbindung.
+     Der naheliegende Weg wäre gewesen, alle Drähte wegzuwerfen und
+     neu aufzubauen — das dauert Sekunden, in denen bei allen das
+     Bild schwarz ist, und es kann schiefgehen. Wer mitten in einer
+     Sendung das Mikrofon umstellt, tut das, weil gerade etwas nicht
+     stimmt; ein Neuaufbau wäre dann der zweite Fehler.
+
+     DER ALTE STROM WIRD ANGEHALTEN, und zwar erst NACH dem Tausch.
+     Vorher angehalten, hätte es zwischen beiden einen Augenblick
+     ohne Spur gegeben — und manche Browser schliessen den Sender
+     dann endgültig.
+     ================================================================= */
+  async function geraeteWechseln() {
+    if (!meinStrom) { geraeteZeichnen(); return; }
+    let neu = null;
+    try {
+      neu = await navigator.mediaDevices.getUserMedia({
+        video: bildVorgaben(), audio: tonVorgaben(),
+      });
+    } catch (f) {
+      sagFehler(f?.name === 'OverconstrainedError'
+        ? 'Dieses Gerät ist gerade nicht da. Es bleibt beim bisherigen.'
+        : 'Das Gerät liess sich nicht öffnen. Es bleibt beim bisherigen.');
+      return;
+    }
+    const alt = meinStrom;
+    meinStrom = neu;
+
+    /* Was gerade abgeschaltet war, bleibt abgeschaltet. Ein
+       Gerätewechsel ist keine Entscheidung über Kamera und Mikro —
+       und wessen Bild beim Umstellen von selbst wieder anginge,
+       würde die Seite nie wieder anfassen. */
+    const bildAus = !!lage?.ich?.kamera_aus;
+    const tonAus = !!lage?.ich?.mikro_aus;
+    for (const s of neu.getVideoTracks()) s.enabled = !bildAus;
+    for (const s of neu.getAudioTracks()) s.enabled = !tonAus;
+
+    const bild = bildschirmSpur || neu.getVideoTracks()[0];
+    const ton = neu.getAudioTracks()[0];
+    for (const d of drähte.values()) {
+      for (const sender of d.pc.getSenders()) {
+        if (!sender.track) continue;
+        const ziel = sender.track.kind === 'video' ? bild : ton;
+        if (!ziel) continue;
+        try { await sender.replaceTrack(ziel); } catch { /* diese Leitung eben nicht */ }
+      }
+    }
+    for (const s of alt.getTracks()) { try { s.stop(); } catch { /* war schon aus */ } }
+
+    /* Der Pegelmesser hing am alten Strom und zeigte danach für
+       immer null — „war mein Mikro überhaupt an?" hätte dann die
+       falsche Antwort gegeben. */
+    pegelAnschliessen('mikro', neu);
+    kamerasZeichnen();
+    geraeteZeichnen();
+  }
+
+  /* =================================================================
+     WOHIN DER TON GEHT
+
+     `setSinkId` gibt es nur in Chrome und Edge — in Firefox und
+     Safari ist die Auswahl deshalb gar nicht erst da. Ein Feld, das
+     sichtbar ist und nichts bewirkt, ist schlimmer als keines: Man
+     stellt es ein, hört keinen Unterschied und sucht den Fehler
+     beim Pult.
+
+     WOFÜR DAS GUT IST: Wer die Gäste auf den Chat-Weg des Pultes
+     legt („Lautsprecher (RODECaster Duo Chat)"), hat sie am Pult als
+     eigenen Kanal mit Mix-Minus — die Gäste hören dann alles ausser
+     sich selbst, und DogFather hat einen Regler dafür in der Hand.
+     Das ist genau der Weg, den Discord nimmt.
+     ================================================================= */
+  const kannAusgabe = () => typeof document.createElement('video').setSinkId === 'function';
+
+  async function ausgabeAnwenden() {
+    if (!kannAusgabe() || !tonWahl.ausgabe) return;
+    for (const v of document.querySelectorAll('.kamera video[data-fremd="ja"]')) {
+      try { await v.setSinkId(tonWahl.ausgabe); }
+      catch { /* Geraet weg -> der Browser bleibt beim Standard */ }
+    }
+  }
+
+  /* =================================================================
+     DIE GERÄTE-OBERFLÄCHE
+
+     Sie wird an ZWEI Orten gebraucht: im Register „Ton" (für den,
+     der sendet) und im Vorraum, den ein eingeladener Gast sieht.
+     Filipe: „auch bei den gästen."
+
+     EIN BAUER FÜR BEIDE. Zweimal gebaut hiesse, dass der Gast beim
+     nächsten Umbau etwas anderes vor sich hat als der Host — und
+     gemerkt würde es mitten in einer Sendung, in der jemand anderes
+     an einem fremden Rechner sitzt.
+     ================================================================= */
+  function geraeteBauen(ziel, beiAenderung) {
+    ziel.textContent = '';
+    const mit = (art) => geraete.filter((g) => g.kind === art);
+    /* Vor der ersten Freigabe sind alle Namen leer -- so sieht der
+       Browser vor, dass man an der Geräteliste niemanden erkennen
+       kann. Eine Auswahl aus fünf leeren Zeilen ist keine. */
+    const namenDa = geraete.some((g) => g.label);
+
+    if (!namenDa) {
+      const hinweis = el('p', 'pult__klein',
+        'Die Geräte stehen hier, sobald Kamera und Mikrofon einmal freigegeben sind — '
+        + 'vorher verrät der Browser ihre Namen nicht.');
+      const knopf = el('button', 'knopf-still', 'Geräte freigeben');
+      knopf.type = 'button';
+      knopf.addEventListener('click', async () => {
+        /* Ein kurzer Griff nur, um die Namen zu bekommen; der Strom
+           wird sofort wieder angehalten. Ohne das Anhalten liefe
+           hier eine zweite Kamera mit -- und genau so ist am
+           25.09.2026 im Podcast-Studio der Rechner stehengeblieben. */
+        try {
+          const s = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
+          for (const t of s.getTracks()) t.stop();
+        } catch { /* dann bleibt es bei der Meldung */ }
+        await geraeteHolen();
+        geraeteBauen(ziel, beiAenderung);
+      });
+      ziel.append(hinweis, knopf);
+      return;
+    }
+
+    const wahlfeld = (wort, art, jetzt, setzen) => {
+      const l = el('label', 'pult__feld');
+      l.append(el('span', null, wort));
+      const s = document.createElement('select');
+      s.className = 'pult__wahl';
+      const leer = document.createElement('option');
+      leer.value = '';
+      leer.textContent = 'Standardgerät';
+      s.append(leer);
+      for (const g of mit(art)) {
+        const o = document.createElement('option');
+        o.value = g.deviceId;
+        o.textContent = g.label || g.deviceId.slice(0, 8);
+        s.append(o);
+      }
+      /* Steht das gespeicherte Gerät nicht mehr in der Liste, ist das
+         eine Auskunft und kein Grund, still auf „Standard"
+         zurückzufallen: Der Eintrag bleibt stehen und sagt, was
+         fehlt. Sonst sieht man morgen „Standardgerät" und denkt, man
+         habe es nie eingestellt. */
+      if (jetzt && !mit(art).some((g) => g.deviceId === jetzt)) {
+        const o = document.createElement('option');
+        o.value = jetzt;
+        o.textContent = 'Gerade nicht da';
+        s.append(o);
+      }
+      s.value = jetzt || '';
+      s.addEventListener('change', () => { setzen(s.value); });
+      l.append(s);
+      return l;
+    };
+
+    const reihe = el('div', 'pult__zeile');
+    reihe.append(wahlfeld('Mikrofon', 'audioinput', tonWahl.mikro, (v) => {
+      tonWahl.mikro = v; tonWahlSichern(); beiAenderung();
+    }));
+    reihe.append(wahlfeld('Kamera', 'videoinput', tonWahl.kamera, (v) => {
+      tonWahl.kamera = v; tonWahlSichern(); beiAenderung();
+    }));
+    if (kannAusgabe()) {
+      reihe.append(wahlfeld('Was ich höre', 'audiooutput', tonWahl.ausgabe, (v) => {
+        tonWahl.ausgabe = v; tonWahlSichern(); ausgabeAnwenden();
+      }));
+    }
+    ziel.append(reihe);
+
+    /* ---- Der Pultmodus ---- */
+    const pult = el('button', 'knopf-still pultknopf',
+      tonWahl.pult === true ? 'Pultmodus ist an' : 'Pultmodus ist aus');
+    pult.type = 'button';
+    pult.setAttribute('aria-pressed', String(tonWahl.pult === true));
+    pult.addEventListener('click', () => {
+      tonWahl.pult = tonWahl.pult !== true;
+      tonWahlSichern();
+      beiAenderung();
+      geraeteBauen(ziel, beiAenderung);
+    });
+
+    const neu = el('button', 'knopf-still knopf-still--leise', 'Geräte neu einlesen');
+    neu.type = 'button';
+    neu.addEventListener('click', async () => {
+      await geraeteHolen();
+      geraeteBauen(ziel, beiAenderung);
+    });
+
+    const knoepfe = el('div', 'pult__zeile');
+    knoepfe.append(pult, neu);
+    ziel.append(knoepfe);
+
+    ziel.append(el('p', 'pult__klein', tonWahl.pult === true
+      ? 'An: Die Seite lässt den Ton so, wie er hereinkommt — keine Echo-Unterdrückung, '
+        + 'keine Rauschunterdrückung, keine Lautstärke-Automatik. Richtig, wenn ein '
+        + 'Mischpult dranhängt: Das hat das alles schon gemacht, und zweimal macht es '
+        + 'schlechter. Nur mit Kopfhörer — über Lautsprecher hört sich sonst die ganze '
+        + 'Sendung selbst zurück.'
+      : 'Aus: Der Browser räumt den Ton auf — Echo, Rauschen, Lautstärke. Richtig für '
+        + 'Laptop und Headset. Hängt ein Mischpult dran, schalt den Pultmodus an.'));
+
+    /* ==== WAS WIRKLICH ANKOMMT — GEMESSEN, NICHT ANGENOMMEN ======
+       Ein Name in einer Einstellung beweist nur, dass jemand ihn
+       hineingeschrieben hat (26.09.2026, OBS zeigte auf ein Gerät,
+       das es nicht mehr gab, und vier Quellen spielten ins Leere).
+       Hier steht, was die Spur TATSÄCHLICH sagt. */
+    const spur = meinStrom?.getAudioTracks?.()[0];
+    if (spur?.getSettings) {
+      const s = spur.getSettings();
+      const name = geraete.find((g) => g.deviceId === s.deviceId)?.label || spur.label || '—';
+      const teile = [`Es läuft gerade: ${name}`];
+      if (s.sampleRate) teile.push(`${Math.round(s.sampleRate / 1000)} kHz`);
+      if (s.channelCount) teile.push(s.channelCount > 1 ? 'Stereo' : 'Mono');
+      teile.push(`Echo-Unterdrückung ${s.echoCancellation ? 'an' : 'aus'}`);
+      const z = el('p', 'pult__klein geraete-messung', teile.join(' · '));
+      /* Stimmt der Schalter nicht mit dem überein, was der Browser
+         wirklich tut, ist das ein Befund und keine Kleinigkeit:
+         Manche Browser ignorieren `echoCancellation: false` still.
+         Wer das nicht erfährt, sucht beim Pult. */
+      if (tonWahl.pult === true && s.echoCancellation === true) {
+        z.dataset.achtung = 'ja';
+        z.textContent += ' — dein Browser lässt die Echo-Unterdrückung trotzdem an.';
+      }
+      ziel.append(z);
+    }
+  }
+
+  function geraeteZeichnen() {
+    const ziel = $('geraete');
+    if (ziel) geraeteBauen(ziel, geraeteWechseln);
+    if (vorraumOffen) geraeteBauen($('vorraum-geraete'), vorraumGeraeteWechsel);
+    const fenster = $('geraetefenster');
+    if (fenster && !fenster.hidden) {
+      geraeteBauen($('geraetefenster-inhalt'), geraeteWechseln);
+    }
+  }
+
+  /** Das Gerätefenster für jeden, der sendet — auch für Gäste.
+   *
+   *  ==== WARUM ES DAS ÜBERHAUPT GIBT (08.10.2026)
+   *
+   *  Filipe: „auch bei den gästen."
+   *
+   *  Das Regiepult sehen nur die zwei, die die Sendung führen. Ein
+   *  Gast käme nach dem Vorraum also nie wieder an seine Gerätewahl —
+   *  und genau dann braucht er sie, wenn mitten in der Sendung
+   *  auffällt, dass der falsche Weg läuft. */
+  async function geraetefensterAuf() {
+    const fenster = $('geraetefenster');
+    if (!fenster) return;
+    fenster.hidden = false;
+    await geraeteHolen();
+    geraeteBauen($('geraetefenster-inhalt'), geraeteWechseln);
+  }
+
+  /* =================================================================
+     DER VORRAUM (08.10.2026)
+
+     Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren
+     oder ablehnen können. bevor die auch angezeigt werden sollen die
+     auswählen können ob die kamera an ist oder aus ist. also iohre
+     eigene."
+
+     ---------------------------------------------------------------
+     WAS VORHER PASSIERT IST
+
+     „Dazuholen" machte aus einem Zuschauer SOFORT einen Gast: Die
+     Kamera sprang an, das Bild lief, und er hat es daran gemerkt,
+     dass er sich selbst sah. Bei jemandem, der gerade nur zuschaut,
+     ist das ein Griff in sein Wohnzimmer.
+
+     ---------------------------------------------------------------
+     DIE KAMERA LÄUFT HIER SCHON — UND GEHT TROTZDEM NIRGENDWO HIN
+
+     Das Bild im Vorraum ist echt: Man sieht sich selbst, bevor einen
+     jemand anderes sieht. Hinaus geht trotzdem nichts, denn
+     `binSender` ist noch falsch, und nur dort hängt der Browser die
+     Spuren in die Verbindungen. Wer ablehnt, hat also nie gesendet —
+     und die Kamera wird beim Schliessen wirklich angehalten, nicht
+     nur ausgeblendet. Ein laufendes Lämpchen neben einer Seite, die
+     „abgelehnt" sagt, wäre das Gegenteil von dem, was hier gebaut
+     wird.
+     ================================================================= */
+  let vorraumOffen = false;
+  let vorraumKamera = true;
+  let vorraumMikro = true;
+  let vorraumUhr = null;
+  let vorraumRest = 0;
+
+  function vorraumPruefen() {
+    const eingeladen = !!lage?.ich?.einladung;
+    if (eingeladen && !vorraumOffen) vorraumAuf();
+    /* Nicht mehr eingeladen UND auch nicht dabei heisst: Die
+       Einladung wurde zurückgezogen oder ist abgelaufen. Dabei
+       heisst: Ich habe gerade selbst zugesagt — dann hat
+       `vorraumJa()` schon zugemacht. */
+    else if (!eingeladen && vorraumOffen && !lage?.ich?.gast) vorraumZu(true);
+  }
+
+  async function vorraumAuf() {
+    const kasten = $('vorraum');
+    if (!kasten || vorraumOffen) return;
+    vorraumOffen = true;
+    kasten.hidden = false;
+    vorraumKamera = true;
+    vorraumMikro = true;
+    vorraumRest = Number(lage?.ich?.einladung?.noch_sek) || 0;
+
+    const wer = lage?.host?.name;
+    $('vorraum-satz').textContent = wer
+      ? `${wer} möchte dich mit auf die Bühne holen. Du entscheidest, ob `
+        + 'deine Kamera und dein Mikro dabei an sind.'
+      : 'Du sollst mit auf die Bühne. Du entscheidest, ob deine Kamera '
+        + 'und dein Mikro dabei an sind.';
+
+    const strom = await kameraHolen();
+    if (strom) {
+      $('vorraum-video').srcObject = strom;
+      $('vorraum-video').play().catch(() => { /* stumm darf immer */ });
+      pegelAnschliessen('mikro', strom);
+      await geraeteHolen();
+      geraeteBauen($('vorraum-geraete'), vorraumGeraeteWechsel);
+    } else {
+      /* ==== OHNE FREIGABE GEHT ES AUCH — ABER EHRLICH ==========
+         Wer Kamera und Mikro nicht freigibt, soll nicht vor einem
+         toten Dialog sitzen. Er kann dabei sein, nur eben ohne Bild
+         und Ton, und genau das steht dann da. Die Schalter stehen
+         danach auf „aus" und nicht auf „an" — sonst verspräche die
+         Oberfläche etwas, das der Browser gar nicht hergibt. */
+      vorraumKamera = false;
+      vorraumMikro = false;
+      $('vorraum-satz').textContent = 'Kamera und Mikro sind in diesem Browser nicht '
+        + 'freigegeben. Du kannst trotzdem dabei sein — dann ohne Bild und ohne Ton.';
+    }
+    vorraumSchalterZeichnen();
+    vorraumFristZeichnen();
+    clearInterval(vorraumUhr);
+    vorraumUhr = setInterval(() => {
+      vorraumRest -= 1;
+      vorraumFristZeichnen();
+      if (vorraumRest <= 0) {
+        sagFehler('Die Einladung ist abgelaufen. DogFather kann dich neu einladen.');
+        vorraumZu(true);
+      }
+    }, 1000);
+  }
+
+  function vorraumZu(stromAnhalten) {
+    if (!vorraumOffen) return;
+    vorraumOffen = false;
+    clearInterval(vorraumUhr);
+    vorraumUhr = null;
+    const kasten = $('vorraum');
+    if (kasten) kasten.hidden = true;
+    const v = $('vorraum-video');
+    if (v) v.srcObject = null;
+    if (stromAnhalten && meinStrom) {
+      /* WIRKLICH ANHALTEN. Ein Strom, der nur nicht mehr angezeigt
+         wird, hält die Kamera an und das Lämpchen daneben leuchtet
+         weiter -- neben einer Seite, die gerade „lieber nicht"
+         gesagt hat. */
+      for (const t of meinStrom.getTracks()) { try { t.stop(); } catch { /* war aus */ } }
+      meinStrom = null;
+      pegelQuellen.delete('mikro');
+    }
+  }
+
+  function vorraumSchalterZeichnen() {
+    const k = $('vorraum-kamera');
+    const m = $('vorraum-mikro');
+    if (k) {
+      k.textContent = vorraumKamera ? 'Kamera an' : 'Kamera aus';
+      k.setAttribute('aria-pressed', String(vorraumKamera));
+      k.dataset.aus = vorraumKamera ? 'nein' : 'ja';
+    }
+    if (m) {
+      m.textContent = vorraumMikro ? 'Mikro an' : 'Mikro aus';
+      m.setAttribute('aria-pressed', String(vorraumMikro));
+      m.dataset.aus = vorraumMikro ? 'nein' : 'ja';
+    }
+    const aus = $('vorraum-aus');
+    if (aus) aus.hidden = vorraumKamera;
+    /* Die Vorschau zeigt, was hinausginge. Schaltet jemand die
+       Kamera ab, wird auch hier schwarz — sonst sähe er sich selbst
+       und glaubte, es laufe. */
+    if (meinStrom) {
+      for (const s of meinStrom.getVideoTracks()) s.enabled = vorraumKamera;
+      for (const s of meinStrom.getAudioTracks()) s.enabled = vorraumMikro;
+    }
+  }
+
+  function vorraumFristZeichnen() {
+    const p = $('vorraum-frist');
+    if (!p) return;
+    const r = Math.max(0, vorraumRest);
+    p.textContent = r > 0
+      ? `Noch ${r} Sekunden, dann läuft die Einladung ab.`
+      : 'Die Einladung ist abgelaufen.';
+    /* Ab zwanzig Sekunden wird die Zeile deutlich. Vorher wäre sie
+       Druck auf jemanden, der nur in Ruhe entscheiden will. */
+    p.dataset.eng = r > 0 && r <= 20 ? 'ja' : 'nein';
+  }
+
+  async function vorraumGeraeteWechsel() {
+    if (!vorraumOffen) return;
+    let neu = null;
+    try {
+      neu = await navigator.mediaDevices.getUserMedia({
+        video: bildVorgaben(), audio: tonVorgaben(),
+      });
+    } catch {
+      sagFehler('Dieses Gerät liess sich nicht öffnen. Es bleibt beim bisherigen.');
+      return;
+    }
+    if (meinStrom) {
+      for (const t of meinStrom.getTracks()) { try { t.stop(); } catch { /* war aus */ } }
+    }
+    meinStrom = neu;
+    $('vorraum-video').srcObject = neu;
+    $('vorraum-video').play().catch(() => { /* stumm darf immer */ });
+    pegelQuellen.delete('mikro');
+    pegelAnschliessen('mikro', neu);
+    vorraumSchalterZeichnen();
+    geraeteBauen($('vorraum-geraete'), vorraumGeraeteWechsel);
+  }
+
+  async function vorraumAntwort(ja) {
+    const a = await hole('/workspace/api/reaktion/gast/antwort', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ ja, kamera: vorraumKamera, mikro: vorraumMikro }),
+    });
+    if (!a.ok) {
+      melde(await a.json().catch(() => null), 'Das ging gerade nicht.');
+      /* Eine abgelaufene Einladung ist kein Fehler des Gastes —
+         der Vorraum geht zu, und die Kamera mit ihm. */
+      vorraumZu(true);
+      return;
+    }
+    lage = { ...(await a.json()) };
+    /* BEIM ZUSAGEN BLEIBT DIE KAMERA AN — sie wird jetzt gebraucht.
+       Beim Ablehnen wird sie angehalten. */
+    vorraumZu(!ja);
+    zeichnen();
+    if (ja) {
+      /* Jetzt erst darf gesendet werden: `binSender` wird in
+         `zeichnen()` gesetzt, und `draehteNachziehen()` baut die
+         Verbindungen danach auf. Ohne diesen Aufruf stünde der Gast
+         auf der Bühne und niemand sähe ihn, bis sich zufällig etwas
+         anderes änderte. */
+      draehteNachziehen();
+      ausgabeAnwenden();
+    }
+  }
+
   function draht(anderer) {
     let d = drähte.get(anderer);
     if (d) return d;
@@ -1841,6 +2529,64 @@
       kopf.append(marke);
     }
 
+    /* ==== WER GERADE GESPENDET HAT, SIEHT ANDERS AUS ============
+       (08.10.2026)
+
+       Filipe: „die leute die spenden gemacht haben sollen auch für
+       eine kurze zeit speziell aussehen je nach höhe von spende."
+
+       ZWEI DINGE UND NICHT NUR FARBE. Die Kante am Rand trägt die
+       Farbe der Stufe, das Abzeichen trägt ihren NAMEN und die
+       Münze. Farbe allein ist für rund acht Prozent der Männer keine
+       Auskunft -- derselbe Grund, aus dem die Rollenabzeichen
+       Wörter tragen und nicht nur Töne.
+
+       DIE DAUER KOMMT ALS ALTER UND NICHT ALS UHRZEIT. Der Server
+       schickt „noch so viele Millisekunden"; eine Uhrzeit müsste
+       gegen die Uhr dieses Geräts gerechnet werden, und die kann
+       falsch gehen. Dieselbe Lehre wie beim Gleichlauf des Videos
+       am 30.09.2026.
+
+       UND DER GLANZ GEHT VON SELBST AUS. Ohne den Wecker bliebe ein
+       Beitrag golden, bis jemand die Seite neu lädt -- bei einer
+       Sendung, die zwei Stunden offen steht, also faktisch für
+       immer. */
+    if (b.spende && b.spende.farbe) {
+      li.dataset.spende = 'ja';
+      li.style.setProperty('--sp-farbe', b.spende.farbe);
+      const marke = el('span', 'beitrag__spende');
+      if (b.spende.muenze) {
+        const bild = document.createElement('img');
+        bild.src = b.spende.muenze;
+        bild.alt = '';
+        bild.className = 'beitrag__muenze';
+        /* Lädt die Münze nicht, bleibt das Wort stehen. Ein kaputtes
+           Bild neben einem Rang sieht aus wie ein Fehler im Rang. */
+        bild.addEventListener('error', () => bild.remove());
+        marke.append(bild);
+      }
+      marke.append(el('span', null, b.spende.stufe || 'Spende'));
+      marke.title = `${window.Spendenkarte.alsDogen(b.spende.dogen_mille)} `
+        + `${window.Spendenkarte.dogenWort(b.spende.dogen_mille)}`;
+      kopf.append(marke);
+
+      const rest = Number(b.spende.noch_ms);
+      if (Number.isFinite(rest) && rest > 0) {
+        /* `Math.min` gegen die Grenze von `setTimeout`: Über rund 24
+           Tagen läuft der Wert über und der Wecker klingelt SOFORT --
+           der Glanz wäre dann genau bei den längsten Stufen der
+           einzige, der gar nicht hält. Hier kann das bei 180 Minuten
+           nicht vorkommen; die Zeile steht trotzdem da, weil die
+           Grenze im Pult einstellbar ist und die nächste Erhöhung
+           niemand mit dieser Stelle in Verbindung bringt. */
+        setTimeout(() => {
+          delete li.dataset.spende;
+          li.style.removeProperty('--sp-farbe');
+          marke.remove();
+        }, Math.min(rest, 2 ** 31 - 1));
+      }
+    }
+
     /* Wegnehmen darf, wem der Beitrag gehört -- und wer moderiert.
        Der Knopf steht nur dort, wo er auch wirkt; ein Knopf, der mit
        403 antwortet, ist eine Falle. */
@@ -2190,6 +2936,19 @@
       }
       q2spitze = hoch > q2spitze ? hoch : Math.max(hoch, q2spitze - 7);
       leistenPegel.style.setProperty('--stand', q2spitze + '%');
+      /* ==== UND DERSELBE AUSSCHLAG IM VORRAUM (08.10.2026) ======
+         Wer gleich auf die Bühne geht, soll VORHER sehen, dass sein
+         Mikrofon etwas hört. Das ist dieselbe Frage wie im Pult --
+         „war mein Mikro überhaupt an?" --, nur zum einzig
+         sinnvollen Zeitpunkt: bevor jemand zusieht.
+
+         Derselbe Messwert, nicht ein zweiter: Zwei Rechnungen für
+         denselben Pegel wären zwei Balken, die unterschiedlich
+         ausschlagen, und man glaubte dem falschen. */
+      if (vorraumOffen) {
+        const vp = $('vorraum-pegel');
+        if (vp) vp.style.setProperty('--stand', q2spitze + '%');
+      }
     }
 
     for (const r of REGLER) {
@@ -2475,6 +3234,10 @@
 
     /* ---- Das zweite Video ---- */
     $('p-zweit-sichern').addEventListener('click', zweitSichern);
+    /* Derselbe Tausch wie unten in der Transportleiste -- dieselbe
+       Funktion, zwei Griffe. Eine zweite Umsetzung daneben wäre die,
+       die beim nächsten Umbau vergessen wird. */
+    $('p-zweit-tausch').addEventListener('click', tauschen);
     $('p-zweit').addEventListener('keydown', (e) => {
       if (e.key === 'Enter') { e.preventDefault(); zweitSichern(); }
     });
@@ -2488,6 +3251,8 @@
     /* ---- Gestaltung ---- */
     $('stufe-neu').addEventListener('click', stufeDazu);
     $('stufen-sichern').addEventListener('click', stufenSichern);
+    $('satz-neu').addEventListener('click', satzDazu);
+    $('saetze-sichern').addEventListener('click', saetzeSichern);
     $('zeichen-datei').addEventListener('change', (e) => zeichenHoch(e.target));
     $('zeichen-weg').addEventListener('click', zeichenWeg);
 
@@ -2601,6 +3366,13 @@
       tafel.hidden = tafel.dataset.tafel !== name;
     }
 
+    /* ==== DIE GERÄTELISTE WIRD BEIM ÖFFNEN GEHOLT (08.10.2026)
+       Und nicht beim Laden der Seite: Ein Pult, das erst während der
+       Vorbereitung eingesteckt wird, stünde sonst nicht darin — und
+       genau so herum macht man es ja, erst der Rechner, dann das
+       Pult. Wer das Register aufmacht, will die Liste von JETZT. */
+    if (name === 'ton') { geraeteHolen().then(geraeteZeichnen); }
+
     /* ---- DER KLAPPKNOPF TRAEGT DEN NAMEN (01.10.2026) ----
        Er soll sagen, wo man STEHT, damit man zum Nachsehen nicht
        aufklappen muss. Der Name kommt aus dem Register selbst und
@@ -2868,6 +3640,86 @@
     zeichnen();
   }
 
+  /* =================================================================
+     DAS ZWEITE VIDEO — SICHTBAR STATT GEAHNT (08.10.2026)
+
+     Filipe: „perfektioniere das ganze system auch für das zweite
+     video. auch so dass ich während einer sendung auch immer ein
+     zweites vorbereiten kann oder ändern kann."
+
+     NACHGEMESSEN: Das Ändern während der Sendung war nie gesperrt —
+     der Server nimmt es jederzeit an. Was fehlte, war etwas anderes,
+     und es fiel erst beim Nachsehen auf: Man SAH nicht, was
+     bereitlag. Im Pult stand ein Textfeld mit einer elfstelligen
+     YouTube-Kennung darin („qlDfdAEy58M"), sonst nichts. Ob das das
+     richtige Video war, erfuhr man beim Umschalten — vor Publikum.
+
+     DIE GEMERKTE STELLE IST DER EIGENTLICHE PUNKT. Das zweite Video
+     ist keine zweite Warteschlange (die gibt es), sondern ein
+     Umschalter: Man geht mittendrin weg und später dort weiter.
+     Wenn nirgends steht, WO dieses „dort" liegt, ist die halbe
+     Funktion unsichtbar.
+     ================================================================= */
+  function zweitZeichnen() {
+    const kasten = $('zweitbild');
+    const bild = $('zweit-bild');
+    const titel = $('zweit-titel');
+    const stelle = $('zweit-stelle');
+    const tausch = $('p-zweit-tausch');
+    if (!kasten || !bild || !titel) return;
+
+    const z = lage.zweit;
+    if (!z || !z.video) {
+      bild.removeAttribute('src');
+      kasten.dataset.bild = 'nein';
+      titel.textContent = 'Nichts bereitgelegt';
+      titel.dataset.roh = 'nein';
+      if (stelle) stelle.hidden = true;
+      if (tausch) tausch.disabled = true;
+      return;
+    }
+
+    const quelle = 'https://i.ytimg.com/vi/' + z.video + '/mqdefault.jpg';
+    if (bild.getAttribute('src') !== quelle) bild.setAttribute('src', quelle);
+    kasten.dataset.bild = 'ja';
+    /* Ein Bild, das 404 antwortet, steht genauso im Dokument wie
+       eines, das lädt — auf dem Bildschirm ist an seiner Stelle
+       nichts. Dann lieber der Platzhaltersatz. */
+    bild.onerror = () => { kasten.dataset.bild = 'nein'; };
+    $('zweit-leer').textContent = 'Für dieses Video gibt es kein Vorschaubild.';
+
+    /* HOLT YOUTUBE DEN NAMEN NICHT HERAUS, STEHT DORT DIE KENNUNG --
+       kein erfundener Titel. Dieselbe Regel wie in der
+       Warteschlange. */
+    titel.textContent = z.titel || z.video;
+    /* `data-roh` und nicht ein eigener Name: Dieselbe Kennzeichnung
+       traegt die Warteschlange schon („das ist keine Ueberschrift,
+       das ist eine YouTube-Kennung"), und sie ist im Stilblatt
+       bereits beantwortet. */
+    titel.dataset.roh = z.titel ? 'nein' : 'ja';
+
+    if (stelle) {
+      const sek = Number(z.sekunde) || 0;
+      /* Null Sekunden ist „von vorn" und keine Stelle. Das als
+         „ab 0:00" hinzuschreiben wäre eine Auskunft, die nichts
+         sagt — und sie stünde bei jedem frisch bereitgelegten Video
+         da, also fast immer. */
+      stelle.hidden = sek < 1;
+      stelle.textContent = 'ab ' + alsZeit(sek);
+    }
+    if (tausch) {
+      /* Wechseln geht nur, wenn auch etwas läuft, zu dem man
+         zurückkehren kann. Ein Knopf, der mit 409 antwortet, ist
+         eine Falle. */
+      tausch.disabled = !lage.video;
+      const kurz = (z.titel || z.video);
+      tausch.textContent = lage.video
+        ? 'Jetzt wechseln'
+        : 'Erst ein Video eintragen';
+      tausch.title = lage.video ? `Umschalten auf „${kurz}"` : '';
+    }
+  }
+
   async function zweitSichern() {
     const a = await hole('/workspace/api/reaktion/zweitvideo', {
       method: 'POST',
@@ -2877,6 +3729,14 @@
     if (!a.ok) { melde(await a.json().catch(() => null), 'Das ging nicht.'); return; }
     lage = { ...(await a.json()) };
     zeichnen();
+    /* ==== ES WIRD GESAGT, DASS ES GEKLAPPT HAT (08.10.2026)
+       Der Knopf tat bis heute seine Arbeit stumm: Das Feld blieb
+       stehen, sonst änderte sich nichts Sichtbares — und mitten in
+       einer Sendung drückt man dann ein zweites Mal. Jetzt steht
+       einen Augenblick lang da, was bereitliegt. */
+    sagKurz(lage.zweit && lage.zweit.video
+      ? 'Bereitgelegt. Mit „Jetzt wechseln" springst du hin und zurück.'
+      : 'Der zweite Platz ist jetzt leer.');
     /* Der Name kommt von YouTube nach -- nach anderthalb Sekunden
        steht er da, ohne dass jemand neu laden muss. */
     setTimeout(standHolen, 1600);
@@ -2900,6 +3760,28 @@
   function leisteTakt() {
     if (!lage || !lage.ich.host) return;
 
+    /* ==== DER COUNTDOWN AN EINER OFFENEN EINLADUNG (08.10.2026)
+
+       Er stand zuerst nur im Text, den `pultFuellen()` gezeichnet
+       hat -- und blieb damit stehen, bis zufällig ein neuer Stand
+       hereinkam. „wartet · 110s", eine Minute lang, ist schlechter
+       als gar keine Zahl: Man wartet auf etwas, das längst
+       abgelaufen ist.
+
+       GERECHNET WIRD AUS EINEM ZEITPUNKT, DEN DIESE SEITE SELBST
+       GESETZT HAT (`data-bis`), und nicht aus einer Uhrzeit vom
+       Server -- die müsste gegen die Uhr dieses Geräts gerechnet
+       werden, und die kann falsch gehen. Der Server schickt eine
+       DAUER, daraus wird hier einmal ein Zeitpunkt, und ab da zählt
+       nur noch die eigene Stoppuhr. */
+    for (const karte of document.querySelectorAll('.gast-karte--frage[data-bis]')) {
+      const wort = karte.querySelector('.gast-karte__wort');
+      if (!wort) continue;
+      const rest = Math.max(0, Math.round((Number(karte.dataset.bis) - Date.now()) / 1000));
+      wort.textContent = rest > 0 ? `wartet · ${rest}s` : 'keine Antwort';
+      if (rest <= 0) karte.dataset.stand = 'keine_antwort';
+    }
+
     /* Die Laufzeit */
     const uhr = $('pult-uhr');
     if (lage.stand === 'live' && lage.gestartet_am) {
@@ -3204,6 +4086,7 @@
     if (document.activeElement !== $('p-zweit')) {
       $('p-zweit').value = lage.zweit ? lage.zweit.video : '';
     }
+    zweitZeichnen();
 
     /* ---- Gäste ---- */
     $('gast-zahl').textContent = `${lage.gaeste.length} von ${lage.gaeste_max}`;
@@ -3239,6 +4122,46 @@
       greihe.append(karte);
     }
 
+    /* ==== DIE OFFENEN EINLADUNGEN (08.10.2026) ==================
+
+       Sie stehen NEBEN den Gästen und nicht in derselben Liste: Wer
+       gefragt ist, steht noch nicht auf der Bühne, und eine Karte,
+       die wie eine Gastkarte aussieht, hiesse genau das.
+
+       UND SIE BLEIBEN STEHEN, wenn jemand ablehnt oder nicht
+       antwortet. Verschwände die Zeile einfach, sähe die Regie nur,
+       dass nichts passiert -- und holte dieselbe Person ein zweites
+       Mal. */
+    for (const e of (lage.einladungen || [])) {
+      const karte = el('div', 'gast-karte gast-karte--frage');
+      karte.dataset.stand = e.stand;
+      karte.append(el('span', 'gast-karte__platz', '?'));
+      karte.append(el('span', null, e.name));
+      const wort = {
+        gefragt: `wartet · ${e.noch_sek}s`,
+        abgelehnt: 'hat abgelehnt',
+        keine_antwort: 'keine Antwort',
+      }[e.stand] || e.stand;
+      karte.append(el('span', 'gast-karte__wort', wort));
+      /* Aus der DAUER wird hier EINMAL ein Zeitpunkt; ab da zählt
+         `leisteTakt()` jede halbe Sekunde herunter. Ohne das stünde
+         „wartet · 110s" bis zum nächsten Stand vom Server — also
+         womöglich über das Ende der Frist hinaus. */
+      if (e.stand === 'gefragt') {
+        karte.dataset.bis = String(Date.now() + (Number(e.noch_sek) || 0) * 1000);
+      }
+      const weg = el('button', null, '×');
+      weg.type = 'button';
+      weg.title = e.stand === 'gefragt' ? 'Einladung zurückziehen' : 'Aus der Liste nehmen';
+      weg.addEventListener('click', async () => {
+        const a = await hole('/workspace/api/reaktion/gast/' + e.id, { method: 'DELETE' });
+        if (!a.ok) melde(await a.json().catch(() => null), 'Das ging nicht.');
+        else standHolen();
+      });
+      karte.append(weg);
+      greihe.append(karte);
+    }
+
     /* Wen kann ich holen? Nur wer gerade zusieht -- jemanden zu
        holen, der gar nicht da ist, ergibt eine Kachel ohne Bild. */
     const wahl = $('p-wen');
@@ -3250,6 +4173,10 @@
     for (const z of (lage.zuschauer || [])) {
       if (z.id === meineId) continue;
       if (lage.gaeste.some((g) => g.id === z.id)) continue;
+      /* Wer schon gefragt ist, steht nicht noch einmal in der
+         Auswahl -- sonst lädt man ihn zweimal ein und wundert sich,
+         dass die Frist von vorn beginnt. */
+      if ((lage.einladungen || []).some((e) => e.id === z.id && e.stand === 'gefragt')) continue;
       const o = el('option', null, z.name);
       o.value = String(z.id);
       wahl.append(o);
@@ -3412,7 +4339,27 @@
       mitte.append(text);
       zeile.append(mitte);
 
-      const ja = el('button', 'spendenzeile__ja', 'Stimmt – zeigen');
+      /* ==== WAS SCHON IM BILD WAR, SAGT ES (08.10.2026) =========
+
+         Seit es die fertigen Sätze gibt, kann eine Karte GELAUFEN
+         sein, während die Spende noch auf die Bestätigung wartet.
+         Ohne diesen Hinweis stünde sie hier wie jede andere offene,
+         und die Leitung drückte „Stimmt – zeigen" in der Annahme,
+         sie damit erst zu zeigen. Der Knopf sagt deshalb, was er
+         wirklich noch tut: die Dogen nachtragen. */
+      if (k.schon_gezeigt) {
+        zeile.dataset.gezeigt = 'ja';
+        mitte.append(el('span', 'spendenzeile__schon',
+          'Lief schon im Bild — ein fertiger Satz'));
+        /* Der Text ist durch und lässt sich nicht mehr einfangen.
+           Ein Feld, das man ändern kann, obwohl die Änderung nichts
+           mehr bewirkt, ist eine Falle. */
+        wer.disabled = true;
+        text.disabled = true;
+      }
+
+      const ja = el('button', 'spendenzeile__ja',
+        k.schon_gezeigt ? 'Stimmt – Dogen gutschreiben' : 'Stimmt – zeigen');
       ja.type = 'button';
       ja.addEventListener('click', () => spendeEntscheiden(k.id, true, {
         name: wer.value.trim(), gruss: text.value.trim(),
@@ -3614,13 +4561,36 @@
           body: JSON.stringify({ richtung: 'runter' }),
         }));
 
+      /* ==== AUS DER SCHLANGE AUF DEN ZWEITEN PLATZ (08.10.2026)
+         Filipe: „perfektioniere das ganze system auch für das zweite
+         video."
+
+         Vorher musste man dafür die YouTube-Adresse von Hand in das
+         Feld unter „Bereitlegen" tippen — mitten in der Sendung, mit
+         laufender Kamera, und mit dem Risiko eines Tippfehlers.
+         Dabei liegt sie längst hier, drei Zentimeter weiter oben.
+
+         DAS VIDEO BLEIBT IN DER SCHLANGE. Es ist bereitGELEGT, nicht
+         abgeholt: Der zweite Platz ist ein Umschalter, keine
+         Reihenfolge, und wer es sich anders überlegt, soll es nicht
+         wieder eintippen müssen. */
+      const bereit = el('button', null, '2.');
+      bereit.type = 'button';
+      bereit.dataset.was = 'bereit';
+      bereit.title = 'Als zweites Video bereitlegen';
+      bereit.disabled = z.video === lage.video;
+      bereit.addEventListener('click', async () => {
+        $('p-zweit').value = z.video;
+        await zweitSichern();
+      });
+
       const weg = el('button', null, '×');
       weg.type = 'button';
       weg.title = 'Aus der Warteschlange nehmen';
       weg.addEventListener('click', () => listeRuf(
         '/workspace/api/reaktion/liste/' + z.id, { method: 'DELETE' }));
 
-      knoepfe.append(jetzt, hoch, runter, weg);
+      knoepfe.append(jetzt, bereit, hoch, runter, weg);
       zeile.append(knoepfe);
       kasten.append(zeile);
     });
@@ -3662,6 +4632,13 @@
     } catch { sagFehler('Das ging gerade nicht.'); }
   }
 
+  /** Jemanden EINLADEN -- nicht mehr holen (08.10.2026).
+   *
+   *  Der Aufruf ist derselbe geblieben, seine Wirkung nicht: Er
+   *  stellt eine Frage, und erst die Antwort bringt jemanden auf die
+   *  Bühne. Deshalb kommt hier auch kein neuer Stand zurück, der
+   *  schon Gäste enthielte -- die Liste wird neu geholt, damit die
+   *  Einladung sofort mit ihrer Frist dasteht. */
   async function gastHolen() {
     const id = Number($('p-wen').value);
     if (!id) { sagFehler('Erst jemanden auswählen.'); return; }
@@ -3670,7 +4647,10 @@
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ person_id: id }),
     });
-    if (!a.ok) melde(await a.json().catch(() => null), 'Das ging nicht.');
+    if (!a.ok) { melde(await a.json().catch(() => null), 'Das ging nicht.'); return; }
+    lage = { ...(await a.json()) };
+    zeichnen();
+    sagKurz('Eingeladen — er oder sie entscheidet jetzt selbst.');
   }
 
   /* =================================================================
@@ -3842,6 +4822,22 @@
              Stand, und wer rausgenommen wurde, muss es sofort sehen. */
           return;
         }
+        /* ==== DIE EINLADUNG (08.10.2026) =========================
+           Sie trägt KEINEN Stand mit sich — sie geht nur an den einen
+           Gefragten, und was er wissen muss, steht in seinem eigenen
+           Stand (`ich.einladung`). Ihn hier mitzuschicken hiesse,
+           dass eine Nachricht an eine Person den ganzen Saal
+           beschreibt; genau daran wäre sie vorbeigegangen. */
+        if (d.was === 'du_bist_eingeladen') { standHolen(); return; }
+        /* Und die Antwort geht nur an den Host — als Satz, damit er
+           nicht auf eine Liste schauen muss, während er sendet. */
+        if (d.was === 'einladung_beantwortet') {
+          /* Eine Zusage ist keine Störung, eine Absage auch nicht —
+             beide gehen über `sagKurz`. */
+          sagKurz(d.ja ? `${d.name} ist dabei.` : `${d.name} möchte lieber nicht.`);
+          standHolen();
+          return;
+        }
         if (d.lage) {
           /* Der Rundruf enthält keine Namensliste und kein „ich" --
              beides gehört nur dem Empfänger. Was hier ankommt, wird
@@ -4158,6 +5154,29 @@
         step: '0.05', className: 'stufe-groesse',
       })));
 
+      /* ==== WIE LANGE JEMAND IM CHAT BESONDERS AUSSIEHT =========
+         (08.10.2026)
+
+         Filipe: „die leute die spenden gemacht haben sollen auch
+         für eine kurze zeit speziell aussehen je nach höhe von
+         spende."
+
+         Die Dauer steht AN DER STUFE und nicht in einer eigenen
+         Liste — „je nach Höhe" ist genau das, was die Stufenleiter
+         schon beantwortet. Zwei Leitern wären zwei Antworten auf
+         dieselbe Frage, und spätestens beim Verschieben einer
+         Grenze leuchtete im Chat eine andere Farbe als auf der
+         Karte.
+
+         0 heißt „gar nicht" und ist eine gültige Einstellung: Wer
+         die unterste Stufe ruhig haben will, trägt eine Null ein. */
+      const glanzFeld = eingabe('number', String(st.glanz_minuten ?? 0), {
+        min: String(g.glanz_min ?? 0), max: String(g.glanz_max ?? 180),
+        step: '1', className: 'stufe-glanz',
+      });
+      glanzFeld.title = 'Wie viele Minuten nach der Spende im Chat besonders — 0 heißt gar nicht';
+      zeile.append(feld('Glanz (Min.)', glanzFeld));
+
       /* ---- Das eigene Bild ---- */
       const bildTeil = el('div', 'stufe-bild');
       if (st.bild) {
@@ -4218,11 +5237,135 @@
     stufen.liste.push({
       id: 0, ab_mille: hoechste ? hoechste * 2 : 100, name: 'Neue Stufe',
       vorlage: 'stern', bild: '', farbe: '#8ec9ff', dauer_ms: 7000, groesse: 1,
+      /* EINE NEUE STUFE LEUCHTET NICHT VON SELBST. Null ist hier
+         nicht „noch nicht gesetzt", sondern eine Entscheidung: Wer
+         eine Stufe anlegt, soll sie bewusst zum Glänzen bringen und
+         nicht hinterher suchen, warum der Chat plötzlich bunt ist. */
+      glanz_minuten: 0,
     });
     stufenZeichnen();
     stufenGeaendert();
   }
 
+  /* =================================================================
+     WO DIE KARTE STEHT (08.10.2026)
+
+     Zwei Knöpfe, und jeder trägt ein kleines Abbild der Leinwand mit
+     dem Fleck dort, wo die Karte landet. Zwei Zeilen Text müsste man
+     lesen — ein Bild erkennt man. Dieselbe Form wie bei der
+     Eckenwahl im Register „Werbung"; eine zweite Art, dieselbe Frage
+     zu stellen, wäre eine zweite Sprache in derselben Oberfläche.
+     ================================================================= */
+  const PLATZ_WORT = {
+    mitte: ['In der Mitte', 'Als Aufsteller mitten im Bild, kommt aus der Tiefe'],
+    rand: ['Am Rand', 'Flach unten links — lässt das Bild frei'],
+  };
+  function platzZeichnen() {
+    const kasten = $('platzwahl');
+    if (!kasten || !stufen) return;
+    const plaetze = stufen.gestaltung.plaetze || ['mitte', 'rand'];
+    kasten.textContent = '';
+    for (const p of plaetze) {
+      const [wort, erklaerung] = PLATZ_WORT[p] || [p, ''];
+      const k = el('button', 'platzwahl__knopf');
+      k.type = 'button';
+      k.dataset.platz = p;
+      k.title = erklaerung;
+      k.setAttribute('aria-pressed', String(stufen.platz === p));
+      const bild = el('span', 'platzwahl__bild');
+      bild.setAttribute('aria-hidden', 'true');
+      bild.append(el('i', 'platzwahl__feld'));
+      k.append(bild);
+      k.append(el('span', 'platzwahl__wort', wort));
+      k.addEventListener('click', () => {
+        stufen.platz = p;
+        platzZeichnen();
+        stufenGeaendert();
+      });
+      kasten.append(k);
+    }
+  }
+
+  /* =================================================================
+     DIE FERTIGEN SÄTZE (08.10.2026)
+
+     Filipe: „es soll fertige sätze geben und wenn jemand die
+     auswählt muss keiner es bestätigen dan wird es sofort angezeigt."
+
+     EINE LISTE AUS TEXTFELDERN UND KEIN EIGENER DIALOG JE SATZ. Ein
+     Satz ist eine Zeile Text; ihn hinter einem Dialog zu verstecken
+     machte aus dem Ändern eines Wortes drei Klicks. Leeren heißt
+     löschen — das ist der naheliegendste Weg, und der Server
+     behandelt ihn ausdrücklich so.
+     ================================================================= */
+  function saetzeZeichnen() {
+    const kasten = $('saetze');
+    if (!kasten || !stufen) return;
+    kasten.textContent = '';
+    (stufen.saetze || []).forEach((s, i) => {
+      const zeile = el('div', 'satz-zeile');
+      const nr = el('span', 'satz-zeile__nr', String(i + 1));
+      const feld = document.createElement('input');
+      feld.type = 'text';
+      feld.className = 'pult__eingabe satz-text';
+      feld.maxLength = stufen.gestaltung.gruss_max || 140;
+      feld.value = s.text || '';
+      feld.placeholder = 'Leer lassen nimmt den Satz weg';
+      feld.addEventListener('input', saetzeGeaendert);
+      const weg = el('button', 'stufe-tun stufe-tun--weg', 'Weg');
+      weg.type = 'button';
+      weg.addEventListener('click', () => {
+        stufen.saetze.splice(i, 1);
+        saetzeZeichnen();
+        saetzeGeaendert();
+      });
+      zeile.append(nr, feld, weg);
+      kasten.append(zeile);
+    });
+    const neu = $('satz-neu');
+    if (neu) neu.disabled = (stufen.saetze || []).length >= (stufen.gestaltung.saetze_max || 8);
+  }
+
+  function saetzeGeaendert() {
+    const st = $('saetze-stand');
+    if (st) { st.textContent = 'Noch nicht übernommen'; st.dataset.offen = 'ja'; }
+  }
+
+  function satzDazu() {
+    if (!stufen) return;
+    stufen.saetze = stufen.saetze || [];
+    if (stufen.saetze.length >= (stufen.gestaltung.saetze_max || 8)) return;
+    stufen.saetze.push({ id: 0, text: '' });
+    saetzeZeichnen();
+    saetzeGeaendert();
+    /* Der Zeiger springt in das neue Feld. Ein leeres Feld, in das
+       man erst noch klicken muss, ist ein halber Knopf. */
+    const felder = $('saetze').querySelectorAll('.satz-text');
+    felder[felder.length - 1]?.focus();
+  }
+
+  async function saetzeSichern() {
+    const texte = [...$('saetze').querySelectorAll('.satz-text')].map((f) => f.value);
+    const a = await hole('/workspace/api/spenden/fertige-saetze', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ fertige_saetze: texte }),
+    });
+    if (!a.ok) { melde(await a.json().catch(() => null), 'Das ging nicht.'); return; }
+    const d = await a.json();
+    stufen.saetze = d.fertige_saetze;
+    if (spendenLage) spendenLage.fertige_saetze = d.fertige_saetze;
+    saetzeZeichnen();
+    /* Der Kasten im Chat zeigt dieselben Sätze -- er muss sofort
+       nachziehen. Sonst steht dort bis zum nächsten Laden ein Satz,
+       den es nicht mehr gibt, und wer ihn antippt, bekommt
+       „fertigsatz_unbekannt". */
+    satzreiheZeichnen();
+    const st = $('saetze-stand');
+    st.textContent = 'Übernommen';
+    st.dataset.offen = 'nein';
+  }
+
   /** Was in den Feldern steht, zurück in Zahlen. */
   function stufenAusFeldern() {
     return [...$('stufen').children].map((zeile, i) => ({
@@ -4233,6 +5376,7 @@
       farbe: zeile.querySelector('.stufe-farbe').value,
       dauer_ms: Math.round(Number(zeile.querySelector('.stufe-dauer').value) * 1000),
       groesse: Number(zeile.querySelector('.stufe-groesse').value),
+      glanz_minuten: Math.round(Number(zeile.querySelector('.stufe-glanz').value) || 0),
     }));
   }
 
@@ -4241,12 +5385,18 @@
     const a = await hole('/workspace/api/spenden/stufen', {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ stufen: liste }),
+      /* Der Platz der Karte geht mit demselben „Übernehmen" hinaus.
+         Ein eigener Knopf daneben wäre ein zweiter Weg zu derselben
+         Handlung -- und einer davon wird dann vergessen. */
+      body: JSON.stringify({ stufen: liste, platz: stufen.platz }),
     });
     if (!a.ok) { melde(await a.json().catch(() => null), 'Das ging nicht.'); return; }
     const d = await a.json();
     stufen.liste = d.stufen;
+    if (d.platz) stufen.platz = d.platz;
+    if (spendenLage && d.platz) spendenLage.platz = d.platz;
     stufenZeichnen();
+    platzZeichnen();
     const st = $('stufen-stand');
     st.textContent = 'Übernommen';
     st.dataset.offen = 'nein';
@@ -4388,8 +5538,21 @@
          eingetragen hat -- `spendenHolen()` läuft bei jeder
          Meldung. */
       if (lage && lage.ich.host && spendenLage.gestaltung && !stufen) {
-        stufen = { liste: spendenLage.stufen, gestaltung: spendenLage.gestaltung };
+        stufen = {
+          liste: spendenLage.stufen,
+          gestaltung: { ...spendenLage.gestaltung, gruss_max: spendenLage.gruss_max },
+          /* Die Sätze werden KOPIERT und nicht verwiesen: Im Pult
+             wird daran getippt, und der Kasten im Chat zeigt
+             dieselbe Liste. Ohne Kopie änderte jeder Tastendruck im
+             Pult sofort das Angebot im Chat -- auch den halb
+             getippten Satz, und auch den, der gleich wieder
+             verworfen wird. */
+          saetze: (spendenLage.fertige_saetze || []).map((s) => ({ ...s })),
+          platz: spendenLage.platz || 'mitte',
+        };
         stufenZeichnen();
+        platzZeichnen();
+        saetzeZeichnen();
       }
     } catch { /* ohne Feld ist die Seite vollständig */ }
   }
@@ -4431,6 +5594,42 @@
       frei.hidden = false;
       frei.addEventListener('click', () => nachgefragt(0));
     }
+    satzreiheZeichnen();
+  }
+
+  /* =================================================================
+     DIE FERTIGEN SÄTZE IM CHATKASTEN (08.10.2026)
+
+     Filipe: „es soll fertige sätze geben und wenn jemand die
+     auswählt muss keiner es bestätigen dan wird es sofort angezeigt
+     und wenn jemand selber was schreibt dan muss bestätigt werden
+     damit es angezeigt wird."
+
+     EIN TIPP AUF EINEN SATZ IST DIE MELDUNG. Nicht „auswählen und
+     dann unten noch auf Melden drücken" -- das wären zwei Schritte
+     für den Weg, der der einfache sein soll, und der schwierige
+     (selbst schreiben) hätte genauso viele. Was oben steht, geht
+     sofort; was man selbst tippt, geht über den Knopf darunter und
+     wartet auf die Leitung.
+
+     DIE REIHE WIRD BEI JEDEM ZEICHNEN NEU GEBAUT. Sie ist kurz
+     (höchstens acht Knöpfe), und DogFather kann sie mitten in der
+     Sendung ändern -- eine Liste, die nur beim ersten Mal entsteht,
+     zeigte danach Sätze, die es nicht mehr gibt.
+     ================================================================= */
+  function satzreiheZeichnen() {
+    const kasten = $('geben-saetze');
+    const reihe = $('geben-satzreihe');
+    if (!kasten || !reihe) return;
+    const liste = (spendenLage?.fertige_saetze || []).filter((s) => s && s.id && s.text);
+    kasten.hidden = !liste.length;
+    reihe.textContent = '';
+    for (const s of liste) {
+      const k = el('button', 'geben__satz', s.text);
+      k.type = 'button';
+      k.addEventListener('click', () => spendeMelden(s.id));
+      reihe.append(k);
+    }
   }
 
   /** Nach dem Tippen auf einen Betrag: die eine Frage — und das
@@ -4494,7 +5693,14 @@
     p.append(window.Spendenkarte.dogenStueck(mille, spendenLage.zeichen));
   }
 
-  async function spendeMelden() {
+  /** Eine Spende melden.
+   *
+   *  `satzId` ist die Kennung eines fertigen Satzes -- dann geht die
+   *  Karte sofort ins Bild und niemand muss sie bestätigen. Ohne sie
+   *  gilt der selbst geschriebene Text, und der wartet auf die
+   *  Leitung. Die Begründung dafür steht auf dem Server, in
+   *  `spenden-tabellen.js`. */
+  async function spendeMelden(satzId = 0) {
     let mille = gemeldeterBetrag;
     if (!mille) {
       /* `frageNachText` GAB ES NIE. Nur diese Zeile nannte es; gesetzt
@@ -4522,16 +5728,34 @@
         body: JSON.stringify({
           dogen_mille: mille,
           name: $('geben-name').value.trim(),
-          gruss: $('geben-text').value.trim(),
+          /* ENTWEDER DAS EINE ODER DAS ANDERE. Beides zu schicken
+             hiesse, dass der Server entscheiden muss, was gilt --
+             und ein freier Text, der neben einer Satzkennung
+             mitreist, wäre genau die Hintertür, die der ganze
+             Umweg über die Kennung verhindern soll. */
+          ...(satzId ? { satz_id: satzId } : { gruss: $('geben-text').value.trim() }),
         }),
       });
       if (!a.ok) { melde(await a.json().catch(() => null), 'Das ging gerade nicht.'); return; }
+      const antwort = await a.json().catch(() => null);
       $('geben-nach').hidden = true;
       $('geben-text').value = '';
       restZeigen();
       const d = $('geben-danke');
       d.hidden = false;
-      d.textContent = 'Danke! Sobald DogFather es bestätigt, steht dein Text im Bild.';
+      /* ==== DER SATZ SAGT, WAS WIRKLICH PASSIERT IST ============
+         „Sobald DogFather es bestätigt" wäre bei einem fertigen Satz
+         schlicht falsch -- die Karte läuft in diesem Augenblick
+         schon. Und wer ein Versprechen liest, das nicht gilt, glaubt
+         beim nächsten Mal auch dem richtigen nicht.
+
+         Der Server sagt, was er getan hat (`sofort`); diese Seite
+         rechnet es nicht selbst nach. Zwei Antworten auf dieselbe
+         Frage wären wieder die Gelegenheit, dass eine davon falsch
+         ist. */
+      d.textContent = antwort?.sofort
+        ? 'Danke! Deine Karte läuft gerade im Bild.'
+        : 'Danke! Sobald DogFather es bestätigt, steht dein Text im Bild.';
     } catch { sagFehler('Das ging gerade nicht.'); }
   }
 
@@ -4707,8 +5931,27 @@
     setInterval(pegelTakt, 90);       // 90 ms -- darunter sieht das Auge nichts mehr
     setInterval(pegelNachziehen, 2500);
 
+    /* Die Gerätewahl steht im Browser und nicht am Server: Welches
+       Mikrofon an DIESEM Rechner hängt, geht niemanden sonst etwas
+       an, und am nächsten Gerät wäre die Antwort ohnehin eine
+       andere. Gelesen wird sie vor allem anderen -- `kameraHolen()`
+       fragt sie gleich ab. */
+    tonWahlLesen();
+
+    /* ---- Der Vorraum für Eingeladene ---- */
+    $('vorraum-kamera').addEventListener('click', () => {
+      vorraumKamera = !vorraumKamera;
+      vorraumSchalterZeichnen();
+    });
+    $('vorraum-mikro').addEventListener('click', () => {
+      vorraumMikro = !vorraumMikro;
+      vorraumSchalterZeichnen();
+    });
+    $('vorraum-ja').addEventListener('click', () => vorraumAntwort(true));
+    $('vorraum-nein').addEventListener('click', () => vorraumAntwort(false));
+
     /* Spenden melden */
-    $('geben-melden').addEventListener('click', spendeMelden);
+    $('geben-melden').addEventListener('click', () => spendeMelden(0));
     $('geben-abbruch').addEventListener('click', () => { $('geben-nach').hidden = true; });
     $('geben-text').addEventListener('input', restZeigen);
 
@@ -4718,6 +5961,21 @@
     $('s-mikro').addEventListener('click',
       () => sendenSchalten('mikro', !lage.ich.mikro_aus));
     $('s-teilen').addEventListener('click', bildschirmSchalten);
+    $('s-geraete').addEventListener('click', geraetefensterAuf);
+    $('geraetefenster-zu').addEventListener('click', () => {
+      $('geraetefenster').hidden = true;
+    });
+    /* ==== DIE ESCAPE-TASTE SCHLIESST, DER VORRAUM NICHT =========
+       Ein Fenster, das man nur über einen Knopf wieder loswird, ist
+       am Rechner eine Sackgasse. Der VORRAUM bekommt das
+       ausdrücklich NICHT: Dort steht eine Entscheidung an, und
+       „weggedrückt" ist keine Antwort — er hat dafür zwei sichtbare
+       Ausgänge. */
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && !$('geraetefenster').hidden) {
+        $('geraetefenster').hidden = true;
+      }
+    });
 
     /* Die Chat-Stufe -- nur fuer die zwei */
     $('chat-meldungen')?.addEventListener('click', meldungenZeigen);
diff --git a/workspace/assets/js/spendenkarte.js b/workspace/assets/js/spendenkarte.js
index 927ddbbb..f9a885c3 100644
--- a/workspace/assets/js/spendenkarte.js
+++ b/workspace/assets/js/spendenkarte.js
@@ -209,28 +209,71 @@
     const eile = Math.min(1, 4 / Math.max(1, schlange.length + 1));
     const dauer = Math.max(2200, Math.round((karte.stufe?.dauer_ms || 7000) * eile));
 
-    const tafel = bauen(karte);
-    kasten.append(tafel);
+    /* ==== DER PLATZ STEHT AM KASTEN, NICHT AN DER KARTE ==========
+       (08.10.2026)
+
+       Er entscheidet die ANORDNUNG -- also etwas, das der Kasten tut
+       und nicht sein Inhalt. An der Karte stuende dieselbe Auskunft
+       einmal je Karte, und zwei gleichzeitig angezeigte koennten
+       sich widersprechen.
+
+       Eine unbekannte Angabe faellt auf „mitte" zurueck: Das ist der
+       Platz, den Filipe bestellt hat, und ein leerer Wert kommt nur
+       von einer aelteren Fassung des Servers. */
+    const platz = karte.platz === 'rand' ? 'rand' : 'mitte';
+    /* AUSSER JEMAND HAT ES FUER DIESE QUELLE AUSDRUECKLICH GESETZT.
+       Die Spendentafel in OBS kennt `?pos=` -- dort liegt im Stream
+       oft noch etwas anderes im Bild. Was in der Adresse steht, ist
+       eine Entscheidung fuer DIESE Szene und muss schwerer wiegen
+       als die Hauseinstellung; sonst zoege sie bei der naechsten
+       Spende zurueck, und niemand wuesste, warum. */
+    if (kasten.dataset.posFest !== 'ja' && kasten.dataset.platz !== platz) {
+      kasten.dataset.platz = platz;
+    }
+
+    const huelle = bauen(karte);
+    kasten.append(huelle);
     /* Ein Bild in derselben Umdrehung anzuhaengen und gleich zu
        bewegen, ueberspringt der Browser -- er fasst beides zusammen.
        Ein Bildaufbau dazwischen, dann laeuft es. */
     requestAnimationFrame(() => requestAnimationFrame(() => {
-      tafel.dataset.da = 'ja';
+      huelle.dataset.da = 'ja';
     }));
 
     setTimeout(() => {
-      tafel.dataset.da = 'nein';
+      huelle.dataset.da = 'nein';
       setTimeout(() => {
-        tafel.remove();
+        huelle.remove();
         laeuft = false;
         naechste(kasten);
       }, 600);
     }, dauer);
   }
 
+  /** Baut die Huelle und die Karte darin.
+   *
+   *  ==== WARUM ZWEI ELEMENTE UND NICHT EINS (08.10.2026)
+   *
+   *  Die Huelle macht das ERSCHEINEN (Deckkraft und Flug aus der
+   *  Tiefe), die Karte darin macht die FORM (Wiegen, Glanz).
+   *
+   *  Das ist kein Umweg: `opacity` unter 1 zwingt ein Element laut
+   *  CSS-Transforms-2 auf `transform-style: flat`. Eine Karte, die
+   *  beim Hereinkommen ihre Deckkraft aendert, ist in genau dieser
+   *  Zeit flach -- und springt in dem einen Bild, in dem die
+   *  Deckkraft 1 erreicht, in die Tiefe. Dieses Springen sieht man.
+   *  Mit zwei Elementen setzen sich beide Umformungen durch die
+   *  Verschachtelung zusammen, statt einander zu ueberschreiben.
+   *
+   *  Dass die Werte (`--sp-farbe`, `--sp-gross`) an der HUELLE
+   *  stehen, ist Absicht: Sie werden vererbt, und damit kann auch
+   *  die Huelle sie benutzen, ohne dass sie zweimal gesetzt werden. */
   function bauen(karte) {
     const farbe = karte.stufe?.farbe || '#8ec9ff';
+    const huelle = el('div', 'spendenkarte-auftritt');
     const tafel = el('div', 'spendenkarte');
+    huelle.append(tafel);
+    huelle.style.setProperty('--sp-farbe', farbe);
     tafel.style.setProperty('--sp-farbe', farbe);
     /* DIE GROESSE KOMMT VON DER STUFE. Genau das ist „spezielle
        sachen bei speziellen spenden": Eine Rudel-Legende darf
@@ -240,8 +283,9 @@
        Bühnenstrom. Eine Zahl, die aus der Leitung kommt, wird nicht
        ungeprüft in ein Stilblatt geschrieben. */
     const g = Number(karte.stufe?.groesse);
-    tafel.style.setProperty('--sp-gross',
-      String(Number.isFinite(g) && g >= 1 && g <= 2.5 ? g : 1));
+    const gross = String(Number.isFinite(g) && g >= 1 && g <= 2.5 ? g : 1);
+    huelle.style.setProperty('--sp-gross', gross);
+    tafel.style.setProperty('--sp-gross', gross);
     tafel.dataset.stufe = karte.stufe?.name || '';
     tafel.setAttribute('role', 'status');
 
@@ -295,7 +339,7 @@
     }
     if (karte.gruss) text.append(el('p', 'spendenkarte__gruss', karte.gruss));
     tafel.append(text);
-    return tafel;
+    return huelle;
   }
 
   /** Eine Karte zeigen. Kasten und Karte, sonst nichts. */
diff --git a/workspace/assets/js/tafel.js b/workspace/assets/js/tafel.js
index 16a79352..aad3cc56 100644
--- a/workspace/assets/js/tafel.js
+++ b/workspace/assets/js/tafel.js
@@ -55,14 +55,50 @@
     const faktor = Number.isFinite(g) && g >= 0.5 && g <= 4 ? g : 1.4;
     document.documentElement.style.fontSize = `${Math.round(16 * faktor)}px`;
 
+    /* ==== WO DIE KARTE STEHT — EINE ANTWORT, EINE AUSNAHME =======
+       (geändert 08.10.2026)
+
+       Seit heute entscheidet das Regiepult, ob die Karte in der
+       MITTE des Bildes steht oder am RAND; die Karte bringt den
+       Platz mit („Gestaltung → Wo die Karte steht"), und derselbe
+       Wert gilt im Saal und hier. Das ist die eine Antwort — wer
+       umstellt, stellt beide Orte zugleich um und muss nicht daran
+       denken, in OBS eine Adresse nachzuziehen.
+
+       `pos` IN DER ADRESSE BLEIBT TROTZDEM, UND ZWAR ALS AUSNAHME.
+       Im Stream liegt oft noch etwas anderes im Bild — ein
+       Kamerakasten, ein Alert, ein Rahmen. Dafür braucht es eine
+       Stelle, an der man die Karte für DIESE Szene wegschiebt, ohne
+       den Saal mitzuverstellen.
+
+       UND SIE GILT NUR, WENN SIE AUSDRÜCKLICH DASTEHT. Vorher stand
+       hier `p.get('pos') || 'ul'` — damit hatte JEDE Adresse eine
+       Lage, auch die, in der nie jemand eine angegeben hat, und die
+       Hauseinstellung wäre an dieser Seite wirkungslos verpufft.
+       Das ist der Unterschied zwischen einer Ausnahme und einer
+       zweiten Regel.
+
+       Die Werte heißen `align-content`/`justify-items` und nicht
+       `justify-content`/`align-items`: Die Tafel ist seit dem
+       08.10. ein Raster mit einer Spalte, und dort sind das die
+       Eigenschaften, die wirken. */
     const lagen = {
-      ul: ['flex-end', 'flex-start'], ur: ['flex-end', 'flex-end'],
-      ol: ['flex-start', 'flex-start'], or: ['flex-start', 'flex-end'],
+      ul: ['end', 'start'], ur: ['end', 'end'],
+      ol: ['start', 'start'], or: ['start', 'end'],
       mitte: ['center', 'center'],
     };
-    const [senkrecht, waagerecht] = lagen[String(p.get('pos') || 'ul')] || lagen.ul;
-    tafel.style.justifyContent = senkrecht;
-    tafel.style.alignItems = waagerecht;
+    const gewuenscht = String(p.get('pos') || '');
+    if (gewuenscht && lagen[gewuenscht]) {
+      const [senkrecht, waagerecht] = lagen[gewuenscht];
+      tafel.style.alignContent = senkrecht;
+      tafel.style.justifyItems = waagerecht;
+      /* Die FORM muss zur Lage passen: In der Mitte steht die Karte
+         als Aufsteller (Münze oben, Betrag darunter), an jeder
+         anderen Lage als Zeile. Ohne diese Zeile stünde mitten im
+         Bild die flache Randfassung. */
+      tafel.dataset.platz = gewuenscht === 'mitte' ? 'mitte' : 'rand';
+      tafel.dataset.posFest = 'ja';
+    }
   }
   const schluessel = new URLSearchParams(location.search).get('s') || '';
 
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index 138dec19..34645c84 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="garage">
@@ -430,22 +430,22 @@
 <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
      `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
      Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
-<script src="assets/js/textform.js?v=202610072346"></script>
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/textform.js?v=202610080131"></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/zuteilung.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/zuteilung.js?v=202610080131" defer></script>
 <!-- Der Vorlagenkatalog stand bis zum 23.09.2026 mitten in
      aufgaben.js. Er bedient jetzt zwei Seiten und hat deshalb eine
      eigene Datei; hier zeigt er den Creator-Katalog.
      Vor aufgaben.js, weil die Seite ihn beim Start einrichtet. -->
-<script src="assets/js/vorlagenbrett.js?v=202610072346" defer></script>
-<script src="assets/js/aufgaben.js?v=202610072346" defer></script>
+<script src="assets/js/vorlagenbrett.js?v=202610080131" defer></script>
+<script src="assets/js/aufgaben.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/automation.html b/workspace/automation.html
index 575c2c5d..df80bae5 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/automation.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="garage">
@@ -168,15 +168,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/automation.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/automation.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/befinden.html b/workspace/befinden.html
index 789d7519..49d2816e 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -197,16 +197,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/befinden.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/befinden.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/bereich.html b/workspace/bereich.html
index d55da5f4..695a352a 100644
--- a/workspace/bereich.html
+++ b/workspace/bereich.html
@@ -12,29 +12,29 @@
      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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610080131" />
 <!-- Die Bildschau: ein Banner wird darin mittig gezeigt statt als nackte
      Datei in einem neuen Tab. Sie ist seit dem 07.10.2026 eine eigene
      Datei und keine Kopie aus chat.css -- dieselbe Schau im Chat und
      hier, ein Stil. -->
-<link rel="stylesheet" href="assets/css/bildschau.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/bildschau.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -413,20 +413,20 @@
 <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
      `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
      Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
-<script src="assets/js/textform.js?v=202610072346"></script>
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/textform.js?v=202610080131"></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/checkliste.js?v=202610072346" defer></script>
-<script src="assets/js/ampel.js?v=202610072346" defer></script>
-<script src="assets/js/schulung.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/bildschau.js?v=202610072346"></script>
-<script src="assets/js/bereich.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/checkliste.js?v=202610080131" defer></script>
+<script src="assets/js/ampel.js?v=202610080131" defer></script>
+<script src="assets/js/schulung.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/bildschau.js?v=202610080131"></script>
+<script src="assets/js/bereich.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/bewerben.html b/workspace/bewerben.html
index 7c9df565..772de5c9 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -108,15 +108,15 @@
 </main>
 
 <!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. -->
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/auskunft.js?v=202610072346" defer></script>
-<script src="assets/js/bewerben.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/auskunft.js?v=202610080131" defer></script>
+<script src="assets/js/bewerben.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/bewerbungen.html b/workspace/bewerbungen.html
index 2a16d406..8bfa58f0 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -80,16 +80,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/auskunft.js?v=202610072346" defer></script>
-<script src="assets/js/bewerbungen.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/auskunft.js?v=202610080131" defer></script>
+<script src="assets/js/bewerbungen.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/buehne.html b/workspace/buehne.html
index e574bd3e..3190aa76 100644
--- a/workspace/buehne.html
+++ b/workspace/buehne.html
@@ -59,11 +59,11 @@
 <!-- DIE WERBEEINBLENDUNG. Dieselbe Datei wie in der Reaction-Seite:
      Zwei Fassungen altern unterschiedlich, und dann sieht der Stream
      anders aus als das, worueber geredet wird. -->
-<link rel="stylesheet" href="assets/css/werbung.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/werbung.css?v=202610080131" />
 </head>
 <body class="obs-buehne">
 <div id="platz"></div>
-<script src="assets/js/werbung.js?v=202610072346" defer></script>
-<script src="assets/js/buehne.js?v=202610072346" defer></script>
+<script src="assets/js/werbung.js?v=202610080131" defer></script>
+<script src="assets/js/buehne.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/calls.html b/workspace/calls.html
index d5a2ccc1..997dd168 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/calls.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="lounge">
@@ -89,15 +89,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/ki.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/calls.js?v=202610072346" defer></script>
+<script src="assets/js/ki.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/calls.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/chat.html b/workspace/chat.html
index 6a3332ac..66158a4a 100644
--- a/workspace/chat.html
+++ b/workspace/chat.html
@@ -12,31 +12,31 @@
      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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
 <!-- 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=202610072346" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202610080131" />
 <!-- Die Bildschau stand bis zum 07.10.2026 in chat.css. Sie wird jetzt
      auch vom Event-Banner benutzt (bereich.html) und hat deshalb eine
      eigene Datei. Sie steht GENAU HIER -- direkt hinter chat.css, also
      an derselben Stelle im Ladeweg wie der Block vorher. -->
-<link rel="stylesheet" href="assets/css/bildschau.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/bildschau.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="lounge">
@@ -744,24 +744,24 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202610072346"></script>
+<script src="assets/js/bereiche.js?v=202610080131"></script>
 <!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js
      fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter,
      waere die erste gezeichnete Nachricht ohne Gestaltung -- und das
      faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie
      wirklich vor den anderen dasteht. -->
-<script src="assets/js/textform.js?v=202610072346"></script>
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346"></script>
-<script src="assets/js/glocke.js?v=202610072346"></script>
+<script src="assets/js/textform.js?v=202610080131"></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131"></script>
+<script src="assets/js/glocke.js?v=202610080131"></script>
 <!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
      bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
      Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
      die Knoepfe fehlten, und niemand wuesste warum. -->
-<script src="assets/js/anruf.js?v=202610072346"></script>
+<script src="assets/js/anruf.js?v=202610080131"></script>
 <!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom
      Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein
      Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne
@@ -772,8 +772,8 @@
      sie beim ersten Foto noch nicht da -- und der erste Klick ginge
      wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal
      auftritt, ist der, den man nie nachstellen kann. -->
-<script src="assets/js/bildschau.js?v=202610072346"></script>
-<script src="assets/js/chat.js?v=202610072346"></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/bildschau.js?v=202610080131"></script>
+<script src="assets/js/chat.js?v=202610080131"></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/content.html b/workspace/content.html
index 3f392891..4a01e9e9 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/content.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/content.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="portal">
@@ -179,15 +179,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/checkliste.js?v=202610072346" defer></script>
-<script src="assets/js/content.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/checkliste.js?v=202610080131" defer></script>
+<script src="assets/js/content.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/crew-index.html b/workspace/crew-index.html
index 2db5264f..bc17bc89 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/crew-haus.css?v=202610080131" />
 </head>
 
 <body class="gate gate--crew">
@@ -459,7 +459,7 @@
 
 
 
-<script src="assets/js/gate.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/gate.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/crew.webmanifest b/workspace/crew.webmanifest
index 916b91ac..ad4ec514 100644
--- a/workspace/crew.webmanifest
+++ b/workspace/crew.webmanifest
@@ -23,25 +23,25 @@
   },
   "icons": [
     {
-      "src": "/assets/img/app-symbole/crew-192.png?v=202610072346",
+      "src": "/assets/img/app-symbole/crew-192.png?v=202610080131",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/crew-512.png?v=202610072346",
+      "src": "/assets/img/app-symbole/crew-512.png?v=202610080131",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/assets/img/app-symbole/crew-192-maskable.png?v=202610072346",
+      "src": "/assets/img/app-symbole/crew-192-maskable.png?v=202610080131",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/assets/img/app-symbole/crew-512-maskable.png?v=202610072346",
+      "src": "/assets/img/app-symbole/crew-512-maskable.png?v=202610080131",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/workspace/dateien.html b/workspace/dateien.html
index c6cb9a88..8271f937 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="arena">
@@ -108,15 +108,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/dateien.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/dateien.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/entwicklung.html b/workspace/entwicklung.html
index 29396653..bf3ec612 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -306,20 +306,20 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
 <!-- VOR entwicklung.js: Die Seite richtet den Katalog beim Start ein,
      also muss es ihn zu dem Zeitpunkt geben. Mit "defer" laufen beide
      in Dokumentreihenfolge. -->
-<script src="assets/js/vorlagenbrett.js?v=202610072346" defer></script>
-<script src="assets/js/entwicklung.js?v=202610072346" defer></script>
+<script src="assets/js/vorlagenbrett.js?v=202610080131" defer></script>
+<script src="assets/js/entwicklung.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/hilfe.html b/workspace/hilfe.html
index 6992c1f5..f11caa2b 100644
--- a/workspace/hilfe.html
+++ b/workspace/hilfe.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/hilfe.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/hilfe.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -146,14 +146,14 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/hilfe.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/hilfe.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/index.html b/workspace/index.html
index e6e0d1ee..f4581f9d 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
 </head>
 
 <body class="gate">
@@ -427,7 +427,7 @@
 
 
 
-<script src="assets/js/gate.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/gate.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/kalender.html b/workspace/kalender.html
index f5c6904a..52652e95 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="skyline">
@@ -383,15 +383,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/kalender.js?v=202610072346" defer></script>
-<script src="assets/js/kalender-abo.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/kalender.js?v=202610080131" defer></script>
+<script src="assets/js/kalender-abo.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/leistung.html b/workspace/leistung.html
index 401e063e..a76e4e1e 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/leistung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="arena">
@@ -444,13 +444,13 @@
   </form>
 </dialog>
 
-<script src="assets/js/meldung.js?v=202610072346"></script>
-<script src="assets/js/nachfrage.js?v=202610072346"></script>
-<script src="assets/js/wahl.js?v=202610072346"></script>
-<script src="assets/js/bereiche.js?v=202610072346"></script>
-<script src="assets/js/kopf.js?v=202610072346"></script>
-<script src="assets/js/glocke.js?v=202610072346"></script>
-<script src="assets/js/leistung.js?v=202610072346"></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131"></script>
+<script src="assets/js/nachfrage.js?v=202610080131"></script>
+<script src="assets/js/wahl.js?v=202610080131"></script>
+<script src="assets/js/bereiche.js?v=202610080131"></script>
+<script src="assets/js/kopf.js?v=202610080131"></script>
+<script src="assets/js/glocke.js?v=202610080131"></script>
+<script src="assets/js/leistung.js?v=202610080131"></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/manager-ziele.html b/workspace/manager-ziele.html
index 2149a1b9..805246d7 100644
--- a/workspace/manager-ziele.html
+++ b/workspace/manager-ziele.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/manager-ziele.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/manager-ziele.css?v=202610080131" />
 <!-- module.css an VORLETZTER, haus.css an LETZTER Stelle. Die
      Reihenfolge ist keine Geschmacksfrage: haus.css setzt nur
      Variablen, und bei Variablen entscheidet allein, wer zuletzt
      kommt. pruef-css-klassen.mjs misst genau dieses Paar nach. -->
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="arena">
@@ -230,16 +230,16 @@
      kopf.js liest daraus die Leitungsrollen. Ohne sie stürzt jede
      Seite ab, und zwar nur in der Browserkonsole -- die Kopfleiste
      kommt trotzdem. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
 <!-- wahl.js gehört zu kopf.js: Der Sicht-Umschalter baut daraus seine
      Liste. pruef-css-klassen setzt das durch, und zwar auch die
      Reihenfolge -- kopf.js fragt beim Aufbau nach dem fertigen
      Bedienelement. -->
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/manager-ziele.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/manager-ziele.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/material.html b/workspace/material.html
index a3a3c5b2..741953e3 100644
--- a/workspace/material.html
+++ b/workspace/material.html
@@ -12,13 +12,13 @@
      vergessen wird. -->
 <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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/material.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/material.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 <body class="start" data-ton="42" data-buehne="studio">
 
@@ -138,14 +138,14 @@
   <p class="m-laedt" id="laedt">Einen Moment …</p>
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/material.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/material.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/notizen.html b/workspace/notizen.html
index 4387eb01..d643af6f 100644
--- a/workspace/notizen.html
+++ b/workspace/notizen.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/notizen.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/notizen.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-ton="46">
@@ -181,12 +181,12 @@
 
 <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
      liest daraus die Leitungsrollen. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/notizen.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/notizen.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/personen.html b/workspace/personen.html
index 356d431f..2d6fb7c7 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/personen.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="halle">
@@ -453,14 +453,14 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/personen.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/personen.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/profil.html b/workspace/profil.html
index 5cbd20c8..da2faabb 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="halle">
@@ -214,16 +214,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/steckbrief.js?v=202610072346" defer></script>
-<script src="assets/js/profil.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/steckbrief.js?v=202610080131" defer></script>
+<script src="assets/js/profil.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/reaktion.html b/workspace/reaktion.html
index 6d92bffa..cce24bde 100644
--- a/workspace/reaktion.html
+++ b/workspace/reaktion.html
@@ -7,15 +7,15 @@
 <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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/reaktion.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/werbung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/reaktion.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/werbung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start reaktion-seite" data-stand="laedt">
@@ -270,6 +270,29 @@
             <span id="s-mikro-wort">Mikro</span><kbd class="sender-taste">M</kbd>
           </button>
           <span class="sender-pegel" id="s-pegel" aria-hidden="true"><i></i></span>
+          <!-- ==== GERÄTE AUCH FÜR GÄSTE (08.10.2026) ============
+               Filipe: „auch bei den gästen."
+
+               Das Regiepult sehen nur die zwei, die die Sendung
+               führen — ein Gast käme also nach dem Vorraum nie mehr
+               an seine Gerätewahl. Genau dann braucht er sie aber:
+               wenn mitten in der Sendung auffällt, dass der falsche
+               Weg läuft. Der Knopf steht deshalb in der
+               Senderleiste, bei Kamera und Mikro, denn er gehört zu
+               derselben Frage.
+
+               Er steht auch beim Host da. Zwei Wege zur selben
+               Einstellung sind hier kein Widerspruch, sondern
+               derselbe Bauplan an zwei Griffen — dahinter liegt
+               dieselbe Funktion. -->
+          <button type="button" class="sender-knopf sender-knopf--klein" id="s-geraete"
+                  title="Mikrofon, Kamera und Mischpult">
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M5 4v16M12 4v16M19 4v16" />
+              <path d="M2.5 9.5h5M9.5 14.5h5M16.5 7.5h5" />
+            </svg>
+            <span class="sender-knopf__wort">Geräte</span>
+          </button>
         </div>
 
         <button type="button" class="ton-an" id="ton-an" hidden>
@@ -365,8 +388,26 @@
               <input type="text" id="geben-name" maxlength="40"
                      autocomplete="off" placeholder="So wie du dastehen willst" />
             </label>
+
+            <!-- ==== DIE FERTIGEN SÄTZE (08.10.2026) ===============
+                 Filipe: „es soll fertige sätze geben und wenn jemand
+                 die auswählt muss keiner es bestätigen dan wird es
+                 sofort angezeigt und wenn jemand selber was schreibt
+                 dan muss bestätigt werden damit es angezeigt wird."
+
+                 SIE STEHEN VOR DEM FREIEN FELD und nicht daneben.
+                 Das ist der ganze Punkt: Der schnelle Weg soll der
+                 naheliegende sein. Wer tippen will, tippt darunter
+                 weiter — nur dauert es dann, bis es im Bild steht,
+                 und genau das steht auch dort. -->
+            <div class="geben__saetze" id="geben-saetze" hidden>
+              <span class="geben__saetze-wort">Ein fertiger Satz — steht sofort im Bild</span>
+              <div class="geben__satzreihe" id="geben-satzreihe" role="group"
+                   aria-label="Fertige Sätze"></div>
+            </div>
+
             <label class="geben__feld">
-              <span>Dein Text <span class="geben__rest" id="geben-rest"></span></span>
+              <span>Oder selbst schreiben <span class="geben__rest" id="geben-rest"></span></span>
               <textarea id="geben-text" rows="2" maxlength="140"
                         placeholder="Was soll im Bild stehen?"></textarea>
             </label>
@@ -477,9 +518,9 @@
                auch bevor etwas eingetragen ist. Vorher stand hier
                nur ein Titel, und wenn keiner da war, ein schwarzes
                Loch neben einer vollen Spalte. -->
-          <section class="regiekachel kachel--laeuft" id="spur">
-            <div class="regieregiekachel__kopf">
-              <h4 class="regieregiekachel__ueber">Was läuft</h4>
+          <section class="regiekachel regiekachel--laeuft" id="spur">
+            <div class="regiekachel__kopf">
+              <h4 class="regiekachel__ueber">Was läuft</h4>
               <span class="spur__marke" id="spur-marke">Läuft</span>
             </div>
 
@@ -498,15 +539,15 @@
           </section>
 
           <!-- ==== RECHTS OBEN: DIE SENDUNG ==================== -->
-          <section class="regiekachel kachel--sendung">
-            <div class="regieregiekachel__kopf">
-              <h4 class="regieregiekachel__ueber">Die Sendung</h4>
+          <section class="regiekachel regiekachel--sendung">
+            <div class="regiekachel__kopf">
+              <h4 class="regiekachel__ueber">Die Sendung</h4>
             </div>
             <label class="pult__feld">
               <span>Titel der Sendung</span>
               <input type="text" id="p-titel" maxlength="120" placeholder="Worum geht es?" />
             </label>
-            <div class="regieregiekachel__paar">
+            <div class="regiekachel__paar">
               <label class="pult__feld">
                 <span>YouTube</span>
                 <input type="text" id="p-video" placeholder="Adresse oder Kennung" />
@@ -516,6 +557,18 @@
                 <input type="datetime-local" id="p-beginn" />
               </label>
             </div>
+            <!-- ==== DAS VORSCHAUBILD GEHÖRT ZUR SENDUNG ========
+                 Es stand bis zum 08.10.2026 unter „Bereitlegen",
+                 direkt neben dem zweiten Video — und sah damit aus,
+                 als gehöre es dazu. Es ist aber das Bild der
+                 WARTETAFEL, also eine Eigenschaft dieser Sendung wie
+                 Titel und Beginn. Zwei Felder nebeneinander, von
+                 denen eines etwas ganz anderes meint, sind eine
+                 Falle, die man nur einmal braucht. -->
+            <label class="pult__feld">
+              <span>Vorschaubild (freiwillig)</span>
+              <input type="text" id="p-vorschau" placeholder="Adresse eines Bildes" />
+            </label>
             <div class="pult__zeile pult__zeile--ende">
               <button type="button" class="knopf-still knopf-still--haupt"
                       id="p-sichern">Übernehmen</button>
@@ -523,22 +576,47 @@
           </section>
 
           <!-- ==== RECHTS UNTEN: BEREITLEGEN =================== -->
-          <section class="regiekachel kachel--bereit">
-            <div class="regieregiekachel__kopf">
-              <h4 class="regieregiekachel__ueber">Bereitlegen</h4>
+          <section class="regiekachel regiekachel--bereit">
+            <div class="regiekachel__kopf">
+              <h4 class="regiekachel__ueber">Bereitlegen</h4>
             </div>
-            <div class="regieregiekachel__paar">
-              <label class="pult__feld">
-                <span>Zweites Video</span>
-                <input type="text" id="p-zweit" placeholder="Adresse — leer räumt es weg" />
-              </label>
-              <label class="pult__feld">
-                <span>Vorschaubild</span>
-                <input type="text" id="p-vorschau" placeholder="Adresse eines Bildes" />
-              </label>
+            <!-- ==== WAS BEREITLIEGT, SIEHT MAN JETZT (08.10.2026)
+                 Filipe: „perfektioniere das ganze system auch für das
+                 zweite video. auch so dass ich während einer sendung
+                 auch immer ein zweites vorbereiten kann oder ändern
+                 kann."
+
+                 Vorher stand hier nur ein Textfeld mit einer
+                 YouTube-Kennung darin. Ob das Richtige bereitlag,
+                 wusste man erst nach dem Umschalten — also vor
+                 Publikum. Jetzt stehen Bild, Titel und die GEMERKTE
+                 STELLE da, und die ist der eigentliche Grund für das
+                 zweite Video: Man schaltet mittendrin weg und später
+                 dort weiter. -->
+            <div class="laufbild" id="zweitbild" data-bild="nein">
+              <img id="zweit-bild" alt="" />
+              <span class="laufbild__leer" id="zweit-leer">
+                Noch kein zweites Video — trag unten eine Adresse ein
+                oder nimm eines aus der Warteschlange.
+              </span>
+              <span class="laufbild__stelle" id="zweit-stelle" hidden></span>
             </div>
+            <strong class="spur__titel" id="zweit-titel">Nichts bereitgelegt</strong>
+
+            <label class="pult__feld">
+              <span>Zweites Video</span>
+              <input type="text" id="p-zweit" placeholder="Adresse — leer räumt es weg" />
+            </label>
             <div class="pult__zeile pult__zeile--ende">
               <button type="button" class="knopf-still" id="p-zweit-sichern">Bereitlegen</button>
+              <!-- Derselbe Tausch wie in der Transportleiste, nur von
+                   hier aus. Er steht an BEIDEN Stellen, weil man ihn
+                   an beiden braucht: unten, während man sendet, und
+                   hier, während man einrichtet. Dahinter liegt
+                   dieselbe Funktion — zwei wären zwei, die
+                   auseinanderlaufen. -->
+              <button type="button" class="knopf-still" id="p-zweit-tausch"
+                      disabled>Jetzt wechseln</button>
               <!-- ==== ALLES ZURÜCKSETZEN ====================
                    Filipe: „brauch ich auch noch einen button wo ich
                    alles easy zurücksetzen kann."
@@ -577,6 +655,21 @@
                id="tafel-ton" aria-labelledby="reiter-ton">
         <div class="regler-reihe" id="regler"></div>
         <p class="pult__klein" id="ton-hinweis"></p>
+
+        <!-- ==== DIE GERÄTE (08.10.2026) ========================
+             Filipe: „ich will dass du das auch mit meinem
+             mischpult, also meinen rodeduo verbindest. also soll
+             mit und ohne gehen bitte."
+
+             Bis heute nahm diese Seite immer das, was Windows
+             gerade für den Standard hielt — bei fünfzehn
+             RØDE-Einträgen ist das Glückssache. Und sie schaltete
+             Echo- und Rauschunterdrückung fest EIN, also genau die
+             zwei Automatiken, die über einem Pult nichts zu suchen
+             haben. Beides steht jetzt hier. -->
+        <h3 class="pult__ueber">Geräte &amp; Mischpult</h3>
+        <div class="geraete" id="geraete"></div>
+        <p class="pult__klein" id="geraete-hinweis"></p>
       </section>
 
       <!-- ==== Gäste ========================================== -->
@@ -586,7 +679,7 @@
         <div class="gast-reihe" id="gast-reihe"></div>
         <div class="pult__zeile">
           <select id="p-wen" class="pult__wahl" aria-label="Wen holen?"></select>
-          <button type="button" class="knopf-still" id="p-holen">Dazuholen</button>
+          <button type="button" class="knopf-still" id="p-holen">Einladen</button>
         </div>
       </section>
 
@@ -693,12 +786,31 @@
           in Drittel geteilt.
         </p>
 
+        <!-- ==== WO DIE KARTE STEHT (08.10.2026) ================
+             Filipe: „die spende soll auch in der mitte vom bild
+             angezeigt werden."
+
+             Der Knopf bleibt trotzdem: Bei einem Film, bei dem ein
+             Deckel in der Mitte stört, ist der alte Platz der
+             bessere — und eine Festlegung, die man nicht
+             zurücknehmen kann, ist keine Einstellung. Er gilt für
+             den Saal UND für die Tafel in OBS. -->
+        <h3 class="pult__ueber">Wo die Karte steht</h3>
+        <div class="platzwahl" id="platzwahl" role="group"
+             aria-label="Wo die Spendenkarte im Bild steht"></div>
+        <p class="pult__klein">
+          In der Mitte steht sie als Aufsteller und kommt aus der
+          Tiefe nach vorn — am Rand liegt sie flach unten links und
+          lässt das Bild frei. Beides gilt auch für die Tafel in OBS.
+        </p>
+
         <h3 class="pult__ueber">Wie eine Spende aussieht</h3>
         <p class="pult__klein">
           Je Stufe: ab wie vielen Dogen sie gilt, wie sie heißt,
-          welches Zeichen, welche Farbe, wie lange sie steht und wie
-          groß. Eine Spende bekommt immer die höchste Stufe, die auf
-          sie passt.
+          welches Zeichen, welche Farbe, wie lange sie steht, wie
+          groß — und wie lange der Spender danach im Chat besonders
+          aussieht. Eine Spende bekommt immer die höchste Stufe, die
+          auf sie passt.
         </p>
         <div class="stufen" id="stufen"></div>
         <div class="pult__zeile">
@@ -711,6 +823,28 @@
           „Ausprobieren“ zeigt dir eine Karte — nur bei dir, und es wird
           keine Spende daraus. Im Saal sieht das niemand.
         </p>
+
+        <!-- ==== DIE FERTIGEN SÄTZE (08.10.2026) ================
+             Was hier steht, kann ein Zuschauer beim Spenden
+             auswählen — und was er auswählt, geht OHNE Bestätigung
+             sofort ins Bild. Das ist der Grund, warum die Liste
+             hier steht und nicht irgendwo: Wer sie schreibt, hat
+             damit vorher entschieden, was später ungesehen im
+             Stream erscheinen darf. -->
+        <h3 class="pult__ueber">Fertige Sätze</h3>
+        <p class="pult__klein">
+          Wählt jemand einen davon aus, läuft seine Karte
+          <strong>sofort</strong> — niemand muss sie bestätigen. Nur
+          selbst geschriebene Texte warten im Register „Spenden" auf
+          dich. Ein leeres Feld nimmt den Satz weg.
+        </p>
+        <div class="saetze" id="saetze"></div>
+        <div class="pult__zeile">
+          <button type="button" class="knopf-still" id="satz-neu">Satz dazu</button>
+          <button type="button" class="knopf-still knopf-still--haupt"
+                  id="saetze-sichern">Übernehmen</button>
+          <span class="pult__klein" id="saetze-stand"></span>
+        </div>
       </section>
 
       <!-- ==== Spenden ======================================= -->
@@ -903,17 +1037,110 @@
 
 </main>
 
+<!-- ======================================================================
+     DIE ZWEI VORHAENGE STEHEN AUSSERHALB DES SAALS (08.10.2026)
+
+     Sie lagen zuerst in `<main class="saal">` -- und kamen damit nie
+     ueber die Kopfleiste des Hauses. Der Grund ist ein STAPELKONTEXT
+     und keine zu kleine Zahl: `body.start > main` traegt `position:
+     relative; z-index: 1`, die Kopfleiste steht bei 6. Alles INNERHALB
+     von main wird mit main zusammen eingeordnet -- ein `z-index: 500`
+     darin bleibt unter der 6 daneben. Gemessen: An der Stelle, an der
+     der Vorhang liegen sollte, fand `elementFromPoint` die Kopfleiste.
+
+     Das ist dieselbe Falle wie eine zweite CSS-Regel fuer dieselbe
+     Frage: Man dreht an der Zahl und wundert sich, dass nichts
+     passiert. Hier steht der Vorhang jetzt dort, wo ein Vorhang
+     hingehoert -- als letztes Kind des Dokuments, neben main und
+     Kopfleiste statt darin.
+     ====================================================================== -->
+  <!-- ============ GERÄTE WÄHREND DER SENDUNG ====================
+       Dieselbe Oberfläche wie im Vorraum und im Register „Ton" —
+       gebaut von derselben Stelle im Programm (`geraeteBauen`).
+       Dreimal nachgebaut hiesse: Beim nächsten Umbau sieht eine
+       davon anders aus, und gemerkt würde es mitten in einer
+       Sendung. -->
+  <div class="vorraum" id="geraetefenster" hidden role="dialog" aria-modal="true"
+       aria-labelledby="geraetefenster-titel">
+    <div class="vorraum__karte">
+      <h2 class="vorraum__titel" id="geraetefenster-titel">Mikrofon, Kamera, Mischpult</h2>
+      <p class="vorraum__satz">
+        Die Umstellung gilt sofort — die Verbindungen bleiben dabei
+        stehen, es wird nichts neu aufgebaut.
+      </p>
+      <div class="geraete" id="geraetefenster-inhalt"></div>
+      <div class="vorraum__knoepfe">
+        <button type="button" class="knopf-still knopf-still--haupt"
+                id="geraetefenster-zu">Fertig</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- ============ DER VORRAUM FÜR EINGELADENE GÄSTE ============
+       Filipe: „wenn gäste eingeladen werden, sollen die akzeptieren
+       oder ablehnen können. bevor die auch angezeigt werden sollen
+       die auswählen können ob die kamera an ist oder aus ist. also
+       iohre eigene."
+
+       ER LIEGT ÜBER ALLEM UND IST NICHT WEGZUKLICKEN — aber er hat
+       immer zwei Ausgänge: „Dabei sein" und „Lieber nicht". Ein
+       Vorhang ohne zweiten Ausgang wäre eine Falle, und zwar
+       ausgerechnet für den, der gerade nur zuschauen wollte.
+
+       DAS BILD LÄUFT DARIN, BEVOR ES HINAUSGEHT. Das ist der ganze
+       Sinn: Man sieht sich selbst, bevor einen jemand anderes sieht
+       — und entscheidet dann, ob die Kamera an sein soll. -->
+  <div class="vorraum" id="vorraum" hidden role="dialog" aria-modal="true"
+       aria-labelledby="vorraum-titel">
+    <div class="vorraum__karte">
+      <h2 class="vorraum__titel" id="vorraum-titel">Du bist eingeladen</h2>
+      <p class="vorraum__satz" id="vorraum-satz">
+        Du sollst mit auf die Bühne. Du entscheidest, ob deine Kamera
+        und dein Mikro dabei an sind.
+      </p>
+
+      <div class="vorraum__bild">
+        <!-- Stumm, und zwar für immer: Sich selbst mit Verzögerung zu
+             hören ist der schnellste Weg, dass jemand aufhört zu
+             reden. -->
+        <video id="vorraum-video" autoplay playsinline muted></video>
+        <span class="vorraum__aus" id="vorraum-aus" hidden>Kamera aus</span>
+        <span class="vorraum__pegel" id="vorraum-pegel" aria-hidden="true"><i></i></span>
+      </div>
+
+      <div class="vorraum__schalter">
+        <button type="button" class="vorraum__schalt" id="vorraum-kamera"
+                aria-pressed="true">Kamera an</button>
+        <button type="button" class="vorraum__schalt" id="vorraum-mikro"
+                aria-pressed="true">Mikro an</button>
+      </div>
+
+      <!-- Dieselbe Geräteauswahl wie im Register „Ton" — gebaut von
+           derselben Stelle im Programm. Filipe: „auch bei den
+           gästen." -->
+      <div class="geraete vorraum__geraete" id="vorraum-geraete"></div>
+
+      <p class="vorraum__frist" id="vorraum-frist" aria-live="polite"></p>
+      <div class="vorraum__knoepfe">
+        <button type="button" class="knopf-still knopf-still--haupt"
+                id="vorraum-ja">Dabei sein</button>
+        <button type="button" class="knopf-still knopf-still--leise"
+                id="vorraum-nein">Lieber nicht</button>
+      </div>
+    </div>
+  </div>
+
 <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
      liest daraus die Leitungsrollen. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/spendenkarte.js?v=202610072346" defer></script>
-<script src="assets/js/werbung.js?v=202610072346" defer></script>
-<script src="assets/js/reaktion.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/spendenkarte.js?v=202610080131" defer></script>
+<script src="assets/js/werbung.js?v=202610080131" defer></script>
+<script src="assets/js/reaktion.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/rechte.html b/workspace/rechte.html
index 8b794a05..581550fc 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -134,14 +134,14 @@
      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/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/rechte.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/rechte.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/report.html b/workspace/report.html
index bd25972a..ca6534a2 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/report.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/report.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="showbuehne">
@@ -106,17 +106,17 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/ki.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/report.js?v=202610072346" defer></script>
+<script src="assets/js/ki.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/report.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/scouting.html b/workspace/scouting.html
index 26503001..c6a1f7c3 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="wald">
@@ -194,14 +194,14 @@
   </div>
 </div>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/scouting.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/scouting.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/start.html b/workspace/start.html
index 3cc731d5..9922f23b 100644
--- a/workspace/start.html
+++ b/workspace/start.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/heim.css?v=202610080131" />
 <!-- Die Einweisung bringt ihr Aussehen mit. Sie steht in
      anleitung.css, weil sie dorthin gehoert -- und nicht in
      start.css, wo sie zwischen 48 Kachelfarben verschwinden
      wuerde. -->
-<link rel="stylesheet" href="assets/css/anleitung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/anleitung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -768,22 +768,22 @@
   </p>
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/live.js?v=202610072346" defer></script>
-<script src="assets/js/start.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/live.js?v=202610080131" defer></script>
+<script src="assets/js/start.js?v=202610080131" defer></script>
 <!-- Die Begruessung und der Rundgang beim ersten Anmelden.
      EIGENE DATEI und nicht ein Stueck start.js: Sie laeuft auf der
      meistbenutzten Seite des Hauses, und wenn hier etwas schiefgeht,
      darf davon nichts anderes betroffen sein. -->
-<script src="assets/js/rundgang.js?v=202610072346" defer></script>
-<script src="assets/js/aufstieg.js?v=202610072346" defer></script>
+<script src="assets/js/rundgang.js?v=202610080131" defer></script>
+<script src="assets/js/aufstieg.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/startcheck.html b/workspace/startcheck.html
index 7ccb7cfe..838b9981 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="wald">
@@ -85,16 +85,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/ki.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/startcheck.js?v=202610072346" defer></script>
+<script src="assets/js/ki.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/startcheck.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/steckbrief.html b/workspace/steckbrief.html
index a81ddc24..3ef19ad5 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="halle">
@@ -150,16 +150,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/auskunft.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/steckbrief.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/auskunft.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/steckbrief.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/support.html b/workspace/support.html
index 136a0e1a..755001a7 100644
--- a/workspace/support.html
+++ b/workspace/support.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/support.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/support.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="studio">
@@ -154,16 +154,16 @@
      (reading 'LEITUNG')" ab -- gemessen am 24.09.2026, als diese
      Zeile beim Anlegen der Seite fehlte. Die Kopfleiste kam
      trotzdem, deshalb sah man es nur in der Browserkonsole. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
 <!-- wahl.js gehoert zu kopf.js: Der Sicht-Umschalter in der
      Kopfleiste baut daraus seine Liste. pruef-css-klassen setzt das
      seit dem 07.09.2026 durch -- damals fehlte es auf chat.html und
      uebersicht.html, und heute hier. -->
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/support.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/support.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/tafel.html b/workspace/tafel.html
index eff7bf62..307115c2 100644
--- a/workspace/tafel.html
+++ b/workspace/tafel.html
@@ -23,7 +23,7 @@
               „Eigenes CSS" leer lassen (der Grund ist schon
               durchsichtig).
      ====================================================================== -->
-<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610080131" />
 <style>
   /* DURCHSICHTIG BIS AUF DIE KARTEN. OBS legt die Quelle über das
      Bild; jede Fläche, die hier steht, deckt dort etwas zu. */
@@ -34,19 +34,29 @@
     overflow: hidden;
     font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
   }
-  /* Der Kasten für die Karten füllt das Bild. Wo sie erscheinen,
-     entscheidet die Ausrichtung — unten links, wie im Saal. */
+  /* Der Kasten für die Karten füllt das Bild.
+
+     WO SIE STEHEN, ENTSCHEIDET SEIT DEM 08.10.2026 DAS REGIEPULT.
+     Die Anordnung kommt aus `spendenkarte.css` über `data-platz`,
+     damit Saal und Stream dieselbe Karte an derselben Stelle zeigen
+     — hier stand vorher eine zweite, feste Antwort („unten links"),
+     und die hätte jede Umstellung im Pult stillschweigend
+     überstimmt. `?pos=` in der Adresse bleibt als ausdrückliche
+     Ausnahme für eine Szene; das regelt `tafel.js`.
+
+     Hier bleibt nur, was wirklich zu DIESER Quelle gehört: Sie
+     liegt fest im Bild und nimmt keine Klicks an. */
   .obs-tafel {
     position: fixed;
     inset: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: flex-start;
     gap: 14px;
     padding: 48px;
     pointer-events: none;
   }
+  /* Am Rand braucht sie im Stream mehr Abstand als im Saal: Dort
+     grenzt sie an eine Bedienleiste, hier an den Bildrand, und ein
+     Rand von 18 Pixeln sieht auf 1080 Zeilen aus wie ein Versehen. */
+  .obs-tafel[data-platz="rand"] { padding: 48px; }
   /* Auf der Bühne darf sie größer sein als im Saal: Hier deckt sie
      nichts zu, was man lesen müsste. */
   /* ALLES IN rem. Ein einziger Wert am Wurzelelement (`&g=` in der
@@ -65,6 +75,25 @@
   .obs-tafel .spendenkarte__stufe { font-size: .8rem; }
   .obs-tafel .spendenkarte__gruss { font-size: 1rem; }
 
+  /* ---- Und in der Mitte als Aufsteller (08.10.2026) --------------
+     Dieselben Werte eine Stufe größer. Im Stream ist die Karte in
+     der Bildmitte das, was in diesem Augenblick zählt — und sie
+     steht dort nur ein paar Sekunden.
+
+     Alles weiterhin in `rem`: Ein einziger Wert am Wurzelelement
+     (`&g=` in der Adresse) nimmt damit Schrift, Bild, Polsterung und
+     Rundung gleichmäßig mit. */
+  .obs-tafel[data-platz="mitte"] .spendenkarte {
+    max-width: 26rem;
+    padding: 1.6rem 1.8rem 1.7rem;
+    border-radius: 1.5rem;
+  }
+  .obs-tafel[data-platz="mitte"] .spendenkarte__betrag { font-size: 3rem; }
+  .obs-tafel[data-platz="mitte"] .spendenkarte__bild { width: 5.6rem; height: 5.6rem; }
+  .obs-tafel[data-platz="mitte"] .spendenkarte__wer { font-size: 1.05rem; }
+  .obs-tafel[data-platz="mitte"] .spendenkarte__stufe { font-size: .85rem; }
+  .obs-tafel[data-platz="mitte"] .spendenkarte__gruss { font-size: 1.1rem; }
+
   /* Steht hier gar nichts, ist das der Normalfall — keine Spende,
      keine Karte. Ein Hinweis darauf wäre im Stream zu sehen. */
   .obs-fehler {
@@ -80,7 +109,7 @@
 <body>
 <div class="obs-tafel spendentafel" id="tafel" aria-live="polite"></div>
 
-<script src="assets/js/spendenkarte.js?v=202610072346" defer></script>
-<script src="assets/js/tafel.js?v=202610072346" defer></script>
+<script src="assets/js/spendenkarte.js?v=202610080131" defer></script>
+<script src="assets/js/tafel.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/talente.html b/workspace/talente.html
index ea5a2669..26baaef7 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610080131" />
 <!-- 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=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -111,15 +111,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/talente.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/talente.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/team.html b/workspace/team.html
index 626ef7e0..57d59ca5 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/team.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/team.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="halle">
@@ -110,15 +110,15 @@
 
 </main>
 
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/team.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/team.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/teamlage.html b/workspace/teamlage.html
index 54090e33..8ca4b268 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/team.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/team.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu
@@ -84,15 +84,15 @@
      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/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
-<script src="assets/js/teamlage.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
+<script src="assets/js/teamlage.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/teilen.html b/workspace/teilen.html
index 28cc1c35..4e6f32d5 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -112,15 +112,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/teilen.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/teilen.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/treff-moderation.html b/workspace/treff-moderation.html
index 12dad526..4df30938 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -126,14 +126,14 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/treff-moderation.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/treff-moderation.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/treff-regeln.html b/workspace/treff-regeln.html
index 68d4b7a0..5d71a23e 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/treff.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/treff.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des
      Rudels 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -248,14 +248,14 @@
      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/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/auskunft.js?v=202610072346" defer></script>
-<script src="assets/js/treff-regeln.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/auskunft.js?v=202610080131" defer></script>
+<script src="assets/js/treff-regeln.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/uebersicht.html b/workspace/uebersicht.html
index 9c04379a..0b7c189f 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
 <!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
      Dialog "Creator anlegen". -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/uebersicht.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="showbuehne">
@@ -149,16 +149,16 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/uebersicht.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/uebersicht.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/unsere-seiten.html b/workspace/unsere-seiten.html
index 4a0093f8..4b7b9b1d 100644
--- a/workspace/unsere-seiten.html
+++ b/workspace/unsere-seiten.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -335,14 +335,14 @@
 
 </main>
 
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/live.js?v=202610072346" defer></script>
-<script src="assets/js/unsere-seiten.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/live.js?v=202610080131" defer></script>
+<script src="assets/js/unsere-seiten.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/unterstuetzen.html b/workspace/unterstuetzen.html
index 3ca4c8b2..073630b6 100644
--- a/workspace/unterstuetzen.html
+++ b/workspace/unterstuetzen.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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -106,17 +106,17 @@
 <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
      liest daraus die Leitungsrollen. Ohne sie stürzt jede Seite mit
      „Cannot read properties of undefined (reading 'LEITUNG')" ab. -->
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/holen.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/holen.js?v=202610080131" defer></script>
 <!-- Die Satz-Tafel. Ohne sie stand auf dieser Seite das Maschinenwort
      des Servers (z.B. "nicht_gefunden") statt eines Satzes -- gemeldet
      von pruef-meldungen, nicht beim Ansehen. -->
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/unterstuetzen.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/unterstuetzen.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/werdegang.html b/workspace/werdegang.html
index 01fc0855..58e2df2d 100644
--- a/workspace/werdegang.html
+++ b/workspace/werdegang.html
@@ -7,15 +7,15 @@
 <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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/werdegang.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/werdegang.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start">
@@ -144,14 +144,14 @@
 
 </main>
 
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/werdegang.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/werdegang.js?v=202610080131" defer></script>
 </body>
 </html>
diff --git a/workspace/willkommen.html b/workspace/willkommen.html
index 499cc354..05a5c7a8 100644
--- a/workspace/willkommen.html
+++ b/workspace/willkommen.html
@@ -56,7 +56,7 @@
      veraltet beim naechsten Umbau. -->
 <link rel="manifest" href="/workspace/app.webmanifest" />
 <meta name="theme-color" content="#06090f" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
 
 <style>
   /* Bewusst ohne eigenes Stilblatt: Die Seite ist in aller Regel nur
diff --git a/workspace/wissen.html b/workspace/wissen.html
index d556b585..542e0ce9 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=202610072346" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/wissen.css?v=202610072346" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610080131" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610080131" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610080131" />
 <!-- 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=202610072346" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610080131" />
 </head>
 
 <body class="start" data-buehne="arena">
@@ -190,15 +190,15 @@
 
 </main>
 
-<script src="assets/js/meldung.js?v=202610072346" defer></script>
-<script src="assets/js/hochladen.js?v=202610072346" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
+<script src="assets/js/meldung.js?v=202610080131" defer></script>
+<script src="assets/js/hochladen.js?v=202610080131" defer></script>
+<script src="assets/js/nachfrage.js?v=202610080131" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072346" defer></script>
-<script src="assets/js/bereiche.js?v=202610072346" defer></script>
-<script src="assets/js/installieren.js?v=202610072346" defer></script>
-<script src="assets/js/kopf.js?v=202610072346" defer></script>
-<script src="assets/js/glocke.js?v=202610072346" defer></script>
-<script src="assets/js/wissen.js?v=202610072346" defer></script>
+<script src="assets/js/wahl.js?v=202610080131" defer></script>
+<script src="assets/js/bereiche.js?v=202610080131" defer></script>
+<script src="assets/js/installieren.js?v=202610080131" defer></script>
+<script src="assets/js/kopf.js?v=202610080131" defer></script>
+<script src="assets/js/glocke.js?v=202610080131" defer></script>
+<script src="assets/js/wissen.js?v=202610080131" defer></script>
 </body>
 </html>