diff --git a/pruef-uebersicht-computer.png b/pruef-uebersicht-computer.png
new file mode 100644
index 00000000..80f03190
Binary files /dev/null and b/pruef-uebersicht-computer.png differ
diff --git a/pruef-uebersicht-creator.png b/pruef-uebersicht-creator.png
new file mode 100644
index 00000000..134c3c99
Binary files /dev/null and b/pruef-uebersicht-creator.png differ
diff --git a/pruef-uebersicht-handy.png b/pruef-uebersicht-handy.png
new file mode 100644
index 00000000..a90444c5
Binary files /dev/null and b/pruef-uebersicht-handy.png differ
diff --git a/pruef-uebersicht.mjs b/pruef-uebersicht.mjs
deleted file mode 100644
index 05f6f67f..00000000
--- a/pruef-uebersicht.mjs
+++ /dev/null
@@ -1,251 +0,0 @@
-/* =====================================================================
-   pruef-uebersicht.mjs — die neue Startansicht der Verwaltung
-
-   Zwei Dinge werden hier geprüft, und beide haben eine Vorgeschichte:
-
-   1. STEHEN DIE REITER WIRKLICH UNTER DEM TITEL?
-      Das ist der ausdrückliche Wunsch vom 23.08.2026. Es wäre bequem,
-      dafür das Vorhandensein einer CSS-Regel zu prüfen — das beweist
-      aber nichts. Am 22.08.2026 waren 37 von 37 Prüfungen grün, während
-      jede Aufgabenzeile im Browser verkehrt herum stand: Die Regeln
-      waren da, das Ergebnis war falsch. Deshalb wird hier die
-      tatsächliche Lage im Fenster gemessen — der Reiter MUSS weiter
-      unten liegen als der Titel.
-
-   2. FÜHREN DIE KACHELN AUCH WIRKLICH IRGENDWOHIN?
-      Eine Kachel, die aussieht wie ein Knopf und keiner ist, ist
-      schlimmer als gar kein Knopf. Also wird geklickt und geprüft, dass
-      danach die richtige Ansicht offen ist.
-   ===================================================================== */
-import { chromium } from "playwright";
-import { createServer } from "node:http";
-import { readFileSync, existsSync } from "node:fs";
-import { join, extname } from "node:path";
-
-const W = process.cwd();
-const T = { ".html": "text/html", ".css": "text/css", ".js": "text/javascript",
-  ".png": "image/png", ".jpg": "image/jpeg", ".svg": "image/svg+xml",
-  ".webp": "image/webp", ".ico": "image/x-icon", ".json": "application/json" };
-const srv = createServer((q, r) => {
-  const p = join(W, decodeURIComponent(q.url.split("?")[0]));
-  if (existsSync(p) && !p.endsWith("/")) {
-    r.writeHead(200, { "content-type": T[extname(p)] || "text/plain" });
-    return r.end(readFileSync(p));
-  }
-  r.writeHead(404).end("");
-});
-await new Promise((r) => srv.listen(4337, r));
-
-const ergebnisse = [];
-function pruefe(name, ok, zusatz) {
-  ergebnisse.push({ name, ok });
-  console.log((ok ? "  ok   " : "  FEHL ") + name + (zusatz !== undefined ? "  -> " + zusatz : ""));
-}
-
-const vorTagen = (n) => new Date(Date.now() - n * 864e5).toISOString();
-
-/* Absichtlich unbequeme Testdaten: eine Anfrage, die seit acht Tagen
-   liegt (muss rot werden), eine Nachricht seit drei Tagen (gelb), und
-   ein offener Widerruf von heute (muss trotzdem rot sein, weil eine
-   gesetzliche Frist läuft). Ein Datensatz, in dem alles in Ordnung ist,
-   würde die Warnstufen gar nicht erst auslösen. */
-const UEBERSICHT = {
-  ok: true,
-  beiMir: {
-    anfragen: { n: 3, aeltestes: vorTagen(8) },
-    nachrichten: { n: 2, aeltestes: vorTagen(3) },
-    wuensche: { n: 0, aeltestes: null },
-    widerrufe: { n: 1, aeltestes: vorTagen(0) },
-    projekte: 2,
-  },
-  beiKunde: {
-    projekte: 1,
-    aufgaben: 4,
-    zahlungen: { n: 2, summe: 120000, aeltestes: vorTagen(5) },
-    zahlungenText: "1.200,00 €",
-  },
-  geld: {
-    monat: { n: 3, brutto: 250000, netto: 241000, bruttoText: "2.500,00 €", nettoText: "2.410,00 €" },
-    gesamt: { n: 11, brutto: 980000, bruttoText: "9.800,00 €" },
-    gebuehrenText: "90,00 €",
-  },
-  projekte: [
-    { id: "p1", nummer: "P-2026-001", titel: "Website für Musterbau", status: "bau",
-      wartet_auf: "dogfather", richttermin: "2026-09-15", kunde_name: "Anna Muster",
-      aufg_gesamt: 20, aufg_fertig: 13 },
-    { id: "p2", nummer: "P-2026-002", titel: "Shop für Beispiel GmbH", status: "bau",
-      wartet_auf: "kunde", richttermin: null, kunde_name: "Bert Beispiel",
-      aufg_gesamt: 18, aufg_fertig: 4 },
-  ],
-  verlauf: [
-    { bereich: "projekt", aktion: "Aufgabe erledigt: Startseite gebaut", wer: "dogfather", erstellt_am: vorTagen(0) },
-    { bereich: "zahlung", aktion: "Zahlung eingegangen", wer: "paypal", erstellt_am: vorTagen(1) },
-  ],
-  bestand: { kunden: 5, projekte: 2, anfragenGesamt: 9 },
-  paypal: { eingerichtet: true, live: true },
-};
-
-const browser = await chromium.launch();
-
-for (const [wo, breite, hoehe] of [["Computer", 1440, 950], ["Handy", 390, 844]]) {
-  const seite = await browser.newPage({ viewport: { width: breite, height: hoehe } });
-  const fehlerImProtokoll = [];
-  seite.on("pageerror", (e) => fehlerImProtokoll.push(e.message));
-
-  await seite.route("**/webdesign/admin/**", (route) => {
-    const u = new URL(route.request().url()).pathname;
-    if (u.endsWith("/admin/uebersicht")) return route.fulfill({ json: UEBERSICHT });
-    if (u.includes("/admin/postfach-zaehler")) return route.fulfill({ json: { ok: true, ungelesen: 2 } });
-    if (u.includes("/admin/anfragen")) return route.fulfill({ json: { ok: true, anfragen: [] } });
-    if (u.includes("/admin/kunden")) return route.fulfill({ json: { ok: true, kunden: [] } });
-    if (u.includes("/admin/projekte")) return route.fulfill({ json: { ok: true, projekte: [] } });
-    if (u.includes("/admin/zahlungen")) return route.fulfill({ json: { ok: true, zahlungen: [] } });
-    if (u.includes("/admin/postfach")) return route.fulfill({ json: { ok: true, ungelesen: 2, verlaeufe: [] } });
-    return route.fulfill({ json: { ok: true } });
-  });
-  await seite.route("**/auth/**", (r) => r.fulfill({ json: { ok: true, user: { name: "Test" } } }));
-  await seite.addInitScript(() => {
-    sessionStorage.setItem("wd-vw-token", "t");
-    sessionStorage.setItem("wd-sitzung-aktiv", "1");
-  });
-
-  await seite.goto("http://127.0.0.1:4337/webdesign/verwaltung.html");
-  await seite.waitForTimeout(900);
-  console.log("\n=== " + wo + " ===");
-
-  /* ---- 1. Die Verwaltung startet in der Übersicht ---- */
-  const titel = await seite.locator("#vw-titel").innerText();
-  pruefe(wo + ": die Verwaltung öffnet in der Übersicht", titel.trim() === "Übersicht", titel);
-  pruefe(wo + ": das Cockpit ist sichtbar",
-    await seite.locator("#vw-ub-inhalt").isVisible());
-  pruefe(wo + ": die Anfragenliste liegt NICHT darunter",
-    !(await seite.locator("#vw-liste").isVisible()));
-
-  /* ---- 2. Reiter UNTER dem Titel — gemessen, nicht behauptet ---- */
-  const lage = await seite.evaluate(() => {
-    const t = document.getElementById("vw-titel").getBoundingClientRect();
-    /* Gemessen wird der erste KNOPF, nicht der Streifen um ihn herum.
-
-       Auf dem Handy sind die Reiter ein Wischstreifen, der bewusst 4px
-       ueber den Containerrand hinauslaeuft -- sonst endet er optisch
-       mitten auf der Seite, obwohl es weitergeht. Sichtbar ausgerichtet
-       ist aber der Knopf, und nur der zaehlt fuer das Auge. */
-    const r = document.querySelector(".vw-tabs [data-tab]").getBoundingClientRect();
-    return { titelUnten: t.bottom, titelLinks: t.left, reiterOben: r.top, reiterLinks: r.left };
-  });
-  pruefe(wo + ": die Reiter beginnen UNTERHALB des Titels",
-    lage.reiterOben >= lage.titelUnten - 1,
-    "Titel endet bei " + Math.round(lage.titelUnten) + ", Reiter beginnen bei " + Math.round(lage.reiterOben));
-  /* Zusatzbedingung, sonst wäre "darunter" auch erfüllt, wenn die Reiter
-     weit nach rechts eingerückt stünden statt am Seitenrand zu beginnen. */
-  pruefe(wo + ": die Reiter beginnen am selben linken Rand wie der Titel",
-    Math.abs(lage.reiterLinks - lage.titelLinks) < 3,
-    "Titel " + Math.round(lage.titelLinks) + " vs. Reiter " + Math.round(lage.reiterLinks));
-
-  /* ---- 2b. Groessenverhaeltnisse ----
-     Eine Zwischenueberschrift darf nicht groesser sein als die Zahl, um
-     die es geht. Genau das war der Fall, solange die Regel .wd h2 die
-     eigene ueberstimmte: 44px Ueberschrift ueber 33px Zahl -- die Seite
-     las sich wie ein Plakat statt wie ein Arbeitsplatz. */
-  const groessen = await seite.evaluate(() => ({
-    h: parseFloat(getComputedStyle(document.querySelector(".vw-ub-h")).fontSize),
-    zahl: parseFloat(getComputedStyle(document.querySelector(".vw-ub-zahl")).fontSize),
-  }));
-  pruefe(wo + ": die Zwischenueberschrift ist kleiner als die Zahl darunter",
-    groessen.h < groessen.zahl,
-    "Ueberschrift " + groessen.h + "px, Zahl " + groessen.zahl + "px");
-
-  /* ---- 3. Inhalt der Kacheln ---- */
-  const kacheln = await seite.locator("#vw-ub-beimir .vw-ub-kachel").allInnerTexts();
-  pruefe(wo + ": alle fünf Kacheln 'bei mir' sind da (inkl. Widerruf)",
-    kacheln.length === 5, kacheln.length);
-  pruefe(wo + ": die drei offenen Anfragen stehen drin",
-    kacheln.some((k) => k.includes("3") && k.includes("offene Anfragen")));
-  pruefe(wo + ": das Alter steht als TEXT dabei, nicht nur als Farbe",
-    kacheln.some((k) => k.includes("seit 8 Tagen")),
-    kacheln.find((k) => k.includes("Anfragen")));
-
-  /* ---- 4. Die Warnstufen greifen wirklich ---- */
-  const stufen = await seite.evaluate(() => {
-    const raus = {};
-    document.querySelectorAll("#vw-ub-beimir .vw-ub-kachel").forEach((k) => {
-      const t = (k.querySelector(".vw-ub-titel") || {}).textContent || "";
-      raus[t] = k.className;
-    });
-    return raus;
-  });
-  pruefe(wo + ": 8 Tage alte Anfrage ist rot",
-    /vw-ub-kachel--rot/.test(stufen["offene Anfragen"] || ""), stufen["offene Anfragen"]);
-  pruefe(wo + ": 3 Tage alte Nachricht ist nur gelb, nicht rot",
-    /--warn/.test(stufen["ungelesene Nachrichten"] || "") &&
-    !/--rot/.test(stufen["ungelesene Nachrichten"] || ""), stufen["ungelesene Nachrichten"]);
-  pruefe(wo + ": ein Widerruf von HEUTE ist trotzdem rot (Frist läuft)",
-    /--rot/.test(stufen["Widerrufe unbearbeitet"] || ""), stufen["Widerrufe unbearbeitet"]);
-  pruefe(wo + ": eine Null-Kachel nimmt sich zurück statt zu warnen",
-    /--leer/.test(stufen["Änderungswünsche zu prüfen"] || ""),
-    stufen["Änderungswünsche zu prüfen"]);
-
-  /* ---- 5. Geld ---- */
-  const geld = (await seite.locator("#vw-ub-geld").innerText());
-  pruefe(wo + ": der Monatsumsatz steht da", geld.includes("2.500,00"));
-  pruefe(wo + ": die PayPal-Gebühr wird offen ausgewiesen", geld.includes("90,00"));
-  pruefe(wo + ": das tatsächlich angekommene Netto steht dabei", geld.includes("2.410,00"));
-
-  /* ---- 6. Projekte mit Fortschritt ---- */
-  const proj = await seite.locator("#vw-ub-projekte .vw-ub-projekt").allInnerTexts();
-  pruefe(wo + ": beide laufenden Projekte erscheinen", proj.length === 2, proj.length);
-  pruefe(wo + ": der Fortschritt steht als Zahl da, nicht nur als Balken",
-    proj[0].includes("13 von 20") && proj[0].includes("65"), proj[0].replace(/\n/g, " | "));
-  pruefe(wo + ": man sieht, wer am Zug ist",
-    proj[0].includes("du bist dran") && proj[1].includes("wartet auf Kunden"));
-  const balken = await seite.evaluate(() =>
-    document.querySelector(".vw-ub-balken-voll").style.width);
-  pruefe(wo + ": der Balken zeigt denselben Wert wie der Text", balken === "65%", balken);
-
-  /* ---- 7. Die Kacheln sind echte Knöpfe und führen irgendwohin ---- */
-  const istKnopf = await seite.evaluate(() =>
-    document.querySelector("#vw-ub-beimir .vw-ub-kachel").tagName);
-  pruefe(wo + ": eine Kachel ist ein <button>, kein <div>", istKnopf === "BUTTON", istKnopf);
-
-  await seite.locator('#vw-ub-beimir .vw-ub-kachel[data-ziel="postfach"]').first().click();
-  await seite.waitForTimeout(450);
-  pruefe(wo + ": ein Klick auf 'ungelesene Nachrichten' öffnet das Postfach",
-    (await seite.locator("#vw-titel").innerText()).trim() === "Postfach",
-    await seite.locator("#vw-titel").innerText());
-
-  /* ---- 8. Zurück in die Übersicht, ohne dass etwas hängen bleibt ---- */
-  await seite.click('[data-tab="uebersicht"]');
-  await seite.waitForTimeout(450);
-  pruefe(wo + ": zurück in der Übersicht",
-    (await seite.locator("#vw-titel").innerText()).trim() === "Übersicht");
-  pruefe(wo + ": beim Zurückkommen steht kein leerer Ladehinweis",
-    !(await seite.locator("#vw-ub-laedt").isVisible()));
-  pruefe(wo + ": das Postfach liegt nicht mehr darunter",
-    !(await seite.locator("#vw-postfach-bereich").isVisible()));
-
-  /* ---- 9. Nichts überlappt, nichts läuft aus dem Bild ---- */
-  const ueberlauf = await seite.evaluate(() =>
-    Math.max(0, document.documentElement.scrollWidth - document.documentElement.clientWidth));
-  pruefe(wo + ": nichts ragt seitlich aus dem Fenster", ueberlauf <= 1, ueberlauf + "px");
-
-  /* ---- 10. Tastaturbedienung ---- */
-  const fokus = await seite.evaluate(() => {
-    const k = document.querySelector("#vw-ub-beimir .vw-ub-kachel");
-    k.focus();
-    const st = getComputedStyle(k);
-    return { aktiv: document.activeElement === k, umriss: st.outlineWidth };
-  });
-  pruefe(wo + ": eine Kachel lässt sich mit der Tastatur anspringen", fokus.aktiv);
-
-  pruefe(wo + ": kein Fehler im Protokoll", fehlerImProtokoll.length === 0,
-    fehlerImProtokoll.join(" | "));
-
-  await seite.screenshot({ path: "bild-uebersicht-" + wo.toLowerCase() + ".png", fullPage: true });
-  await seite.close();
-}
-
-await browser.close();
-srv.close();
-const f = ergebnisse.filter((e) => !e.ok).length;
-console.log(`\n===== ${ergebnisse.length - f} bestanden, ${f} fehlgeschlagen =====`);
-process.exitCode = f ? 1 : 0;
diff --git a/server/pruef-kopf-messen.mjs b/server/pruef-kopf-messen.mjs
new file mode 100644
index 00000000..9807297d
--- /dev/null
+++ b/server/pruef-kopf-messen.mjs
@@ -0,0 +1,77 @@
+/* Misst die einzelnen Teile der Kopfleiste auf dem Handy -- damit die
+   Reparatur an der richtigen Stelle ansetzt und nicht geraten wird. */
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+
+const ordner = mkdtempSync(join(tmpdir(), "ws-messen-"));
+process.env.WORKSPACE_DB = join(ordner, "pruef.sqlite");
+process.env.PORT = "4179";
+process.env.SITE_ACCESS_SECRET = "lokaler-test";
+process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1";
+process.env.SITE_ACCESS_CODE_VANVAN = "VANVAN-TEST-1";
+process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
+
+const express = (await import("express")).default;
+const ec = express.response.cookie;
+express.response.cookie = function (n, w, o) { return ec.call(this, n, w, { ...(o || {}), secure: false }); };
+await import("./index.js");
+await new Promise((r) => setTimeout(r, 700));
+const BASIS = "http://127.0.0.1:4179";
+setTimeout(() => { console.log("ABBRUCH"); process.exit(1); }, 120_000).unref?.();
+
+await fetch(BASIS + "/workspace/api/anmelden", {
+  method: "POST", headers: { "Content-Type": "application/json" },
+  body: JSON.stringify({ rolle: "admin", code: "x" }) }).catch(() => {});
+
+const { DatabaseSync } = await import("node:sqlite");
+const { scryptSync, randomBytes } = await import("node:crypto");
+const d = new DatabaseSync(process.env.WORKSPACE_DB);
+const salt = randomBytes(16).toString("hex");
+const hash = scryptSync("CODE-DOGI-0001", salt, 64, { N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex");
+/* Bewusst ein langer Name -- kurze Namen wuerden den Fehler verstecken. */
+d.prepare("INSERT INTO personen (name, rolle, code_hash, code_salt, code_n, aktiv, erstellt) VALUES (?,?,?,?,?,1,?)")
+  .run("Filipe Fernandes Ribeiro", "admin", hash, salt, 32768, new Date().toISOString());
+d.close();
+
+const { chromium } = await import(
+  "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
+const browser = await chromium.launch();
+
+for (const breite of [320, 390, 430]) {
+  const kontext = await browser.newContext({ viewport: { width: breite, height: 844 } });
+  const seite = await kontext.newPage();
+  await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
+  await seite.click('.rolle[data-rolle="admin"]');
+  await seite.fill("#code", "CODE-DOGI-0001");
+  await seite.click("button[type=submit]");
+  await seite.waitForURL("**/start.html", { timeout: 15000 });
+  await seite.goto(BASIS + "/workspace/uebersicht.html", { waitUntil: "networkidle" });
+  await seite.waitForTimeout(300);
+  const r = await seite.evaluate(() => {
+    const k = document.querySelector(".kopfleiste");
+    const teil = (e) => ({
+      was: (e.tagName + "." + String(e.className).split(" ")[0]).slice(0, 34),
+      breite: Math.round(e.getBoundingClientRect().width),
+      rechts: Math.round(e.getBoundingClientRect().right),
+    });
+    return {
+      fenster: window.innerWidth,
+      ueber: document.documentElement.scrollWidth - document.documentElement.clientWidth,
+      kinder: [...k.children].map(teil),
+      rechtsKinder: [...(k.querySelector(".kopfleiste__rechts")?.children || [])].map(teil),
+      abmeldenSichtbar: (() => {
+        const a = document.querySelector(".abmelden")?.getBoundingClientRect();
+        return a ? a.right <= window.innerWidth : null;
+      })(),
+    };
+  });
+  console.log(`\n--- ${breite}px (Überstand ${r.ueber}px, Abmelden erreichbar: ${r.abmeldenSichtbar})`);
+  for (const t of r.kinder) console.log(`   ${t.was.padEnd(34)} b=${String(t.breite).padStart(4)} rechts=${t.rechts}`);
+  console.log("   darin:");
+  for (const t of r.rechtsKinder) console.log(`     ${t.was.padEnd(32)} b=${String(t.breite).padStart(4)} rechts=${t.rechts}`);
+  await kontext.close();
+}
+await browser.close();
+try { rmSync(ordner, { recursive: true, force: true }); } catch {}
+process.exit(0);
diff --git a/server/pruef-uebersicht-browser.mjs b/server/pruef-uebersicht-browser.mjs
new file mode 100644
index 00000000..78a134aa
--- /dev/null
+++ b/server/pruef-uebersicht-browser.mjs
@@ -0,0 +1,182 @@
+/* ===================================================================
+   Browserpruefung des Dashboards.
+
+   Startet denselben Testserver wie pruef-uebersicht.mjs, meldet sich
+   als DogFather bzw. als Creator an und sieht mit einem echten Browser
+   nach: Fehler in der Konsole, ueberstehender Inhalt auf dem Handy,
+   und ob die Karten ueberhaupt gezeichnet werden. Legt Screenshots ab.
+   =================================================================== */
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+
+const ordner = mkdtempSync(join(tmpdir(), "ws-uebersicht-b-"));
+process.env.WORKSPACE_DB = join(ordner, "pruef.sqlite");
+process.env.PORT = "4177";
+process.env.SITE_ACCESS_SECRET = "lokaler-test";
+process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1";
+process.env.SITE_ACCESS_CODE_VANVAN = "VANVAN-TEST-1";
+process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
+
+const express = (await import("express")).default;
+const echteCookie = express.response.cookie;
+express.response.cookie = function (name, wert, opt) {
+  return echteCookie.call(this, name, wert, { ...(opt || {}), secure: false });
+};
+await import("./index.js");
+await new Promise((r) => setTimeout(r, 700));
+
+const BASIS = "http://127.0.0.1:4177";
+let fehler = 0;
+const ok = (b, t) => { console.log((b ? "  ok   " : "  FEHL ") + t); if (!b) fehler++; };
+
+const notbremse = setTimeout(() => {
+  console.log("\nABBRUCH: hing über 150 Sekunden.");
+  process.exit(1);
+}, 150_000);
+notbremse.unref?.();
+
+/* ---------- Daten ------------------------------------------------------ */
+
+await fetch(BASIS + "/workspace/api/anmelden", {
+  method: "POST", headers: { "Content-Type": "application/json" },
+  body: JSON.stringify({ rolle: "admin", code: "gibt-es-nicht" }),
+}).catch(() => {});
+
+const { DatabaseSync } = await import("node:sqlite");
+const { scryptSync, randomBytes } = await import("node:crypto");
+const d = new DatabaseSync(process.env.WORKSPACE_DB);
+const N = 32768;
+const jetzt = new Date().toISOString();
+function anlegen(name, rolle, code, letzterLogin) {
+  const salt = randomBytes(16).toString("hex");
+  const hash = scryptSync(code, salt, 64, { N, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex");
+  d.prepare("INSERT INTO personen (name, rolle, code_hash, code_salt, code_n, aktiv, erstellt, letzter_login) VALUES (?,?,?,?,?,1,?,?)")
+    .run(name, rolle, hash, salt, N, jetzt, letzterLogin ?? null);
+  return d.prepare("SELECT last_insert_rowid() AS id").get().id;
+}
+
+const idDogi = anlegen("Test-DogFather", "admin", "CODE-DOGI-0001", jetzt);
+const namen = ["Anna Sturm", "Ben Kohl", "Cara Weiss", "Deniz Yildiz"];
+const ids = namen.map((n, i) =>
+  anlegen(n, "creator", `CODE-CRE-000${i + 1}`,
+    i === 3 ? null : new Date(Date.now() - i * 9 * 86400_000).toISOString()));
+
+const gestern = new Date(Date.now() - 86400_000).toISOString().slice(0, 10);
+const aufgabe = (c, status, frist, erl) =>
+  d.prepare("INSERT INTO aufgaben (titel, creator_id, status, frist, erledigt_am, erstellt, erstellt_von) VALUES ('Test',?,?,?,?,?,?)")
+    .run(c, status, frist, erl, jetzt, idDogi);
+
+/* Bewusst unterschiedliche Lagen, damit im Bild sowohl eine ruhige als
+   auch eine brennende Karte zu sehen ist. */
+for (let k = 0; k < 3; k++) aufgabe(ids[0], "offen", gestern, null);
+aufgabe(ids[0], "arbeit", null, null);
+aufgabe(ids[1], "offen", null, null);
+aufgabe(ids[1], "erledigt", null, jetzt);
+aufgabe(ids[2], "review", null, null);
+
+d.prepare("INSERT INTO eintraege (bereich, art, titel, datum, dringlichkeit, status, creator_id, erstellt, erstellt_von) VALUES ('live','notiz','Test',?,'hoch','offen',?,?,?)")
+  .run(gestern, ids[0], jetzt, idDogi);
+
+d.prepare("INSERT INTO termine (titel, beginn, creator_id, erledigt, erstellt, erstellt_von) VALUES ('Test',?,?,0,?,?)")
+  .run(new Date(Date.now() + 2 * 86400_000).toISOString().slice(0, 16), ids[1], jetzt, idDogi);
+
+for (const [i, feld] of ["a", "b", "c", "d", "e", "f", "g"].entries()) {
+  d.prepare("INSERT INTO startcheck (creator_id, feld, punkt, bewertung, geaendert) VALUES (?,?,?,?,?)")
+    .run(ids[0], feld, "p", i === 0 ? "handlung" : "ok", jetzt);
+}
+for (let i = 0; i < 16; i++) {
+  d.prepare("INSERT INTO startcheck (creator_id, feld, punkt, bewertung, geaendert) VALUES (?,?,?,'ok',?)")
+    .run(ids[1], "f" + i, "p", jetzt);
+}
+d.prepare("INSERT INTO profile (person_id, naechster_review) VALUES (?,?)").run(ids[0], "2026-09-30");
+d.prepare("INSERT INTO profile (person_id, naechster_review) VALUES (?,?)").run(ids[1], null);
+d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(ids[0], idDogi, jetzt);
+d.close();
+
+/* ---------- Browser ---------------------------------------------------- */
+
+const { chromium } = await import(
+  "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
+
+const browser = await chromium.launch();
+
+async function ansehen(name, rolle, code, groesse, datei) {
+  const kontext = await browser.newContext({ viewport: groesse });
+  const seite = await kontext.newPage();
+  const konsole = [];
+  seite.on("console", (m) => { if (m.type() === "error") konsole.push(m.text()); });
+  seite.on("pageerror", (e) => konsole.push("pageerror: " + e.message));
+
+  await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
+  await seite.click(`.rolle[data-rolle="${rolle}"]`);
+  await seite.fill("#code", code);
+  await seite.click("button[type=submit]");
+  await seite.waitForURL("**/start.html", { timeout: 15000 });
+
+  await seite.goto(BASIS + "/workspace/uebersicht.html", { waitUntil: "networkidle" });
+  await seite.waitForTimeout(500);
+
+  const bild = await seite.evaluate(() => ({
+    karten: document.querySelectorAll(".creator").length,
+    summen: document.querySelectorAll(".summe").length,
+    titel: document.getElementById("titel")?.textContent,
+    unterzeile: document.getElementById("unterzeile")?.textContent,
+    fehler: document.getElementById("fehler")?.textContent,
+    /* Ueberstehender Inhalt: das ist der Fehler, den man am Rechner nie
+       sieht und der auf dem Handy die Seite unbrauchbar macht. */
+    ueberstand: document.documentElement.scrollWidth - document.documentElement.clientWidth,
+    breit: [...document.querySelectorAll("main *")]
+      .filter((e) => e.getBoundingClientRect().right > window.innerWidth + 1)
+      .map((e) => e.className).slice(0, 5),
+    /* Der Balken muss eine echte Breite haben, sonst ist der
+       Start-Check nur eine leere Rinne. */
+    balken: [...document.querySelectorAll(".fortschritt__fuellung")]
+      .map((e) => e.style.width),
+    zahlen: [...document.querySelectorAll(".creator")].map((k) => ({
+      name: k.querySelector(".creator__name")?.textContent,
+      achtung: k.dataset.achtung === "ja",
+      werte: [...k.querySelectorAll(".wert__zahl")].map((z) => z.textContent).join("/"),
+      naechstes: k.querySelector(".naechstes__wert")?.textContent,
+      unter: k.querySelector(".creator__unter")?.textContent,
+    })),
+  }));
+
+  await seite.screenshot({ path: datei, fullPage: true });
+  console.log(`\n${name}`);
+  ok(konsole.length === 0, `keine Fehler in der Konsole${konsole.length ? " -> " + konsole.join(" | ") : ""}`);
+  ok(bild.ueberstand <= 0, `nichts steht über (${bild.ueberstand}px, ${bild.breit.join(", ")})`);
+  ok(!bild.fehler, `keine Fehlermeldung auf der Seite ("${bild.fehler}")`);
+  console.log("  ->", JSON.stringify(bild.zahlen, null, 1).replace(/\n\s*/g, " "));
+  console.log("  -> Titel:", bild.titel, "| Summen:", bild.summen, "| Balken:", bild.balken.join(" "));
+  await kontext.close();
+  return bild;
+}
+
+const gross = await ansehen("DogFather · Computer", "admin", "CODE-DOGI-0001",
+  { width: 1440, height: 1000 }, "pruef-uebersicht-computer.png");
+ok(gross.karten === 4, `vier Karten (${gross.karten})`);
+ok(gross.summen === 6, `sechs Summen (${gross.summen})`);
+/* Sortierung: Anna hat 3 ueberfaellige + 1 dringend und muss oben stehen. */
+ok(gross.zahlen[0]?.name === "Anna Sturm", `die brennendste Karte steht oben (${gross.zahlen[0]?.name})`);
+ok(gross.zahlen[0]?.achtung === true, "sie ist als Achtung markiert");
+ok(gross.zahlen.at(-1)?.achtung === false, "eine ruhige Karte ist nicht markiert");
+ok(gross.zahlen.some((z) => /nicht da|nie angemeldet/.test(z.unter || "")),
+   "lange Abwesenheit wird benannt");
+
+const klein = await ansehen("DogFather · Handy", "admin", "CODE-DOGI-0001",
+  { width: 390, height: 844 }, "pruef-uebersicht-handy.png");
+ok(klein.karten === 4, `vier Karten auch auf dem Handy (${klein.karten})`);
+
+const eigen = await ansehen("Creator · Handy", "creator", "CODE-CRE-0001",
+  { width: 390, height: 844 }, "pruef-uebersicht-creator.png");
+ok(eigen.karten === 1, `Creator sieht genau seine Karte (${eigen.karten})`);
+ok(eigen.titel === "Mein Stand", `Titel heisst "Mein Stand" (${eigen.titel})`);
+ok(eigen.summen === 0, "keine Summenzeile bei nur einer Karte");
+ok(!/betreut von/.test(eigen.zahlen[0]?.unter || ""),
+   "dem Creator wird die Betreuung nicht vorgehalten");
+
+await browser.close();
+console.log(`\n${fehler === 0 ? "Alles in Ordnung." : fehler + " Prüfung(en) fehlgeschlagen."}`);
+try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
+process.exit(fehler === 0 ? 0 : 1);
diff --git a/server/pruef-uebersicht.mjs b/server/pruef-uebersicht.mjs
new file mode 100644
index 00000000..0c2c55ab
--- /dev/null
+++ b/server/pruef-uebersicht.mjs
@@ -0,0 +1,245 @@
+/* ===================================================================
+   Pruefung: Dashboard (uebersicht.html + /api/uebersicht/creator)
+
+   Startet einen echten Express-Server mit einer frischen Testdatenbank,
+   legt DogFather, Manager, Scout und zwei Creator an und prueft dann,
+   was jede Rolle sieht. Wichtig ist vor allem der NEGATIVE Fall: Der
+   Scout darf den nicht betreuten Creator nirgends finden, und niemand
+   ausser der Leitung darf den Review-Termin sehen.
+   =================================================================== */
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+
+const ordner = mkdtempSync(join(tmpdir(), "ws-uebersicht-"));
+process.env.WORKSPACE_DB = join(ordner, "pruef.sqlite");
+process.env.PORT = "4176";
+process.env.SITE_ACCESS_SECRET = "lokaler-test";
+process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1";
+process.env.SITE_ACCESS_CODE_VANVAN = "VANVAN-TEST-1";
+process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
+
+const express = (await import("express")).default;
+const echteCookie = express.response.cookie;
+express.response.cookie = function (name, wert, opt) {
+  return echteCookie.call(this, name, wert, { ...(opt || {}), secure: false });
+};
+
+await import("./index.js");
+await new Promise((r) => setTimeout(r, 700));
+
+const BASIS = "http://127.0.0.1:4176";
+
+/* Notbremse. index.js faengt uncaughtException ab, damit die Website
+   nicht an einem Einzelfehler stirbt -- im Test heisst das aber: ein
+   Fehler bliebe stumm und der Lauf haenge fuer immer. */
+const notbremse = setTimeout(() => {
+  console.log("\nABBRUCH: Der Testlauf hing über 90 Sekunden.");
+  process.exit(1);
+}, 90_000);
+notbremse.unref?.();
+
+let fehler = 0;
+const ok = (bedingung, text) => {
+  console.log((bedingung ? "  ok   " : "  FEHL ") + text);
+  if (!bedingung) fehler++;
+};
+
+/* ---------- Testdaten direkt in die Datenbank ------------------------ */
+
+/* Die Datenbank wird absichtlich erst beim ersten echten Zugriff
+   geoeffnet -- ein Fehler dort soll nie die Website mitreissen. Fuer
+   diesen Test heisst das: erst einen (scheiternden) Anmeldeversuch
+   schicken, damit Schema und Umstellungen laufen. Ohne das faende die
+   eigene Verbindung unten noch gar keine Tabellen. */
+await fetch(BASIS + "/workspace/api/anmelden", {
+  method: "POST",
+  headers: { "Content-Type": "application/json" },
+  body: JSON.stringify({ rolle: "admin", code: "gibt-es-nicht" }),
+}).catch(() => {});
+
+const { DatabaseSync } = await import("node:sqlite");
+const { scryptSync, randomBytes } = await import("node:crypto");
+
+const d = new DatabaseSync(process.env.WORKSPACE_DB);
+const N = 32768;
+function anlegen(name, rolle, code) {
+  const salt = randomBytes(16).toString("hex");
+  const hash = scryptSync(code, salt, 64, { N, r: 8, p: 1, maxmem: 96 * 1024 * 1024 })
+    .toString("hex");
+  d.prepare(
+    "INSERT INTO personen (name, rolle, code_hash, code_salt, code_n, aktiv, erstellt) VALUES (?,?,?,?,?,1,?)"
+  ).run(name, rolle, hash, salt, N, new Date().toISOString());
+  return d.prepare("SELECT last_insert_rowid() AS id").get().id;
+}
+
+const idDogi    = anlegen("Test-DogFather", "admin",   "CODE-DOGI-0001");
+const idManager = anlegen("Test-Manager",   "manager", "CODE-MANA-0001");
+const idScout   = anlegen("Test-Scout",     "scout",   "CODE-SCOU-0001");
+const idAnna    = anlegen("Anna Betreut",   "creator", "CODE-ANNA-0001");
+const idBen     = anlegen("Ben Fremd",      "creator", "CODE-BENN-0001");
+
+/* Anna wird vom Scout betreut, Ben nicht. */
+d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)")
+  .run(idAnna, idScout, new Date().toISOString());
+
+const jetzt = new Date().toISOString();
+const gestern = new Date(Date.now() - 86400_000).toISOString().slice(0, 10);
+const morgen = new Date(Date.now() + 86400_000).toISOString().slice(0, 16);
+
+/* Aufgaben: eine ueberfaellige, zwei offene, je eine in Arbeit, im
+   Review und erledigt -- damit jede Zahl der Karte einen anderen Wert
+   bekommt und eine vertauschte Spalte sofort auffiele. */
+const aufgabe = (creator, status, frist, erledigt) =>
+  d.prepare(
+    "INSERT INTO aufgaben (titel, creator_id, status, frist, erledigt_am, erstellt, erstellt_von) VALUES (?,?,?,?,?,?,?)"
+  ).run("Test", creator, status, frist, erledigt, jetzt, idDogi);
+
+aufgabe(idAnna, "offen", gestern, null);          // ueberfaellig
+aufgabe(idAnna, "offen", null, null);
+aufgabe(idAnna, "arbeit", null, null);
+aufgabe(idAnna, "review", null, null);
+aufgabe(idAnna, "erledigt", null, jetzt);
+aufgabe(idBen, "offen", gestern, null);
+
+/* Ein dringender, offener Punkt in den Bereichen -- und einer, der
+   erledigt ist. Der erledigte darf NICHT mitzaehlen. */
+const eintrag = (creator, dringlichkeit, status) =>
+  d.prepare(
+    "INSERT INTO eintraege (bereich, art, titel, datum, dringlichkeit, status, creator_id, erstellt, erstellt_von) VALUES ('live','notiz','Test',?,?,?,?,?,?)"
+  ).run(gestern, dringlichkeit, status, creator, jetzt, idDogi);
+eintrag(idAnna, "hoch", "offen");
+eintrag(idAnna, "hoch", "erledigt");
+eintrag(idAnna, "mittel", "offen");
+
+/* Termin morgen -- der naechste anstehende. Ein bereits erledigter und
+   ein vergangener duerfen ihn nicht verdraengen. */
+const termin = (beginn, erledigt) =>
+  d.prepare(
+    "INSERT INTO termine (titel, beginn, creator_id, erledigt, erstellt, erstellt_von) VALUES ('Test',?,?,?,?,?)"
+  ).run(beginn, idAnna, erledigt, jetzt, idDogi);
+termin(morgen, 0);
+termin(new Date(Date.now() + 3 * 86400_000).toISOString().slice(0, 16), 0);
+termin(new Date(Date.now() + 2 * 86400_000).toISOString().slice(0, 16), 1); // erledigt
+termin("2020-01-01T10:00", 0);                                             // vergangen
+
+/* Start-Check: drei geprueft, davon einer mit Handlungsbedarf. */
+const check = (feld, punkt, bewertung) =>
+  d.prepare(
+    "INSERT INTO startcheck (creator_id, feld, punkt, bewertung, geaendert) VALUES (?,?,?,?,?)"
+  ).run(idAnna, feld, punkt, bewertung, jetzt);
+check("technik", "licht", "ok");
+check("technik", "ton", "mittel");
+check("inhalt", "plan", "handlung");
+check("inhalt", "offen", null);   // angelegt, aber nicht bewertet -> zaehlt nicht
+
+/* Review-Termin im Profil -- nur die Leitung darf ihn sehen. */
+d.prepare("INSERT INTO profile (person_id, naechster_review) VALUES (?,?)")
+  .run(idAnna, "2026-12-24");
+
+d.close();
+
+/* ---------- Hilfen --------------------------------------------------- */
+
+async function anmelden(rolle, code) {
+  const a = await fetch(BASIS + "/workspace/api/anmelden", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ rolle, code }),
+    redirect: "manual",
+  });
+  const keks = (a.headers.getSetCookie?.() || []).map((c) => c.split(";")[0]).join("; ");
+  if (!a.ok || !keks) throw new Error(`Anmeldung ${rolle} gescheitert (${a.status})`);
+  return keks;
+}
+const hole = (pfad, keks) =>
+  fetch(BASIS + pfad, { headers: { cookie: keks }, redirect: "manual" });
+
+/* ---------- Pruefungen ------------------------------------------------ */
+
+console.log("\n1) Ohne Anmeldung");
+{
+  const a = await fetch(BASIS + "/workspace/uebersicht.html", { redirect: "manual" });
+  ok(a.status === 302, `Seite leitet um statt sie auszuliefern (${a.status})`);
+  const b = await fetch(BASIS + "/workspace/api/uebersicht/creator", { redirect: "manual" });
+  ok(b.status === 401, `Schnittstelle antwortet 401 (${b.status})`);
+}
+
+console.log("\n2) DogFather sieht alle");
+const kDogi = await anmelden("admin", "CODE-DOGI-0001");
+{
+  const a = await hole("/workspace/uebersicht.html", kDogi);
+  ok(a.status === 200, `Seite wird ausgeliefert (${a.status})`);
+  const d2 = await (await hole("/workspace/api/uebersicht/creator", kDogi)).json();
+  ok(d2.creator.length === 2, `beide Creator (${d2.creator.length})`);
+  ok(d2.eigen === false, "eigen = false");
+  ok(d2.check_gesamt === 16, "Start-Check-Gesamtzahl mitgeliefert");
+  const anna = d2.creator.find((c) => c.name === "Anna Betreut");
+  ok(anna.ueberfaellig === 1, `Anna: 1 ueberfaellig (${anna.ueberfaellig})`);
+  ok(anna.offen === 2, `Anna: 2 offen (${anna.offen})`);
+  ok(anna.arbeit === 1, `Anna: 1 in Arbeit (${anna.arbeit})`);
+  ok(anna.review === 1, `Anna: 1 im Review (${anna.review})`);
+  ok(anna.erledigt30 === 1, `Anna: 1 erledigt in 30 Tagen (${anna.erledigt30})`);
+  ok(anna.dringend === 1, `Anna: 1 dringend, Erledigtes zaehlt nicht mit (${anna.dringend})`);
+  ok(anna.check_geprueft === 3, `Anna: 3 Punkte bewertet (${anna.check_geprueft})`);
+  ok(anna.check_handlung === 1, `Anna: 1 Punkt mit Handlungsbedarf (${anna.check_handlung})`);
+  ok(String(anna.naechster_termin).startsWith(
+       new Date(Date.now() + 86400_000).toISOString().slice(0, 10)),
+     `Anna: naechster Termin ist morgen, nicht der erledigte (${anna.naechster_termin})`);
+  ok(anna.betreuer === "Test-Scout", `Anna: Betreuer steht dran (${anna.betreuer})`);
+  ok(anna.naechster_review === "2026-12-24", "Leitung sieht den Review-Termin");
+  ok(anna.hat_profil === 1, "Profil erkannt");
+  const ben = d2.creator.find((c) => c.name === "Ben Fremd");
+  ok(ben.betreuer === null, "Ben hat keinen Betreuer");
+  ok(ben.hat_profil === 0, "Ben hat kein Profil");
+}
+
+console.log("\n3) Manager sieht dasselbe");
+{
+  const k = await anmelden("manager", "CODE-MANA-0001");
+  const d2 = await (await hole("/workspace/api/uebersicht/creator", k)).json();
+  ok(d2.creator.length === 2, `beide Creator (${d2.creator.length})`);
+  ok(d2.creator[0].naechster_review !== undefined
+     || d2.creator[1].naechster_review !== undefined, "Manager sieht Review-Termine");
+}
+
+console.log("\n4) Scout sieht nur die betreute Person");
+{
+  const k = await anmelden("scout", "CODE-SCOU-0001");
+  const a = await hole("/workspace/uebersicht.html", k);
+  ok(a.status === 200, `Seite wird ausgeliefert (${a.status})`);
+  const d2 = await (await hole("/workspace/api/uebersicht/creator", k)).json();
+  ok(d2.creator.length === 1, `genau ein Creator (${d2.creator.length})`);
+  ok(d2.creator[0].name === "Anna Betreut", "und zwar die betreute");
+  ok(!d2.creator.some((c) => c.name === "Ben Fremd"), "Ben taucht NICHT auf");
+  ok(!("naechster_review" in d2.creator[0]), "Scout sieht KEINEN Review-Termin");
+}
+
+console.log("\n5) Creator sieht nur sich selbst");
+{
+  const k = await anmelden("creator", "CODE-ANNA-0001");
+  const a = await hole("/workspace/uebersicht.html", k);
+  ok(a.status === 200, `Seite wird ausgeliefert (${a.status})`);
+  const d2 = await (await hole("/workspace/api/uebersicht/creator", k)).json();
+  ok(d2.eigen === true, "eigen = true");
+  ok(d2.creator.length === 1, `genau ein Eintrag (${d2.creator.length})`);
+  ok(d2.creator[0].name === "Anna Betreut", "und zwar er selbst");
+  ok(!("naechster_review" in d2.creator[0]), "Creator sieht KEINEN Review-Termin");
+}
+
+console.log("\n6) Scout ohne Zuteilung bekommt eine leere, keine fremde Liste");
+{
+  const d3 = new DatabaseSync(process.env.WORKSPACE_DB);
+  d3.prepare("DELETE FROM betreuung WHERE creator_id = ?").run(idAnna);
+  d3.close();
+  const k = await anmelden("scout", "CODE-SCOU-0001");
+  const d2 = await (await hole("/workspace/api/uebersicht/creator", k)).json();
+  ok(d2.creator.length === 0, `leer statt alle (${d2.creator.length})`);
+}
+
+console.log(`\n${fehler === 0 ? "Alles in Ordnung." : fehler + " Prüfung(en) fehlgeschlagen."}`);
+/* Windows gibt die Datei erst frei, wenn der Server sie loslaesst -- das
+   Aufraeumen darf den Lauf deshalb nicht zum Scheitern bringen. Der
+   Ordner liegt im Temp-Verzeichnis und verschwindet ohnehin. */
+try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
+process.exit(fehler === 0 ? 0 : 1);
diff --git a/server/pruef-workspace-seiten.mjs b/server/pruef-workspace-seiten.mjs
new file mode 100644
index 00000000..d6ba456e
--- /dev/null
+++ b/server/pruef-workspace-seiten.mjs
@@ -0,0 +1,103 @@
+/* Kurzpruefung: Steht die Kopfleiste auf dem Handy ueber -- und zwar
+   auf ALLEN Seiten oder nur auf der neuen? Beantwortet die Frage, ob
+   ich einen eigenen Fehler gebaut oder einen alten gefunden habe. */
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+
+const ordner = mkdtempSync(join(tmpdir(), "ws-kopf-"));
+process.env.WORKSPACE_DB = join(ordner, "pruef.sqlite");
+process.env.PORT = "4178";
+process.env.SITE_ACCESS_SECRET = "lokaler-test";
+process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1";
+process.env.SITE_ACCESS_CODE_VANVAN = "VANVAN-TEST-1";
+process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
+
+const express = (await import("express")).default;
+const echteCookie = express.response.cookie;
+express.response.cookie = function (n, w, o) {
+  return echteCookie.call(this, n, w, { ...(o || {}), secure: false });
+};
+await import("./index.js");
+await new Promise((r) => setTimeout(r, 700));
+const BASIS = "http://127.0.0.1:4178";
+setTimeout(() => { console.log("ABBRUCH"); process.exit(1); }, 150_000).unref?.();
+
+await fetch(BASIS + "/workspace/api/anmelden", {
+  method: "POST", headers: { "Content-Type": "application/json" },
+  body: JSON.stringify({ rolle: "admin", code: "x" }),
+}).catch(() => {});
+
+const { DatabaseSync } = await import("node:sqlite");
+const { scryptSync, randomBytes } = await import("node:crypto");
+const d = new DatabaseSync(process.env.WORKSPACE_DB);
+const salt = randomBytes(16).toString("hex");
+const hash = scryptSync("CODE-DOGI-0001", salt, 64, { N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex");
+d.prepare("INSERT INTO personen (name, rolle, code_hash, code_salt, code_n, aktiv, erstellt) VALUES (?,?,?,?,?,1,?)")
+  .run("Test-DogFather", "admin", hash, salt, 32768, new Date().toISOString());
+d.close();
+
+const { chromium } = await import(
+  "file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
+const browser = await chromium.launch();
+
+/* Alle Seiten, die eine angemeldete Person zu sehen bekommt. Geprueft
+   wird auf beiden Groessen, weil die geteilten Klassen (.kopf-zeile,
+   .inhalt--breit, .leise) am 31.08.2026 von aufgaben.css nach start.css
+   gewandert sind -- faellt dabei etwas herunter, sieht man es hier. */
+const SEITEN = ["start.html", "uebersicht.html", "aufgaben.html", "kalender.html",
+                "personen.html", "profil.html", "wissen.html", "dateien.html",
+                "calls.html", "startcheck.html", "report.html", "scouting.html",
+                "automation.html", "bereich.html?b=live"];
+
+let fehler = 0;
+for (const [breite, hoehe, wie] of [[1440, 1000, "Computer"], [390, 844, "Handy"]]) {
+  console.log(`\n=== ${wie} (${breite}px)`);
+  const kontext = await browser.newContext({ viewport: { width: breite, height: hoehe } });
+  const seite = await kontext.newPage();
+  const konsole = [];
+  seite.on("console", (m) => { if (m.type() === "error") konsole.push(m.text()); });
+  seite.on("pageerror", (e) => konsole.push("pageerror: " + e.message));
+
+  await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
+  await seite.click('.rolle[data-rolle="admin"]');
+  await seite.fill("#code", "CODE-DOGI-0001");
+  await seite.click("button[type=submit]");
+  await seite.waitForURL("**/start.html", { timeout: 15000 });
+
+  for (const s of SEITEN) {
+    konsole.length = 0;
+    await seite.goto(BASIS + "/workspace/" + s, { waitUntil: "networkidle" });
+    await seite.waitForTimeout(300);
+    const r = await seite.evaluate(() => ({
+      ueber: document.documentElement.scrollWidth - document.documentElement.clientWidth,
+      schuld: [...document.querySelectorAll("body *")]
+        .filter((e) => e.getBoundingClientRect().right > window.innerWidth + 1)
+        .map((e) => (e.tagName + "." + e.className).slice(0, 40)).slice(0, 4),
+      /* Die verschobenen Klassen muessen weiterhin greifen. .inhalt--breit
+         setzt 1240px -- kommt nur 880px an, ist die Regel verloren. */
+      breit: document.querySelector(".inhalt--breit")
+        ? getComputedStyle(document.querySelector(".inhalt--breit")).maxWidth : null,
+      kopfzeile: document.querySelector(".kopf-zeile")
+        ? getComputedStyle(document.querySelector(".kopf-zeile")).display : null,
+      abmelden: (() => {
+        const a = document.querySelector(".abmelden")?.getBoundingClientRect();
+        return a ? a.right <= window.innerWidth && a.left >= 0 : null;
+      })(),
+    }));
+    const gut = r.ueber <= 0 && konsole.length === 0 && r.abmelden !== false
+      && (r.breit === null || r.breit === "1240px")
+      && (r.kopfzeile === null || r.kopfzeile === "flex");
+    if (!gut) fehler++;
+    console.log(`  ${gut ? "ok  " : "FEHL"} ${String(s).padEnd(20)}`
+      + `über=${String(r.ueber).padStart(3)}px  abmelden=${r.abmelden}`
+      + `  breit=${r.breit}  kopfzeile=${r.kopfzeile}`
+      + (konsole.length ? "  KONSOLE: " + konsole.join(" | ") : "")
+      + (r.schuld.length ? "  -> " + r.schuld.join(" | ") : ""));
+  }
+  await kontext.close();
+}
+await browser.close();
+console.log(`\n${fehler === 0 ? "Alles in Ordnung." : fehler + " Seite(n) fehlerhaft."}`);
+try { rmSync(ordner, { recursive: true, force: true }); } catch {}
+process.exit(fehler === 0 ? 0 : 1);
diff --git a/server/workspace-aufgaben.js b/server/workspace-aufgaben.js
index 91f2e8d6..33da8ffe 100644
--- a/server/workspace-aufgaben.js
+++ b/server/workspace-aufgaben.js
@@ -10,7 +10,7 @@
 
 import express from "express";
 import {
-  db, protokolliere, echteIp, sitzungLesen, betreutWo, istLeitung, ROLLEN_SORTIERUNG,
+  db, protokolliere, echteIp, sitzungLesen, betreutWo, istLeitung, ROLLEN_SORTIERUNG, betreuteIds,
 } from "./workspace.js";
 
 export const aufgabenRouter = express.Router();
@@ -188,6 +188,84 @@ function pruefeFelder(körper, { neu }) {
   return { aus, fehler };
 }
 
+/* ---------- Gesamtuebersicht ----------------------------------------------
+   "Die Admin-Rolle behaelt den Gesamtueberblick" (Konzept, Seite 2) und
+   "UEBERSICHT -- alles zentral" (Seite 1). Genau das fehlte: eine
+   Ansicht, die JE CREATOR zeigt, wie es steht, statt nur die eigenen
+   Zahlen.
+
+   Fuehrt keine eigenen Daten -- alles kommt aus Aufgaben, Terminen,
+   Bereichen, Profil und Start-Check. Wer welchen Creator sieht, richtet
+   sich nach derselben Betreuungsregel wie ueberall.               */
+
+aufgabenRouter.get("/workspace/api/uebersicht/creator", (req, res) => {
+  try {
+    const person = req.person;
+    let wo = "p.rolle = 'creator' AND p.aktiv = 1";
+    let werte = [];
+    if (person.rolle === "creator") {
+      wo += " AND p.id = ?";
+      werte = [person.id];
+    } else if (person.rolle === "scout") {
+      const ids = betreuteIds(person);
+      if (!ids.length) return res.json({ creator: [], eigen: false });
+      wo += ` AND p.id IN (${ids.map(() => "?").join(",")})`;
+      werte = ids;
+    }
+
+    const heute = new Date().toISOString().slice(0, 10);
+    const jetztIso = new Date().toISOString();
+
+    const liste = db().prepare(`
+      SELECT p.id, p.name, p.letzter_login,
+             (SELECT name FROM personen b
+               WHERE b.id = (SELECT betreuer_id FROM betreuung WHERE creator_id = p.id)) AS betreuer,
+             (SELECT COUNT(*) FROM aufgaben a
+               WHERE a.creator_id = p.id AND a.status = 'offen') AS offen,
+             (SELECT COUNT(*) FROM aufgaben a
+               WHERE a.creator_id = p.id AND a.status = 'arbeit') AS arbeit,
+             (SELECT COUNT(*) FROM aufgaben a
+               WHERE a.creator_id = p.id AND a.status = 'review') AS review,
+             (SELECT COUNT(*) FROM aufgaben a
+               WHERE a.creator_id = p.id AND a.status <> 'erledigt'
+                 AND a.frist IS NOT NULL AND a.frist < ?) AS ueberfaellig,
+             (SELECT COUNT(*) FROM aufgaben a
+               WHERE a.creator_id = p.id AND a.erledigt_am IS NOT NULL
+                 AND a.erledigt_am >= ?) AS erledigt30,
+             (SELECT COUNT(*) FROM eintraege e
+               WHERE e.creator_id = p.id AND e.status = 'offen'
+                 AND e.dringlichkeit = 'hoch') AS dringend,
+             (SELECT MIN(t.beginn) FROM termine t
+               WHERE (t.creator_id = p.id OR t.teilnehmer_id = p.id)
+                 AND t.beginn >= ? AND t.erledigt = 0) AS naechster_termin,
+             (SELECT COUNT(*) FROM startcheck s
+               WHERE s.creator_id = p.id AND s.bewertung IS NOT NULL) AS check_geprueft,
+             (SELECT COUNT(*) FROM startcheck s
+               WHERE s.creator_id = p.id AND s.bewertung = 'handlung') AS check_handlung,
+             (SELECT naechster_review FROM profile f WHERE f.person_id = p.id) AS naechster_review,
+             (SELECT COUNT(*) FROM profile f WHERE f.person_id = p.id) AS hat_profil
+      FROM personen p
+      WHERE ${wo}
+      ORDER BY p.name`).all(
+      heute, new Date(Date.now() - 30 * 86400_000).toISOString(),
+      heute + "T00:00", ...werte);
+
+    /* Der Review-Termin ist Steuerungswissen -- ein Creator sieht ihn in
+       seinem Profil auch nicht, also hier ebenso wenig. */
+    if (!istLeitung(person)) for (const c of liste) delete c.naechster_review;
+
+    res.json({
+      creator: liste,
+      eigen: person.rolle === "creator",
+      check_gesamt: 16,
+      stand: jetztIso,
+    });
+  } catch (fehler) {
+    console.error("[workspace] Gesamtuebersicht:", fehler?.message);
+    res.status(503).json({ fehler: "nicht_verfuegbar" });
+  }
+});
+
 /* ---------- Rueckmeldungen ("Aufgaben & Feedback") ------------------------
    Wer die Aufgabe sieht, darf mitreden. Geprueft wird das ueber dieselbe
    Sichtbarkeitsregel wie fuer die Aufgabe selbst -- eine zweite Regel
diff --git a/server/workspace.js b/server/workspace.js
index bbe19ba2..e456c1db 100644
--- a/server/workspace.js
+++ b/server/workspace.js
@@ -636,6 +636,7 @@ export const workspaceRouter = express.Router();
    das Skript ihn wegschickt. Sichtbar sein soll sie gar nicht. */
 const GESCHUETZT = {
   "/workspace/start.html": null,
+  "/workspace/uebersicht.html": null,
   "/workspace/aufgaben.html": null,
   "/workspace/personen.html": ["admin", "manager"],
   "/workspace/profil.html": ["admin", "manager", "scout", "creator"],
diff --git a/workspace/assets/css/aufgaben.css b/workspace/assets/css/aufgaben.css
index 56925aa4..8f5a19d2 100644
--- a/workspace/assets/css/aufgaben.css
+++ b/workspace/assets/css/aufgaben.css
@@ -2,19 +2,9 @@
    Aufgabenbrett. Baut auf gate.css und start.css auf.
    =================================================================== */
 
-.inhalt--breit { max-width: 1240px; }
-
-.zurueck { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
-.zurueck:hover { border-bottom-color: currentColor; }
-
-.kopf-zeile {
-  display: flex; align-items: flex-end; justify-content: space-between;
-  gap: 20px; flex-wrap: wrap; margin-bottom: 24px;
-}
-.kopf-zeile .titel { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.85rem); }
-
-
-.leise { color: var(--text-still); font-weight: 400; }
+/* .inhalt--breit, .zurueck, .kopf-zeile und .leise sind am 31.08.2026 nach
+   start.css gewandert -- sie werden auf jeder Seite gebraucht, aber nicht
+   jede Seite laedt diese Datei hier. */
 
 /* ---------- Formular -------------------------------------------------- */
 
diff --git a/workspace/assets/css/start.css b/workspace/assets/css/start.css
index e5e10e63..116eedde 100644
--- a/workspace/assets/css/start.css
+++ b/workspace/assets/css/start.css
@@ -36,7 +36,22 @@ body.start {
   border-bottom: 1px solid var(--rand);
 }
 
-.kopfleiste .marke { margin: 0; font-size: .72rem; }
+/* Damit in einer Flex-Zeile ueberhaupt etwas schrumpfen KANN, braucht es
+   min-width: 0. Ohne diese eine Zeile behielt jedes Teil seine volle
+   Wunschbreite -- Zurueck (118) + Marke (141) + rechte Gruppe (297)
+   ergaben 556 px auf einem 390 px breiten Handy. Die Kopfleiste schob
+   214 px aus dem Bild und der Abmelden-Knopf war dort nicht mehr zu
+   erreichen. Auf JEDER Seite, seit es die Kopfleiste gibt; aufgefallen
+   erst beim Messen, weil man am Rechner nie danebengreift. */
+.kopfleiste > * { min-width: 0; }
+
+.kopfleiste .marke {
+  margin: 0; font-size: .72rem;
+  /* Die Marke gibt als Erstes nach: Ihr Inhalt steht direkt darunter
+     noch einmal als Ueberschrift, der Abmelden-Knopf dagegen nirgends. */
+  flex: 1 1 auto;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
 
 /* Zurück-Knopf. Steht ganz links, weil dort jeder ihn erwartet -- gleiche
    Stelle wie im Browser. Auf der Startseite gibt es ihn gar nicht: Dort
@@ -106,11 +121,14 @@ body.start {
   .zurueck-knopf:hover .zurueck-knopf__pfeil { transform: none; }
 }
 
-.kopfleiste__rechts { display: flex; align-items: center; gap: 12px; }
+.kopfleiste__rechts { display: flex; align-items: center; gap: 12px; flex: 0 1 auto; min-width: 0; }
+.kopfleiste__rechts > * { flex: 0 0 auto; }
 
 .wer {
   font-size: .86rem; color: var(--text-leise);
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 46vw;
+  /* Der Name darf kuerzer werden -- der Knopf daneben nicht. */
+  flex: 0 1 auto; min-width: 0;
 }
 
 
@@ -122,6 +140,25 @@ body.start {
   padding: clamp(28px, 5vw, 56px) clamp(16px, 4vw, 40px) 64px;
 }
 
+/* Diese vier standen bis zum 31.08.2026 in aufgaben.css -- also in einer
+   Datei, die eine neue Seite gar nicht laden muss. Genau dadurch war das
+   Dashboard beim ersten Aufbau schmal und ohne Kopfzeilen-Layout: die
+   Klassen im HTML gab es, die Regeln dazu nicht. Derselbe Fehler ist
+   vorher schon zweimal passiert (.knopf-still, .schalter). Was auf
+   mehreren Seiten benutzt wird, gehoert hierher, wo jede Seite es hat. */
+.inhalt--breit { max-width: 1240px; }
+
+.zurueck { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
+.zurueck:hover { border-bottom-color: currentColor; }
+
+.kopf-zeile {
+  display: flex; align-items: flex-end; justify-content: space-between;
+  gap: 20px; flex-wrap: wrap; margin-bottom: 24px;
+}
+.kopf-zeile .titel { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.85rem); }
+
+.leise { color: var(--text-still); font-weight: 400; }
+
 .willkommen { margin-bottom: 38px; }
 .willkommen .titel { margin-bottom: 6px; }
 
@@ -199,9 +236,30 @@ body.start {
 .inhalt .fuss { margin-top: 40px; text-align: left; }
 
 @media (max-width: 520px) {
-  .kopfleiste { padding: 12px 16px; }
-  .kopfleiste .marke { font-size: .64rem; }
-  .wer { max-width: 34vw; }
+  .kopfleiste { padding: 12px 16px; gap: 10px; }
+  /* Die Marke wich zwar zurueck, nahm aber immer noch so viel Platz,
+     dass vom Namen nur noch drei Pixel uebrig blieben. Auf dem Handy
+     verschwindet sie deshalb -- genau derselbe Text steht zwei Zeilen
+     tiefer als Ueberschrift, der Name des Angemeldeten dagegen
+     nirgends sonst.
+
+     Aber nur dort, wo der Zurueck-Knopf sichtbar ist: Auf der
+     Startseite gibt es ihn nicht, dort waere die linke Haelfte sonst
+     leer und die Leiste saehe kaputt aus. */
+  .kopfleiste:has(.zurueck-knopf:not([hidden])) .marke { display: none; }
+  .kopfleiste__rechts { margin-left: auto; }
+  .wer { max-width: none; }
+  /* Der Pfeil allein sagt "zurueck" -- das Wort daneben kostet auf dem
+     Handy 65 px, die dem Abmelden-Knopf fehlen. Vorlesende Programme
+     verlieren nichts: Der Text bleibt im Dokument und wird nur
+     unsichtbar gerechnet. */
+  .zurueck-knopf { padding: 9px 12px 9px 11px; }
+  .zurueck-knopf__text {
+    position: absolute; width: 1px; height: 1px;
+    margin: -1px; padding: 0; overflow: hidden;
+    clip-path: inset(50%); white-space: nowrap;
+  }
+  .zurueck-knopf { gap: 0; }
 }
 
 /* Zurueckhaltender Zweitknopf. Gehoert bewusst hierher und nicht in eine
diff --git a/workspace/assets/css/uebersicht.css b/workspace/assets/css/uebersicht.css
new file mode 100644
index 00000000..7ccb7e27
--- /dev/null
+++ b/workspace/assets/css/uebersicht.css
@@ -0,0 +1,193 @@
+/* ===================================================================
+   Dashboard -- die Gesamtuebersicht je Creator.
+
+   Grundgedanke: eine Karte je Person, in der Reihenfolge des Drucks.
+   Ruhige Karten fuer alles, was laeuft; nur was Handlung braucht,
+   bekommt Farbe. Waere jede Zahl bunt, waere keine mehr auffaellig --
+   und die Augen haetten nichts, worauf sie sich ausruhen koennen.
+   =================================================================== */
+
+/* ---------- Summen oben ---------------------------------------------------- */
+
+.summen {
+  display: grid; gap: 8px; margin-bottom: 26px;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+}
+.summe {
+  display: grid; gap: 2px; padding: 14px 16px;
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  background: rgba(255, 255, 255, .028);
+}
+.summe[data-warn="ja"] {
+  border-color: rgba(255, 154, 162, .32);
+  background: rgba(255, 154, 162, .05);
+}
+.summe__zahl {
+  font-size: 1.6rem; font-weight: 700; line-height: 1.1;
+  font-variant-numeric: tabular-nums; color: var(--text);
+}
+.summe[data-warn="ja"] .summe__zahl { color: var(--warn); }
+.summe__name {
+  font-size: .72rem; font-weight: 600; letter-spacing: .06em;
+  text-transform: uppercase; color: var(--text-still);
+}
+
+/* ---------- Karten --------------------------------------------------------- */
+
+.creator-liste {
+  display: grid; gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
+}
+.creator {
+  position: relative; overflow: hidden;
+  padding: 18px 20px 16px;
+  border: 1px solid var(--rand); border-radius: var(--radius);
+  background: rgba(255, 255, 255, .026);
+}
+/* Ein schmaler Streifen an der Kante statt einer eingefaerbten Karte:
+   sichtbar genug zum Ueberfliegen, ruhig genug zum Lesen. */
+.creator::before {
+  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
+  background: linear-gradient(180deg, var(--akzent), transparent 85%);
+  opacity: .35;
+}
+.creator[data-achtung="ja"] {
+  border-color: rgba(255, 154, 162, .26);
+}
+.creator[data-achtung="ja"]::before {
+  background: linear-gradient(180deg, var(--warn), transparent 85%);
+  opacity: .75;
+}
+
+.creator__kopf {
+  display: flex; gap: 18px; align-items: flex-start;
+  justify-content: space-between; flex-wrap: wrap;
+  margin-bottom: 15px;
+}
+.creator__wer { min-width: 0; }
+.creator__name {
+  margin: 0 0 3px; font-size: 1.14rem; font-weight: 700;
+  letter-spacing: -.01em; color: var(--text);
+}
+.creator__unter { margin: 0; font-size: .8rem; color: var(--text-still); }
+.creator__unter[data-kalt="ja"] { color: var(--warn); opacity: .82; }
+
+.naechstes { display: grid; gap: 2px; justify-items: end; text-align: right; flex: none; }
+.naechstes__schild {
+  font-size: .66rem; font-weight: 700; letter-spacing: .08em;
+  text-transform: uppercase; color: var(--text-still);
+}
+.naechstes__wert {
+  font-size: .92rem; font-weight: 650; color: var(--text);
+  text-decoration: none; font-variant-numeric: tabular-nums;
+  border-bottom: 1px solid transparent;
+}
+a.naechstes__wert:hover { color: var(--akzent); border-bottom-color: rgba(63, 189, 245, .45); }
+.naechstes__wert--leer { color: var(--text-still); font-weight: 500; }
+
+/* ---------- Zahlenreihe ---------------------------------------------------- */
+
+.werte {
+  display: grid; gap: 6px;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+.wert {
+  display: grid; gap: 1px; padding: 9px 4px 8px;
+  text-align: center; text-decoration: none;
+  border: 1px solid transparent; border-radius: var(--radius-klein);
+  background: rgba(255, 255, 255, .03);
+  transition: border-color var(--tempo), background var(--tempo);
+}
+a.wert:hover { border-color: var(--rand-hell); background: rgba(255, 255, 255, .06); }
+.wert__zahl {
+  font-size: 1.22rem; font-weight: 700; line-height: 1.15;
+  font-variant-numeric: tabular-nums; color: var(--text);
+}
+/* Eine Zeile, ohne Umbruch: "ERLEDIGT 30 T." brach sonst als einziges
+   Feld um und zog die ganze Reihe in die Hoehe. Lieber eine Spur
+   kleiner als sechs Kaesten, von denen einer aus der Reihe faellt. */
+.wert__name {
+  font-size: .6rem; font-weight: 600; letter-spacing: .03em;
+  text-transform: uppercase; color: var(--text-still);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+/* Eine Null ist eine gute Nachricht -- sie darf zuruecktreten. */
+.wert[data-leer="ja"] { background: rgba(255, 255, 255, .016); }
+.wert[data-leer="ja"] .wert__zahl { color: var(--text-still); font-weight: 600; }
+.wert[data-warn="ja"] {
+  border-color: rgba(255, 154, 162, .3); background: rgba(255, 154, 162, .07);
+}
+.wert[data-warn="ja"] .wert__zahl { color: var(--warn); }
+.wert[data-warn="ja"] .wert__name { color: rgba(255, 154, 162, .8); }
+
+/* ---------- Start-Check ---------------------------------------------------- */
+
+.fortschritt {
+  display: block; margin-top: 13px; padding: 11px 13px 12px;
+  text-decoration: none;
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  background: rgba(255, 255, 255, .02);
+  transition: border-color var(--tempo);
+}
+.fortschritt:hover { border-color: var(--rand-hell); }
+.fortschritt__zeile {
+  display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap;
+  margin: 0 0 8px;
+}
+.fortschritt__schild {
+  font-size: .66rem; font-weight: 700; letter-spacing: .08em;
+  text-transform: uppercase; color: var(--text-still);
+}
+.fortschritt__text { font-size: .8rem; color: var(--text-leise); font-variant-numeric: tabular-nums; }
+.fortschritt__warn {
+  margin-left: auto; padding: 1px 8px;
+  font-size: .7rem; font-weight: 650; color: var(--warn);
+  background: rgba(255, 154, 162, .1);
+  border: 1px solid rgba(255, 154, 162, .26); border-radius: 999px;
+}
+.fortschritt__balken {
+  display: block; height: 5px; border-radius: 999px; overflow: hidden;
+  background: rgba(255, 255, 255, .07);
+}
+.fortschritt__fuellung {
+  display: block; height: 100%; border-radius: 999px;
+  background: linear-gradient(90deg, var(--akzent-tief), var(--akzent));
+  transition: width .4s cubic-bezier(.4, 0, .2, 1);
+}
+.fortschritt__fuellung[data-warn="ja"] {
+  background: linear-gradient(90deg, rgba(255, 154, 162, .55), var(--warn));
+}
+.fortschritt[data-fertig="ja"] .fortschritt__text { color: var(--akzent); }
+
+.creator__luecke {
+  display: block; margin: 10px 0 0; padding: 8px 12px;
+  font-size: .78rem; color: var(--text-leise); text-decoration: none;
+  border: 1px dashed var(--rand); border-radius: var(--radius-klein);
+}
+.creator__luecke:hover { color: var(--akzent); border-color: rgba(63, 189, 245, .35); }
+
+/* ---------- Rest ----------------------------------------------------------- */
+
+.leer-hinweis {
+  padding: 30px; text-align: center; color: var(--text-still); font-size: .9rem;
+  border: 1px dashed var(--rand); border-radius: var(--radius);
+}
+.stand {
+  margin: 20px 0 0; font-size: .74rem; color: var(--text-still); text-align: right;
+}
+
+@media (max-width: 620px) {
+  .creator-liste { grid-template-columns: 1fr; }
+  .creator { padding: 16px 15px 14px; }
+  /* Sechs Spalten waeren auf dem Handy je 45 px breit -- die Beschriftung
+     bricht dann mitten im Wort. Zwei Reihen zu dritt lesen sich sauber. */
+  .werte { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .creator__kopf { gap: 10px; }
+  .naechstes { justify-items: flex-start; text-align: left; }
+  .summen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .stand { text-align: left; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .wert, .fortschritt, .fortschritt__fuellung { transition: none; }
+}
diff --git a/workspace/assets/js/start.js b/workspace/assets/js/start.js
index 1db7b35d..00471f8e 100644
--- a/workspace/assets/js/start.js
+++ b/workspace/assets/js/start.js
@@ -17,10 +17,14 @@
      `rollen` steuert, wem ein Bereich überhaupt angezeigt wird - schon
      jetzt, damit die Trennung von Anfang an sichtbar ist.
 
-     "Dashboard" stand hier als Kachel, die man nicht öffnen kann -- man
-     ist ja schon darauf. Ein Eintrag, der nirgendwohin führt, sieht aus
-     wie etwas Unfertiges. Raus. */
+     "Dashboard" führte lange nirgendwohin -- man stand ja schon auf
+     dieser Seite. Statt die Kachel zu streichen, hat sie jetzt ein
+     Ziel: die Gesamtübersicht je Creator, die das Konzept auf Seite 1
+     als "ÜBERSICHT -- alles zentral" verspricht und die es bisher
+     nirgends gab. Diese Seite hier ist der Einstieg, die andere der
+     Überblick. */
   const BEREICHE = [
+    { name: 'Dashboard',        phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'uebersicht.html' },
     { name: 'Personen & Zugänge', phase: 1, rollen: ['admin', 'manager'], ziel: 'personen.html' },
     { name: 'Creator-Profile',  phase: 1, rollen: ['admin', 'manager', 'scout'], ziel: 'profil.html' },
     { name: 'Mein Profil',      phase: 1, rollen: ['creator'], ziel: 'profil.html' },
diff --git a/workspace/assets/js/uebersicht.js b/workspace/assets/js/uebersicht.js
new file mode 100644
index 00000000..10a031c7
--- /dev/null
+++ b/workspace/assets/js/uebersicht.js
@@ -0,0 +1,241 @@
+/* ===================================================================
+   Dashboard -- die Gesamtuebersicht je Creator.
+
+   Das Konzept verspricht auf Seite 1 "UEBERSICHT -- alles zentral" und
+   auf Seite 2 "Die Admin-Rolle behaelt den Gesamtueberblick". Genau das
+   fehlte: Die Startseite ist ein Einstieg (was ist dran, wohin gehe
+   ich), aber sie beantwortet nicht "wie steht es um MEINE CREATOR".
+
+   Fuehrt keine eigenen Daten. Jede Zahl kommt aus Aufgaben, Terminen,
+   Bereichen, Profil und Start-Check -- und jede ist anklickbar, damit
+   man von der Zahl direkt zur Sache kommt. Eine Zahl ohne Weg dahin
+   waere nur ein schlechtes Gewissen.
+   =================================================================== */
+(() => {
+  'use strict';
+
+  const $ = (id) => document.getElementById(id);
+  const el = (tag, klasse, text) => {
+    const k = document.createElement(tag);
+    if (klasse) k.className = klasse;
+    if (text !== undefined) k.textContent = text;
+    return k;
+  };
+  const melde = (t) => { $('fehler').textContent = t || ''; };
+
+  async function hole(pfad) {
+    const a = await fetch(pfad, { credentials: 'same-origin' });
+    if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
+    return a;
+  }
+
+  const WOCHENTAG = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
+
+  const datum = (iso) => (iso ? iso.slice(0, 10).split('-').reverse().join('.') : '');
+
+  /* Ein Datum allein sagt wenig -- "Do, 04.09. · 18:00" ist die Angabe,
+     nach der man den Tag plant. */
+  function zeitpunkt(iso) {
+    if (!iso) return '';
+    const [d, z] = String(iso).split('T');
+    const [j, m, t] = d.split('-');
+    const tag = new Date(Number(j), Number(m) - 1, Number(t));
+    const w = Number.isNaN(tag.getTime()) ? '' : WOCHENTAG[tag.getDay()] + ', ';
+    return `${w}${t}.${m}.` + (z ? ' · ' + z.slice(0, 5) : '');
+  }
+
+  /* Wie lange ist die letzte Anmeldung her? Ab zwei Wochen wird die
+     Angabe gedaempft hervorgehoben -- das ist der Punkt, an dem jemand
+     abzudriften droht. */
+  function herLetzte(iso) {
+    if (!iso) return { text: 'noch nie angemeldet', kalt: true };
+    const tage = Math.floor((Date.now() - Date.parse(iso)) / 86400000);
+    if (!Number.isFinite(tage)) return { text: '' };
+    if (tage <= 0) return { text: 'heute da gewesen' };
+    if (tage === 1) return { text: 'gestern da gewesen' };
+    return { text: `seit ${tage} Tagen nicht da`, kalt: tage >= 14 };
+  }
+
+  function wert(anzahl, name, ziel, warn) {
+    const a = el(ziel ? 'a' : 'span', 'wert');
+    if (ziel) a.href = ziel;
+    if (warn && anzahl > 0) a.dataset.warn = 'ja';
+    if (!anzahl) a.dataset.leer = 'ja';
+    a.append(el('span', 'wert__zahl', String(anzahl)));
+    a.append(el('span', 'wert__name', name));
+    return a;
+  }
+
+  function karte(c, checkGesamt, eigen) {
+    const k = el('article', 'creator');
+    if (c.ueberfaellig > 0 || c.dringend > 0) k.dataset.achtung = 'ja';
+
+    const kopf = el('div', 'creator__kopf');
+
+    const links = el('div', 'creator__wer');
+    links.append(el('h2', 'creator__name', c.name));
+    const unter = el('p', 'creator__unter');
+    const her = herLetzte(c.letzter_login);
+    const teile = [];
+    if (!eigen && c.betreuer) teile.push('betreut von ' + c.betreuer);
+    if (!eigen && !c.betreuer) teile.push('noch niemand zuständig');
+    if (her.text) teile.push(her.text);
+    unter.textContent = teile.join(' · ');
+    if (her.kalt || (!eigen && !c.betreuer)) unter.dataset.kalt = 'ja';
+    links.append(unter);
+    kopf.append(links);
+
+    /* Die einzige Angabe, die nach vorn zeigt -- deshalb steht sie
+       abgesetzt oben rechts und nicht zwischen den Zaehlungen. */
+    const rechts = el('div', 'naechstes');
+    if (c.naechster_termin) {
+      rechts.append(el('span', 'naechstes__schild', 'Nächster Termin'));
+      const a = el('a', 'naechstes__wert', zeitpunkt(c.naechster_termin));
+      a.href = 'kalender.html';
+      rechts.append(a);
+    } else if (c.naechster_review) {
+      rechts.append(el('span', 'naechstes__schild', 'Nächster Review'));
+      const a = el('a', 'naechstes__wert', datum(c.naechster_review));
+      a.href = 'report.html';
+      rechts.append(a);
+    } else {
+      rechts.append(el('span', 'naechstes__schild', 'Nächster Termin'));
+      rechts.append(el('span', 'naechstes__wert naechstes__wert--leer', 'keiner geplant'));
+    }
+    kopf.append(rechts);
+    k.append(kopf);
+
+    const werte = el('div', 'werte');
+    werte.append(wert(c.ueberfaellig, 'überfällig', 'aufgaben.html', true));
+    werte.append(wert(c.dringend, 'dringend', 'bereich.html?b=live', true));
+    werte.append(wert(c.offen, 'offen', 'aufgaben.html'));
+    werte.append(wert(c.arbeit, 'in Arbeit', 'aufgaben.html'));
+    werte.append(wert(c.review, 'im Review', 'aufgaben.html'));
+    werte.append(wert(c.erledigt30, 'erledigt 30 T.', 'aufgaben.html'));
+    k.append(werte);
+
+    /* Start-Check als Balken statt als Zahl -- "4 von 16" liest man,
+       ein Viertel gefuellt sieht man. */
+    const check = el('a', 'fortschritt');
+    check.href = 'startcheck.html';
+    const geprueft = c.check_geprueft || 0;
+    const anteil = checkGesamt ? Math.round((geprueft / checkGesamt) * 100) : 0;
+    if (geprueft >= checkGesamt && checkGesamt) check.dataset.fertig = 'ja';
+
+    const zeile = el('p', 'fortschritt__zeile');
+    zeile.append(el('span', 'fortschritt__schild', 'Start-Check'));
+    zeile.append(el('span', 'fortschritt__text',
+      geprueft ? `${geprueft} von ${checkGesamt} geprüft` : 'noch nicht begonnen'));
+    if (c.check_handlung > 0) {
+      zeile.append(el('span', 'fortschritt__warn',
+        `${c.check_handlung} × Handlungsbedarf`));
+    }
+    check.append(zeile);
+
+    const balken = el('span', 'fortschritt__balken');
+    const fuellung = el('span', 'fortschritt__fuellung');
+    fuellung.style.width = anteil + '%';
+    if (c.check_handlung > 0) fuellung.dataset.warn = 'ja';
+    balken.append(fuellung);
+    check.append(balken);
+    k.append(check);
+
+    if (!c.hat_profil) {
+      const a = el('a', 'creator__luecke', eigen
+        ? 'Dein Profil ist noch leer – jetzt ausfüllen'
+        : 'Profil noch nicht ausgefüllt');
+      a.href = 'profil.html';
+      k.append(a);
+    }
+    return k;
+  }
+
+  function summenZeigen(liste) {
+    const s = $('summen');
+    s.textContent = '';
+    if (liste.length < 2) { s.hidden = true; return; }
+    const summe = (feld) => liste.reduce((n, c) => n + (c[feld] || 0), 0);
+    const felder = [
+      [liste.length, 'Creator', false],
+      [summe('ueberfaellig'), 'überfällig', true],
+      [summe('dringend'), 'dringende Punkte', true],
+      [summe('offen') + summe('arbeit'), 'offen & in Arbeit', false],
+      [summe('review'), 'im Review', false],
+      [summe('erledigt30'), 'erledigt · 30 Tage', false],
+    ];
+    for (const [zahl, name, warn] of felder) {
+      const k = el('div', 'summe');
+      if (warn && zahl > 0) k.dataset.warn = 'ja';
+      k.append(el('span', 'summe__zahl', String(zahl)));
+      k.append(el('span', 'summe__name', name));
+      s.append(k);
+    }
+    s.hidden = false;
+  }
+
+  (async () => {
+    let ich;
+    try {
+      const a = await hole('/workspace/api/ich');
+      if (!a.ok) { location.assign('/workspace/'); return; }
+      ich = await a.json();
+    } catch { return; }
+    $('wer').textContent = ich.name + ' · ' + (ich.rolle_name || ich.rolle);
+
+    let d;
+    try {
+      const a = await hole('/workspace/api/uebersicht/creator');
+      if (!a.ok) { melde('Die Übersicht konnte gerade nicht geladen werden.'); return; }
+      d = await a.json();
+    } catch { return; }
+
+    const ziel = $('liste');
+    ziel.textContent = '';
+    ziel.setAttribute('aria-busy', 'false');
+
+    const creator = d.creator || [];
+    const eigen = !!d.eigen;
+
+    if (eigen) {
+      $('titel').textContent = 'Mein Stand';
+      $('unterzeile').textContent = 'Wo du gerade stehst – aus deinen Aufgaben, Terminen und dem Start-Check.';
+    } else if (!creator.length) {
+      $('unterzeile').textContent = ich.rolle === 'scout'
+        ? 'Dir ist noch kein Creator zugeteilt.'
+        : 'Es gibt noch keinen Creator.';
+      ziel.append(el('p', 'leer-hinweis', ich.rolle === 'scout'
+        ? 'DogFather legt unter „Personen & Zugänge“ fest, wen du betreust.'
+        : 'Lege unter „Personen & Zugänge“ den ersten Creator an.'));
+      return;
+    } else {
+      $('unterzeile').textContent = creator.length === 1
+        ? 'Ein Creator – mit einem Blick sehen, wo es hakt und wo es läuft.'
+        : `${creator.length} Creator – mit einem Blick sehen, wo es hakt und wo es läuft.`;
+    }
+
+    summenZeigen(creator);
+
+    /* Wo etwas brennt, steht oben. Sortiert wird nach dem, was Handlung
+       verlangt -- nicht alphabetisch. Bei Gleichstand dann doch nach
+       Namen, damit die Reihenfolge stabil bleibt. */
+    const sortiert = creator.slice().sort((a, b) =>
+      (b.ueberfaellig + b.dringend) - (a.ueberfaellig + a.dringend)
+      || String(a.name).localeCompare(String(b.name), 'de'));
+
+    const box = el('div', 'creator-liste');
+    for (const c of sortiert) box.append(karte(c, d.check_gesamt || 16, eigen));
+    ziel.append(box);
+
+    if (d.stand) {
+      /* Der Server schickt UTC. zeitpunkt() darf hier NICHT genommen
+         werden -- das schneidet die Zeichenkette nur auf und zeigte im
+         Sommer zwei Stunden zu wenig an. */
+      const t = new Date(d.stand);
+      const p = (n) => String(n).padStart(2, '0');
+      const s = $('stand');
+      s.textContent = `Stand: ${p(t.getHours())}:${p(t.getMinutes())} Uhr · `
+        + 'wird bei jedem Aufruf neu ermittelt';
+      s.hidden = false;
+    }
+  })();
+})();
diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html
index 4f852e98..52513ecf 100644
--- a/workspace/aufgaben.html
+++ b/workspace/aufgaben.html
@@ -7,9 +7,9 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -134,8 +134,8 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/aufgaben.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/aufgaben.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/automation.html b/workspace/automation.html
index 9db320f7..f58fb474 100644
--- a/workspace/automation.html
+++ b/workspace/automation.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/automation.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -93,8 +93,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/automation.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/automation.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/bereich.html b/workspace/bereich.html
index 0d059b63..4c91a105 100644
--- a/workspace/bereich.html
+++ b/workspace/bereich.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -98,8 +98,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/bereich.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/bereich.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/calls.html b/workspace/calls.html
index 3855c3cf..ac6f4886 100644
--- a/workspace/calls.html
+++ b/workspace/calls.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/calls.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -49,9 +49,9 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202608311245" defer></script>
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/calls.js?v=202608311245" defer></script>
+<script src="assets/js/ki.js?v=202608311315" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/calls.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/dateien.html b/workspace/dateien.html
index e4f6222a..e84bea89 100644
--- a/workspace/dateien.html
+++ b/workspace/dateien.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -88,8 +88,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/dateien.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/dateien.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/index.html b/workspace/index.html
index c8c0a13e..bd06d3fc 100644
--- a/workspace/index.html
+++ b/workspace/index.html
@@ -25,7 +25,7 @@
       type="image/webp" media="(max-width: 899px)" />
 
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
 </head>
 
 <body class="gate">
@@ -143,6 +143,6 @@
   </p>
 </main>
 
-<script src="assets/js/gate.js?v=202608311245" defer></script>
+<script src="assets/js/gate.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/kalender.html b/workspace/kalender.html
index 984dc61b..1e314461 100644
--- a/workspace/kalender.html
+++ b/workspace/kalender.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -94,8 +94,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/kalender.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/kalender.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/personen.html b/workspace/personen.html
index b4e2c830..e4b49e0e 100644
--- a/workspace/personen.html
+++ b/workspace/personen.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/personen.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -93,8 +93,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/personen.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/personen.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/profil.html b/workspace/profil.html
index b20a7ba2..a1918b13 100644
--- a/workspace/profil.html
+++ b/workspace/profil.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -127,8 +127,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/profil.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/profil.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/report.html b/workspace/report.html
index 5f24b098..30aca64b 100644
--- a/workspace/report.html
+++ b/workspace/report.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/report.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/report.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -86,9 +86,9 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202608311245" defer></script>
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/report.js?v=202608311245" defer></script>
+<script src="assets/js/ki.js?v=202608311315" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/report.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/scouting.html b/workspace/scouting.html
index 83467472..13f81268 100644
--- a/workspace/scouting.html
+++ b/workspace/scouting.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -124,8 +124,8 @@
   </div>
 </div>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/scouting.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/scouting.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/start.html b/workspace/start.html
index 3dad2aa9..3a41d078 100644
--- a/workspace/start.html
+++ b/workspace/start.html
@@ -7,8 +7,8 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -56,8 +56,8 @@
   </p>
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/start.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/start.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/startcheck.html b/workspace/startcheck.html
index a2f0c721..5c474c26 100644
--- a/workspace/startcheck.html
+++ b/workspace/startcheck.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -65,9 +65,9 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202608311245" defer></script>
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/startcheck.js?v=202608311245" defer></script>
+<script src="assets/js/ki.js?v=202608311315" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/startcheck.js?v=202608311315" defer></script>
 </body>
 </html>
diff --git a/workspace/uebersicht.html b/workspace/uebersicht.html
new file mode 100644
index 00000000..c1310c3c
--- /dev/null
+++ b/workspace/uebersicht.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<title>Dashboard · Creator Workspace</title>
+<meta name="robots" content="noindex, nofollow" />
+<meta name="theme-color" content="#05070d" />
+<link rel="icon" href="assets/img/favicon.png" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202608311315" />
+</head>
+
+<body class="start">
+
+<header class="kopfleiste">
+  <button type="button" class="zurueck-knopf" id="zurueck" hidden>
+    <svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
+      <path d="M14.5 5.5 8 12l6.5 6.5" />
+    </svg>
+    <span class="zurueck-knopf__text">Zurück</span>
+  </button>
+  <p class="marke"><a class="zurueck" href="start.html">Creator&nbsp;Workspace</a> · Dashboard</p>
+  <div class="kopfleiste__rechts">
+    <span class="wer" id="wer">…</span>
+    <button type="button" class="abmelden" id="abmelden">Abmelden</button>
+  </div>
+</header>
+
+<main class="inhalt inhalt--breit">
+
+  <section class="kopf-zeile">
+    <div>
+      <p class="marke">Alles zentral</p>
+      <h1 class="titel" id="titel">Dashboard</h1>
+      <p class="unterzeile" id="unterzeile">
+        Eine Karte je Creator – mit einem Blick sehen, wo es hakt und wo es läuft.
+      </p>
+    </div>
+  </section>
+
+  <p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
+
+  <!-- Summen über alle sichtbaren Creator. Steht oben, weil die Frage
+       "wie steht es insgesamt" vor der Frage "bei wem" kommt. -->
+  <section class="summen" id="summen" hidden></section>
+
+  <div id="liste" aria-busy="true"><p class="leise">Übersicht wird geladen …</p></div>
+
+  <p class="stand" id="stand" hidden></p>
+
+</main>
+
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/uebersicht.js?v=202608311315" defer></script>
+</body>
+</html>
diff --git a/workspace/wissen.html b/workspace/wissen.html
index 7e9310dd..fb584c53 100644
--- a/workspace/wissen.html
+++ b/workspace/wissen.html
@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311245" />
-<link rel="stylesheet" href="assets/css/wissen.css?v=202608311245" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608311315" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202608311315" />
 </head>
 
 <body class="start">
@@ -170,8 +170,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608311245" defer></script>
-<script src="assets/js/kopf.js?v=202608311245" defer></script>
-<script src="assets/js/wissen.js?v=202608311245" defer></script>
+<script src="assets/js/wahl.js?v=202608311315" defer></script>
+<script src="assets/js/kopf.js?v=202608311315" defer></script>
+<script src="assets/js/wissen.js?v=202608311315" defer></script>
 </body>
 </html>