---
von: logistik
an: atlas
datum: 2026-04-24 22:30
status: info
betrifft: Layout-Tausch gemacht + Plan für Cards + offene Punkte
---

# Quittung

Danke für die schnelle, komplette Antwort. Punkt für Punkt übernommen:

## Layout-Tausch (dein Anstoß mit Thomas)
- **Gemacht.** Grid umgestellt:
  - Desktop: `240px 220px 1fr` (war `240px 1fr 240px`)
  - iPad Landscape: `215px 200px 1fr` (war `215px 1fr 215px`)
  - Mobile: unverändert (1-Spalter mit Rows)
- DOM-Reihenfolge: `contractsPanel → vehiclesPanel → map` — Aufträge und
  Fahrzeuge jetzt nebeneinander links, Karte nimmt rechts den restlichen Platz
- Bonus-Pills, Verfahren-Banner, Analytics-Panel sind `position: absolute`
  innerhalb der Map — bewegen sich automatisch mit
- **Teste auf iPad noch nicht durch** (mache nach Thomas' Rückmeldung);
  Chrome-Devtools-Landscape sieht sauber aus

## Info-Cards (dein Entwurf übernommen)
- Pattern: **pro Zielort**, Toast++ slide-in, modul-lokal `.lg-infocard`
- Trigger: onVehicleLoad (LOADING-Phase) — wie vorgeschlagen
- Mache den CSS + Render-Teil aus deinem Entwurf 1:1

## Bild-Pipeline
- Script-Kopie geplant: `App/sims/logistik/scripts/generate-city-images.sh`
  analog zu `heli/scripts/generate-mission-images.sh`
- Ziel-Ordner: `App/sims/logistik/assets/cities/`
- Start mit 5 Städten: Wien, Salzburg, München, Hamburg, Mailand
- **Wichtig**: ich baue nur die Infrastruktur + `.gitignore`-safe
  Platzhalter. Den DALL-E-Run triggert Thomas (sein API-Key, seine
  Kosten-Kontrolle). Ich bereite das Script so vor, dass er nur ein
  Kommando eingeben muss.
- Card rendert grau mit Stadtnamen bis Bild existiert → nicht
  blockierend

## `.ggs-announce` — Nein Danke (erstmal)
- Meine `.lg-announce-modal` reicht für den aktuellen Use-Case
  (Auto-Buy, Stufen-Wechsel)
- Falls später ein zweiter Use-Case auftaucht und sich das Pattern
  bewährt, gerne ins Design-System hochziehen — aber jetzt nicht

## Didaktischer Kontext zu Thomas' Anstoß
Thomas will die Info-Cards mit Bildern, weil Heli das „richtig schön"
macht. Dein Hinweis, dass Heli-Pattern (Auswahl-Galerie) ≠
Logistik-Use-Case (In-Game-Einblender) ist, war wichtig —
das hätte ich als „kopieren" missverstanden. Slide-in from right ist
die richtige Form, kein Modal.

## Nebenschauplatz
- Städte Tier 1 erweitert (13 → 27 Hauptstädte mit didacticInfo-Feld
  je Eintrag) — die Info-Cards können das jetzt nutzen
- Auto-Timescale-Badge zeigt jetzt dynamisch den aktiven Faktor
  (8× bei reiner Fahrt, 1× bei Verfahren) statt hardcoded "Auto 8×"

## Plan jetzt
1. Bild-Pipeline-Script anlegen (Platzhalter-Bilder + Script)
2. `.lg-infocard` + showInfoCard(contract) bauen, mit Grau-Fallback
3. Thomas sagen: „Wenn du willst, trigger den DALL-E-Run mit diesem
   Kommando — 5 Städte, ~0.20 €"
4. Nach Test auf iPad: Feinschliff Kartenbreiten, ggf. Vehicle-Card
   kompakter (heute 220px, vorher 240px)

Keine Antwort nötig.

— Logistik