diff --git a/CLAUDE.md b/CLAUDE.md
index bbd4c56..b5078ae 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -11,7 +11,7 @@ Dieses Dokument beschreibt Architektur, Konventionen und wichtige Implementierun
 - **Einstiegspunkt:** `index.html`
 - **Styles:** `css/styles.css` (Layout & Komponenten) + `css/tokens.css` (Design-Tokens)
 - **Logik:** `js/app.js` (eine einzige Datei)
-- **Aktuelle Version:** `v69` (Script-Tag: `<script src="js/app.js?v=69">`)
+- **Aktuelle Version:** `v70` (Script-Tag: `<script src="js/app.js?v=70">`)
 
 ---
 
@@ -26,7 +26,7 @@ python3 -m http.server 8080
 
 **Cache-Busting:** Nach Änderungen an `app.js` die Versionsnummer im Script-Tag in `index.html` erhöhen und die sichtbare `v{N}` im Footer mitziehen. **Auch die CSS-Links (`css/tokens.css?v=N`, `css/styles.css?v=N`) tragen denselben `?v=N`** – bei reinen CSS-/Layout-Änderungen unbedingt mitziehen, sonst liefert GitHub Pages das alte Stylesheet:
 ```html
-<script src="js/app.js?v=69"></script>
+<script src="js/app.js?v=70"></script>
 ```
 
 ### Externe Aufrufe
@@ -37,7 +37,7 @@ Dass daraus **keine Inhalte** abfließen können, ist kein Zufall, sondern eine
 
 > ⚠️ **Die Zusagen im Markup müssen dazu passen.** Hero-Badge, Feature-Karte „Local-First" und die FAQ-Antwort „Verlassen meine Daten den Browser?" sprechen deshalb von *Inhalten*, die im Browser bleiben, und benennen die Zählung ausdrücklich. Die FAQ-Antwort steht **zweimal** in `index.html` – sichtbar und im `FAQPage`-Markup – und muss wörtlich übereinstimmen (ein Test prüft das).
 
