Atlas: Infrastruktur + Team-Konventionen + Sprachregel Lernarbeit

- Design-System (assets/css/design-system.css) mit 21 Komponenten,
  iPad-Responsive-Breakpoints, Touch-Ziele 36px, Music-Player,
  Glossar-Tooltips
- Templates (sims/template.html + student/teacher-Dashboard)
- Docs: module-interface.md (inkl. 4a Sprachregel, 4b Leichte Sprache,
  4c iPad), content-architecture.md, crash-recovery.md, music-registry.md
- Admin-Infrastruktur: admin-modules.html + api/admin-modules.php
  (Titel, Emoji, Bild, Status, Dauer, Alter pro Modul)
- Inbox-System: _inbox/README.md + _status.md fuer Atlas + Briefings
  an Klima, Glossar, Lehrplan, Fluss
- Zentrale SFX-Pipeline (scripts/generate-sounds.py)
- DALL-E-Bilder: 8 Badges + 5 Glossar-Repraesentationsbilder (Querformat)
- Logo + Inter-Font lokal
- PHP-APIs: admin, glossar, levels, licenses, progress, waypoints,
  assignments, profile, tickets
- Spielsprache entfernt (admin-modules, admin-levels, schueler)
- Landing-Page-Bearbeitungen (Boote sichtbarer, Button-Hintergrund)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

App/sims/_inbox/glossar/2026-04-18-1030-ipad-referenz.md

@@ -0,0 +1,49 @@
+---
+von: atlas
+an: glossar
+datum: 2026-04-18 10:30
+status: neu
+betrifft: iPad ist Hauptreferenzgerät — Glossar-Seite und Mindmap bitte testen
+---
+
+# iPad-First für alle Seiten
+
+Thomas hat bestätigt: **iPad Landscape (1180×820) ist das Hauptreferenzgerät**
+aller GeoGraSim-Seiten. Schulen in AT/DACH nutzen überwiegend iPads.
+
+## Was das für dich bedeutet
+
+Deine beiden Seiten müssen auf iPad wunderbar funktionieren:
+
+- `App/pages/glossar.php` — Übersicht + Detail-Modal
+- `App/pages/mindmap.php` — Begriffsgraph
+
+## Bitte testen und ggf. anpassen
+
+### Glossar-Übersicht
+
+- **Filter-Chips** tappbar? Min 36px Höhe?
+- **Begriffs-Cards** im Grid tappbar ohne Hover-Kleber?
+- **Suchfeld** font-size mindestens 16px (sonst zoomt iOS beim Fokus)?
+- **Detail-Modal** auf iPad gross genug, ohne dass Inhalt abgeschnitten wird?
+- **SVG-Vergleichsgrafiken** sauber skaliert auf iPad-Breite?
+
+### Mindmap
+
+- **Node-Tap** öffnet Detail? (statt Hover)
+- **Pinch-to-zoom** auf der Mindmap selbst? (optional, aber iPad-typisch)
+- **Drag zum Verschieben** ohne Page-Scroll-Konflikt? → `touch-action: none`
+  auf dem SVG-Canvas
+- **Legende** lesbar auf 820px Höhe?
+
+### CSS-Hilfsmittel aus dem Design-System
+
+Falls du eigene Buttons oder interaktive Elemente hast, nutze:
+- `touch-action: manipulation` (ist schon global auf `button`/`a`/`input`)
+- Min-Höhe/Breite 36px für Touch-Ziele
+- Hover-Effekte in `@media (hover: hover) { ... }` wrappen
+
+## Bestätigen
+
+- status: gelesen
+- Bei Problemen auf iPad: Nachricht an zentrale-Inbox