Offline-Karten: POI-Marker offlinetauglich + Offline-Banner klappt ein (Geraetetest-Befunde)

- MapOffline.downloadAround speichert zusaetzlich /api/osm/pois je Typ fuer die
  Region-Bbox in IndexedDB (Key-Praefix p/, Merge per id — zweite Region loescht
  die erste nicht); MapOffline.pois(type,bbox) filtert fuer den Ausschnitt
- map.js Phase-1-Fallback: Fetch fehlgeschlagen (offline) -> gespeicherte
  Region-POIs statt leerer Karte; Download-Toast zeigt Marker-Anzahl
- Offline-Banner: nach 5s auf schmale Icon-Leiste eingeklappt (verdeckte die
  Karten-Legende); Inline-Styles nach components.css konsolidiert
- Bump v1223

backend/static/css/components.css

@@ -7294,14 +7294,25 @@ svg.empty-state-icon {
   left:            0;
   right:           0;
   z-index:         9999;
-  background:      var(--c-text-secondary, #6b7280);
-  color:           #fff;
-  font-size:       var(--text-sm);
+  background:      #1f2937;
+  color:           #f3f4f6;
+  font-size:       0.78rem;
+  font-weight:     500;
   text-align:      center;
-  padding:         var(--space-2) var(--space-4);
+  padding:         calc(env(safe-area-inset-top, 0px) + 7px) 16px 7px;
+  align-items:     center;
+  justify-content: center;
+  gap:             8px;
+  box-shadow:      0 2px 8px rgba(0,0,0,.3);
   pointer-events:  none;
   letter-spacing:  0.01em;
 }
+/* Eingeklappt (5s nach Offline-Gang, boot.js): schmale Icon-Leiste statt 2-Zeilen-Banner —
+   das volle Banner verdeckte die Karten-Steuerung oben (Gerätetest iOS 2026-06-06). */
+#offline-banner.collapsed {
+  padding: calc(env(safe-area-inset-top, 0px) + 2px) 16px 2px;
+}
+#offline-banner.collapsed #offline-banner-text { display: none; }
 
 /* ------------------------------------------------------------
    STREAK-WIDGET (Welcome-Seite)