From 279f76714e0b6e61f9a358b4614e6929760a8dce Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Wed, 27 May 2026 06:27:18 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Offline+Verify-Banner=20ber=C3=BCcksicht?=
 =?UTF-8?q?igen=20safe-area-inset-top,=20SW=20by-v1101?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 VERSION                     |  2 +-
 backend/static/index.html   | 26 ++++++++++++++------------
 backend/static/js/app.js    |  2 +-
 backend/static/landing.html |  2 +-
 backend/static/sw.js        |  2 +-
 5 files changed, 18 insertions(+), 16 deletions(-)
diff --git a/VERSION b/VERSION
index 5b2b550..1ea87ef 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1100
\ No newline at end of file
+1101
\ No newline at end of file
diff --git a/backend/static/index.html b/backend/static/index.html
index 86abf58..b5a585a 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -86,12 +86,12 @@
   <title>Ban Yaro</title>
 
   <!-- Theme + theme-color Statusleiste vor CSS setzen -->
-  <script src="/js/boot-early.js?v=1100"></script>
+  <script src="/js/boot-early.js?v=1101"></script>
 
   <!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
-  <link rel="stylesheet" href="/css/design-system.css?v=1100">
-  <link rel="stylesheet" href="/css/layout.css?v=1100">
-  <link rel="stylesheet" href="/css/components.css?v=1100">
+  <link rel="stylesheet" href="/css/design-system.css?v=1101">
+  <link rel="stylesheet" href="/css/layout.css?v=1101">
+  <link rel="stylesheet" href="/css/components.css?v=1101">
 </head>
 <body>
 
@@ -99,7 +99,8 @@
 <div id="offline-banner" aria-live="polite"
      style="display:none;position:fixed;top:0;left:0;right:0;z-index:9999;
             background:#1f2937;color:#f3f4f6;font-size:0.78rem;font-weight:500;
-            padding:7px 16px;align-items:center;justify-content:center;gap:8px;
+            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)">
   <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256">
     <path d="M213.92,210.62l-160-176A8,8,0,1,0,42.08,45.38L81.06,88.86A152.34,152.34,0,0,0,26.49,130a8,8,0,0,0,11,11.61,136.36,136.36,0,0,1,52-37.29l19.2,21.12A96.09,96.09,0,0,0,67.6,160.59,8,8,0,1,0,79,172.2a80.12,80.12,0,0,1,33.5-23.89L128,165.37V224a8,8,0,0,0,16,0V183.94l69.92,76.92a8,8,0,1,0,11.84-10.76ZM128,141.46,108.42,120A80.38,80.38,0,0,1,128,116a79.91,79.91,0,0,1,19.59,2.43l-19.59,23Zm0-85.46a167.9,167.9,0,0,1,101.51,34.17,8,8,0,1,0,9.72-12.72A183.82,183.82,0,0,0,128,40a183.5,183.5,0,0,0-48.55,6.55L95,64.18A168.23,168.23,0,0,1,128,56Zm57.09,72.41a8,8,0,0,0,11.22-1.36,8,8,0,0,0-1.36-11.22,136.72,136.72,0,0,0-31.62-18.23L178,114.26A120.52,120.52,0,0,1,185.09,128.41Z"/>
@@ -113,7 +114,8 @@
 <div id="verify-banner" aria-live="polite"
      style="display:none;position:fixed;top:0;left:0;right:0;z-index:9998;
             background:#d97706;color:#fff;font-size:0.8rem;font-weight:500;
-            padding:8px 16px;align-items:center;justify-content:center;gap:10px;
+            padding:calc(env(safe-area-inset-top, 0px) + 8px) 16px 8px;
+            align-items:center;justify-content:center;gap:10px;
             box-shadow:0 2px 8px rgba(0,0,0,.2)">
   <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256">
     <path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.19V181.81ZM40,61.62l88,80.15,88-80.15Z"/>
@@ -613,11 +615,11 @@
 <div id="modal-container"></div>
 
 <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
-<script src="/js/api.js?v=1100"></script>
-<script src="/js/ui.js?v=1100"></script>
-<script src="/js/app.js?v=1100"></script>
-<script src="/js/worlds.js?v=1100"></script>
-<script src="/js/offline-indicator.js?v=1100"></script>
+<script src="/js/api.js?v=1101"></script>
+<script src="/js/ui.js?v=1101"></script>
+<script src="/js/app.js?v=1101"></script>
+<script src="/js/worlds.js?v=1101"></script>
+<script src="/js/offline-indicator.js?v=1101"></script>
 
 <!-- Feature-Seiten werden lazy geladen -->
 
@@ -627,7 +629,7 @@
 
 
 <!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
-<script src="/js/boot.js?v=1100"></script>
+<script src="/js/boot.js?v=1101"></script>
 
 
 </body>
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 7440658..2840d12 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     = '1100'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '1101'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
 window.APP_VER     = APP_VER;       // global verfügbar für andere Module (z.B. offline-indicator)
 window.APP_VERSION = APP_VERSION;
diff --git a/backend/static/landing.html b/backend/static/landing.html
index 273e2cd..7bf238e 100644
--- a/backend/static/landing.html
+++ b/backend/static/landing.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="color-scheme" content="light dark">
-  <script src="/js/landing-init.js?v=1100"></script>
+  <script src="/js/landing-init.js?v=1101"></script>
   <title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
   <meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
   <meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 47190ee..46becbb 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -4,7 +4,7 @@
    ============================================================ */
 
 // ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
-const VER           = '1100';
+const VER           = '1101';
 const CACHE_VERSION = `by-v${VER}`;
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
