diff --git a/backend/static/css/components.css b/backend/static/css/components.css
index 4300fa7..fb22b72 100644
--- a/backend/static/css/components.css
+++ b/backend/static/css/components.css
@@ -2723,41 +2723,8 @@ html.modal-open {
   pointer-events: none;
 }
 
-/* Wetter-Chip — oben rechts auf der Karte */
-.map-weather-chip {
-  position:        absolute;
-  top:             var(--space-3);
-  right:           var(--space-3);
-  z-index:         1000;
-  background:      rgba(255,255,255,0.92);
-  backdrop-filter: blur(4px);
-  border:          1px solid var(--c-border-light);
-  border-radius:   var(--radius-full);
-  padding:         5px 12px;
-  font-size:       13px;
-  color:           var(--c-text);
-  box-shadow:      0 2px 8px rgba(0,0,0,0.12);
-  display:         flex;
-  align-items:     center;
-  gap:             var(--space-2);
-  pointer-events:  none;
-  user-select:     none;
-}
+/* Wetter in Statusleiste */
 .map-weather-chip--hidden { display: none; }
-.map-weather-chip__temp   { font-weight: 700; }
-.map-weather-chip__desc   { color: var(--c-text-secondary); font-size: 12px; }
-.map-weather-chip__zecken {
-  background:    #FEF3C7;
-  color:         #92400E;
-  border-radius: var(--radius-full);
-  padding:       1px 7px;
-  font-size:     11px;
-  font-weight:   600;
-}
-.map-weather-chip__zecken--hoch {
-  background: #FEE2E2;
-  color:      #991B1B;
-}
 
 /* Giftköder-Marker — pulsierend, rot, sofort erkennbar */
 .poison-marker {
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 19066c1..67bf3ab 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER = '308'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '309'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/map.js b/backend/static/js/pages/map.js
index f1d02cb..e23a24e 100644
--- a/backend/static/js/pages/map.js
+++ b/backend/static/js/pages/map.js
@@ -196,11 +196,11 @@ window.Page_map = (() => {
           <button class="map-fab" id="map-locate-btn" title="Meinen Standort"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#map-pin"></use></svg></button>
         </div>
 
-        <div class="map-weather-chip map-weather-chip--hidden" id="map-weather-chip"></div>
-
         <div class="map-statusbar" id="map-statusbar">
           <span id="map-zoom-info"></span>
           <span id="map-osm-status"></span>
+          <span class="map-statusbar-sep map-weather-chip--hidden" id="map-weather-sep">·</span>
+          <span class="map-weather-chip--hidden" id="map-weather-info"></span>
         </div>
 
         <!-- Aufzeichnungs-Panel (erscheint beim Start) -->
@@ -1519,19 +1519,19 @@ window.Page_map = (() => {
   // WETTER-CHIP
   // ----------------------------------------------------------
   async function _loadWeather(lat, lon) {
-    const chip = document.getElementById('map-weather-chip');
-    if (!chip) return;
+    const info = document.getElementById('map-weather-info');
+    const sep  = document.getElementById('map-weather-sep');
+    if (!info) return;
     try {
       const w = await API.get(`/api/weather?lat=${lat}&lon=${lon}`);
       const temp = w.temp_c != null ? `${Math.round(w.temp_c)}°` : '–';
-      const icon = `<svg class="ph-icon" aria-hidden="true" style="width:16px;height:16px"><use href="/icons/phosphor.svg#${w.icon}"></use></svg>`;
-      let zeckenHtml = '';
-      if (w.zecken_warnung) {
-        const cls = w.zecken_warnung === 'hoch' ? 'map-weather-chip__zecken map-weather-chip__zecken--hoch' : 'map-weather-chip__zecken';
-        zeckenHtml = `<span class="${cls}" title="Zeckenrisiko ${w.zecken_warnung}">🦟 Zecken</span>`;
-      }
-      chip.innerHTML = `${icon}<span class="map-weather-chip__temp">${temp}</span><span class="map-weather-chip__desc">${w.desc}</span>${zeckenHtml}`;
-      chip.classList.remove('map-weather-chip--hidden');
+      const icon = `<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px;vertical-align:-2px"><use href="/icons/phosphor.svg#${w.icon}"></use></svg>`;
+      let zecken = w.zecken_warnung
+        ? ` · <span style="color:${w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E'}">🦟 Zecken</span>`
+        : '';
+      info.innerHTML = `${icon} ${temp} ${w.desc}${zecken}`;
+      info.classList.remove('map-weather-chip--hidden');
+      sep.classList.remove('map-weather-chip--hidden');
     } catch { /* still */ }
   }
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index ec5687c..ad93f2f 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v320';
+const CACHE_VERSION = 'by-v321';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten