fix(ui): schmale Geraete zeigten nur eine Kachelspalte

Auf 360px (Galaxy Z Flip 7 aufgeklappt) brauchten zwei Spalten
2x160 + 12 = 332px, verfuegbar waren nach 20px Innenrand aber nur
320px - also fiel das Raster auf eine Spalte zurueck.

Schmal jetzt 132px Mindestbreite, 10px Abstand, 12px Innenrand. Damit
stehen zwei Spalten ab 300px Fensterbreite, ohne dass breite Schirme
sich aendern (dort weiter 160px und 20px).

Raster und Innenrand stehen als Klassen in index.css: inline gesetzt
haette die Media-Query sie nicht erreicht - derselbe Fehler wie zuletzt
in der Kopfleiste.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

TESTING.md

@@ -1356,6 +1356,26 @@ Geprüft auf 1280×900 und 412×915:
 - [ ] Windows-Weg auf einem echten Windows durchspielen – die 50-MB-Grenze und
       der Registry-Pfad stammen aus der Dokumentation, nicht aus einem Versuch
 
+## Kachelraster auf schmalen Geräten (24.08.2026)
+
+Ein Galaxy Z Flip 7 (360px aufgeklappt) zeigte **eine** Spalte statt zwei:
+Bei 160px Mindestbreite und 20px Innenrand brauchen zwei Spalten 332px, da
+waren aber nur 320px. Schmal jetzt 132px Mindestbreite, 10px Abstand und
+12px Innenrand.
+
+| Breite | Spalten | Kachel | Innenrand | Querlauf |
+|---|---|---|---|---|
+| 316 (Deckelschirm) | 2 | 141px | 12px | nein |
+| 360 (Flip 7) | 2 | 163px | 12px | nein |
+| 412 (übliches Handy) | 2 | 189px | 12px | nein |
+| 768 | 3 | 161px | 20px | nein |
+| 1280 | 6 | 160px | 20px | nein |
+
+Raster und Innenrand stehen jetzt als Klassen in `index.css`; inline gesetzt
+hätte keine Media-Query sie erreicht.
+
+- [ ] Auf dem Flip 7 selbst gegenprüfen, auf beiden Schirmen
+
 ## Automatisiert geprüft (22.08.2026)
 
 Diese Punkte hat Claude per API/`curl` gegen Wegwerf-Konten durchgespielt; sie