---
von: glossar
an: zentrale
datum: 2026-04-17 11:00
status: neu
betrifft: Erste 20 Klimabegriffe + Übersichtsseite + 6 SVG-Grafiken fertig
---

# Glossar: Erste Ausbaustufe fertig — bitte Review

Die erste Ausbaustufe des Glossars ist abgeschlossen und produktionsbereit. Stand
jetzt: **25 Begriffe** insgesamt (5 bereits vorhandene + 20 neu angelegte), davon
**7 mit SVG-Vergleichsgrafiken**.

## 1. Übersichtsseite

**Datei:** `App/pages/glossar.php` (vollständig umgebaut — die bisherige
Detail-Only-Variante wurde erweitert, nicht ersetzt; Tooltip-Links aus den
Simulationen via `?term=XXX` funktionieren weiter).

**URL lokal:** http://localhost/geograsim/App/pages/glossar.php

Features:
- Hero mit Live-Statistik (Anzahl Begriffe, Anzahl Grafiken, 4 Simulationen)
- Suchfeld (sucht in Titel, Kurzdefinition, Key)
- Filter-Chips: Alle / 🌍 Klima / 🏞️ Fluss / 🚁 Heli / 🏙️ Stadt / Kategorien
- Grid mit Begriffs-Cards (Bild oder Emoji-Fallback + Titel + Kurzdef + Modul-Icons)
- Detail-Modal mit: Bild, Kategorie-Chip, Titel, Kurzdef, Modul-Zuordnungen,
  Vergleichsgrafik, Text, Einheit, Beispiele, Links, Related-Begriffe
- Deep-Links: `?term=co2` öffnet Detail direkt (für Sim-Tooltips)
- Deep-Links: `?module=klima` öffnet gefilterten Grid
- ESC und Backdrop-Klick schließen das Modal
- History-API: Back-Button funktioniert, Related-Klicks navigieren sauber
- Nutzt durchgehend `--ggs-*`-Variablen aus `design-system.css`
- Responsive bis Smartphone

## 2. Neue Begriffe (20 Stück)

Alle im Klimawandel-Bereich wie gewünscht:

| Key | Titel | SVG |
|-----|-------|-----|
| treibhauseffekt | Treibhauseffekt | ✓ |
| klimawandel | Klimawandel | — |
| klimaneutralitaet | Klimaneutralität | — |
| erneuerbare-energie | Erneuerbare Energie | — |
| fossile-brennstoffe | Fossile Brennstoffe | ✓ |
| emissionen | Emissionen | — |
| photovoltaik | Photovoltaik (PV) | — |
| windenergie | Windenergie | ✓ |
| wasserkraft | Wasserkraft | — |
| biodiversitaet | Biodiversität | — |
| nachhaltigkeit | Nachhaltigkeit | — |
| methan | Methan (CH₄) | — |
| kohlenstoffkreislauf | Kohlenstoffkreislauf | — |
| albedo | Albedo | ✓ |
| kipppunkt | Kipppunkt | — |
| co2-fussabdruck | CO₂-Fußabdruck | ✓ |
| pariser-abkommen | Pariser Klimaabkommen | — |
| permafrost | Permafrost | — |
| energiemix | Energiemix | — |
| kilowattstunde | Kilowattstunde (kWh) | ✓ |

Jeder Eintrag: Kurzdefinition (1 Satz, Tooltip-tauglich), ausführlicher Text
(3–5 Sätze), 3–5 konkrete Zahlen-Vergleiche, Wikipedia + AT-spezifische Links,
Related-Begriffe. Alle Umlaute korrekt — PHP/PDO mit utf8mb4, wie gefordert.

Gesamtbilanz DB: 25 Einträge · 104 Beispiele · 86 Related-Verknüpfungen ·
45 Links · 52 Modul-Zuordnungen.

## 3. SVG-Vergleichsgrafiken (6 neu)

In `App/assets/img/glossar/`:

- **treibhauseffekt.svg** — Sonne/Atmosphäre/Erde mit farbcodierten Strahlen,
  Moleküle, Vergleichsbox (ohne THE −18 °C, mit +15 °C, Venus +465 °C)
- **kwh-vergleich.svg** — 1 kWh in der Mitte, 6 konkrete Entsprechungen drumherum
  (Wäsche, 7 h TV, 7 km E-Auto, 65× Smartphone laden, 30 min Kochplatte, 90 Espressi)
- **fossile-brennstoffe-zeit.svg** — Zeitachse Erdgeschichte mit Karbon-Markierung,
  Schema „Pflanzen → Kohle → Verbrennung → CO₂", Ungleichgewichtspfeil
- **windrad-groessenvergleich.svg** — Höhen-Maßstab: Mensch → Haus → Baum →
  Kirchturm → altes Windrad → DC Tower → modernes 240-m-Windrad
- **co2-fussabdruck.svg** — Vier Säulen à 2 t (Wohnen/Verkehr/Ernährung/Konsum),
  Klimaneutralitäts-Linie bei 1 t, Vergleichsbox mit Flug, Auto, vegane Ernährung
- **albedo-vergleich.svg** — 5 Oberflächen (Schnee 0,85 / Sand 0,35 / Wald 0,12 /
  Ozean 0,06 / Asphalt 0,05) mit Strahlen-Schema + Erklärung Eis-Albedo-Rückkopplung

Flat Scandinavian Style durchgehend: #4a7c8a (teal), #5a8a5e (sage), #e8d5b5
(sand), #c85c4a (coral), #e8833a (orange), #1f4e5a (fjord-dark) — alle sind
Design-System-Farben. Inter-Font, geometrische Formen, keine Verzerrung.

## 4. Tools hinterlassen

- `App/php/seed_glossar_klima.php` — idempotentes Upsert-Script für die 20
  Einträge. Kann erneut laufen, um Texte zu aktualisieren, ohne Duplikate.
  Aufruf: `c:\xampp\php\php.exe App/php/seed_glossar_klima.php`

## 5. Offene Punkte / nächste Runden

- Weitere Begriffs-Bereiche: Fluss (Hochwasser, Retention, Einzugsgebiet …),
  Stadt (Zersiedelung, Verdichtung, Infrastruktur …), Heli (Koordinaten, Navi,
  Wetter …), Erdbeben (Magnitude, Epizentrum …), Regenwald (Rodung, Photosynthese …).
- Offene SVGs in der Pipeline wenn gewünscht: Methan-GWP-Vergleich,
  CO₂-Konzentrationskurve, Erdölbildung-Detail, Solarzellen-Wirkungsgrad.
- Habe bewusst die `App/assets/img/glossar/` als Primärquelle genutzt und keine
  Module angefasst. Tooltip-Integration in Sims liegt dort weiterhin (`?term=…`).

## Bitte prüfen und Feedback geben

Lokal sichtbar unter:
- Übersicht: http://localhost/geograsim/App/pages/glossar.php
- Einzeln (Detail-Modal öffnet direkt): http://localhost/geograsim/App/pages/glossar.php?term=treibhauseffekt
- API: http://localhost/geograsim/App/php/api/glossar.php

Wenn Thomas und die Zentrale das Review machen, passe ich den nächsten Schwung
Begriffe entsprechend an oder ziehe die Abdeckung auf andere Bereiche aus.
