diff --git a/App/Don_t_Deploy/2026-07-12-tourismusregion-integration.sql b/App/Don_t_Deploy/2026-07-12-tourismusregion-integration.sql
new file mode 100644
index 0000000..eea1a9b
--- /dev/null
+++ b/App/Don_t_Deploy/2026-07-12-tourismusregion-integration.sql
@@ -0,0 +1,75 @@
+-- ============================================================
+-- Tourismusregion: Komplett-Integration (module_info + Glossar + Lehrplan)
+-- Stand: 2026-07-12 · Atlas · idempotent
+-- Schwester-Sim von Tourismustal (strikt getrennt): wellenbasierte
+-- Routen-Sim — Gäste ziehen über Wegkarten, Infrastruktur wirkt nur in
+-- Reichweite. Kern-Didaktik: Besucherlenkung, Mobilität, Standort am Weg.
+-- ============================================================
+
+-- 1) Modul
+INSERT INTO module_info (
+ module_id, title, subtitle, short_desc, long_desc, learning_goals,
+ short_desc_easy, long_desc_easy, learning_goals_easy,
+ duration_min, age_min, age_max, icon, card_image, page_url, play_url,
+ status, sort_order
+) VALUES (
+ 'tourismusregion',
+ 'Tourismusregion',
+ 'Gäste lenken auf den Wegen deiner Region',
+ 'Gästegruppen ziehen über die Wege deiner Region – baue Wirtshäuser, Bahnen und Attraktionen in Reichweite, lenke Besucherströme und halte Umwelt und Budget im Lot.',
+ 'Acht Gästewellen ziehen über die Wegkarte deiner Region: Familien, Wandergruppen, Radfahrer:innen, Bus-Reisegruppen – jede mit eigenen Wünschen, eigenem Budget und eigenem Verkehrsmittel. Deine Gebäude wirken nur auf Gäste in ihrer Reichweite: Der Standort am Weg entscheidet. Zwischen den Wellen planst du in Baupausen, Ereignisse und A/B-Entscheidungen fordern dein Urteil. Fünf Wegkarten (Talschleife bis Passstraße), vier Saisonen und ein Endbericht mit Regionsprofil zeigen, ob du zufriedene Gäste, regionale Wertschöpfung, intakte Umwelt UND kluge Besucherlenkung geschafft hast.',
+ 'Besucherströme und Besucherlenkung verstehen · Standortwahl an Verkehrswegen begründen · Zielgruppen und ihre Mobilität unterscheiden (zu Fuß, Rad, Bus, Auto) · Wertschöpfung entlang einer Route erfassen · Zielkonflikte Umwelt/Verkehr/Wirtschaft abwägen (GW-Lehrplan 2023: 3.5–3.8, 3.17; übergreifend Verkehrs- und Mobilitätsbildung)',
+ 'Gäste wandern über die Wege. Baue Häuser an den Weg und lenke die Gäste gut.',
+ 'In deiner Region gibt es Wege. Auf den Wegen kommen Gäste: Familien, Wanderer, Rad-Fahrer, Bus-Gruppen. Baue Gast-Häuser und Attraktionen an die Wege. Nur Gäste in der Nähe nutzen sie. Nach 8 Gäste-Wellen siehst du: War deine Region gut?',
+ 'Du lernst: Wo baut man am besten? Wie lenkt man viele Besucher? Welche Gäste kommen wie an – zu Fuß, mit Rad oder Bus?',
+ 25, 12, 15,
+ 0xF09F97BAEFB88F,
+ 'card-tourismusregion.webp',
+ 'modul-tourismusregion',
+ 'tourismusregion',
+ 'beta', 95
+)
+ON DUPLICATE KEY UPDATE
+ title=VALUES(title), subtitle=VALUES(subtitle), short_desc=VALUES(short_desc),
+ long_desc=VALUES(long_desc), learning_goals=VALUES(learning_goals),
+ short_desc_easy=VALUES(short_desc_easy), long_desc_easy=VALUES(long_desc_easy),
+ learning_goals_easy=VALUES(learning_goals_easy),
+ duration_min=VALUES(duration_min), age_min=VALUES(age_min), age_max=VALUES(age_max),
+ icon=VALUES(icon), card_image=VALUES(card_image), page_url=VALUES(page_url),
+ play_url=VALUES(play_url), status=VALUES(status), sort_order=VALUES(sort_order);
+
+-- 2) Glossar: neuer Kernbegriff Besucherlenkung
+INSERT INTO glossar (key_slug, title, short, text, short_easy, text_easy, category, sort_order, image_path) VALUES
+('besucherlenkung', 'Besucherlenkung',
+ 'Besucherströme gezielt steuern – durch Wege, Angebote, Beschilderung und Mobilität – damit weder Natur noch Orte überlastet werden.',
+ 'Besucherlenkung heißt: Eine Region steuert, WO und WIE sich Gäste bewegen – über Wegenetze, Attraktions-Standorte, Beschilderung, Parkraum und öffentliche Anreise (Bus statt Auto). Gute Lenkung verteilt Ströme, schützt sensible Naturräume und entlastet Ortskerne; schlechte Lenkung erzeugt Staus, Trampelpfade und Übertourismus-Hotspots. Werkzeuge reichen von Bushaltestellen und attraktiven Alternativrouten bis zu Obergrenzen an Ausflugszielen.',
+ 'Man lenkt, wohin die Gäste gehen – damit es nirgends zu voll wird.',
+ 'Viele Gäste an einem Ort sind ein Problem. Besucher-Lenkung heißt: Man verteilt die Gäste. Zum Beispiel mit Wegen, Schildern und Bussen. So bleibt die Natur heil und kein Ort ist zu voll.',
+ 'gesellschaft', 215,
+ 'assets/img/glossar/besucherlenkung.webp')
+ON DUPLICATE KEY UPDATE
+ title=VALUES(title), short=VALUES(short), text=VALUES(text),
+ short_easy=VALUES(short_easy), text_easy=VALUES(text_easy),
+ category=VALUES(category), sort_order=VALUES(sort_order), image_path=VALUES(image_path);
+
+-- Modul-Zuordnung: neuer Begriff + passende bestehende Begriffe
+INSERT INTO glossar_modules (glossar_id, module_id)
+SELECT id, 'tourismusregion' FROM glossar WHERE key_slug IN (
+ 'besucherlenkung',
+ 'standortfaktor','angebot-nachfrage','wertschoepfung','infrastruktur',
+ 'saisonalitaet','uebertourismus','raumnutzungskonflikt','diversifizierung',
+ 'sanfter-tourismus','tagesausgaben','tourismus','nachhaltigkeit'
+)
+ON DUPLICATE KEY UPDATE module_id=VALUES(module_id);
+
+-- 3) Lehrplan: Modul an bestehende Kompetenzen hängen
+-- (Anker hängen an den Kompetenzen und gelten damit automatisch mit.)
+INSERT INTO kompetenz_modules (kompetenz_id, module_id, level, strength)
+SELECT id, 'tourismusregion', 0, 'primaer' FROM kompetenzen WHERE key_slug='tourismus-raumentwicklung'
+ON DUPLICATE KEY UPDATE strength=VALUES(strength);
+INSERT INTO kompetenz_modules (kompetenz_id, module_id, level, strength)
+SELECT id, 'tourismusregion', 0, 'sekundaer' FROM kompetenzen WHERE key_slug='verkehrserziehung-sicherheit'
+ON DUPLICATE KEY UPDATE strength=VALUES(strength);
+INSERT INTO kompetenz_modules (kompetenz_id, module_id, level, strength)
+SELECT id, 'tourismusregion', 0, 'sekundaer' FROM kompetenzen WHERE key_slug='systemisches-denken'
+ON DUPLICATE KEY UPDATE strength=VALUES(strength);
diff --git a/App/assets/img/card-tourismusregion.webp b/App/assets/img/card-tourismusregion.webp
new file mode 100644
index 0000000..5e4f71a
Binary files /dev/null and b/App/assets/img/card-tourismusregion.webp differ
diff --git a/App/assets/img/glossar/besucherlenkung.webp b/App/assets/img/glossar/besucherlenkung.webp
new file mode 100644
index 0000000..ca90df2
Binary files /dev/null and b/App/assets/img/glossar/besucherlenkung.webp differ
diff --git a/App/pages/modul-tourismusregion.php b/App/pages/modul-tourismusregion.php
new file mode 100644
index 0000000..8147557
--- /dev/null
+++ b/App/pages/modul-tourismusregion.php
@@ -0,0 +1,9 @@
+-Tag auf den Sim-Ordner; damit
+ * loesen sich auch die zur Laufzeit gefetchten Audio-/Musik-Pfade korrekt auf.
+ *
+ * Stand 2026-07-11: Erst-Integration (beta) — Atlas.
+ */
+require_once __DIR__ . '/../php/config/app.php';
+require_once __DIR__ . '/../php/config/db.php';
+
+$db = getDB();
+
+// ---- Mode-Check (Integrations-Vertrag §6.1) ----
+$sessionId = $_COOKIE['ggs_session'] ?? null;
+$mode = 'free';
+$easy = false;
+$audioInfo = true; // Vorlese-Modus: Lehrer kann ihn pro Klasse sperren
+
+if ($sessionId) {
+ $stmt = $db->prepare('SELECT class_id, display_name FROM student_sessions WHERE id = ?');
+ $stmt->execute([$sessionId]);
+ $sess = $stmt->fetch(PDO::FETCH_ASSOC);
+ if ($sess && !empty($sess['class_id'])) {
+ $classId = (int)$sess['class_id'];
+ $cm = $db->prepare('SELECT mode, audio_info FROM class_modules WHERE class_id = ? AND module_id = ?');
+ $cm->execute([$classId, 'tourismusregion']);
+ $cmRow = $cm->fetch(PDO::FETCH_ASSOC);
+ $mode = $cmRow ? $cmRow['mode'] : 'locked';
+ if ($cmRow !== false && array_key_exists('audio_info', (array)$cmRow)) {
+ $audioInfo = !empty($cmRow['audio_info']);
+ }
+ $so = $db->prepare(
+ 'SELECT sm.mode FROM student_modules sm
+ JOIN students s ON s.id = sm.student_id
+ WHERE s.class_id = ? AND s.display_name = ? AND sm.module_id = ?'
+ );
+ $so->execute([$classId, $sess['display_name'], 'tourismusregion']);
+ $soRow = $so->fetch(PDO::FETCH_ASSOC);
+ if ($soRow) $mode = $soRow['mode'];
+ $eq = $db->prepare('SELECT easy_language FROM students WHERE class_id = ? AND display_name = ?');
+ $eq->execute([$classId, $sess['display_name']]);
+ $eqRow = $eq->fetch(PDO::FETCH_ASSOC);
+ if ($eqRow) $easy = !empty($eqRow['easy_language']);
+ }
+}
+
+if ($mode === 'locked') {
+ http_response_code(403);
+ header('Content-Type: text/html; charset=utf-8');
+ $cssHref = BASE_PATH . '/assets/css/design-system.css';
+ $cockpit = BASE_PATH . '/schueler';
+ echo <<
+Gesperrt · Tourismusregion
+
+
🔒 Tourismusregion ist gesperrt.
+
Deine Lehrperson hat dieses Modul für eure Klasse noch nicht freigegeben.
+
Im Cockpit findest du die derzeit freigegebenen Module.
+
Tourismusregion entwickeln – GeoGraSim
+
+
+ 🌸 Frühling
+
+ 💰 Budget 500 €
+ 🌲 Umwelt 75
+ 🥾 Gäste jetzt 0
+ 🚗 Verkehr 0
+ 📈 Wertschöpfung 0 €
+
+ 📊 Statistik
+ ⏩ Nächste Welle
+
+
+
+
+
+
+
+
+ ✕
+
+
+ 🧨 Abreißen (30 % zurück)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Weiter
+ Ablehnen
+
+
+
+
+
📨 Meldungen
+
+
Schließen
+
+
+
+
📊 Regions-Statistik
+
+
Schließen
+
+
+
+
🏞️
+
Tourismusregion entwickeln
+
Besuchergruppen kommen in 8 Wellen durch dein Tal.
+ Baue in den Baupausen die passende Infrastruktur, mach jede Gruppe
+ glücklich und halte Wirtschaft, Umwelt und Budget im Gleichgewicht.
+
+
+
Wegkarte wählen
+
+
▶ Partie starten (8 Wellen)
+
Tipp: Gebäude wirken nur auf Gäste in ihrer Reichweite –
+ baue nah an den Wegen!
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 💾 Ergebnis speichern
+ 🔄 Nochmal spielen
+
+
+
${mdef.icon} ${mdef.name} ${mdef.desc} ${def.emoji}
+ ${def.name} ${def.desc} ${euro(def.cost[0])} € `;
+ el.addEventListener('click', () => this._toggleBuild(type, el));
+ wrap.appendChild(el);
+ }
+ const locked = Object.values(BUILDINGS).filter(d => d.unlockPhase > this.state.phase).length;
+ if (locked > 0) {
+ const hint = document.createElement('div');
+ hint.className = 'locked-hint';
+ hint.textContent = `🔒 ${locked} weitere werden im Spielverlauf freigeschaltet.`;
+ wrap.appendChild(hint);
+ }
+ if (this.activeBuild) {
+ const el = wrap.querySelector(`[data-type="${this.activeBuild}"]`);
+ if (el) el.classList.add('active');
+ else { this.activeBuild = null; this.api.setBuildType(null); }
+ }
+ this.refreshBuildMenu();
+ }
+
+ _toggleBuild(type, el) {
+ audio.click();
+ document.querySelectorAll('.build-item').forEach(i => i.classList.remove('active'));
+ if (this.activeBuild === type) {
+ this.activeBuild = null;
+ } else {
+ this.activeBuild = type;
+ el.classList.add('active');
+ const def = BUILDINGS[type];
+ this.toast(`${def.emoji} ${def.name} gewählt – tippe auf die Karte. Der Kreis zeigt die Reichweite.`);
+ this.hideInfoPanel();
+ }
+ this.api.setBuildType(this.activeBuild);
+ telemetry.log('build_select', { type: this.activeBuild });
+ }
+
+ clearBuildSelection() {
+ this.activeBuild = null;
+ this.api.setBuildType(null);
+ document.querySelectorAll('.build-item').forEach(i => i.classList.remove('active'));
+ }
+
+ refreshBuildMenu() {
+ document.querySelectorAll('.build-item').forEach(el => {
+ const def = BUILDINGS[el.dataset.type];
+ if (def) el.classList.toggle('disabled', this.state.budget < def.cost[0]);
+ });
+ }
+
+ // ---------- Topbar ----------
+ _bindTopbar() {
+ document.querySelectorAll('.speed-btn').forEach(btn => {
+ btn.addEventListener('click', () => {
+ audio.click();
+ const sp = Number(btn.dataset.speed);
+ this.api.setSpeed(sp);
+ this.markSpeed(sp);
+ telemetry.log('speed', { speed: sp });
+ });
+ });
+ $('btnHome').addEventListener('click', () => {
+ audio.click();
+ telemetry.log('home_click');
+ // Der Plattform-Wrapper biegt dieses Ziel auf das Cockpit um
+ window.location.href='../../schueler.html';
+ });
+ $('btnSound').addEventListener('click', e => {
+ // Master-Mute: Effekte, Musik-Player UND Saison-Ambience
+ const on = audio.toggleSound();
+ music.setMuted(!on);
+ if (!on) audio._stopAmbience?.();
+ else if (audio.musicOn && !music.playing) audio.startMusic();
+ e.currentTarget.classList.toggle('muted', !on);
+ telemetry.log('audio_toggle', { kind: 'sound', off: !on });
+ });
+ $('btnMusic').addEventListener('click', () => {
+ audio.click();
+ $('musicPanel').classList.toggle('hidden');
+ telemetry.log('music_panel', { open: !$('musicPanel').classList.contains('hidden') });
+ });
+ this._bindMusic();
+ $('btnAnim').addEventListener('click', e => {
+ const on = this.api.toggleReduceAnim();
+ e.currentTarget.classList.toggle('active', on);
+ this.toast(on ? '🐢 Reduzierte Animationen aktiviert.' : '🐢 Animationen wieder aktiviert.');
+ telemetry.log('reduce_anim', { on });
+ });
+ $('btnCamera').addEventListener('click', () => { audio.click(); this.api.resetCamera(); });
+ $('btnNextWave').addEventListener('click', () => this.api.nextWave());
+ $('btnHelp').addEventListener('click', () => { audio.click(); this.showOnboarding(); });
+ $('btnLog').addEventListener('click', () => { audio.click(); this._openLog(); });
+ }
+
+ // ---------- Musik-Player ----------
+ _bindMusic() {
+ const sel = $('muSelect');
+ sel.innerHTML = TRACKS.map((t, i) => `🎵 ${t.title} `).join('');
+ music.onChange = () => {
+ $('muPlay').textContent = music.playing ? '⏸' : '▶';
+ sel.value = String(music.idx);
+ };
+ $('muPlay').addEventListener('click', () => { music.toggle(); telemetry.log('music', { action: 'toggle', track: music.current().title }); });
+ $('muNext').addEventListener('click', () => { music.next(); telemetry.log('music', { action: 'next', track: music.current().title }); });
+ $('muPrev').addEventListener('click', () => { music.prev(); telemetry.log('music', { action: 'prev', track: music.current().title }); });
+ $('muVol').addEventListener('input', e => music.setVolume(Number(e.target.value)));
+ sel.addEventListener('change', () => { music.play(Number(sel.value)); telemetry.log('music', { action: 'select', track: music.current().title }); });
+ }
+
+ markSpeed(sp) {
+ document.querySelectorAll('.speed-btn').forEach(b =>
+ b.classList.toggle('active', Number(b.dataset.speed) === sp));
+ }
+
+ // ---------- Ziele ----------
+ _buildGoals() {
+ const list = $('goalList');
+ list.innerHTML = '';
+ for (const g of GOALS) {
+ const li = document.createElement('li');
+ li.id = `goal-${g.id}`;
+ li.textContent = g.label;
+ list.appendChild(li);
+ }
+ }
+
+ // ---------- Kennzahlen + Ruf-Leiste + Wellen-Status ----------
+ updateKPIs() {
+ const s = this.state;
+ $('clock').textContent = `Welle ${s.phase}/8`;
+ $('seasonBadge').textContent = `${{ spring: '🌸', summer: '☀️', autumn: '🍂', winter: '❄️' }[s.seasonKey]} ${s.season}`;
+ $('kMoney').textContent = `${euro(s.budget)} €`;
+ $('kMoney').classList.toggle('warn', s.budget < 100);
+ $('kEnv').textContent = Math.round(s.env);
+ $('kEnv').classList.toggle('warn', s.env < 45);
+ $('kVisitors').textContent = s.visitors.length;
+ $('kTraffic').textContent = s.traffic;
+ $('kTraffic').classList.toggle('warn', s.traffic > 30);
+ $('kRevenue').textContent = `${euro(s.revenueTotal)} €`;
+
+ // Ruf: Ø der letzten Abreisen (TD-„Basis-HP"); pulst bei schlechter Abreise
+ const rep = s.recentStars.length
+ ? s.recentStars.reduce((a, b) => a + b, 0) / s.recentStars.length : null;
+ const pct = rep === null ? 60 : Math.round((rep / 5) * 100);
+ $('repVal').textContent = rep === null ? '–' : `${rep.toFixed(1)} ★`;
+ const fill = $('repFill');
+ fill.style.width = `${pct}%`;
+ fill.classList.toggle('low', rep !== null && rep < 2.5);
+ fill.classList.toggle('mid', rep !== null && rep >= 2.5 && rep < 3.5);
+ if (s.lastBadExit && s.lastBadExit !== this._lastBadShown) {
+ this._lastBadShown = s.lastBadExit;
+ const row = $('repRow');
+ row.classList.remove('pulse'); void row.offsetWidth; row.classList.add('pulse');
+ }
+
+ // Wellen-Status-Banner
+ const ws = $('waveStatus');
+ if (s.waveStatus === 'pause') {
+ ws.className = 'wave-status pause';
+ ws.textContent = `🔨 Baupause – Welle ${s.phase} startet in ${Math.ceil(Math.max(0, s.pauseLeft))} s`;
+ } else {
+ const left = s.visitors.filter(v => v.wave === s.phase).length + s.spawnQueue.filter(e => e.type).length;
+ ws.className = 'wave-status running';
+ ws.textContent = `🌊 Welle ${s.phase} läuft – noch ${left} Gäste`;
+ }
+ $('btnNextWave').disabled = s.ended || (s.phase >= 8 && s.waveStatus === 'running');
+ $('btnNextWave').textContent = s.waveStatus === 'pause' ? '⏩ Welle jetzt starten' : '⏩ Nächste Welle rufen';
+
+ for (const g of GOALS) {
+ $(`goal-${g.id}`)?.classList.toggle('done', g.check(s));
+ }
+ this.refreshBuildMenu();
+ this.refreshInfoPanel();
+ }
+
+ // ---------- Statistik-Overlay ----------
+ showStats() {
+ const s = this.state;
+ const rows = (title, items) => {
+ if (!items.length) return '';
+ const max = Math.max(...items.map(i => i.val), 1);
+ return `${title} ` + items.map(i =>
+ `
${i.label} `
+ + `
`
+ + `
${i.disp} `).join('') + '
Heatmap der Besucherströme `
+ + `Bilanz `
+ + `
Umwelt ${Math.round(s.env)}
`
+ + `
Verkehr ${s.traffic}
`
+ + `
Busgruppen ohne Parkplatz ${s.stats.skippedNoParking}
`
+ + `
Gäste gesamt ${s.stats.spawned}
Status ${busy}
` : ''}
+ Wirkung +${def.sat[lvl]} Zufriedenheit
+ ${def.slow[lvl] ? `Verweilen −${Math.round(def.slow[lvl] * 100)} % Tempo
` : ''}
+ Reichweite ${def.range[lvl]} Felder
+ Kapazität ${def.capacity[lvl] >= 999 ? 'unbegrenzt' : `${def.capacity[lvl]} Gäste`}
+ ${def.capacity[lvl] < 999 ? `Auslastung ${b.inRange || 0} / ${def.capacity[lvl]}${(b.inRange || 0) > def.capacity[lvl] ? ' – voll!' : ''}
` : ''}
+ Betriebskosten ${def.opCost[lvl]} € / min
+ ${goodFor ? `Passt für ${goodFor}
` : ''}
+ ${rev ? `Umsatz bisher ${euro(rev)} €
` : ''}
+ ${b.infoBoost > 1 ? `Info-Bonus +${Math.round((b.infoBoost - 1) * 100)} %
` : ''}
+ ${b.synergy > 1 ? `🔗 Synergie +${Math.round((b.synergy - 1) * 100)} %
`
+ + (b.synergyList || []).map(w => `✓ ${w}
`).join('') : ''}`;
+ const up = $('btnUpgrade');
+ if (b.level < def.maxLevel && !busy) {
+ up.classList.remove('hidden');
+ up.textContent = `⬆️ Ausbauen – ${euro(def.cost[b.level])} €`;
+ up.disabled = s.budget < def.cost[b.level];
+ } else {
+ up.classList.add('hidden');
+ }
+ $('btnDemolish').classList.toggle('hidden', b.type === 'naturschutz');
+ } else if (this.selectedVisitor) {
+ const v = this.selectedVisitor;
+ if (v.exited || !s.visitors.includes(v)) { this.hideInfoPanel(); return; }
+ const g = GROUPS[v.type];
+ const ratio = Math.max(0, v.satisfaction) / g.satTarget;
+ const stars = Math.max(1, Math.min(5, Math.ceil(ratio * 5)));
+ $('infoTitle').textContent = `${g.emoji} ${g.name}`;
+ $('infoBody').innerHTML = `
+ Zufriedenheit ${Math.round(Math.max(0, v.satisfaction))} / ${g.satTarget}
+ Budget übrig ${euro(g.budget - v.spent)} €
+ Interessen ${g.likes}
+ Bewertung derzeit ${'⭐'.repeat(stars)}
`;
+ $('btnUpgrade').classList.add('hidden');
+ $('btnDemolish').classList.add('hidden');
+ }
+ }
+
+ // ---------- Zwei Verlaufs-Graphen in eigenen Feldern ----------
+ // Feste 0–20-min-Zeitachse, sichtbare Bodenlinie, alle Daten bleiben.
+ // Links: Budget (€). Rechts: Zufriedenheits-Erfüllung in % (Ziel 100 %,
+ // wie „zerstört" im Tower Defense) + Umweltwert auf derselben 0–100-Skala.
+ drawGraph() {
+ const hist = this.state.history;
+ if (hist.budget.length < 2) return;
+ const bMax = Math.max(600, ...hist.budget);
+ const bMin = Math.min(0, ...hist.budget);
+ this._plotPanel(this.gMoney, {
+ title: '💰 Budget',
+ series: [{ data: hist.budget, color: 'rgb(79,127,94)', fill: true }],
+ vMin: bMin, vMax: bMax, unit: '€',
+ current: `${euro(this.state.budget)} €`,
+ goals: [],
+ t: hist.t,
+ });
+ this._plotPanel(this.gSat, {
+ title: '😊 Zufriedenheit · 🌲 Umwelt',
+ series: [
+ { data: hist.satPct, color: 'rgb(232,137,43)', fill: true },
+ { data: hist.env, color: 'rgb(47,110,160)', fill: false },
+ ],
+ vMin: 0, vMax: 110, unit: '%',
+ current: `${hist.satPct[hist.satPct.length - 1]} % · ${Math.round(this.state.env)}`,
+ goals: [
+ { v: 100, label: 'Ziel 100 %' },
+ { v: 45, label: 'Umwelt-Ziel 45' },
+ ],
+ t: hist.t,
+ });
+ }
+
+ _plotPanel(ctx, o) {
+ const cv = ctx.canvas;
+ const dpr = window.devicePixelRatio || 1;
+ const w = cv.clientWidth, h = cv.clientHeight;
+ if (cv.width !== w * dpr) { cv.width = w * dpr; cv.height = h * dpr; }
+ ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+ ctx.clearRect(0, 0, w, h);
+
+ const padL = 36, padR = 6, padT = 16, padB = 15;
+ const pw = w - padL - padR, ph = h - padT - padB;
+ const X = i => padL + (o.t[i] / 1200) * pw;
+ const Y = v => padT + ph - ((Math.max(o.vMin, Math.min(v, o.vMax)) - o.vMin) / (o.vMax - o.vMin || 1)) * ph;
+
+ // Titel + aktueller Wert
+ ctx.font = 'bold 10.5px sans-serif';
+ ctx.textAlign = 'left';
+ ctx.fillStyle = '#2f3e46';
+ ctx.fillText(o.title, 2, 10);
+ ctx.textAlign = 'right';
+ ctx.fillStyle = o.series[0].color;
+ ctx.fillText(o.current, w - 2, 10);
+
+ // Skala links (oben/unten)
+ ctx.font = '8.5px sans-serif';
+ ctx.fillStyle = 'rgba(47,62,70,0.6)';
+ ctx.textAlign = 'right';
+ ctx.fillText(`${o.vMax}${o.unit}`, padL - 3, padT + 7);
+ ctx.fillText(`${o.vMin}${o.unit}`, padL - 3, padT + ph);
+
+ // Ziellinien
+ for (const g of o.goals) {
+ ctx.setLineDash([4, 4]);
+ ctx.strokeStyle = 'rgba(47,62,70,0.35)';
+ ctx.beginPath(); ctx.moveTo(padL, Y(g.v)); ctx.lineTo(padL + pw, Y(g.v)); ctx.stroke();
+ ctx.setLineDash([]);
+ ctx.textAlign = 'left';
+ ctx.fillStyle = 'rgba(47,62,70,0.55)';
+ ctx.fillText(g.label, padL + 2, Y(g.v) - 2);
+ }
+
+ // Datenlinien (+ Füllung der ersten Serie)
+ for (const s of o.series) {
+ if (s.fill) {
+ ctx.beginPath();
+ ctx.moveTo(X(0), padT + ph);
+ s.data.forEach((v, i) => ctx.lineTo(X(i), Y(v)));
+ ctx.lineTo(X(s.data.length - 1), padT + ph);
+ ctx.closePath();
+ ctx.fillStyle = s.color.replace('rgb', 'rgba').replace(')', ',0.10)');
+ ctx.fill();
+ }
+ ctx.strokeStyle = s.color;
+ ctx.lineWidth = 1.8;
+ ctx.beginPath();
+ s.data.forEach((v, i) => (i ? ctx.lineTo(X(i), Y(v)) : ctx.moveTo(X(i), Y(v))));
+ ctx.stroke();
+ ctx.lineWidth = 1;
+ }
+
+ // BODEN: kräftige Grundlinie + Zeitachse
+ ctx.strokeStyle = 'rgba(47,62,70,0.45)';
+ ctx.lineWidth = 1.5;
+ ctx.beginPath();
+ ctx.moveTo(padL, padT + ph);
+ ctx.lineTo(padL + pw, padT + ph);
+ ctx.stroke();
+ ctx.lineWidth = 1;
+ ctx.fillStyle = 'rgba(47,62,70,0.55)';
+ ctx.textAlign = 'center';
+ for (const min of [0, 5, 10, 15, 20]) {
+ const x = padL + (min / 20) * pw;
+ ctx.beginPath();
+ ctx.moveTo(x, padT + ph);
+ ctx.lineTo(x, padT + ph + 3);
+ ctx.stroke();
+ ctx.fillText(`${min}'`, x, h - 2);
+ }
+ }
+
+ // ---------- Karten ----------
+ showCard(card) {
+ // Tempo VOR der ersten Karte merken – auch eine manuelle Pause (0)
+ // wird nach dem Schließen wiederhergestellt.
+ if (!this.cardOpen) this.speedBeforeCard = this.api.getSpeed();
+ this.cardQueue.push(card);
+ if (!this.cardOpen) this._nextCard();
+ }
+
+ _nextCard() {
+ const card = this.cardQueue.shift();
+ if (!card) return;
+ this.currentCard = card;
+ this.cardOpen = true;
+ this.api.setSpeed(0);
+ this.markSpeed(0);
+
+ $('cardIcon').textContent = card.icon || 'ℹ️';
+ $('cardTitle').textContent = card.title || '';
+ $('cardText').textContent = card.text || '';
+ const list = $('cardList');
+ list.innerHTML = '';
+ list.classList.toggle('hidden', !card.items);
+ if (card.items) {
+ for (const f of card.items) {
+ const li = document.createElement('li');
+ li.innerHTML = `${'⭐'.repeat(f.stars)} `
+ + `${f.emoji} „${f.text}" `;
+ list.appendChild(li);
+ }
+ $('cardText').textContent = `Ø ${card.avg.toFixed(1)} Sterne → Besucherfaktor `
+ + `×${card.fame.toFixed(2)} für die nächste Phase.`;
+ }
+ const alt = $('cardAlt');
+ if (card.choices) {
+ $('cardOk').textContent = card.choices[0].label;
+ $('cardOk').disabled = card.choices[0].disabled || false;
+ alt.textContent = card.choices[1].label;
+ alt.classList.remove('hidden');
+ } else {
+ $('cardOk').textContent = 'Weiter';
+ $('cardOk').disabled = false;
+ alt.classList.add('hidden');
+ }
+ $('cardOverlay').classList.remove('hidden');
+ if (!card.transient) {
+ const fn = audio[card.sound || 'chime'];
+ if (card.sound !== 'none') (typeof fn === 'function' ? fn : audio.chime).call(audio);
+ this.collectedCards.push(card);
+ const badge = $('logBadge');
+ badge.textContent = this.collectedCards.length;
+ badge.classList.remove('hidden');
+ telemetry.log('event_card', { id: card.id || card.title });
+ }
+ }
+
+ _closeCard(choiceIdx = null) {
+ const card = this.currentCard;
+ if (card?.choices && choiceIdx !== null) card.choices[choiceIdx].onPick?.();
+ $('cardOverlay').classList.add('hidden');
+ this.cardOpen = false;
+ this.currentCard = null;
+ if (this.cardQueue.length) {
+ this._nextCard();
+ } else if (!this.state.ended) {
+ this.api.setSpeed(this.speedBeforeCard);
+ this.markSpeed(this.speedBeforeCard);
+ }
+ }
+
+ _bindOverlays() {
+ $('cardOk').addEventListener('click', () => {
+ audio.click();
+ this._closeCard(this.currentCard?.choices ? 0 : null);
+ });
+ $('cardAlt').addEventListener('click', () => { audio.click(); this._closeCard(1); });
+ $('logClose').addEventListener('click', () => {
+ audio.click();
+ $('logOverlay').classList.add('hidden');
+ });
+ $('infoClose').addEventListener('click', () => { audio.click(); this.hideInfoPanel(); });
+ $('btnUpgrade').addEventListener('click', () => this.api.upgradeSelected());
+ $('btnDemolish').addEventListener('click', () => this.api.demolishSelected());
+ $('btnSave').addEventListener('click', () => this.api.save());
+ $('btnRestart').addEventListener('click', () => this.api.restart());
+ $('btnStats').addEventListener('click', () => { audio.click(); this.showStats(); });
+ $('statsClose').addEventListener('click', () => { audio.click(); $('statsOverlay').classList.add('hidden'); });
+ }
+
+ _openLog() {
+ const list = $('logList');
+ list.innerHTML = this.collectedCards.length ? '' : 'Noch keine Meldungen. ';
+ for (const c of [...this.collectedCards].reverse()) {
+ const li = document.createElement('li');
+ const first = (c.text || (c.items ? 'Bewertungen der Gäste' : '')).split('\n')[0];
+ li.innerHTML = `${c.icon || 'ℹ️'} ${c.title} ${first} `;
+ li.addEventListener('click', () => {
+ $('logOverlay').classList.add('hidden');
+ this.showCard({ ...c, transient: true, choices: null });
+ });
+ list.appendChild(li);
+ }
+ $('logOverlay').classList.remove('hidden');
+ telemetry.log('log_open', { count: this.collectedCards.length });
+ }
+
+ // ---------- Endauswertung ----------
+ showEnd() {
+ const s = this.state;
+ const r = s.result;
+ $('endProfileIcon').textContent = r.profile.icon;
+ $('endProfileName').textContent = r.profile.name;
+ $('endProfileText').textContent = r.profile.text;
+ $('endStars').textContent = `${'⭐'.repeat(Math.round(r.avgStars))} Ø ${r.avgStars.toFixed(1)} Sterne · Gesamtscore ${r.score}/100`;
+
+ const bars = [
+ ['Bewertung (35 %)', r.scores.rating, '#e8892b'],
+ ['Wertschöpfung (25 %)', r.scores.revenue, '#4f7f5e'],
+ ['Nachhaltigkeit (20 %)', r.scores.sustain, '#2f6ea0'],
+ ['Besucherlenkung (10 %)', r.scores.lenkung, '#a34a8e'],
+ ['Finanzstabilität (10 %)', r.scores.finance, '#8c6239'],
+ ];
+ $('endBars').innerHTML = bars.map(([label, v, color]) => `
+
+
${label}
+
+
${Math.round(v)}
+
${g.done ? '✓' : '✗'} ${g.label} `).join('');
+ $('endFacts').textContent = `${r.visitors} Besuchergruppen · ${r.rated} Bewertungen · `
+ + `${euro(r.revenue)} € Wertschöpfung · Umwelt ${r.env} · Budget ${euro(r.budget)} €`;
+ $('endFeedback').innerHTML = r.feedback.map(l => `${l}
`).join('');
+ $('endReflect').innerHTML = '🧠 Denk mal nach … '
+ + this._reflectionQuestions(s).map(q => `${q} `).join('') + ' ';
+ $('endOverlay').classList.remove('hidden');
+ audio.win();
+ telemetry.log('game_end', {
+ score: r.score, stars: r.avgStars, revenue: r.revenue,
+ env: r.env, budget: r.budget, profile: r.profile.id,
+ });
+ }
+
+ // Reflexionsfragen (§24): teils an das Ergebnis angepasst, für die
+ // Nachbesprechung im Unterricht (offene Fragen, keine „richtige" Antwort).
+ _reflectionQuestions(s) {
+ const q = [];
+ const st = s.stats;
+ // stärkste/schwächste Gruppe
+ let best = null, worst = null;
+ for (const [id, g] of Object.entries(st.groups)) {
+ if (g.count < 3) continue;
+ if (!best || g.avg > best.avg) best = { id, ...g };
+ if (!worst || g.avg < worst.avg) worst = { id, ...g };
+ }
+ if (worst && worst.avg < 3.2) {
+ q.push(`${GROUPS[worst.id].name} waren am unzufriedensten. Welche Infrastruktur `
+ + `hätte ihnen geholfen – und warum hast du sie nicht (rechtzeitig) gebaut?`);
+ }
+ if (s.env < 50) {
+ q.push('Der Umweltwert ist gesunken. Welche Entscheidungen haben der Natur '
+ + 'geschadet? Wie ließe sich Tourismus nachhaltiger gestalten?');
+ } else {
+ q.push('Du hast die Umwelt gut geschützt. Wo musstest du dafür auf Einnahmen '
+ + 'verzichten – und war das die richtige Abwägung?');
+ }
+ if (s.traffic > 25 || st.skippedNoParking > 0) {
+ q.push('Verkehr und Erreichbarkeit waren ein Thema. Wie verändern Parkplatz, '
+ + 'Bushaltestelle und Radweg, wer überhaupt zu Gast kommt – und mit welchen Folgen?');
+ }
+ q.push('Warum lohnt sich dieselbe Infrastruktur an einem Standort mehr als an '
+ + 'einem anderen? Nenne ein Beispiel aus deiner Partie.');
+ q.push('Wie hat die Saison (Frühling → Winter) verändert, was sich gelohnt hat?');
+ if (best) {
+ q.push(`Deine Region wurde zur „${s.result.profile.name}". Wolltest du das – `
+ + 'oder ist es „passiert"? Was würdest du beim nächsten Mal anders planen?');
+ }
+ return q.slice(0, 5);
+ }
+
+ // ---------- Onboarding ----------
+ showOnboarding() {
+ this.showCard({
+ icon: '🗺️',
+ title: 'So entwickelst du deine Tourismusregion',
+ transient: true,
+ text: '1. Besuchergruppen ziehen über die Wege durch die Region – jede hat '
+ + 'eigene Interessen (antippen zeigt sie!).\n\n'
+ + '2. Wähle rechts ein Gebäude und baue es NAH AN DEN WEGEN. Der Kreis '
+ + 'zeigt, wen es erreicht. Antippen: Info + Ausbau.\n\n'
+ + '3. Zufriedene Gäste geben Geld aus und bewerten die Region – gute '
+ + 'Bewertungen bringen in der nächsten Welle mehr Gäste.\n\n'
+ + '4. Achte auf Saison, Umweltwert und Budget: Betriebskosten laufen '
+ + 'immer weiter!\n\n'
+ + '5. Gäste kommen in 8 Wellen. Zwischen den Wellen ist Baupause – '
+ + 'baue und rüste dann auf (Bauen kostet Zeit!). „Nächste Welle rufen" '
+ + 'startet früher, mit Bonus. Karte bewegen: '
+ + 'ziehen · Zoom: zwei Finger / Mausrad · ⏸ pausiert.',
+ });
+ telemetry.log('onboarding_open');
+ }
+
+ toast(msg) {
+ const t = $('toast');
+ t.textContent = msg;
+ t.classList.remove('hidden');
+ clearTimeout(this.toastTimer);
+ this.toastTimer = setTimeout(() => t.classList.add('hidden'), 3000);
+ }
+}
diff --git a/App/sims/tourismusregion/js/world.js b/App/sims/tourismusregion/js/world.js
new file mode 100644
index 0000000..69b15ba
--- /dev/null
+++ b/App/sims/tourismusregion/js/world.js
@@ -0,0 +1,141 @@
+// Wegkarten-Geometrie: Routen als Polylinien in Bild-Pixeln, feste
+// Bauplatz-Slots mit Zonen, Liftumweg auf den Berg. Ersetzt das frühere
+// Iso-Kachelgitter komplett (exklusiver Diorama-Look, Karten in maps.js).
+// DOM-frei – läuft auch im Headless-Test.
+
+import { BUILDINGS } from './data.js';
+import { MAPS, TILE2PX } from './maps.js';
+
+export { MAPS, TILE2PX };
+
+// deterministischer Zufall: gleiche Wellen für alle
+export function mulberry32(seed) {
+ let a = seed >>> 0;
+ return function () {
+ a |= 0; a = (a + 0x6D2B79F5) | 0;
+ let t = Math.imul(a ^ (a >>> 15), 1 | a);
+ t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+ return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+ };
+}
+
+// Karte für eine Partie instanzieren: Slots als Objekte, Routen aufgelöst
+// (reverseOf-Varianten erzeugen die Gegenrichtung auf demselben Weg).
+export function prepMap(mapId) {
+ const def = MAPS[mapId] || MAPS.talschleife;
+ const routes = {};
+ for (const [id, r] of Object.entries(def.routes)) {
+ if (r.reverseOf) {
+ routes[id] = { ...r, points: [...def.routes[r.reverseOf].points].reverse() };
+ } else {
+ routes[id] = r;
+ }
+ }
+ return {
+ ...def,
+ routes,
+ slots: def.slots.map((s, i) => ({ ...s, idx: i, building: null })),
+ };
+}
+
+// kumulierte Längen einer Punktliste (für Bewegung per Bogenlänge)
+export function cumLengths(pts) {
+ const cum = [0];
+ for (let i = 1; i < pts.length; i++) {
+ cum.push(cum[i - 1] + Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y));
+ }
+ return cum;
+}
+
+// ---------- Routenwahl für eine Besuchergruppe ----------
+// Liefert {pts, cum, exit}. Mit gebautem Lift wird für berg-affine Gruppen
+// der Seilbahn-Umweg eingefügt (rauf, kleine Runde oben, runter).
+export function makeRoute(state, group, rnd, routePick = null) {
+ const map = state.map;
+ const ids = map.entryRoutes[group.entry] || Object.keys(map.routes);
+ let total = 0;
+ const weighted = ids.map(id => {
+ const w = map.routes[id].lake ? 0.4 + group.lakeAffinity * 1.6 : 1;
+ total += w;
+ return [id, w];
+ });
+ let pick = (routePick ?? rnd()) * total; // Konvoi: ganze Welle, gleiche Route
+ let routeId = weighted[0][0];
+ for (const [id, w] of weighted) { pick -= w; if (pick <= 0) { routeId = id; break; } }
+ const route = map.routes[routeId];
+ let pts = route.points.map(p => ({ x: p[0], y: p[1] }));
+
+ const lift = state.buildings.find(b => b.type === 'skilift');
+ if (lift && map.lift) {
+ const winter = state.seasonKey === 'winter';
+ const p = Math.min(0.95, group.bergAffinity * (winter ? 1.1 : 0.55));
+ if (rnd() < p) {
+ // Route an der liftnächsten Stelle unterbrechen und Umweg einfügen
+ let best = 0, bestD = Infinity;
+ for (let i = 0; i < pts.length; i++) {
+ const d = Math.hypot(pts[i].x - lift.x, pts[i].y - lift.y);
+ if (d < bestD) { bestD = d; best = i; }
+ }
+ pts = [
+ ...pts.slice(0, best + 1),
+ ...bergDetour(lift, map),
+ ...pts.slice(best + 1),
+ ];
+ }
+ }
+ return { pts, cum: cumLengths(pts), exit: route.exit };
+}
+
+// Seilbahn-Umweg: Zustieg → Fahrt hinauf (lift) → Runde oben → Fahrt hinab
+export function bergDetour(lift, map) {
+ const top = { x: map.lift.topX, y: map.lift.topY };
+ const loop = (map.lift.loop || []).map(p => ({ x: p[0], y: p[1] }));
+ return [
+ { x: lift.x, y: lift.y },
+ { ...top, lift: true },
+ ...loop,
+ { ...top },
+ { x: lift.x, y: lift.y, lift: true },
+ ];
+}
+
+// ---------- Platzierung auf festen Slots ----------
+export function canPlace(state, type, slotIdx) {
+ const def = BUILDINGS[type];
+ const slot = state.slots[slotIdx];
+ if (!def || !slot) return { ok: false, reason: 'Kein Bauplatz.' };
+ if (slot.building) return { ok: false, reason: 'Dieser Bauplatz ist schon belegt.' };
+ if (slot.blocked && type !== 'naturschutz') {
+ return { ok: false, reason: 'Naturschutzgebiet – hier bleibt die Natur unberührt.' };
+ }
+
+ const p = def.place || {};
+ const liftBuilt = state.buildings.some(b => b.type === 'skilift');
+
+ if (p.zone === 'hang') {
+ if (slot.zone !== 'hang') return { ok: false, reason: 'Der Skilift braucht den Hang-Bauplatz unten am Berg.' };
+ if (p.unique && liftBuilt) return { ok: false, reason: 'Es gibt schon einen Lift – baue ihn stattdessen aus.' };
+ } else if (p.zone === 'berg') {
+ if (slot.zone !== 'berg') return { ok: false, reason: 'Die Almhütte gehört auf den Berg (Plätze oben am Gipfelweg).' };
+ if (p.needsLift && !liftBuilt) return { ok: false, reason: 'Ohne Lift kommt hier niemand herauf – baue zuerst den Skilift.' };
+ } else if (p.near === 'lake') {
+ if (slot.zone !== 'lake') return { ok: false, reason: 'Ein Badesteg braucht einen Platz direkt am Seeufer.' };
+ } else if (p.near === 'road') {
+ if (slot.zone !== 'road') return { ok: false, reason: 'Muss an die Zufahrtsstraße – dort kommen Autos und Busse an.' };
+ } else {
+ // normale Gebäude: Standardplätze; Aussichtspunkt darf auch auf den Berg
+ if (slot.zone === 'lake') return { ok: false, reason: 'Direkt am Wasser passt nur ein Badesteg.' };
+ if (slot.zone === 'road') return { ok: false, reason: 'Die Plätze an der Zufahrt sind für Parkplatz und Bushaltestelle reserviert.' };
+ if (slot.zone === 'hang') return { ok: false, reason: 'Dieser Platz am Hang ist für den Skilift reserviert.' };
+ if (slot.zone === 'berg') {
+ if (type !== 'aussicht' && type !== 'almhuette') {
+ return { ok: false, reason: 'Hier oben passen nur Almhütte oder Aussichtspunkt.' };
+ }
+ if (!liftBuilt) return { ok: false, reason: 'Ohne Lift kommt hier oben niemand vorbei.' };
+ }
+ }
+ if (state.budget < def.cost[0]) {
+ return { ok: false, reason: `Zu teuer – ${def.name} kostet ${def.cost[0]} €.` };
+ }
+ return { ok: true };
+}
diff --git a/App/teacher.html b/App/teacher.html
index feacacd..2a2b745 100644
--- a/App/teacher.html
+++ b/App/teacher.html
@@ -592,6 +592,38 @@ function _liveBar(val, min, max, goodWhen) {
}
var LIVE_PRIMARY_FIELDS = {
+ 'tourismusregion': [
+ {k:'mapId', label:'Karte', align:'left', fmt:function(v){
+ return {talschleife:'🏞 Talschleife', seerunde:'🚣 Seerunde', serpentinen:'⛰ Serpentinen',
+ kreuzung:'✚ Kreuzung', passstrasse:'🛣 Passstraße'}[v] || v || '—';
+ }},
+ {k:'wave', label:'Welle', fmt:function(v, row){
+ var s = row.state || {};
+ if (v === undefined) return '—';
+ var status = s.waveStatus === 'pause' ? ' ⏸ Baupause ' : '';
+ return v + ' / ' + (s.waveTotal || 8) + ' ' + status;
+ }},
+ {k:'season', label:'Saison', align:'center'},
+ {k:'budget', label:'Budget', fmt:function(v){
+ if (v === undefined) return '—';
+ var color = v < 0 ? '#c0392b' : '#5a8a5e';
+ return ''+Number(v).toLocaleString('de-AT')+' € ';
+ }},
+ {k:'revenue', label:'Wertsch.', unit:'€'},
+ {k:'avgStars', label:'Ø ★', fmt:function(v){
+ if (v === undefined) return '—';
+ var color = v >= 3.5 ? '#5a8a5e' : v >= 2.5 ? '#c9913a' : '#c07a6b';
+ return ''+v.toFixed(2)+' ';
+ }},
+ {k:'env', label:'Umwelt', fmt:function(v){ return _liveBar(v, 0, 100, 'high'); }},
+ {k:'visitors', label:'Gäste'},
+ {k:'goalsDone', label:'Ziele', fmt:function(v, row){
+ var s = row.state || {};
+ if (v === undefined || !s.goalsTotal) return '—';
+ var color = v === s.goalsTotal ? '#5a8a5e' : v >= 2 ? '#c9913a' : '#8a8a8a';
+ return ''+v+'/'+s.goalsTotal+' ';
+ }},
+ ],
'tourismustal': [
{k:'scene', label:'Szene', align:'left', fmt:function(v){
return {pionierzeit:'⛏️ 1975', boom:'📈 Boom 2000', klimawandel:'🌡️ 2035'}[v] || v || '—';