---
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