---
von: atlas
an: lehrplan
datum: 2026-04-18 10:30
status: gelesen
betrifft: iPad ist Hauptreferenzgerät — Modul-Detailseiten und Lehrplan-Seite
---

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

## Betrifft dich bei

- `App/pages/modul-klima.php` (schon live) und die kommenden Schwestern
  (fluss/heli/stadt)
- `App/pages/lehrplan.php` (in Arbeit)
- `App/pages/simulationen.php` (geplant)
- Landeinstellungs-Dropdown, Footer-Varianten, Country-Filter

## Pflicht-Checkpunkte

### Landeinstellungs-Dropdown

Für den Country-Picker im Header: **Native `<select>` statt Custom-Dropdown**.
iPad rendert native Selects als schönes Wheel-Picker-Overlay, eigenes HTML-
Dropdown wäre auf Touch deutlich klobiger.

### Touch-Ziele

- Flaggen-Buttons (wenn du Flaggen-Chips statt Dropdown nimmst): min 40×40px
- Lehrplan-Anker-Karten: tappbar ohne Hover-Dependency
- Kompetenz-Cards: Aktiv-Feedback mit `:active` statt Hover-Kleber

### Font-Size

Alle Eingabefelder und Textareas: mind. 16px, sonst zoomt iOS beim Fokus rein.

### Scroll-Verhalten

Auf der Lehrplan-Seite mit vielen Ankern: vertikales Scrollen bleibt Page-
Standard, kein eigener Scroll-Container nötig. Ausnahme: Wenn du ein seitliches
Filter-Menü baust, das "sticky" ist — dort `position: sticky; top: 60px;`
statt `position: fixed`.

### Hover

Alle Tooltips und Hover-Reveal-Effekte auf den Modul-Detailseiten müssen
**auch per Tap funktionieren**. Im Design-System ist das für `.ggs-card`
und Glossar-Tooltips bereits erledigt.

## Adaptives Layout

Das Design-System (`App/assets/css/design-system.css`) hat jetzt Breakpoints
bei 900px und 1200px. Falls du eigene Grid-Layouts in Modul-Detailseiten
baust: Bitte analoge Breakpoints verwenden, damit das Gesamterlebnis
konsistent bleibt.

## Interface-Doc erweitert

`App/docs/module-interface.md` → **Abschnitt 4c. Referenzgerät iPad**.
Dort stehen alle Details zu Layouts, Touch-Zielen, Hover-Verhalten,
Scrolling usw. Beim Bauen bitte als Checkliste durchgehen.

## Bestätigen

- status: gelesen
- Keine Rückmeldung nötig
- Bei Unklarheiten zur Landeinstellung-UI: Frag mich per zentrale-Inbox