-> ⚠️ **Das Ladegewicht-Budget zählt den Zähl-Aufruf NICHT mit.** Bis v68 tat es das – und maß damit das Netz statt das Repo: in der CI ging der Aufruf durch und brachte rund 9 KB mit, im Entwicklungscontainer sperrt die Netzwerkrichtlinie ihn. Derselbe Commit lieferte zwei verschiedene Zahlen, und dieselbe Grenze war einmal eingehalten und einmal gerissen. Gefiltert wird **beim Zählen**, ausdrücklich nicht über `page.route()`: ein Interceptor umgeht den Speicher-Cache, danach lädt `logo.svg` (106 KB) zweimal – einmal für die Topbar, einmal für den Hero – und die Messung ist um genau diesen Betrag falsch. Die Grenze selbst (700 KB) steht seit v45 unverändert.
+> ⚠️ **Das Ladegewicht-Budget zählt den Zähl-Aufruf NICHT mit.** Bis v68 tat es das – und maß damit das Netz statt das Repo: in der CI ging der Aufruf durch und brachte rund 9 KB mit, im Entwicklungscontainer sperrt die Netzwerkrichtlinie ihn. Derselbe Commit lieferte zwei verschiedene Zahlen, und dieselbe Grenze war einmal eingehalten und einmal gerissen. Gefiltert wird **beim Zählen**, ausdrücklich nicht über `page.route()`: ein Interceptor umgeht den Speicher-Cache, danach lädt `logo.svg` (106 KB) zweimal – einmal für die Topbar, einmal für den Hero – und die Messung ist um genau diesen Betrag falsch. Die Grenze selbst (700 KB) steht seit v45 unverändert. **Stand v70: rund 5,5 KB Luft.** Der Rundgang brachte 17 KB Code und Text mit und riss die Grenze; zurückgeholt wurde der Platz nicht durch eine höhere Grenze, sondern indem das DatenGraf-Logo unter dem Falz tatsächlich erst bei Bedarf lädt. Die nächsten echten Hebel sind `logo.svg` (108 KB, reine Pfadgeometrie) und `favicon.svg` (126 KB, fällt meist erst nach `networkidle` an und deshalb nicht ins Budget, wird aber von jedem Besucher geladen).
 
 **Im Test abgeklemmt:** `openApp()` beantwortet die Zähl-Hosts mit einem leeren Skript (`route.fulfill`, nicht `abort` – ein abgebrochener Aufruf schriebe „Failed to load resource" in die Konsole). Sonst schriebe jeder Lauf hunderte Aufrufe in die echte Statistik.
 
@@ -68,7 +68,7 @@ Die App hat keinen Build-Schritt – getestet wird **die ausgelieferte App**, al
 ```bash
 npm install                      # nur Dev: @playwright/test (exakt gepinnt)
 npx playwright install chromium  # einmalig
-npm test                         # 380 Tests, ~150 s
+npm test                         # 386 Tests, ~180 s
 npm run test:ui                  # interaktiver Modus
 ```
 
@@ -88,7 +88,7 @@ npm run test:ui                  # interaktiver Modus
 | `tests/a11y.spec.js` | Skip-Link, Fokus-Falle, Tab-Order der Seitenleiste, ARIA-Tabs, Kontrast (Ampel-Text-Tokens, gemessen statt behauptet), `[hidden]` gegen **jede** Klasse mit eigenem `display`, Überlauf bei 360/375/390 px |
 | `tests/hvd.spec.js` | amtliches Vokabular (96 Konzepte, sechs Codes wörtlich), Dropdown-Gruppierung, v46-Migration, Einstufung bleibt manuell, alle Pflichten der DVO (EU) 2023/138, Export nur gemeinsam, CSV-/Katalog-Round-Trip |
 | `tests/risiko.spec.js` | k-Anonymität/l-Diversität gegen Handrechnung, Trenner-Kollision, Normalisierung, Ampelschwellen, Modellfehler (sensibles Merkmal = QI), Tab/ARIA, Übergabe aus der Bereinigung |
-| `tests/tour.spec.js` | Rundgang: alle Schritte, Zielelemente existieren wirklich, Escape und Pfeiltasten, Schritte ohne Daten bieten den Import an |
+| `tests/tour.spec.js` | Rundgang: Kapitelstruktur und -sprung, jeder Bereich und Tab wird gezeigt und ist sichtbar, **Karte verdeckt das Ziel nicht** (Desktop, gemessen), Telefon: Anfang des Ziels bleibt frei, **Ziel liegt über dem Abdunkeln** (per `elementFromPoint`, auch in Topbar/Seitenleiste), Schritte ohne Daten, Escape und Pfeiltasten |
 | `tests/seo.spec.js` | statische Seiten aktuell (`--check`), Metadaten je Seite, `.static-hero`, Sitemap vollständig, Google-Bestätigungsdatei, Datenschutzerklärung ohne JavaScript |
 | `tests/assets.spec.js` | Icon-Zuschnitt (CSS-Abgleich, echtes Rendern auf Canvas, `font-display: swap`, keine Brands-Schrift), Ladegewicht-Budget der Startseite (**ohne** den fremden Zähl-Aufruf, siehe unten) |
 
@@ -120,7 +120,7 @@ Spätere Module hängen sich an `inventory` an: Modul 3a (Clearing) bewertet die
 
 **Startseiten-Abschnitte tragen `.home-only`.** `showView()` blendet sie über genau eine Abfrage aus (`document.querySelectorAll('.home-only')`) statt über eine Liste von IDs plus einen Sonderfall für `.consult-cta` – bis v65 wäre ein neuer Startseiten-Abschnitt auf allen Unterseiten stehen geblieben, ohne dass etwas rot geworden wäre. Aktuell: `#hero`, `#hero-steps`, `#about-accordion`, `#module-grid`, `.consult-cta`. Ein Test geht alle sechs Unterseiten durch und verlangt, dass keines davon sichtbar bleibt.
 
-Sieben Views: `home` (Hero + Schritte + Akkordeon + Modul-Grid), `kompass` (Daten-Kompass), `inventory` (Inventar/Clearing/Qualität-Tabs), `governance` (RACI + Reifegrad), `pseudo` (Textbereinigung, drei Tabs), `wissen` (Wissens- & Methodik-Center) und `vorlagen` (Vorlagen & Musterdokumente). Zentral über `showView(name)` umgeschaltet (blendet die Home-Elemente per `style.display` aus, toggelt `.hidden` an `#kompass-view`/`#inventory-view`/`#governance-view`/`#pseudo-view`/`#wissen-view`/`#vorlagen-view`, blendet den Phase-4&5-Beratungsblock `.consult-cta` außerhalb von `home` aus, scrollt nach oben). `navTo(target)` kapselt die Navigations-Einstiege (Topbar-Brand → home, Hero-CTA + Topbar-„Loslegen" → kompass, Sidebar-Links `data-view`, Modul-Buttons; „Dateninventar" öffnet ohne Daten das Erklär-Modal, `kompass`/`governance`/`pseudo`/`wissen`/`vorlagen` jederzeit).
+Sieben Views: `home` (Hero + Schritte + Akkordeon + Modul-Grid), `kompass` (Daten-Kompass), `inventory` (Inventar/Clearing/Qualität-Tabs), `governance` (RACI + Reifegrad), `pseudo` (Textbereinigung, drei Tabs), `wissen` (Wissens- & Methodik-Center) und `vorlagen` (Vorlagen & Musterdokumente). Zentral über `showView(name)` umgeschaltet (blendet die Home-Elemente per `style.display` aus, toggelt `.hidden` an `#kompass-view`/`#inventory-view`/`#governance-view`/`#pseudo-view`/`#wissen-view`/`#vorlagen-view`, blendet den Phase-4&5-Beratungsblock `.consult-cta` außerhalb von `home` aus, scrollt nach oben). `navTo(target)` kapselt die Navigations-Einstiege (Topbar-Brand → home, Hero-„Sofort loslegen" + Topbar-„Daten-Kompass" → kompass, Sidebar-Links `data-view`, Modul-Buttons; „Dateninventar" öffnet ohne Daten das Erklär-Modal, `kompass`/`governance`/`pseudo`/`wissen`/`vorlagen` jederzeit).
 
 **Status-Dashboard (Startseite):** `#dashboard` erscheint auf `home`, sobald Daten vorliegen (`hasAnyData()`), sonst bleibt es per `.hidden` ausgeblendet (Erstnutzer sehen Hero + Module). `refreshDashboard()` (in `showView('home')` und beim Laden nach `loadState()`) toggelt Sichtbarkeit und ruft `renderDashboard()`, das vier Live-Kennzahl-Karten füllt: Daten-Kompass (`kompassOverall()` % + `kompassAmpel`), Governance (`reifegrad().score` % + `reifeAmpel`, „offen" ohne Antworten), Inventar (Anzahl + Ø `completeness`), Risiko-Clearing (Ampelverteilung via `ensureAllClearing()`). Jede Karte ist ein `[data-go]`-Schnellsprung. **Wichtig:** `[data-go]` ist **delegiert** an `document` gebunden (nicht pro Element), damit dynamisch gerenderte Dashboard-Karten ebenfalls greifen.
 
@@ -447,7 +447,13 @@ Der Verlauf steckt **additiv** in `buildProjectJSON()` (kein Schema-Bump – äl
 
 ### Onboarding-Rundgang
 
-Geführter Durchlauf durch die Bausteine (`TOUR_STEPS`, `tour = { i, active }`). `startTour()` / `tourGo(±1)` / `endTour()`; `renderTour()` navigiert je Schritt via `navTo()`, hebt ein Ziel per `.tour-highlight` hervor (z-index über dem abdunkelnden `#tour-layer`) und baut die Karte `#tour-card` (`role="dialog"`, `aria-modal`). Escape und Pfeiltasten sind gebunden. **`trapFocus()` greift auch hier** – die Funktion sucht in `.modal-backdrop` *und* `.tour-layer`: `aria-modal` blendet den Rest für Screenreader aus, per Tab konnte man ihn vorher trotzdem verlassen und landete in einer Seite, die für sie gar nicht existiert.
+Geführter Durchlauf durch **alle** Bereiche, seit v70 in **sieben Kapiteln** (`TOUR_KAPITEL`: Orientierung, Daten-Kompass, Phase 1–3, Wissen & Vorlagen, Sichern & loslegen) mit 29 Schritten (`TOUR_STEPS`, je `{ id, kap, view, target, title, text }`, optional `invTab`, `pseudoTab`, `openSidebar`, `needsData`, `angebot`). `startTour(kapitel?)` / `tourGo(±1)` / `tourKapitel(id)` / `endTour()`; `renderTour()` navigiert je Schritt via `navTo()`, schaltet bei Bedarf in den passenden Tab (`showInventoryTab`, `showPseudoTab`), hebt das Ziel per `.tour-highlight` hervor und baut die Karte `#tour-card` (`role="dialog"`, `aria-modal`). Der erste Schritt listet alle Kapitel zum Direktanspringen, jede Karte trägt Kapitelpunkte (`.tour-dot`, `aria-current="step"`) und einen Fortschrittsbalken.
+
+- **Die Karte steht neben dem Ziel** (`placeTourCard()`): bevorzugt darunter, sonst darüber, links oder rechts – je nachdem, wo sie ganz in den Sichtbereich passt (`data-place`). Ohne Ziel steht sie mittig (`mitte`), unter 720 px Breite dockt sie an (`dock` unten, `dock-oben`, wenn das Ziel in der unteren Hälfte beginnt). Bis v69 stand sie immer unten mittig und verdeckte bei großen Zielen genau das, was sie erklären sollte.
+- **Erst messen, dann scrollen, dann platzieren.** `scrollTourZiel(ziel, kartenHoehe)` scrollt so, dass Ziel **und** Karte gemeinsam Platz haben; stures Zentrieren ließ bei einem 300 px hohen Ziel keinen Raum für die Karte. Gescrollt wird ohne Animation – sonst wäre die Platzierung während des Scrollens falsch. Scroll und Größenänderung führen die Karte nach (`tourNachfuehren`, ein Frame).
+- **Ohne Inventar** liefert `tourSteps()` von den `needsData`-Schritten nur den mit `angebot`: er zeigt die Inventar-Karte der Startseite und bietet das Beispiel an. `navTo('inventory')` würde ohne Daten das Erklär-Modal öffnen – hinter der Karte; deshalb navigiert dieser Schritt nach `home`. Nach dem Laden (`loadSampleData()` gibt seit v70 das Promise zurück) wächst die Liste, und der Rundgang bleibt auf derselben `id`. Escape und Pfeiltasten sind gebunden. **`trapFocus()` greift auch hier** – die Funktion sucht in `.modal-backdrop` *und* `.tour-layer`: `aria-modal` blendet den Rest für Screenreader aus, per Tab konnte man ihn vorher trotzdem verlassen und landete in einer Seite, die für sie gar nicht existiert.
+
+> ⚠️ **Ziele in Topbar und Seitenleiste blieben bis v69 abgedunkelt.** Die sticky Topbar (`z-index: 10`) und die fixierte Seitenleiste (`300`) bilden eigene Stapelkontexte – ein Element darin kommt nie über deren Wert hinaus, egal welchen `z-index` es selbst trägt. Beim Schritt „Arbeitsstand sichern" lag die hervorgehobene Schaltfläche deshalb **unter** dem Abdunkeln. `tourLift()` hebt den **äußersten** Vorfahren mit eigenem Stapelkontext (`bildetStapelkontext()`: fixed/sticky, positioniert mit z-index, transform, filter, backdrop-filter, opacity, isolation) per `.tour-lift` auf 1201. `.tour-highlight` setzt `position: relative` nur noch, wenn das Ziel statisch ist (`.tour-pos`) – sonst verlöre die sticky Topbar ihre Positionierung. Der Test macht das Abdunkeln klickbar und prüft mit `elementFromPoint`, was **oben** liegt; eine Prüfung auf Klassen hätte den Fehler nie gesehen.
 
 > ⚠️ **Die Stapelreihenfolge ist dreiteilig und hängt an einer Eigenheit von `position: fixed`.** Ein fixiertes Element bildet einen **eigenen Stapelkontext** – die Karte in `#tour-layer` kann dessen `z-index` also nie überbieten, egal welchen Wert sie selbst trägt. Bis v65 stand das Abdunkeln am Layer (1200) und `.tour-highlight` darüber (1201); das hervorgehobene Zielelement zeichnete damit **in die Karte hinein** (bei Schritt 3 stand der Fragebogentext über Titel und Knöpfen) und fing dort auch die Klicks ab. Seit v66 gilt: **Abdunkeln `body.tour-on::before` (1200) < Hervorhebung (1201) < Layer mit Karte (1202)**. Das Abdunkeln muss dafür *außerhalb* des Layers liegen – daher die Body-Klasse, die `startTour()` setzt und `endTour()` entfernt (sonst bliebe die Seite dauerhaft dunkel).
 
@@ -484,7 +490,7 @@ Dazu drei Einträge in `PRUEF_WERKZEUGE` und einer in `METHOD_MODELS`:
 
 ### Daten-Kompass
 
-Eigene View `#kompass-view` und **Haupt-CTA** (Hero-Button + Topbar-„Loslegen"). Eine ausführliche Open-Data-Reifegrad-Checkliste nach anerkannten Modellen: **World-Bank ODRA**, **EU Open Data Maturity**, **5-Sterne-Open-Data** (Berners-Lee), **DCAT-AP.de** und **DSGVO/FAIR** sowie **Data Orchard Data Maturity** (Quellen im UI unter „Methodik & Quellen").
+Eigene View `#kompass-view` und **Haupt-CTA** (Hero-„Sofort loslegen" + Topbar-„Daten-Kompass"). Eine ausführliche Open-Data-Reifegrad-Checkliste nach anerkannten Modellen: **World-Bank ODRA**, **EU Open Data Maturity**, **5-Sterne-Open-Data** (Berners-Lee), **DCAT-AP.de** und **DSGVO/FAIR** sowie **Data Orchard Data Maturity** (Quellen im UI unter „Methodik & Quellen").
 
 - **Struktur:** `KOMPASS_DIMENSIONS` (8 Dimensionen × je 3–5 Items, 33 Prüfpunkte). Status je Item: `offen` / `teilweise` / `erfuellt` / `na`.
 - **Score:** `kompassDimScore()` und `kompassOverall()` = Ø der Faktoren (erfüllt 1, teilweise 0,5, offen 0; `na` ausgenommen), 0–100. Ampel `kompassAmpel()`: ≥ 80 „Fortgeschritten", ≥ 50 „Im Aufbau", sonst „Am Anfang".
@@ -518,7 +524,7 @@ Eigener Startseiten-Abschnitt **unterhalb der Modul-Karten** (`.graf-bridge`/`.g
 
 Der Abschnitt erklärt jetzt auch, **was** die Brücke leistet (`GRAF_COLUMNS` 1:1, Vorbelegung von `accessRights` und `accrualPeriodicity` aus der Kartierung, nachzuerfassen bleiben Lizenz, Schlagwörter und Adresse) und bietet zwei Wege: `#graf-bridge-import` → **direkt** `pickAndImport()` (nicht über `openInventoryModal()` – wer kartiert hat, braucht das Erklär-Modal nicht mehr) und einen Verweis auf DatenGraf für alle, die noch nicht kartiert haben.
 
-**Das Zeichen ist seit v69 das echte DatenGraf-Logo** (`datengraf-logo.svg`, lokal im Repo – die beiden Werkzeuge teilen ihre Bildsprache, und das Logo sagt sofort, wovon die Rede ist). Runde Fassung wie `.hero-logo`, damit die beiden als Geschwister lesbar bleiben. Die Datei stammt aus dem DatenGraf-Repo und wird **lokal ausgeliefert** – ein Hotlink auf `datengraf.nozilla.net` wäre ein zweiter externer Aufruf und würde den Test „null externe Requests" rot machen. Ein Test prüft Quelle, Alt-Text und dass das Bild wirklich lädt (`naturalWidth > 0`); ein `<img>`, das 404 liefert, sähe im Markup korrekt aus.
+**Das Zeichen ist seit v69 das echte DatenGraf-Logo** (`datengraf-logo.svg`, lokal im Repo – die beiden Werkzeuge teilen ihre Bildsprache, und das Logo sagt sofort, wovon die Rede ist). Runde Fassung wie `.hero-logo`, damit die beiden als Geschwister lesbar bleiben. Die Datei stammt aus dem DatenGraf-Repo und wird **lokal ausgeliefert** – ein Hotlink auf `datengraf.nozilla.net` wäre ein zweiter externer Aufruf und würde den Test „null externe Requests" rot machen. Ein Test prüft Quelle, Alt-Text und dass das Bild wirklich lädt (`naturalWidth > 0`); ein `<img>`, das 404 liefert, sähe im Markup korrekt aus. **Seit v70 lädt es erst in der Nähe des Sichtbereichs** (`data-src` + `IntersectionObserver`, 400 px Vorlauf): `loading="lazy"` allein half nicht, weil Chrome Bilder schon in 1.250–2.500 px Abstand vorlädt – das Logo kam bei jedem Aufruf mit (21 KB). Der Test wartet deshalb auf das Laden, statt sofort zu messen; ohne das war er ein Wettlauf und in der vollen Suite gelegentlich rot.
 
 ### Hero je Ansicht (`.view-hero`, `.hero-panel`)
 
@@ -639,7 +645,7 @@ Nach Änderungen an `app.js` `?v=N` im Script-Tag **und** die `v{N}` im Footer e
 | Hochwertige Datensätze (HVD) | `hvdIssues()`, `guessHvd()`, `hvdVorschlaege()`, `hvdCategoryUri()`, `hvdFromURI()`, `hvdSelectHTML()`, `migrateHvd()`, `renderHvdHinweise()`, `HVD_CATEGORIES`, `HVD_META`, `HVD_LICENSES`, `HVD_ELI`, `HVD_BNA` | `[data-field="hvd"]`, `.inv-hvd`, `.inv-hvd-uri`, `#quality-hvd`, `.qual-hvd` |
 | DCAT-AP.de-Qualitätsprüfung | `validateDataset(d)`, `qualityStatus()`, `renderQuality()`, `jumpToInventoryCard(idx)` | `#tab-quality`, `#quality-panel`, `#quality-summary`, `.qual-card`, `.qual-fix` |
 | Wissens- & Methodik-Center | `renderWissen()`, `GLOSSARY`, `LEGAL_BASIS`, `LEGAL_BASIS_LAENDER`, `LAENDER_KIND`, `KOMMUNAL_SATZUNGEN`, `METHOD_MODELS`, `wissenFilter` | `#wissen-view`, `#wissen-search`, `#wissen-land`, `#wissen-glossary`, `#wissen-laws`, `#wissen-laender`, `#wissen-kommunal`, `#wissen-models` |
-| Onboarding-Rundgang | `startTour()`, `endTour()`, `tourGo()`, `renderTour()`, `TOUR_STEPS`, `tour` (State) | `#tour-layer`, `#tour-card`, `#hero-tour-btn`, `#sidebar-tour`, `.tour-highlight` |
+| Onboarding-Rundgang | `startTour()`, `endTour()`, `tourGo()`, `tourKapitel()`, `renderTour()`, `tourSteps()`, `placeTourCard()`, `scrollTourZiel()`, `tourLift()`, `TOUR_KAPITEL`, `TOUR_STEPS`, `tour` (State) | `#tour-layer`, `#tour-card[data-place]`, `.tour-chapter`, `.tour-dot`, `.tour-progress`, `#hero-tour-btn`, `#sidebar-tour`, `.tour-highlight`, `.tour-lift` |
 | Vorlagen & Musterdokumente | `generateDoc(doc, fmt)`, `printDoc()`, `docShell()`, `policyBodyHTML/Markdown`, `dsfaBodyHTML/Markdown`, `freigabeBodyHTML`, `vvtBodyHTML/CSV`, `orgName()` | `#vorlagen-view`, `.vorlage-card`, `[data-doc][data-fmt]` |
 | Status-Einseiter | `statusKennzahlen()`, `statusNaechsteSchritte()`, `statusBodyHTML()` | `[data-doc="status"]` |
 | PDF-Bericht Inventar/Clearing | `buildInventoryReportHTML()`, `printInventoryReport()` | `#btn-print-inventory` |
@@ -701,6 +707,7 @@ Nach Änderungen an `app.js` `?v=N` im Script-Tag **und** die `v{N}` im Footer e
 | v16 | Daten-Kompass (Herzstück) – eigene View + Hero-Haupt-CTA (Topbar-„Loslegen" zeigt ebenfalls darauf): ausführliche Open-Data-Reifegrad-Checkliste nach ODRA / EU Open Data Maturity / 5-Sterne / DCAT-AP.de / DSGVO·FAIR (7 Dimensionen, Quellenangaben), Status je Item mit Score & Ampel, Vorbelegung aus dem App-Stand, adaptive Sprünge in die passenden Bausteine, Persistenz (`datenlotse_kompass`) und PDF-Export; leeres „Loslegen"-Platzhalter-Modal entfernt |
 | v17 | Weiterer Ausbau (1/4) – Inventar Suche, Filter & Sortierung: `renderInventory()` in `renderInventory()` + `renderInventoryBody()` aufgeteilt; `.inv-controls` (Volltextsuche + Schutzbedarf-/Clearing-Ampel-Filter + Sortierung Titel/Vollständigkeit) über `invFilter`-State und `filteredInventory()`; der echte `idx` wird durch den Filter mitgeführt, sodass Editieren über gefilterten Teilmengen weiterhin den richtigen Datensatz trifft; Live-Meta „X von Y" + Empty-State |
 | v18 | Weiterer Ausbau (2/4) – Pseudonymisierung erweitert: drei neue Muster (Sozialversicherungsnummer, Steuer-ID *kontextgetriggert*, Kfz-Kennzeichen), Aktenzeichen um Geschäftszeichen/„Gz." und buchstabenhaltige Kerne erweitert, zusätzliche Geburtsdatum-Trigger („Geburtsdatum"/„Geburtstag"); Mapping-Export als CSV (`buildPseudoMappingCSV` + Button im Mapping-Kopf); Demo-Text und Grenzen-Liste aktualisiert; verifiziert auf Determinismus, Platzhalter-Konsistenz und Null-Falschtreffer auf neutralem Verwaltungstext |
+| v70 | **Ein Rundgang durch alles – mit der Karte am Ziel.** Der Rundgang bestand aus elf Stichproben und hatte drei Mängel, die sich erst beim Durchklicken zeigten. **(1)** Die Karte stand immer unten mittig; bei großen Zielen verdeckte sie, was sie erklären sollte. Jetzt steht sie daneben – darunter, darüber, links oder rechts, je nachdem, wo sie ganz hinpasst –, und gescrollt wird so, dass Ziel und Karte gemeinsam Platz haben: stures Zentrieren ließ bei einem 300 px hohen Ziel keinen Raum. Auf drei Desktop-Größen verdeckt die Karte in keinem der 29 Schritte ihr Ziel, gemessen. **(2)** Ziele in Topbar und Seitenleiste blieben **unter dem Abdunkeln** – beide bilden eigene Stapelkontexte, ein Element darin kommt nie über deren `z-index` hinaus. Gehoben wird jetzt der äußerste solche Vorfahr; der Test macht das Abdunkeln klickbar und fragt `elementFromPoint`, was oben liegt. **(3)** Ohne Daten öffnete ein Inventar-Schritt über `navTo('inventory')` das Erklär-Modal **hinter** der Karte. Inhaltlich: **sieben Kapitel, 29 Schritte**, mit Kapitelauswahl am Anfang, Kapitelpunkten und Fortschrittsbalken; die Schritte wechseln selbst in den passenden Tab und decken jetzt auch Rechtspflicht, Kompass-Verlauf, RACI, Verteilungen, Filter und Massenbearbeitung, Lizenz-Kompatibilität, Metadaten-Güte, Exporte, k-Anonymität, die zwei Leserichtungen der Landesgesetze und die DatenGraf-Brücke ab. Ohne Inventar bleibt von den datenabhängigen Schritten nur das eine Angebot, statt siebenmal denselben Hinweis zu zeigen. Drei Texte waren veraltet: der Willkommensschritt versprach „keine Übertragung" (seit v48 falsch), der Inventarschritt nannte die Prozentzahl „Vollständigkeit" (seit v63 Metadaten-Güte), der letzte verwies nur auf die Seitenleiste. **Das Ladegewicht-Budget riss** – wie in v69 angekündigt, die 17 KB des Rundgangs passten nicht in 5 KB Luft. Die Grenze blieb; stattdessen lädt das DatenGraf-Logo unter dem Falz jetzt wirklich erst bei Bedarf (`loading="lazy"` griff wegen Chromes Vorlade-Abstand nie). Nebenbei war der Logo-Test seit v69 ein Wettlauf gegen das Netz. **Mutationen:** acht einzeln geprüft, sieben wurden rot. Die achte – ein Nachführen der Karte nach dem Hereingleiten der Seitenleiste – blieb grün; nachgemessen auf drei Breiten war das Ergebnis mit und ohne identisch, der Fehler lag im Test (er maß während des Übergangs). Die wirkungslose Zeile ist entfernt statt als scheinbare Absicherung stehen geblieben. 6 neue Tests, acht bestehende auf die Kapitelstruktur umgeschrieben. |
 | v69 | **Das echte DatenGraf-Logo.** v68 musste sich mit `fa-circle-nodes` behelfen, weil die Netzwerkrichtlinie `datengraf.nozilla.net` sperrt und der Repo-Zugriff dieser Sitzung nicht über `daimpad/datenlotse` hinausreicht. Der Nutzer hat die Rohdatei-Adresse nachgereicht; das Logo liegt jetzt als `datengraf-logo.svg` **im Repo** und wird lokal ausgeliefert – ein Hotlink wäre ein zweiter externer Aufruf und machte den Test „null externe Requests" rot. Vor dem Übernehmen geprüft: kein `<script>`, kein `onload`, kein `foreignObject`, keine externe Referenz außer dem SVG-Namensraum. Die runde Fassung ist dieselbe wie beim `.hero-logo` – die beiden Werkzeuge teilen ihre Bildsprache, und nebeneinander sollen sie als Geschwister lesbar sein. Der Test prüft **`naturalWidth > 0`** statt nur das Markup: ein `<img>`, dessen Datei fehlt, sieht im DOM völlig korrekt aus. **Die CI wurde davon rot** – das Ladegewicht-Budget riss um 4 KB, lokal nicht. Die Ursache war nicht das Logo, sondern dass der Test den **fremden Zähl-Aufruf mitzählte**: in der CI erreichbar (rund 9 KB), im Entwicklungscontainer von der Netzwerkrichtlinie gesperrt. Derselbe Commit maß zwei Zahlen. Zwei Irrwege dabei: eine Rundung der Logo-Koordinaten (wie bei `logo.svg` in v45) brachte nur 2,6 KB und veränderte die Grafik im Pixelvergleich sichtbar – für den Betrag nicht vertretbar; und `page.route()` als Abklemmung machte es schlimmer, weil ein Interceptor den Speicher-Cache umgeht und `logo.svg` (106 KB) danach zweimal lädt. Gefiltert wird jetzt beim Zählen, die Grenze bleibt bei 700 KB. Nachgewiesen mit einem eingeschleusten 20-KB-Zählskript: exakt diese 20.000 Bytes verschwinden aus der Summe. 1 neuer Test. |
 | v68 | **Zwei Einladungen für dieselbe Sache, zwei Knöpfe mit demselben Ziel.** Nachdem v67 den Rundgang dauerhaft in den Hero gestellt hatte, stand der wegklickbare Hinweis `#tour-hint` als zweite Einladung darunter – und die Topbar bot „Loslegen" an, das dasselbe tat wie „Sofort loslegen" zwei Zeilen tiefer. Beides bereinigt: der Hinweis ist weg, der Topbar-Knopf heißt jetzt „Daten-Kompass" und benennt sein Ziel. **Mit dem Hinweis entfiel sein einziger Leser:** `datenlotse_tour` wurde danach nur noch geschrieben und von niemandem mehr gelesen. Der Schlüssel und die drei Funktionen darum sind deshalb mit entfernt worden, statt als toter Zustand liegen zu bleiben – dieselbe Lehre wie bei `REQUIRED_FIELDS` in v65, diesmal aber gleich mit aufgeräumt. In der DatenGraf-Brücke ersetzt das DatenGraf-Zeichen (`fa-circle-nodes`, dasselbe wie in Topbar und Seitenleiste) das CSV-Zeichen, und der lila Rand links ist weg. ⚠️ **Nicht das echte DatenGraf-Logo:** die Netzwerkrichtlinie sperrt `datengraf.nozilla.net`, und der Repo-Zugriff dieser Sitzung reicht nicht über `daimpad/datenlotse` hinaus – die Datei war nicht zu beschaffen. Wer sie ins Repo legt, tauscht in `.graf-bridge-icon` das `<i>` gegen ein `<img>`. **Ein eigener Fehler, den erst der Test fand:** beim Herausschneiden der `.tour-hint`-Regeln nahm mein Schnitt die direkt danebenstehende Abdunkel-Regel `body.tour-on::before` mit – der Rundgang wäre ohne Abdunkeln erschienen. Der Test aus v66 machte es rot, weil er die Farbe **misst** statt die Regel zu suchen. 1 neuer Test. |
 | v67 | **Der Einstieg sagte nicht, wer hier spricht – und der Hauptknopf nur die Hälfte.** Drei gemeldete Punkte, alle am ersten Bildschirm. **(1)** Titel und Aussage standen als *ein* Satz mit Doppelpunkt in einer Farbe und einer Größe; die Marke „DatenLotse" ging in ihrer eigenen Überschrift unter. Jetzt trägt sie 46 px in der Akzentfarbe, der Claim steht kleiner und in der Textfarbe darunter, durch eine dünne Linie abgesetzt. Der Test **misst** Größe und Farbe – eine Prüfung auf Klassennamen bliebe grün, wenn beide wieder gleich aussähen, und genau das ist die Regression, um die es geht. **(2)** Der Hero bot nur „Daten-Kompass starten". Wer sich erst orientieren wollte, fand dort keinen Weg zum Rundgang – der lag im wegklickbaren Hinweis und in der Seitenleiste, also genau an den zwei Stellen, an denen ein Erstnutzer nicht sucht. Jetzt stehen beide Einstiege nebeneinander: „Sofort loslegen" und „Rundgang starten". **(3)** Die DatenGraf-Zeile stand als graues Kleingedrucktes unter dem Hauptknopf – an der prominentesten Stelle der Seite, für eine Minderheit, und ohne zu erklären, was die Brücke eigentlich leistet. Sie ist jetzt ein eigener Abschnitt **unterhalb der Modul-Karten** mit Erklärung (Schema 1:1, Vorbelegung aus der Kartierung, was nachzuerfassen bleibt) und zwei Wegen – Import direkt in den Dateidialog, ohne das Erklär-Modal, das hier niemand mehr braucht, und ein Verweis auf DatenGraf für alle, die noch nicht kartiert haben. 3 neue Tests, drei Mutationen einzeln geprüft. |
diff --git a/README.md b/README.md
index 98f0670..eb5108e 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@
 
 | | Feature | Beschreibung |
 |---|---|---|
-| 🗺️ | **Onboarding-Rundgang** | Elf Schritte durch alle Bausteine – der Rundgang wechselt selbst in die passende Ansicht und hebt hervor, worum es gerade geht. Wird **angeboten statt aufgedrängt** – kein Auto-Start, sondern zwei dauerhafte Einstiege (Hero und Seitenleiste); Schritte, die Daten brauchen, bieten den Beispielimport an, statt ihn heimlich auszuführen |
+| 🗺️ | **Geführter Rundgang** | **Sieben Kapitel, 29 Schritte** durch alles, was das Werkzeug kann – von der Startseite über Kompass, Governance, Inventar, Risiko und Textbereinigung bis zu Wissen, Vorlagen und dem Sichern des Arbeitsstands. Der Rundgang wechselt selbst in die passende Ansicht und den passenden Tab, hebt hervor, worum es geht, und stellt seine Erklärung **direkt daneben** statt darüber. Kapitel lassen sich direkt anspringen. Wird **angeboten statt aufgedrängt** – kein Auto-Start, sondern zwei dauerhafte Einstiege (Hero und Seitenleiste); ohne eigene Daten bietet er das Beispiel an, statt es heimlich zu laden |
 | 📈 | **Kompass-Verlauf** | Reifegrad-Stände auf Knopfdruck festhalten und die Entwicklung als Balken samt Trend sehen – belegbarer Fortschritt gegenüber Leitung oder Gremium. Bewusst **kein automatischer Mitschnitt**: festgehalten wird, was man festhalten will |
 | 🧭 | **Daten-Kompass** | Open-Data-Reifegrad-Checkliste nach anerkannten Modellen (ODRA, EU Open Data Maturity, 5-Sterne-Open-Data, DCAT-AP.de, DSGVO/FAIR, Data Orchard Data Maturity): **8 Dimensionen mit 33 Prüfpunkten**, Score + Ampel, Vorbelegung aus dem aktuellen Stand, adaptive Empfehlungen der nächsten Bausteine und PDF-Export – der Haupteinstieg |
 | ⚖️ | **Rechtspflicht der Organisation** | Eine einzige, **optionale** Angabe: Unterliegt Ihre Organisation einem Informationsfreiheits- oder Open-Data-Gesetz? Wer *nein* wählt (Verein, Stiftung, gGmbH), bekommt den Prüfpunkt zu den Rechtsgrundlagen als *nicht relevant* vorbelegt – er zählt dann nicht in den Reifegrad –, keine Vorschläge zu hochwertigen Datensätzen, weil die EU-Verordnung dazu öffentliche Stellen bindet, und einen Fehler bei der Lizenz „Amtliches Werk nach § 5 UrhG", deren Lizenzfreiheit an der amtlichen Herkunft hängt und nicht an einer Entscheidung des Herausgebers. Bewusst **nicht** die Frage „Behörde oder NGO": dazwischen liegen Stadtwerke, Hochschulen und Belehnte, die ein Zwei-Wege-Schalter falsch einsortiert. Alles Übrige gilt unverändert |
@@ -116,7 +116,7 @@ Die App selbst bleibt abhängigkeitsfrei; für die Tests wird einmalig Playwrigh
 ```bash
 npm install                      # nur Dev: @playwright/test
 npx playwright install chromium
-npm test                         # 380 Tests, ~150 s
+npm test                         # 386 Tests, ~180 s
 npm run test:ui                  # interaktiver Modus
 ```
 
@@ -309,7 +309,7 @@ datenlotse/
 │   ├── sample-landesbehoerde.csv # Beispiel: fiktive Landesebene (12 Datensätze)
 │   ├── sample-verein.csv       # Beispiel: fiktiver gemeinnütziger Träger (12 Datensätze)
 │   └── template.csv            # Leere Vorlage zum eigenen Befüllen
-├── tests/                      # Playwright-End-to-End-Tests (380 Tests in 14 Dateien)
+├── tests/                      # Playwright-End-to-End-Tests (386 Tests in 14 Dateien)
 │   ├── helpers.js              # openApp/loadSample/Download-Helfer
 │   ├── smoke.spec.js           # Views, Routing, Dashboard, HTML-Validität, Anrede
 │   ├── import.spec.js          # CSV-Parser, Ableitung, Formel-Injection
@@ -322,7 +322,7 @@ datenlotse/
 │   ├── export.spec.js          # DCAT-URIs, Downloads, Persistenz
 │   ├── a11y.spec.js            # Fokus, ARIA, Kontrast, Responsive
 │   ├── hvd.spec.js             # hochwertige Datensätze (DVO (EU) 2023/138)
-│   ├── tour.spec.js            # Onboarding-Rundgang, Schritt-Ziele
+│   ├── tour.spec.js            # Rundgang: Kapitel, Platzierung, Abdunkeln, Schritt-Ziele
 │   ├── seo.spec.js             # statische Wissensseiten, Metadaten, Sitemap
 │   └── assets.spec.js          # Icon-Zuschnitt, Ladegewicht der Startseite
 ├── playwright.config.js        # Testkonfiguration (startet den Webserver selbst)
diff --git a/assets/fonts/fa/icons.min.css b/assets/fonts/fa/icons.min.css
index 44a9f43..a522a7f 100644
--- a/assets/fonts/fa/icons.min.css
+++ b/assets/fonts/fa/icons.min.css
@@ -8,5 +8,5 @@
  */
 @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.subset.woff2) format("woff2")}
 @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.subset.woff2) format("woff2")}
-.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-trash-can{--fa:"\f2ed"}.fa-file-lines{--fa:"\f15c"}.fa-file-csv{--fa:"\f6dd"}.fa-gavel{--fa:"\f0e3"}.fa-table{--fa:"\f0ce"}.fa-compass{--fa:"\f14e"}.fa-bars{--fa:"\f0c9"}.fa-lightbulb{--fa:"\f0eb"}.fa-circle-exclamation{--fa:"\f06a"}.fa-square-check{--fa:"\f14a"}.fa-lock{--fa:"\f023"}.fa-share-nodes{--fa:"\f1e0"}.fa-bookmark{--fa:"\f02e"}.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-globe{--fa:"\f0ac"}.fa-spell-check{--fa:"\f891"}.fa-city{--fa:"\f64f"}.fa-file-arrow-up{--fa:"\f574"}.fa-map-location-dot{--fa:"\f5a0"}.fa-table-columns{--fa:"\f0db"}.fa-handshake{--fa:"\f2b5"}.fa-circle-check{--fa:"\f058"}.fa-file-import{--fa:"\f56f"}.fa-scroll{--fa:"\f70e"}.fa-shield-halved{--fa:"\f3ed"}.fa-square{--fa:"\f0c8"}.fa-question{--fa:"\3f"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-arrow-up-right-from-square{--fa:"\f08e"}.fa-chart-pie{--fa:"\f200"}.fa-chart-line{--fa:"\f201"}.fa-arrow-right{--fa:"\f061"}.fa-recycle{--fa:"\f1b8"}.fa-clipboard-check{--fa:"\f46c"}.fa-circle-question{--fa:"\f059"}.fa-route{--fa:"\f4d7"}.fa-pen{--fa:"\f304"}.fa-cubes{--fa:"\f1b3"}.fa-arrow-left{--fa:"\f060"}.fa-align-left{--fa:"\f036"}.fa-circle-nodes{--fa:"\e4e2"}.fa-circle-info{--fa:"\f05a"}.fa-landmark{--fa:"\f66f"}.fa-check-double{--fa:"\f560"}.fa-minus{--fa:"\f068"}.fa-flask{--fa:"\f0c3"}.fa-download{--fa:"\f019"}.fa-file-circle-check{--fa:"\e5a0"}.fa-id-card{--fa:"\f2c2"}.fa-house{--fa:"\f015"}.fa-arrow-right-arrow-left{--fa:"\f0ec"}.fa-file-arrow-down{--fa:"\f56d"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-book-open-reader{--fa:"\f5da"}.fa-gauge-high{--fa:"\f625"}.fa-boxes-stacked{--fa:"\f468"}.fa-link{--fa:"\f0c1"}.fa-magnifying-glass{--fa:"\f002"}.fa-chevron-down{--fa:"\f078"}.fa-code-compare{--fa:"\e13a"}.fa-list-check{--fa:"\f0ae"}.fa-user-shield{--fa:"\f505"}.fa-diagram-project{--fa:"\f542"}.fa-plus{--fa:"\2b"}.fa-xmark{--fa:"\f00d"}.fa-ruler-combined{--fa:"\f546"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-arrow-trend-up{--fa:"\e098"}.fa-traffic-light{--fa:"\f637"}.fa-rotate{--fa:"\f2f1"}.fa-gears{--fa:"\f085"}.fa-award{--fa:"\f559"}.fa-file-export{--fa:"\f56e"}.fa-arrow-trend-down{--fa:"\e097"}.fa-scale-balanced{--fa:"\f24e"}.fa-table-list{--fa:"\f00b"}.fa-book{--fa:"\f02d"}.fa-diagram-successor{--fa:"\e47a"}.fa-triangle-exclamation{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-circle-xmark{--fa:"\f057"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-users-gear{--fa:"\f509"}.fa-building-columns{--fa:"\f19c"}.fa-graduation-cap{--fa:"\f19d"}
+.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-trash-can{--fa:"\f2ed"}.fa-file-lines{--fa:"\f15c"}.fa-flag-checkered{--fa:"\f11e"}.fa-file-csv{--fa:"\f6dd"}.fa-gavel{--fa:"\f0e3"}.fa-table{--fa:"\f0ce"}.fa-compass{--fa:"\f14e"}.fa-bars{--fa:"\f0c9"}.fa-lightbulb{--fa:"\f0eb"}.fa-circle-exclamation{--fa:"\f06a"}.fa-square-check{--fa:"\f14a"}.fa-lock{--fa:"\f023"}.fa-share-nodes{--fa:"\f1e0"}.fa-bookmark{--fa:"\f02e"}.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-globe{--fa:"\f0ac"}.fa-spell-check{--fa:"\f891"}.fa-city{--fa:"\f64f"}.fa-file-arrow-up{--fa:"\f574"}.fa-map-location-dot{--fa:"\f5a0"}.fa-table-columns{--fa:"\f0db"}.fa-handshake{--fa:"\f2b5"}.fa-circle-check{--fa:"\f058"}.fa-file-import{--fa:"\f56f"}.fa-scroll{--fa:"\f70e"}.fa-shield-halved{--fa:"\f3ed"}.fa-square{--fa:"\f0c8"}.fa-question{--fa:"\3f"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-arrow-up-right-from-square{--fa:"\f08e"}.fa-chart-pie{--fa:"\f200"}.fa-chart-line{--fa:"\f201"}.fa-arrow-right{--fa:"\f061"}.fa-recycle{--fa:"\f1b8"}.fa-clipboard-check{--fa:"\f46c"}.fa-circle-question{--fa:"\f059"}.fa-route{--fa:"\f4d7"}.fa-pen{--fa:"\f304"}.fa-cubes{--fa:"\f1b3"}.fa-arrow-left{--fa:"\f060"}.fa-align-left{--fa:"\f036"}.fa-circle-nodes{--fa:"\e4e2"}.fa-circle-info{--fa:"\f05a"}.fa-landmark{--fa:"\f66f"}.fa-check-double{--fa:"\f560"}.fa-minus{--fa:"\f068"}.fa-flask{--fa:"\f0c3"}.fa-download{--fa:"\f019"}.fa-file-circle-check{--fa:"\e5a0"}.fa-id-card{--fa:"\f2c2"}.fa-house{--fa:"\f015"}.fa-arrow-right-arrow-left{--fa:"\f0ec"}.fa-file-arrow-down{--fa:"\f56d"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-book-open-reader{--fa:"\f5da"}.fa-gauge-high{--fa:"\f625"}.fa-boxes-stacked{--fa:"\f468"}.fa-link{--fa:"\f0c1"}.fa-magnifying-glass{--fa:"\f002"}.fa-chevron-down{--fa:"\f078"}.fa-code-compare{--fa:"\e13a"}.fa-list-check{--fa:"\f0ae"}.fa-user-shield{--fa:"\f505"}.fa-diagram-project{--fa:"\f542"}.fa-plus{--fa:"\2b"}.fa-xmark{--fa:"\f00d"}.fa-ruler-combined{--fa:"\f546"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-arrow-trend-up{--fa:"\e098"}.fa-traffic-light{--fa:"\f637"}.fa-rotate{--fa:"\f2f1"}.fa-gears{--fa:"\f085"}.fa-award{--fa:"\f559"}.fa-file-export{--fa:"\f56e"}.fa-arrow-trend-down{--fa:"\e097"}.fa-scale-balanced{--fa:"\f24e"}.fa-table-list{--fa:"\f00b"}.fa-book{--fa:"\f02d"}.fa-diagram-successor{--fa:"\e47a"}.fa-book-open{--fa:"\f518"}.fa-triangle-exclamation{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-circle-xmark{--fa:"\f057"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-users-gear{--fa:"\f509"}.fa-building-columns{--fa:"\f19c"}.fa-graduation-cap{--fa:"\f19d"}
 .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}.fa-brands,.fab{font-weight:400}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}.fa-solid,.fas{font-weight:900}
diff --git a/assets/fonts/webfonts/fa-regular-400.subset.woff2 b/assets/fonts/webfonts/fa-regular-400.subset.woff2
index 7777208..6db627b 100644
Binary files a/assets/fonts/webfonts/fa-regular-400.subset.woff2 and b/assets/fonts/webfonts/fa-regular-400.subset.woff2 differ
diff --git a/assets/fonts/webfonts/fa-solid-900.subset.woff2 b/assets/fonts/webfonts/fa-solid-900.subset.woff2
index 5f26f32..0342337 100644
Binary files a/assets/fonts/webfonts/fa-solid-900.subset.woff2 and b/assets/fonts/webfonts/fa-solid-900.subset.woff2 differ
diff --git a/css/styles.css b/css/styles.css
index 11e1814..45ff352 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1514,53 +1514,98 @@ body.tour-on::before {
   inset: 0;
   /* über der hervorgehobenen Stelle: sonst zeichnet das Zielelement in die Karte */
   z-index: 1202;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  padding: 20px;
   /* Der Layer blockiert die hervorgehobene Stelle nicht – nur die Karte fängt Klicks */
   pointer-events: none;
 }
+/* Die Karte steht seit v70 NEBEN dem Ziel (`placeTourCard()` setzt top/left).
+   `mitte` für Schritte ohne Ziel, `dock` für schmale Bildschirme und für Ziele,
+   neben die sie nicht passt – dort unten angedockt wie bisher. */
 .tour-card {
+  position: absolute;
   pointer-events: auto;
-  width: min(560px, 100%);
+  width: 440px;
+  max-width: calc(100vw - 24px);
   background: #fff;
   border-radius: var(--radius);
   box-shadow: var(--shadow-lg);
-  padding: 20px 22px;
+  border: 1px solid rgba(66, 0, 147, 0.14);
+  padding: 18px 20px 16px;
   min-width: 0;
 }
+.tour-card[data-place="mitte"] {
+  top: 50%; left: 50%;
+  transform: translate(-50%, -50%);
+  width: min(540px, calc(100vw - 32px));
+}
+.tour-card[data-place="dock"] {
+  left: 50%; bottom: 16px;
+  transform: translateX(-50%);
+  width: min(560px, calc(100vw - 24px));
+  max-height: 62vh;
+  overflow-y: auto;
+}
+.tour-card[data-place="dock-oben"] {
+  left: 50%; top: 16px;
+  transform: translateX(-50%);
+  width: min(560px, calc(100vw - 24px));
+  max-height: 55vh;
+  overflow-y: auto;
+}
 .tour-card:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 3px; }
-.tour-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
-.tour-count { font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em; color: var(--c-muted); text-transform: uppercase; }
-.tour-title { margin: 8px 0 6px; font-size: 20px; color: var(--c-accent); }
+.tour-head { display: flex; align-items: center; gap: 10px; }
+.tour-kapitel {
+  font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em;
+  color: var(--c-muted); text-transform: uppercase; min-width: 0; flex: 1;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.tour-kapitel i { color: var(--c-accent); margin-right: 4px; }
+.tour-progress { height: 4px; border-radius: 2px; background: rgba(66, 0, 147, 0.10); margin: 10px 0 2px; overflow: hidden; }
+.tour-progress > span { display: block; height: 100%; background: var(--c-accent); border-radius: 2px; transition: width 0.2s var(--ease-fluid); }
+.tour-title { margin: 10px 0 6px; font-size: 18px; line-height: 1.3; color: var(--c-accent); }
 .tour-text { margin: 0; font-size: 14px; line-height: 1.6; color: var(--c-text); }
-.tour-note {
-  margin: 12px 0 8px;
-  font-size: 12.5px;
-  line-height: 1.55;
-  color: var(--c-muted);
-  display: flex;
-  gap: 8px;
+.tour-sample { margin-top: 12px; }
+.tour-chapters {
+  list-style: none; margin: 14px 0 0; padding: 0;
+  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 6px;
+}
+.tour-chapter {
+  width: 100%; text-align: left; font: inherit; font-size: 13px; font-weight: 600;
+  color: var(--c-text); background: #fff; cursor: pointer;
+  border: 1px solid rgba(66, 0, 147, 0.14); border-radius: 8px; padding: 7px 10px;
+  display: flex; align-items: center; gap: 8px;
 }
-.tour-sample { margin-bottom: 4px; }
-.tour-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; margin-top: 16px; }
-.tour-actions .btn:first-child { margin-right: auto; }
+.tour-chapter i { color: var(--c-accent); width: 16px; text-align: center; }
+.tour-chapter:hover { border-color: rgba(66, 0, 147, 0.4); background: rgba(66, 0, 147, 0.04); }
+.tour-finale { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
+.tour-dots { display: flex; justify-content: center; align-items: center; gap: 6px; margin-right: auto; }
+.tour-dot {
+  width: 10px; height: 10px; padding: 0; border-radius: 50%; cursor: pointer;
+  border: 1.5px solid var(--c-accent); background: #fff;
+}
+.tour-dot.is-active { background: var(--c-accent); }
+.tour-dot:hover { background: rgba(66, 0, 147, 0.35); }
+.tour-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
+.tour-count { font-size: 11.5px; color: var(--c-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
 
-/* Die hervorgehobene Stelle wird über den abdunkelnden Layer geholt. */
+/* Die hervorgehobene Stelle wird über das Abdunkeln geholt. `position`
+   setzt `tour-pos` nur, wenn das Ziel statisch ist – ein sticky oder fixiertes
+   Ziel (Topbar) darf seine Positionierung nicht verlieren. */
 .tour-highlight {
-  position: relative;
-  z-index: 1201;
+  z-index: 1201 !important;
   outline: 3px solid var(--c-accent);
   outline-offset: 4px;
   border-radius: var(--radius);
   box-shadow: 0 0 0 9999px rgba(30, 27, 46, 0.05);
 }
+.tour-pos { position: relative; }
+.topbar.tour-highlight { outline-offset: -4px; }
+/* Der äußerste Vorfahr mit eigenem Stapelkontext (Topbar, Seitenleiste) –
+   sonst bliebe das Ziel darin unter dem Abdunkeln. */
+.tour-lift { z-index: 1201 !important; }
+.tour-lift-pos { position: relative !important; }
 @media (max-width: 600px) {
-  .tour-layer { padding: 12px; }
-  .tour-actions { justify-content: stretch; }
-  .tour-actions .btn { flex: 1 1 auto; }
-  .tour-actions .btn:first-child { margin-right: 0; }
+  .tour-actions .btn { flex: 1 1 auto; justify-content: center; }
+  .tour-dots { width: 100%; order: -1; margin: 0 0 4px; }
 }
 @media (prefers-reduced-motion: reduce) {
   .tour-highlight { transition: none; }
diff --git a/datenschutz/index.html b/datenschutz/index.html
index 98c4115..0fb79fd 100644
--- a/datenschutz/index.html
+++ b/datenschutz/index.html
@@ -42,7 +42,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/index.html b/index.html
index f36a1e0..ce4dc6d 100644
--- a/index.html
+++ b/index.html
@@ -125,10 +125,10 @@
   <link rel="stylesheet" href="assets/fonts/inter/inter.css">
   <!-- Zugeschnitten auf die verwendeten Icons (tools/build-icons.py) – das
        vollstaendige all.min.css bleibt als Quelle im Repo, wird aber nicht geladen. -->
-  <link rel="stylesheet" href="assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="assets/fonts/fa/icons.min.css?v=70">
 
-  <link rel="stylesheet" href="css/tokens.css?v=69">
-  <link rel="stylesheet" href="css/styles.css?v=69">
+  <link rel="stylesheet" href="css/tokens.css?v=70">
+  <link rel="stylesheet" href="css/styles.css?v=70">
 </head>
 <body>
 
@@ -325,7 +325,7 @@ <h2 class="module-title">Risiko &amp; Pseudonymisierung</h2>
        der Stelle, an der sie die Module ohnehin überflogen haben. -->
   <section class="graf-bridge home-only" id="graf-bridge" aria-labelledby="graf-bridge-title">
     <div class="graf-bridge-panel">
-      <img src="datengraf-logo.svg" alt="DatenGraf" class="graf-bridge-icon" width="56" height="56" loading="lazy" decoding="async">
+      <img data-src="datengraf-logo.svg" alt="DatenGraf" class="graf-bridge-icon" width="56" height="56" decoding="async">
       <div class="graf-bridge-body">
         <h2 class="graf-bridge-title" id="graf-bridge-title">Schon mit DatenGraf kartiert?</h2>
         <p class="graf-bridge-text">Dann brauchen Sie hier nicht von vorn anzufangen. DatenLotse liest <strong>genau das CSV-Schema</strong>, das DatenGraf exportiert: Aus jeder Kombination aus Quelle und Datentyp wird ein Datensatz-Kandidat nach DCAT-AP.de &ndash; samt Vorbelegung von Zugriffsrechten und Aktualisierungszyklus aus Ihrer Kartierung. Sie erg&auml;nzen nur noch, was DatenGraf nicht kennt: Lizenz, Schlagw&ouml;rter und die Adresse, unter der die Daten liegen.</p>
@@ -915,7 +915,7 @@ <h2 class="consult-card-headline">Umsetzung besprechen</h2>
            Brands-Familie und h&auml;tte daf&uuml;r 116 KB Schrift nachgeladen. -->
       <a href="https://github.com/daimpad/datenlotse" target="_blank" rel="noopener" title="GitHub Repository" aria-label="DatenLotse auf GitHub"><svg class="footer-github" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg></a>
     </nav>
-    <span class="footer-version">v69</span>
+    <span class="footer-version">v70</span>
   </footer>
 
   <!-- ── FAQ-Modal ─────────────────────────────────────────────── -->
@@ -1131,7 +1131,7 @@ <h2 id="license-title"><i class="fas fa-id-card"></i> Lizenz-Wegweiser</h2>
     </div>
   </div>
 
-  <script src="js/app.js?v=69"></script>
+  <script src="js/app.js?v=70"></script>
 
   <!-- Anonyme Seitenzählung (GoatCounter). Der EINZIGE externe Aufruf der
        Seite: keine Cookies, kein LocalStorage, keine Kennung, kein
diff --git a/js/app.js b/js/app.js
index 37c11fd..fb7290a 100644
--- a/js/app.js
+++ b/js/app.js
@@ -515,7 +515,7 @@ function clearState() {
    Teile defensiv. grafRows wird mitgesichert (anders als im
    LocalStorage), damit der Import-Kontext vollständig ist. */
 const PROJECT_SCHEMA = 1;
-const APP_VERSION = 'v69';
+const APP_VERSION = 'v70';
 
 function buildProjectJSON() {
   return JSON.stringify({
@@ -971,106 +971,345 @@ function mqaScore(d) {
 function completeness(d) { return mqaScore(d).prozent; }
 
 /* ── Onboarding-Rundgang ──────────────────────────────────────────
-   Geführter Durchlauf durch die Bausteine. Bewusst KEIN Auto-Start als
-   Modal beim ersten Laden – das nimmt Erstnutzern die Kontrolle. Stattdessen
-   ein wegklickbarer Hinweis auf der Startseite plus ein Einstieg in der
-   Seitenleiste; der Rundgang lässt sich jederzeit wiederholen.
+   Geführter Durchlauf durch alle Bereiche, in Kapiteln. Bewusst KEIN
+   Auto-Start als Modal beim ersten Laden – das nimmt Erstnutzern die
+   Kontrolle. Angeboten wird er im Hero (`#hero-tour-btn`) und dauerhaft in
+   der Seitenleiste (`#sidebar-tour`).
+
+   Seit v70 ein vollständiger Rundgang statt elf Stichproben:
+   - Kapitel (`TOUR_KAPITEL`), zwischen denen sich springen lässt – wer nur
+     wissen will, wie die Textbereinigung geht, muss nicht durch das Inventar.
+   - Die Karte steht NEBEN dem Ziel (`placeTourCard`), nicht unten mittig;
+     dort verdeckte sie bei großen Zielen genau das, was sie erklären sollte.
+   - Schritte wechseln selbst in den passenden Tab (`invTab`, `pseudoTab`).
 
    Schritte mit `needsData` brauchen ein Inventar. Statt still Beispieldaten
-   zu laden (Nebenwirkung, die niemand bestellt hat), bietet der Schritt den
-   Import an und lässt die Entscheidung beim Menschen.
+   zu laden (Nebenwirkung, die niemand bestellt hat), bietet der Schritt mit
+   `angebot` den Import an; die übrigen datenabhängigen Schritte fallen ohne
+   Daten aus der Liste (`tourSteps()`), statt siebenmal dasselbe Angebot zu
+   zeigen.
    ────────────────────────────────────────────────────────────── */
+const TOUR_KAPITEL = [
+  { id: 'start',      label: 'Orientierung',               icon: 'fa-house' },
+  { id: 'kompass',    label: 'Daten-Kompass',              icon: 'fa-compass' },
+  { id: 'governance', label: 'Phase 1 · Governance',       icon: 'fa-users-gear' },
+  { id: 'inventar',   label: 'Phase 2 · Dateninventar',    icon: 'fa-boxes-stacked' },
+  { id: 'schutz',     label: 'Phase 3 · Risiko & Schutz',  icon: 'fa-shield-halved' },
+  { id: 'wissen',     label: 'Wissen & Vorlagen',          icon: 'fa-book-open' },
+  { id: 'abschluss',  label: 'Sichern & loslegen',         icon: 'fa-flag-checkered' },
+];
+
 const TOUR_STEPS = [
-  { view: 'home', title: 'Willkommen beim DatenLotsen',
-    text: 'Dieser Rundgang zeigt in wenigen Schritten, wofür die Bausteine da sind und in welcher Reihenfolge sie sinnvoll sind. Alles läuft lokal in Ihrem Browser – es gibt keinen Server, keinen Account und keine Übertragung.' },
-  { view: 'kompass', target: '#kompass-score', title: 'Überblick: Daten-Kompass',
-    text: 'Der Einstieg. Eine Reifegrad-Checkliste nach anerkannten Modellen (ODRA, EU Open Data Maturity, 5-Sterne, DCAT-AP.de, DSGVO/FAIR) sagt Ihnen, wo Sie stehen – und empfiehlt den nächsten sinnvollen Schritt.' },
-  { view: 'governance', target: '#gov-questions', title: 'Phase 1: Governance & Rollen',
-    text: 'Acht gewichtete Fragen ergeben einen Reifegrad. Die RACI-Matrix leitet sich später aus dem Inventar ab und markiert Rollen, die noch nicht besetzt sind. Der Fragebogen funktioniert auch ohne importierte Daten.' },
-  { view: 'inventory', target: '.inv-card', needsData: true, title: 'Phase 2: Dateninventar',
-    text: 'Aus jedem kartierten Datenfluss wird ein DCAT-AP.de-Datensatz. Die Felder ergänzen Sie direkt in der Karte; die Prozentzahl zeigt live, wie vollständig der Datensatz für eine Veröffentlichung ist.' },
-  { view: 'inventory', target: '#tab-quality', needsData: true, title: 'Publikationsreife prüfen',
-    text: 'Die Qualitätsprüfung trennt echte Fehler (fehlende Pflichtfelder, ungültige Werte) von Warnungen – damit Sie vor dem Harvesting wissen, was ein Portal ablehnen würde.' },
-  { view: 'inventory', target: '#tab-clearing', needsData: true, title: 'Phase 3: Risiko-Clearing',
-    text: 'Ein transparenter Entscheidungsbaum je Datensatz: Grün ist unstrittig, Rot gesperrt, und Ihre Prüfkapazität konzentriert sich auf das Gelb. Kein maschinelles Lernen – jedes Ergebnis ist begründet und nachvollziehbar.' },
-  { view: 'pseudo', target: '.pseudo-tabs', title: 'Phase 3: Textbereinigung',
-    text: 'Freitexte und CSV-Spalten von personenbezogenen Angaben befreien – strukturerhaltend, mit konsistenten Platzhaltern und einer Zuordnungstabelle für die Dokumentation. Die manuelle Nachkontrolle bleibt Pflicht.' },
-  { view: 'wissen', target: '#wissen-search', title: 'Nachschlagen statt raten',
-    text: 'Glossar, Rechtsgrundlagen des Bundes und aller 16 Länder sowie die Modelle hinter dem Kompass – durchsuchbar an der Stelle, an der Sie arbeiten. Ausdrücklich keine Rechtsberatung.' },
-  { view: 'vorlagen', target: '.vorlage-card', title: 'Fertige Dokumente',
-    text: 'Richtlinie, DSFA-Checkliste, Freigabeformulare und VVT-Auszug entstehen aus dem Stand, den Sie ohnehin erfasst haben – als PDF, Markdown oder CSV.' },
-  { view: 'home', target: '#project-save-btn', openSidebar: true, title: 'Arbeitsstand sichern',
-    text: 'Alles bleibt im Browser. Damit nichts verloren geht, sichert „Projekt speichern" den kompletten Stand als eine Datei – für Backup, Gerätewechsel oder zum Teilen im Team.' },
-  { view: 'home', title: 'Los geht es',
-    text: 'Am besten starten Sie mit dem Daten-Kompass: Er sagt Ihnen in zehn Minuten, wo Sie stehen und was als Nächstes dran ist. Diesen Rundgang finden Sie jederzeit in der Seitenleiste.' },
+  // ── Orientierung ────────────────────────────────────────────────
+  { id: 'willkommen', kap: 'start', view: 'home', title: 'Willkommen beim DatenLotsen',
+    text: 'Dieser Rundgang führt Sie in sieben Kapiteln durch alles, was das Werkzeug kann – von der Standortbestimmung bis zur fertigen Veröffentlichung. Sie können jederzeit ein Kapitel überspringen oder direkt anwählen. Ihre Inhalte bleiben dabei im Browser.' },
+  { id: 'hero', kap: 'start', view: 'home', target: '#hero .hero-actions', title: 'Zwei Wege hinein',
+    text: '„Sofort loslegen" öffnet den Daten-Kompass – die Standortbestimmung, mit der die meisten beginnen. „Rundgang starten" bringt Sie jederzeit hierher zurück.' },
+  { id: 'schritte', kap: 'start', view: 'home', target: '#hero-steps .steps-panel', title: 'Der Weg in vier Schritten',
+    text: 'Überblick, Inventar, Risiko-Clearing und Pseudonymisierung – in dieser Reihenfolge kommen Sie zu offenen Daten. Jeder Schritt ist für sich nutzbar; ein Klick springt direkt hinein.' },
+  { id: 'module', kap: 'start', view: 'home', target: '#module-grid', title: 'Die drei Phasen',
+    text: 'Zuständigkeiten klären, Bestände nach DCAT-AP.de beschreiben, Risiken prüfen. „Beispiel laden" füllt alles mit einer fiktiven Organisation zum Ausprobieren.' },
+  { id: 'bruecke', kap: 'start', view: 'home', target: '#graf-bridge .graf-bridge-panel', title: 'Schon mit DatenGraf kartiert?',
+    text: 'Dann lesen Sie die exportierte CSV hier direkt ein. Aus jeder Kombination aus Quelle und Datentyp wird ein Datensatz-Kandidat – Zugriffsrechte und Aktualisierungszyklus sind schon vorbelegt.' },
+
+  // ── Daten-Kompass ───────────────────────────────────────────────
+  { id: 'k-score', kap: 'kompass', view: 'kompass', target: '#kompass-score', title: 'Wo stehen Sie?',
+    text: 'Der Reifegrad über alle Prüfpunkte, mit Ampel. Einige Punkte füllt das Werkzeug selbst aus dem aktuellen Stand vor – Ihre eigene Einschätzung hat aber immer Vorrang.' },
+  { id: 'k-dim', kap: 'kompass', view: 'kompass', target: '#kompass-dims .kompass-dim', title: 'Acht Dimensionen, 33 Prüfpunkte',
+    text: 'Jeder Punkt stammt aus einem anerkannten Modell (ODRA, EU Open Data Maturity, 5-Sterne, DCAT-AP.de, DSGVO/FAIR, Data Orchard). Unvollständige Dimensionen führen direkt in den Baustein, der hilft.' },
+  { id: 'k-profil', kap: 'kompass', view: 'kompass', target: '#kompass-profil', title: 'Gilt für Sie eine Rechtspflicht?',
+    text: 'Eine einzige, freiwillige Angabe. Wer keinem Informationsfreiheits- oder Open-Data-Gesetz unterliegt – etwa ein Verein –, bekommt Punkte, die nur Behörden erreichen können, nicht als Lücke angerechnet.' },
+  { id: 'k-verlauf', kap: 'kompass', view: 'kompass', target: '#kompass-history', title: 'Fortschritt festhalten',
+    text: 'Halten Sie Ihren Stand auf Knopfdruck fest und sehen Sie die Entwicklung als Verlauf – belegbarer Fortschritt für Leitung oder Gremium. Aufgezeichnet wird nur, was Sie selbst festhalten.' },
+
+  // ── Phase 1 · Governance ────────────────────────────────────────
+  { id: 'g-fragen', kap: 'governance', view: 'governance', target: '#gov-questions .gov-q', title: 'Acht Fragen zu Zuständigkeiten',
+    text: 'Gibt es Data Owner, Stewards, einen Freigabeprozess? Jede Frage ist gewichtet. Was für Ihre Organisation nicht zutrifft, wählen Sie als „nicht relevant" ab – es zählt dann nicht gegen Sie.' },
+  { id: 'g-score', kap: 'governance', view: 'governance', target: '.gov-score', title: 'Der Reifegrad',
+    text: 'Aus den Antworten entsteht ein Wert von 0 bis 100 mit Ampel, darunter der Beitrag jeder Frage. Der Fragebogen funktioniert auch ganz ohne Inventar.' },
+  { id: 'g-raci', kap: 'governance', view: 'governance', target: '#gov-raci .gov-h3', needsData: true, title: 'Wer ist wofür zuständig?',
+    text: 'Die RACI-Matrix leitet Ihre Datendomänen aus dem Inventar ab und ordnet ihnen Rollen zu. Wo der Fragebogen eine Rolle als unbesetzt ausweist, markiert die Matrix die Lücke.' },
+
+  // ── Phase 2 · Dateninventar ─────────────────────────────────────
+  { id: 'i-karte', kap: 'inventar', view: 'inventory', invTab: 'inventar', target: '.inv-card .inv-card-head', needsData: true, angebot: true,
+    title: 'Ein Datensatz, eine Karte',
+    text: 'Aus jedem kartierten Datenfluss wird ein Datensatz nach DCAT-AP.de. Die Felder füllen Sie direkt in der Karte; die Prozentzahl misst nach dem Schema der EU-Metadatenqualität, wie gut der Datensatz beschrieben ist.' },
+  { id: 'i-verteilung', kap: 'inventar', view: 'inventory', invTab: 'inventar', target: '.inv-card .inv-dists', needsData: true,
+    title: 'Formate und Lizenzen je Verteilung',
+    text: 'Derselbe Datensatz liegt oft als CSV und als JSON vor – je mit eigener Adresse und Lizenz. Genau so verlangt es DCAT-AP.de: eine Lizenz je Verteilung, nicht eine für alles.' },
+  { id: 'i-filter', kap: 'inventar', view: 'inventory', invTab: 'inventar', target: '#inventar-panel .inv-controls', needsData: true,
+    title: 'Suchen, filtern, mehrere auf einmal',
+    text: 'Grenzen Sie nach Schutzbedarf, Clearing-Ampel oder Veröffentlichungsreife ein und sortieren Sie nach dem, was am dringendsten ist. Markierte Datensätze lassen sich in einem Zug bearbeiten.' },
+  { id: 'i-lizenz', kap: 'inventar', view: 'inventory', invTab: 'inventar', target: '#btn-license-wizard', needsData: true,
+    title: 'Welche Lizenz passt?',
+    text: 'Zwei Fragen führen zur passenden offenen Lizenz. Darunter prüft der Wegweiser, ob sich zwei Lizenzen beim Zusammenführen von Beständen vertragen – ein Hinweis aus den Lizenztexten, keine Rechtsberatung.' },
+  { id: 'i-qualitaet', kap: 'inventar', view: 'inventory', invTab: 'quality', target: '#quality-summary', needsData: true,
+    title: 'Was würde ein Portal ablehnen?',
+    text: 'Die Qualitätsprüfung trennt echte Fehler – fehlende Pflichtfelder, ungültige Werte – von Warnungen. Sie findet auch, was einzeln korrekt aussieht: doppelte Kennungen, Titel oder Adressen im Bestand.' },
+  { id: 'i-mqa', kap: 'inventar', view: 'inventory', invTab: 'quality', target: '#quality-mqa', needsData: true,
+    title: 'Wo ist der Bestand schwach?',
+    text: 'Die Metadaten-Güte über den ganzen Bestand, nach den fünf Dimensionen der EU-Qualitätsprüfung. „Auffindbarkeit 20 %" ist ein Arbeitsauftrag – hier steht, wo er beginnt.' },
+  { id: 'i-export', kap: 'inventar', view: 'inventory', invTab: 'inventar', target: '.inventory-actions', needsData: true,
+    title: 'Ein- und Ausgänge',
+    text: 'Der Katalog geht als DCAT-AP.de-JSON-LD, als RDF/Turtle oder als CSV hinaus – zum Harvesting durch GovData und andere Portale. Eine bearbeitete CSV oder einen vorhandenen Katalog lesen Sie über „Datei einlesen" wieder ein.' },
+
+  // ── Phase 3 · Risiko & Schutz ───────────────────────────────────
+  { id: 's-clearing', kap: 'schutz', view: 'inventory', invTab: 'clearing', target: '#clearing-summary', needsData: true,
+    title: 'Darf das veröffentlicht werden?',
+    text: 'Ein offengelegter Entscheidungsbaum je Datensatz: Grün ist unstrittig, Rot gesperrt, Gelb braucht einen Blick. Kein maschinelles Lernen – jede Ampel ist begründet und lässt sich gegenüber dem Datenschutz vertreten.' },
+  { id: 's-text', kap: 'schutz', view: 'pseudo', pseudoTab: 'text', target: '#pseudo-tab-text', title: 'Freitexte bereinigen',
+    text: 'Namen, Adressen, IBAN, Aktenzeichen und weitere Angaben werden durch gleichbleibende Platzhalter ersetzt – rein über Muster, nichts verlässt den Browser. Die Nachkontrolle bleibt Ihre Aufgabe.' },
+  { id: 's-csv', kap: 'schutz', view: 'pseudo', pseudoTab: 'csv', target: '#pseudo-tab-csv', title: 'Tabellen spaltenweise bereinigen',
+    text: 'In einer Tabelle steht der Name ohne Anrede – kein Muster würde ihn finden. Deshalb entscheiden Sie je Spalte: unverändert, nach Mustern oder ganz ersetzen.' },
+  { id: 's-risiko', kap: 'schutz', view: 'pseudo', pseudoTab: 'risiko', target: '#pseudo-tab-risiko', title: 'Hat die Bereinigung getragen?',
+    text: 'Bereinigte Spalten sagen, was ersetzt wurde – nicht, ob eine Zeile noch auf eine Person zurückführt. Diese Prüfung misst k-Anonymität und l-Diversität; verändert wird dabei nichts.' },
+
+  // ── Wissen & Vorlagen ───────────────────────────────────────────
+  { id: 'w-suche', kap: 'wissen', view: 'wissen', target: '#wissen-view .inv-controls', title: 'Nachschlagen statt raten',
+    text: 'Glossar, Rechtsgrundlagen von Bund und EU, alle 16 Landesgesetze, kommunale Satzungen, Prüfwerkzeuge und die Modelle hinter dem Kompass – durchsuchbar und nach Bundesland filterbar. Keine Rechtsberatung.' },
+  { id: 'w-laender', kap: 'wissen', view: 'wissen', target: '#wissen-sec-laender .know-lead--alt', title: 'Zwei Leserichtungen',
+    text: 'Für eine Behörde sind die Landesgesetze eine Pflicht zur Veröffentlichung. Für einen Verein oder eine Initiative sind dieselben Gesetze das Werkzeug, um an Daten zu kommen.' },
+  { id: 'v-vorlagen', kap: 'wissen', view: 'vorlagen', target: '.vorlage-card', title: 'Fertige Dokumente',
+    text: 'Fünf Vorlagen: dieser Status-Einseiter für Leitungsrunden, eine Open-Data-Richtlinie, eine DSFA-Checkliste, Freigabeformulare und ein VVT-Auszug – erzeugt aus dem Stand, den Sie ohnehin erfasst haben.' },
+
+  // ── Sichern & loslegen ──────────────────────────────────────────
+  { id: 'a-projekt', kap: 'abschluss', view: 'home', target: '.sidebar-project', openSidebar: true, title: 'Arbeitsstand sichern',
+    text: 'Alles liegt in diesem Browser. „Projekt speichern" sichert den kompletten Stand als eine Datei – für Backup, Gerätewechsel oder zum Weitergeben im Team.' },
+  { id: 'a-hilfe', kap: 'abschluss', view: 'home', target: '.topbar', title: 'Immer erreichbar',
+    text: 'Oben finden Sie den Daten-Kompass, den Weg zu DatenGraf, die häufigen Fragen (?) und das Menü mit allen Bereichen – auch mit diesem Rundgang.' },
+  { id: 'a-ende', kap: 'abschluss', view: 'home', title: 'Bereit',
+    text: 'Am besten beginnen Sie mit dem Daten-Kompass: Er sagt Ihnen in wenigen Minuten, wo Sie stehen und was als Nächstes dran ist.' },
 ];
 const tour = { i: 0, active: false };
 
-function startTour() {
-  tour.i = 0;
+/* Die Schritte, die gerade gezeigt werden. Ohne Inventar bleibt von den
+   datenabhängigen nur der mit `angebot` – er bietet das Beispiel an. */
+function tourSteps() {
+  return inventory.length ? TOUR_STEPS : TOUR_STEPS.filter(s => !s.needsData || s.angebot);
+}
+
+function startTour(kapitel) {
+  const steps = tourSteps();
+  const ab = kapitel ? steps.findIndex(s => s.kap === kapitel) : 0;
+  tour.i = ab < 0 ? 0 : ab;
   tour.active = true;
   document.getElementById('tour-layer')?.classList.remove('hidden');
   document.body.classList.add('tour-on');
   renderTour();
 }
+function tourCleanup() {
+  document.querySelectorAll('.tour-highlight').forEach(el => el.classList.remove('tour-highlight', 'tour-pos'));
+  document.querySelectorAll('.tour-lift').forEach(el => el.classList.remove('tour-lift', 'tour-lift-pos'));
+}
 function endTour() {
   tour.active = false;
   document.getElementById('tour-layer')?.classList.add('hidden');
   document.body.classList.remove('tour-on');
-  document.querySelectorAll('.tour-highlight').forEach(el => el.classList.remove('tour-highlight'));
+  tourCleanup();
   closeSidebar();
 }
 function tourGo(delta) {
   const next = tour.i + delta;
   if (next < 0) return;
-  if (next >= TOUR_STEPS.length) { endTour(); return; }
+  if (next >= tourSteps().length) { endTour(); return; }
   tour.i = next;
   renderTour();
 }
+function tourKapitel(id) {
+  const i = tourSteps().findIndex(s => s.kap === id);
+  if (i < 0) return;
+  tour.i = i;
+  renderTour();
+}
+
+/* ⚠️ Ein Element über dem Abdunkeln (1200) zu zeigen genügt nicht immer:
+   liegt es in einem Vorfahren, der einen eigenen Stapelkontext bildet –
+   die sticky Topbar (z-index 10), die fixierte Seitenleiste (300) –, kann
+   es dessen Wert nie überbieten und bleibt mit abgedunkelt. Bis v69 war
+   genau das beim Schritt „Arbeitsstand sichern" so. Gehoben wird deshalb der
+   ÄUSSERSTE solche Vorfahr. */
+function bildetStapelkontext(el) {
+  const cs = getComputedStyle(el);
+  return cs.position === 'fixed' || cs.position === 'sticky'
+    || (cs.position !== 'static' && cs.zIndex !== 'auto')
+    || cs.transform !== 'none' || cs.filter !== 'none'
+    || (cs.backdropFilter && cs.backdropFilter !== 'none')
+    || Number(cs.opacity) < 1 || cs.isolation === 'isolate';
+}
+function tourLift(ziel) {
+  let aeusserster = null;
+  for (let el = ziel.parentElement; el && el !== document.body; el = el.parentElement) {
+    if (bildetStapelkontext(el)) aeusserster = el;
+  }
+  if (!aeusserster) return;
+  aeusserster.classList.add('tour-lift');
+  if (getComputedStyle(aeusserster).position === 'static') aeusserster.classList.add('tour-lift-pos');
+}
+
+/* Die Karte steht neben dem Ziel: bevorzugt darunter, sonst darüber, links
+   oder rechts – je nachdem, wo sie ganz in den Sichtbereich passt. Passt sie
+   nirgends (schmale Bildschirme, Ziel außer Sicht), dockt sie unten an. */
+const TOUR_ABSTAND = 14, TOUR_RAND = 12, TOUR_SCHMAL = 720;
+// Angedockt wird gegenüber dem Ziel: steht es in der unteren Hälfte (etwa die
+// Projekt-Knöpfe in der Seitenleiste, die sich nicht scrollen lassen), oben.
+function dockSeite(ziel) {
+  if (!ziel) return 'dock';
+  const r = ziel.getBoundingClientRect();
+  // Maßgeblich ist der Anfang des Ziels: ein hohes Ziel, das oben beginnt, soll
+  // man lesen können – die Karte gehört dann nach unten.
+  return r.top > window.innerHeight / 2 ? 'dock-oben' : 'dock';
+}
+function placeTourCard(card, ziel) {
+  card.style.top = card.style.left = '';
+  const vw = window.innerWidth, vh = window.innerHeight;
+  if (!ziel) { card.dataset.place = vw < TOUR_SCHMAL ? 'dock' : 'mitte'; return; }
+  if (vw < TOUR_SCHMAL) { card.dataset.place = dockSeite(ziel); return; }
+  card.dataset.place = 'frei';
+  const r = ziel.getBoundingClientRect();
+  const w = card.offsetWidth, h = card.offsetHeight;
+  const klemmX = x => Math.min(Math.max(x, TOUR_RAND), vw - w - TOUR_RAND);
+  const klemmY = y => Math.min(Math.max(y, TOUR_RAND), vh - h - TOUR_RAND);
+  const passt = (top, left) => top >= TOUR_RAND && top + h <= vh - TOUR_RAND
+    && left >= TOUR_RAND && left + w <= vw - TOUR_RAND;
+  const mitteX = klemmX(r.left + r.width / 2 - w / 2);
+  const mitteY = klemmY(r.top + r.height / 2 - h / 2);
+  const wahl = [
+    ['unten',  r.bottom + TOUR_ABSTAND,  mitteX],
+    ['oben',   r.top - TOUR_ABSTAND - h, mitteX],
+    ['links',  mitteY, r.left - TOUR_ABSTAND - w],
+    ['rechts', mitteY, r.right + TOUR_ABSTAND],
+  ].find(([, top, left]) => passt(top, left));
+  if (!wahl) { card.dataset.place = dockSeite(ziel); return; }
+  card.dataset.place = wahl[0];
+  card.style.top = Math.round(wahl[1]) + 'px';
+  card.style.left = Math.round(wahl[2]) + 'px';
+}
+
+/* Ziel in den Blick holen – so, dass Ziel UND Karte zusammen Platz haben.
+   Stur zentrieren reichte nicht: bei einem 300 px hohen Ziel blieb darunter
+   kein Raum mehr für die Karte, und sie dockte unten an. Auf schmalen
+   Bildschirmen dockt die Karte immer an; das Ziel gehört dann direkt unter
+   die Topbar. */
+function scrollTourZiel(ziel, kartenHoehe) {
+  if (ziel.closest('.app-sidebar, .topbar')) return;   // fixiert bzw. sticky – immer sichtbar
+  const vh = window.innerHeight;
+  const oben = (document.querySelector('.topbar')?.offsetHeight || 0) + TOUR_RAND;
+  const r = ziel.getBoundingClientRect();
+  let soll = oben;
+  if (window.innerWidth >= TOUR_SCHMAL) {
+    const platz = vh - oben - TOUR_RAND;
+    const bedarf = r.height + TOUR_ABSTAND + kartenHoehe;
+    if (bedarf <= platz) soll = oben + (platz - bedarf) / 2;          // Karte passt darunter
+    else if (r.height <= platz) soll = oben + (platz - r.height) / 2;  // Karte daneben
+  }
+  window.scrollBy(0, Math.round(r.top - soll));
+}
+
+function tourZiel() {
+  const step = tourSteps()[tour.i];
+  if (!step) return null;
+  if (step.needsData && !inventory.length) return document.getElementById('modul-inventar');
+  return step.target ? document.querySelector(step.target) : null;
+}
 
 function renderTour() {
   const layer = document.getElementById('tour-layer');
   const card = document.getElementById('tour-card');
   if (!layer || !card || !tour.active) return;
-  const step = TOUR_STEPS[tour.i];
-
-  document.querySelectorAll('.tour-highlight').forEach(el => el.classList.remove('tour-highlight'));
-  if (step.view) navTo(step.view);
+  const steps = tourSteps();
+  tour.i = Math.min(tour.i, steps.length - 1);
+  const step = steps[tour.i];
+  const ohneDaten = step.needsData && !inventory.length;
+
+  tourCleanup();
+  // Ohne Daten öffnete navTo('inventory') das Erklär-Modal – hinter der Karte.
+  navTo(ohneDaten ? 'home' : (step.view || 'home'));
+  if (!ohneDaten && step.invTab) showInventoryTab(step.invTab);
+  if (step.pseudoTab) showPseudoTab(step.pseudoTab);
   if (step.openSidebar) openSidebar(); else closeSidebar();
 
-  const fehlt = step.needsData && !inventory.length;
-  const ziel = fehlt || !step.target ? null : document.querySelector(step.target);
+  const ziel = tourZiel();
   if (ziel) {
     ziel.classList.add('tour-highlight');
-    ziel.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    if (getComputedStyle(ziel).position === 'static') ziel.classList.add('tour-pos');
+    tourLift(ziel);
   }
 
+  const kapIdx = TOUR_KAPITEL.findIndex(k => k.id === step.kap);
+  const kap = TOUR_KAPITEL[kapIdx];
+  const istErster = tour.i === 0, istLetzter = tour.i === steps.length - 1;
+  const kapitelMitSchritten = TOUR_KAPITEL.filter(k => steps.some(s => s.kap === k.id));
+
   card.innerHTML =
     `<div class="tour-head">
-       <span class="tour-count">Schritt ${tour.i + 1} von ${TOUR_STEPS.length}</span>
+       <span class="tour-kapitel" title="Kapitel ${kapIdx + 1} von ${TOUR_KAPITEL.length}"><i class="fas ${kap.icon}"></i> ${esc(kap.label)}</span>
+       <span class="tour-count">Schritt ${tour.i + 1} von ${steps.length}</span>
        <button class="icon-close" id="tour-close" aria-label="Rundgang beenden"><i class="fas fa-xmark"></i></button>
      </div>
-     <h2 class="tour-title" id="tour-title">${esc(step.title)}</h2>
-     <p class="tour-text">${esc(step.text)}</p>
-     ${fehlt ? `<p class="tour-note"><i class="fas fa-circle-info"></i> Dieser Baustein braucht Daten. Laden Sie den Beispieldatensatz, um ihn im Einsatz zu sehen.</p>
-       <button class="btn btn-secondary tour-sample" id="tour-sample"><i class="fas fa-flask"></i> Beispiel laden</button>` : ''}
+     <div class="tour-progress" role="progressbar" aria-label="Fortschritt im Rundgang"
+          aria-valuemin="1" aria-valuemax="${steps.length}" aria-valuenow="${tour.i + 1}">
+       <span style="width:${Math.round((tour.i + 1) / steps.length * 100)}%"></span>
+     </div>
+     <h2 class="tour-title" id="tour-title">${esc(ohneDaten ? 'Hier beginnt das Inventar' : step.title)}</h2>
+     <p class="tour-text">${esc(ohneDaten
+       ? 'Dieses Kapitel zeigt, wie aus Ihren Datenflüssen ein Katalog nach DCAT-AP.de wird – dafür braucht es Daten. Laden Sie das Beispiel einer fiktiven Stadtverwaltung, um es im Einsatz zu sehen, oder gehen Sie weiter.'
+       : step.text)}</p>
+     ${ohneDaten ? `<button class="btn btn-secondary tour-sample" id="tour-sample"><i class="fas fa-flask"></i> Beispiel laden</button>` : ''}
+     ${istErster ? `<ol class="tour-chapters" aria-label="Kapitel des Rundgangs">${kapitelMitSchritten.map(k =>
+         `<li><button type="button" class="tour-chapter" data-tour-kap="${k.id}"><i class="fas ${k.icon}"></i> ${esc(k.label)}</button></li>`).join('')}</ol>` : ''}
+     ${istLetzter ? `<div class="tour-finale">
+         <button class="btn btn-primary" id="tour-go-kompass"><i class="fas fa-compass"></i> Daten-Kompass starten</button>
+         ${inventory.length ? '' : '<button class="btn btn-secondary" id="tour-go-sample"><i class="fas fa-flask"></i> Mit Beispieldaten erkunden</button>'}
+       </div>` : ''}
      <div class="tour-actions">
-       <button class="btn btn-secondary" id="tour-prev"${tour.i === 0 ? ' disabled' : ''}><i class="fas fa-arrow-left"></i> Zurück</button>
-       <button class="btn btn-secondary" id="tour-skip">Überspringen</button>
-       <button class="btn btn-primary" id="tour-next">${tour.i === TOUR_STEPS.length - 1 ? 'Fertig' : 'Weiter'} <i class="fas fa-arrow-right"></i></button>
+       <button class="btn btn-secondary" id="tour-prev"${istErster ? ' disabled' : ''}><i class="fas fa-arrow-left"></i> Zurück</button>
+       <nav class="tour-dots" aria-label="Kapitel">${kapitelMitSchritten.map(k =>
+         `<button type="button" class="tour-dot${k.id === step.kap ? ' is-active' : ''}" data-tour-kap="${k.id}"
+            aria-label="Kapitel: ${esc(k.label)}" title="${esc(k.label)}"${k.id === step.kap ? ' aria-current="step"' : ''}></button>`).join('')}</nav>
+       <button class="btn btn-primary" id="tour-next">${istLetzter ? 'Fertig' : 'Weiter'} <i class="fas fa-arrow-right"></i></button>
      </div>`;
 
   document.getElementById('tour-close')?.addEventListener('click', endTour);
-  document.getElementById('tour-skip')?.addEventListener('click', endTour);
   document.getElementById('tour-prev')?.addEventListener('click', () => tourGo(-1));
   document.getElementById('tour-next')?.addEventListener('click', () => tourGo(1));
-  document.getElementById('tour-sample')?.addEventListener('click', () => {
+  card.querySelectorAll('[data-tour-kap]').forEach(b =>
+    b.addEventListener('click', () => tourKapitel(b.dataset.tourKap)));
+  const mitBeispiel = () => {
+    const id = step.id;
+    loadSampleData().then(() => {
+      if (!tour.active) return;
+      // Mit Daten wächst die Liste – auf demselben Schritt bleiben
+      tour.i = Math.max(0, tourSteps().findIndex(s => s.id === id));
+      renderTour();
+    });
+  };
+  document.getElementById('tour-sample')?.addEventListener('click', mitBeispiel);
+  document.getElementById('tour-go-sample')?.addEventListener('click', () => {
+    endTour();
     loadSampleData();
-    // renderInventory() wechselt die Ansicht – den Schritt danach neu aufbauen
-    setTimeout(() => { if (tour.active) renderTour(); }, 150);
   });
-  card.focus();
+  document.getElementById('tour-go-kompass')?.addEventListener('click', () => { endTour(); navTo('kompass'); });
+
+  // Erst messen (in der freien Breite), dann scrollen, dann platzieren
+  card.dataset.place = 'frei';
+  card.style.top = card.style.left = '';
+  if (ziel) scrollTourZiel(ziel, card.offsetHeight);
+  placeTourCard(card, ziel);
+  card.focus({ preventScroll: true });
+}
+
+// Beim Scrollen und bei Größenänderung folgt die Karte ihrem Ziel
+let tourPlatzFrame = 0;
+function tourNachfuehren() {
+  if (!tour.active || tourPlatzFrame) return;
+  tourPlatzFrame = requestAnimationFrame(() => {
+    tourPlatzFrame = 0;
+    const card = document.getElementById('tour-card');
+    if (tour.active && card) placeTourCard(card, document.querySelector('.tour-highlight'));
+  });
 }
+window.addEventListener('scroll', tourNachfuehren, { passive: true });
+window.addEventListener('resize', tourNachfuehren);
 
 document.getElementById('sidebar-tour')?.addEventListener('click', e => {
   e.preventDefault();
@@ -2609,8 +2848,9 @@ function pickAndImport() {
 }
 
 // Beispieldaten laden (via fetch → benötigt HTTP, nicht file://)
+// Gibt das Promise zurück, damit der Rundgang nach dem Laden weitermachen kann
 function loadSampleData(file) {
-  fetch(file || 'data/sample-kommune.csv')
+  return fetch(file || 'data/sample-kommune.csv')
     .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })
     .then(text => importGrafCSV(text))
     .catch(() => alert('Beispieldaten konnten nicht geladen werden.\nBitte die App über http:// (python3 -m http.server) öffnen, nicht über file://.'));
@@ -2700,6 +2940,23 @@ document.getElementById('faq-close-btn')?.addEventListener('click', () => showMo
 document.getElementById('cta-btn')?.addEventListener('click', () => navTo('kompass'));
 document.getElementById('hero-kompass-btn')?.addEventListener('click', () => navTo('kompass'));
 document.getElementById('hero-tour-btn')?.addEventListener('click', startTour);
+
+/* Das DatenGraf-Logo steht weit unter dem Falz. `loading="lazy"` allein half
+   nicht: Chrome lädt Bilder schon in 1.250–2.500 px Abstand vor, das Logo kam
+   also bei jedem Aufruf mit (21 KB). Geladen wird es jetzt erst, wenn der
+   Abschnitt in die Nähe des Sichtbereichs kommt. */
+(function () {
+  const img = document.querySelector('img.graf-bridge-icon[data-src]');
+  if (!img) return;
+  const laden = () => { img.src = img.dataset.src; img.removeAttribute('data-src'); };
+  if (!('IntersectionObserver' in window)) { laden(); return; }
+  const io = new IntersectionObserver(eintraege => {
+    if (!eintraege.some(e => e.isIntersecting)) return;
+    io.disconnect();
+    laden();
+  }, { rootMargin: '400px 0px' });
+  io.observe(img);
+})();
 // Die DatenGraf-Brücke führt direkt in den Dateidialog: wer schon kartiert hat,
 // braucht das Erklär-Modal nicht mehr, das `open-inventory-btn` davorschaltet.
 document.getElementById('graf-bridge-import')?.addEventListener('click', pickAndImport);
diff --git a/sitemap.xml b/sitemap.xml
index 0c75dbc..02dc4ee 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -2,61 +2,61 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://datenlotse.nozilla.net/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/glossar/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/rechtsgrundlagen/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/rechtsgrundlagen-laender/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/kommunale-satzungen/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/lizenzen/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/reifegrad-modelle/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/wissen/pruefwerkzeuge/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://datenlotse.nozilla.net/datenschutz/</loc>
-    <lastmod>2026-08-11</lastmod>
+    <lastmod>2026-10-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.5</priority>
   </url>
diff --git a/tests/smoke.spec.js b/tests/smoke.spec.js
index 065e368..2188ae7 100644
--- a/tests/smoke.spec.js
+++ b/tests/smoke.spec.js
@@ -52,7 +52,7 @@ test.describe('Grundgerüst & Navigation', () => {
     await page.locator('#hero-tour-btn').click();
     await expect(page.locator('#tour-layer')).toBeVisible();
     await expect(page.locator('#tour-card')).toContainText('Schritt 1');
-    await page.locator('#tour-skip').click();
+    await page.locator('#tour-close').click();
 
     await page.locator('#hero-kompass-btn').click();
     await expect(page.locator('#kompass-view')).toBeVisible();
@@ -85,10 +85,14 @@ test.describe('Grundgerüst & Navigation', () => {
   test('die DatenGraf-Brücke trägt das echte Logo, lokal ausgeliefert', async ({ page }) => {
     await openApp(page);
     const logo = page.locator('img.graf-bridge-icon');
-    // `loading="lazy"`: der Abschnitt steht weit unter dem Falz, das Bild wird
-    // beim ersten Laden bewusst nicht mitgeholt (siehe Ladegewicht-Budget).
+    // Der Abschnitt steht weit unter dem Falz – das Bild wird beim ersten Laden
+    // bewusst NICHT mitgeholt, sondern erst in der Nähe des Sichtbereichs (v70).
+    expect(await logo.getAttribute('src')).toBeNull();
     await logo.scrollIntoViewIfNeeded();
     await expect(logo).toBeVisible();
+    // Laden abwarten statt sofort zu messen – ohne das war der Test ein Wettlauf
+    // gegen das Netz und in der vollen Suite gelegentlich rot
+    await expect.poll(() => logo.evaluate(el => el.complete && el.naturalWidth > 0)).toBe(true);
     const bild = await logo.evaluate(el => ({
       quelle: el.getAttribute('src'),
       alt: el.getAttribute('alt'),
diff --git a/tests/tour.spec.js b/tests/tour.spec.js
index 7b87a35..49e0143 100644
--- a/tests/tour.spec.js
+++ b/tests/tour.spec.js
@@ -29,19 +29,22 @@ test.describe('Onboarding-Rundgang', () => {
     await page.evaluate(() => navTo('home'));
     await page.locator('#hero-tour-btn').click();
 
-    const gesamt = await page.evaluate(() => TOUR_STEPS.length);
+    const gesamt = await page.evaluate(() => tourSteps().length);
     await expect(page.locator('#tour-card')).toContainText(`Schritt 1 von ${gesamt}`);
     await expect(page.locator('#tour-prev')).toBeDisabled();
 
-    await page.locator('#tour-next').click();
-    await expect(page.locator('#kompass-view')).toBeVisible();
-    await expect(page.locator('#tour-card')).toContainText('Daten-Kompass');
-    await expect(page.locator('#tour-prev')).toBeEnabled();
-
-    await page.locator('#tour-next').click();
-    await expect(page.locator('#governance-view')).toBeVisible();
+    // Jeder Schritt landet in der Ansicht, die er erklärt
+    const views = { home: '#hero', kompass: '#kompass-view', governance: '#governance-view',
+      inventory: '#inventory-view', pseudo: '#pseudo-view', wissen: '#wissen-view', vorlagen: '#vorlagen-view' };
+    for (let i = 0; i < gesamt; i++) {
+      const view = await page.evaluate(() => tourSteps()[tour.i].view);
+      await expect(page.locator(views[view]), `Schritt ${i + 1}`).toBeVisible();
+      if (i < gesamt - 1) await page.locator('#tour-next').click();
+    }
 
     // Zurück führt wieder in die vorherige Ansicht
+    await page.evaluate(() => tourKapitel('governance'));
+    await expect(page.locator('#governance-view')).toBeVisible();
     await page.locator('#tour-prev').click();
     await expect(page.locator('#kompass-view')).toBeVisible();
     expect(errors).toEqual([]);
@@ -50,13 +53,13 @@ test.describe('Onboarding-Rundgang', () => {
   test('letzter Schritt schließt den Rundgang ab', async ({ page }) => {
     await openApp(page);
     await loadSample(page);
-    const gesamt = await page.evaluate(() => TOUR_STEPS.length);
+    const gesamt = await page.evaluate(() => tourSteps().length);
     await page.evaluate(() => startTour());
     for (let i = 0; i < gesamt; i++) await page.locator('#tour-next').click();
     await expect(page.locator('#tour-layer')).toBeHidden();
   });
 
-  test('Escape und „Überspringen“ beenden den Rundgang', async ({ page }) => {
+  test('Escape und das Schließen-Kreuz beenden den Rundgang', async ({ page }) => {
     await openApp(page);
     await page.evaluate(() => startTour());
     await expect(page.locator('#tour-layer')).toBeVisible();
@@ -64,7 +67,7 @@ test.describe('Onboarding-Rundgang', () => {
     await expect(page.locator('#tour-layer')).toBeHidden();
 
     await page.evaluate(() => startTour());
-    await page.locator('#tour-skip').click();
+    await page.locator('#tour-close').click();
     await expect(page.locator('#tour-layer')).toBeHidden();
   });
 
@@ -82,30 +85,37 @@ test.describe('Onboarding-Rundgang', () => {
 
   test('Schritte ohne Daten bieten den Import an, statt still zu laden', async ({ page }) => {
     const errors = await openApp(page);
-    const idx = await page.evaluate(() => TOUR_STEPS.findIndex(s => s.needsData));
-    await page.evaluate(i => { startTour(); tour.i = i; renderTour(); }, idx);
+    await page.evaluate(() => { startTour(); tourKapitel('inventar'); });
 
     await expect(page.locator('#tour-sample')).toBeVisible();
     expect(await page.evaluate(() => inventory.length)).toBe(0);
-    await expect(page.locator('.tour-highlight')).toHaveCount(0);
+    // Von den datenabhängigen Schritten bleibt ohne Daten nur das eine Angebot –
+    // sonst stünde siebenmal hintereinander derselbe Hinweis da
+    expect(await page.evaluate(() => tourSteps().filter(s => s.needsData).map(s => s.id))).toEqual(['i-karte']);
+    // Gezeigt wird, wo das Inventar beginnt – und kein Erklär-Modal hinter der Karte
+    // (navTo('inventory') öffnet es ohne Daten; bis v69 lag es dann hinter dem Rundgang)
+    await expect(page.locator('#modul-inventar.tour-highlight')).toHaveCount(1);
+    await expect(page.locator('#inventory-backdrop')).toBeHidden();
 
+    const vorher = await page.evaluate(() => tourSteps()[tour.i].id);
     await page.locator('#tour-sample').click();
     await expect(page.locator('#tour-sample')).toHaveCount(0);
     expect(await page.evaluate(() => inventory.length)).toBe(12);
-    await expect(page.locator('.inv-card.tour-highlight')).toHaveCount(1);
+    // Die Liste wächst, der Rundgang bleibt auf demselben Schritt
+    expect(await page.evaluate(() => tourSteps()[tour.i].id)).toBe(vorher);
+    await expect(page.locator('.inv-card .inv-card-head.tour-highlight')).toHaveCount(1);
     expect(errors).toEqual([]);
   });
 
   test('Hervorhebung wandert mit und bleibt am Ende nicht zurück', async ({ page }) => {
     await openApp(page);
     await loadSample(page);
-    await page.evaluate(() => startTour());
-    await page.locator('#tour-next').click();
+    await page.evaluate(() => { startTour(); tourKapitel('kompass'); });
     await expect(page.locator('#kompass-score.tour-highlight')).toHaveCount(1);
     await page.locator('#tour-next').click();
     // Nur genau ein Element ist gleichzeitig hervorgehoben
     await expect(page.locator('.tour-highlight')).toHaveCount(1);
-    await expect(page.locator('#gov-questions.tour-highlight')).toHaveCount(1);
+    await expect(page.locator('#kompass-dims .kompass-dim.tour-highlight')).toHaveCount(1);
 
     await page.keyboard.press('Escape');
     await expect(page.locator('.tour-highlight')).toHaveCount(0);
@@ -113,9 +123,9 @@ test.describe('Onboarding-Rundgang', () => {
 
   test('Seitenleisten-Schritt öffnet die Leiste und schließt sie danach wieder', async ({ page }) => {
     await openApp(page);
-    const idx = await page.evaluate(() => TOUR_STEPS.findIndex(s => s.openSidebar));
+    const idx = await page.evaluate(() => tourSteps().findIndex(s => s.openSidebar));
     await page.evaluate(i => { startTour(); tour.i = i; renderTour(); }, idx);
-    await expect(page.locator('#project-save-btn.tour-highlight')).toBeVisible();
+    await expect(page.locator('.sidebar-project.tour-highlight')).toBeVisible();
 
     await page.locator('#tour-next').click();
     expect(await page.evaluate(() =>
@@ -226,3 +236,166 @@ test.describe('Onboarding-Rundgang', () => {
     expect(await page.locator('#tour-card img').count()).toBe(0);
   });
 });
+
+/* ── v70: vollständiger Rundgang in Kapiteln ─────────────────────────
+   Vorher elf Stichproben mit der Karte immer unten mittig – sie verdeckte
+   bei großen Zielen genau das, was sie erklären sollte, und Ziele in Topbar
+   oder Seitenleiste blieben mit abgedunkelt. */
+test.describe('Rundgang in Kapiteln (v70)', () => {
+  // Alle Schritte so durchgehen, wie der Rundgang sie zeigt
+  async function jederSchritt(page, fn) {
+    const n = await page.evaluate(() => tourSteps().length);
+    const raus = [];
+    for (let i = 0; i < n; i++) {
+      await page.evaluate(k => { tour.i = k; renderTour(); }, i);
+      // Übergänge (Seitenleiste) abwarten, dann einen Frame für das Nachführen
+      await page.evaluate(async () => {
+        await Promise.all(document.getAnimations().map(a => a.finished.catch(() => {})));
+        await new Promise(r => requestAnimationFrame(() => requestAnimationFrame(r)));
+      });
+      const r = await page.evaluate(fn);
+      if (r) raus.push(r);
+    }
+    return raus;
+  }
+
+  test('Kapitel: jedes hat Schritte, Sprung und Markierung stimmen', async ({ page }) => {
+    await openApp(page);
+    await loadSample(page);
+    const struktur = await page.evaluate(() => ({
+      kapitel: TOUR_KAPITEL.map(k => k.id),
+      leer: TOUR_KAPITEL.filter(k => !TOUR_STEPS.some(s => s.kap === k.id)).map(k => k.id),
+      fremd: TOUR_STEPS.filter(s => !TOUR_KAPITEL.some(k => k.id === s.kap)).map(s => s.id),
+      doppelt: TOUR_STEPS.map(s => s.id).filter((id, i, a) => a.indexOf(id) !== i),
+      // Kapitel stehen zusammenhängend – sonst sprängen die Punkte hin und her
+      zerrissen: TOUR_KAPITEL.filter(k => {
+        const idx = TOUR_STEPS.map((s, i) => s.kap === k.id ? i : -1).filter(i => i >= 0);
+        return idx.length && idx[idx.length - 1] - idx[0] + 1 !== idx.length;
+      }).map(k => k.id),
+    }));
+    expect(struktur.kapitel.length).toBe(7);
+    expect(struktur.leer).toEqual([]);
+    expect(struktur.fremd).toEqual([]);
+    expect(struktur.doppelt).toEqual([]);
+    expect(struktur.zerrissen).toEqual([]);
+
+    // Der erste Schritt bietet alle Kapitel zur Auswahl an
+    await page.evaluate(() => startTour());
+    await expect(page.locator('#tour-card .tour-chapter')).toHaveCount(7);
+    await page.locator('#tour-card .tour-chapter[data-tour-kap="schutz"]').click();
+    const nach = await page.evaluate(() => ({
+      kap: tourSteps()[tour.i].kap,
+      erster: tourSteps().findIndex(s => s.kap === 'schutz') === tour.i,
+    }));
+    expect(nach).toEqual({ kap: 'schutz', erster: true });
+    // Der Kapitelpunkt markiert, wo man ist – für Screenreader per aria-current
+    await expect(page.locator('.tour-dot[aria-current="step"]')).toHaveAttribute('data-tour-kap', 'schutz');
+    await page.locator('.tour-dot[data-tour-kap="wissen"]').click();
+    expect(await page.evaluate(() => tourSteps()[tour.i].kap)).toBe('wissen');
+  });
+
+  test('jeder Bereich und jeder Tab wird gezeigt – und ist dann auch sichtbar', async ({ page }) => {
+    await openApp(page);
+    await loadSample(page);
+    const abdeckung = await page.evaluate(() => ({
+      views: [...new Set(TOUR_STEPS.map(s => s.view))].sort(),
+      invTabs: [...new Set(TOUR_STEPS.map(s => s.invTab).filter(Boolean))].sort(),
+      pseudoTabs: [...new Set(TOUR_STEPS.map(s => s.pseudoTab).filter(Boolean))].sort(),
+    }));
+    expect(abdeckung.views).toEqual(['governance', 'home', 'inventory', 'kompass', 'pseudo', 'vorlagen', 'wissen']);
+    expect(abdeckung.invTabs).toEqual(['clearing', 'inventar', 'quality']);
+    expect(abdeckung.pseudoTabs).toEqual(['csv', 'risiko', 'text']);
+
+    await page.evaluate(() => startTour());
+    const falsch = await jederSchritt(page, () => {
+      const s = tourSteps()[tour.i];
+      const panel = s.invTab ? { inventar: 'inventar-panel', clearing: 'clearing-panel', quality: 'quality-panel' }[s.invTab]
+        : s.pseudoTab ? `pseudo-${s.pseudoTab}-panel` : null;
+      if (panel && document.getElementById(panel).classList.contains('hidden')) return `${s.id}: ${panel} verborgen`;
+      if (!s.target) return null;
+      const hl = [...document.querySelectorAll('.tour-highlight')];
+      if (hl.length !== 1) return `${s.id}: ${hl.length} Hervorhebungen`;
+      if (!hl[0].matches(s.target)) return `${s.id}: falsches Element`;
+      const r = hl[0].getBoundingClientRect();
+      if (!r.width || !r.height) return `${s.id}: Ziel unsichtbar`;
+      if (r.top < 0 || r.top > innerHeight) return `${s.id}: Ziel außer Sicht`;
+      return null;
+    });
+    expect(falsch).toEqual([]);
+  });
+
+  test('die Karte steht neben dem Ziel und verdeckt es nicht (Desktop)', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await openApp(page);
+    await loadSample(page);
+    await page.evaluate(() => { navTo('home'); startTour(); });
+    const befunde = await jederSchritt(page, () => {
+      const card = document.getElementById('tour-card'), c = card.getBoundingClientRect();
+      const s = tourSteps()[tour.i];
+      if (c.top < 0 || c.left < 0 || c.bottom > innerHeight + 1 || c.right > innerWidth + 1) return `${s.id}: Karte ragt hinaus`;
+      const z = document.querySelector('.tour-highlight');
+      if (!z) return null;
+      const t = z.getBoundingClientRect();
+      const ix = Math.max(0, Math.min(c.right, t.right) - Math.max(c.left, t.left));
+      const iy = Math.max(0, Math.min(c.bottom, t.bottom) - Math.max(c.top, t.top));
+      if (ix * iy > 0) return `${s.id}: verdeckt ${Math.round(ix * iy / (t.width * t.height) * 100)} % (${card.dataset.place})`;
+      if (!['unten', 'oben', 'links', 'rechts'].includes(card.dataset.place)) return `${s.id}: angedockt statt am Ziel`;
+      return null;
+    });
+    expect(befunde).toEqual([]);
+  });
+
+  test('auf dem Telefon dockt die Karte an, der Anfang des Ziels bleibt frei', async ({ page }) => {
+    await page.setViewportSize({ width: 390, height: 844 });
+    await openApp(page);
+    await loadSample(page);
+    await page.evaluate(() => { navTo('home'); startTour(); });
+    const befunde = await jederSchritt(page, () => {
+      const card = document.getElementById('tour-card'), c = card.getBoundingClientRect();
+      const s = tourSteps()[tour.i];
+      if (c.top < -1 || c.left < -1 || c.bottom > innerHeight + 1 || c.right > innerWidth + 1) return `${s.id}: Karte ragt hinaus`;
+      const z = document.querySelector('.tour-highlight');
+      if (!z) return null;
+      const t = z.getBoundingClientRect();
+      // die erste Zeile des Ziels: darf weder unter der Karte noch außer Sicht liegen
+      const y = t.top + 6;
+      if (y < 0 || y > innerHeight) return `${s.id}: Anfang außer Sicht`;
+      if (y >= c.top && y <= c.bottom && t.left < c.right && t.right > c.left) return `${s.id}: Anfang verdeckt`;
+      return null;
+    });
+    expect(befunde).toEqual([]);
+  });
+
+  /* Gemessen, nicht über Klassen behauptet: das Abdunkeln (body::before) wird
+     klickbar gemacht, dann zeigt elementFromPoint, was OBEN liegt. Läge das
+     Ziel darunter, träfe der Punkt das body-Element. Bis v69 war das beim
+     Seitenleisten-Schritt so – die fixierte Leiste (z-index 300) bildet einen
+     eigenen Stapelkontext, das Ziel darin kam nie über 1200 hinaus. */
+  test('hervorgehobene Stellen liegen über dem Abdunkeln – auch in Topbar und Seitenleiste', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await openApp(page);
+    await loadSample(page);
+    await page.addStyleTag({ content: 'body.tour-on::before { pointer-events: auto !important; }' });
+    await page.evaluate(() => { navTo('home'); startTour(); });
+    const verdeckt = await jederSchritt(page, () => {
+      const z = document.querySelector('.tour-highlight');
+      if (!z) return null;
+      const t = z.getBoundingClientRect();
+      const oben = document.elementFromPoint(t.left + Math.min(12, t.width / 2), t.top + Math.min(8, t.height / 2));
+      return z.contains(oben) ? null : `${tourSteps()[tour.i].id}: oben liegt ${oben ? (oben.id || oben.tagName) : 'nichts'}`;
+    });
+    expect(verdeckt).toEqual([]);
+    // Danach ist nichts mehr angehoben
+    await page.evaluate(() => endTour());
+    expect(await page.locator('.tour-lift, .tour-highlight, .tour-pos').count()).toBe(0);
+  });
+
+  test('kein Rundgangstext verspricht „keine Übertragung"', async ({ page }) => {
+    await openApp(page);
+    // Regression v70: der Willkommensschritt versprach „keine Übertragung" –
+    // seit v48 gibt es die anonyme Zählung, die Zusage gilt für die INHALTE
+    const texte = await page.evaluate(() => TOUR_STEPS.map(s => s.text).join(' '));
+    expect(texte).not.toMatch(/keine (Daten)?übertragung|kein Datentransfer/i);
+    expect(await page.evaluate(() => TOUR_STEPS[0].text)).toMatch(/Inhalte bleiben/);
+  });
+});
diff --git a/tools/generate-wissen.js b/tools/generate-wissen.js
index 9d40d61..11c6878 100644
--- a/tools/generate-wissen.js
+++ b/tools/generate-wissen.js
@@ -91,7 +91,7 @@ function seite({ slug, title, description, lead, bodyHTML, jsonld, pfad, eigenst
   <meta name="twitter:image" content="${BASE}/social-preview.png">
 ${daten.map(d => `  <script type="application/ld+json">\n  ${JSON.stringify(d, null, 2).replace(/\n/g, '\n  ')}\n  </script>`).join('\n')}
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/glossar/index.html b/wissen/glossar/index.html
index ad11db5..127fdff 100644
--- a/wissen/glossar/index.html
+++ b/wissen/glossar/index.html
@@ -158,7 +158,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/index.html b/wissen/index.html
index ab2bad1..270c590 100644
--- a/wissen/index.html
+++ b/wissen/index.html
@@ -42,7 +42,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/kommunale-satzungen/index.html b/wissen/kommunale-satzungen/index.html
index 5591358..3778e1c 100644
--- a/wissen/kommunale-satzungen/index.html
+++ b/wissen/kommunale-satzungen/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/lizenzen/index.html b/wissen/lizenzen/index.html
index 5943bff..d95d5dd 100644
--- a/wissen/lizenzen/index.html
+++ b/wissen/lizenzen/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/pruefwerkzeuge/index.html b/wissen/pruefwerkzeuge/index.html
index 16a58b7..1c260ae 100644
--- a/wissen/pruefwerkzeuge/index.html
+++ b/wissen/pruefwerkzeuge/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/rechtsgrundlagen-laender/index.html b/wissen/rechtsgrundlagen-laender/index.html
index c0b9312..3b7271e 100644
--- a/wissen/rechtsgrundlagen-laender/index.html
+++ b/wissen/rechtsgrundlagen-laender/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/rechtsgrundlagen/index.html b/wissen/rechtsgrundlagen/index.html
index 233303a..635d59c 100644
--- a/wissen/rechtsgrundlagen/index.html
+++ b/wissen/rechtsgrundlagen/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>
diff --git a/wissen/reifegrad-modelle/index.html b/wissen/reifegrad-modelle/index.html
index e2ac8c8..3bad55e 100644
--- a/wissen/reifegrad-modelle/index.html
+++ b/wissen/reifegrad-modelle/index.html
@@ -48,7 +48,7 @@
   }
   </script>
   <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=69">
+  <link rel="stylesheet" href="/assets/fonts/fa/icons.min.css?v=70">
   <link rel="stylesheet" href="/css/tokens.css">
   <link rel="stylesheet" href="/css/styles.css">
 </head>