diff --git a/backend/main.py b/backend/main.py
index a8b3f89..1934bc3 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -327,7 +327,7 @@ MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
 os.makedirs(MEDIA_DIR, exist_ok=True)
 app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")
 
-APP_VER = "762"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "763"  # muss mit APP_VER in app.js übereinstimmen
 
 @app.get("/api/version")
 async def app_version():
diff --git a/backend/static/index.html b/backend/static/index.html
index 7368cc9..97e866f 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -578,7 +578,7 @@
 <script src="/js/api.js?v=94"></script>
 <script src="/js/ui.js?v=94"></script>
 <script src="/js/app.js?v=94"></script>
-<script src="/js/worlds.js?v=762"></script>
+<script src="/js/worlds.js?v=763"></script>
 
 <!-- Feature-Seiten werden lazy geladen -->
 
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 29bb7fb..8162f75 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     = '762'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '763'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';
 
diff --git a/backend/static/js/pages/settings.js b/backend/static/js/pages/settings.js
index 0197f58..1a3ca99 100644
--- a/backend/static/js/pages/settings.js
+++ b/backend/static/js/pages/settings.js
@@ -285,11 +285,17 @@ window.Page_settings = (() => {
                 ⭐ <strong>Ban Yaro Pro</strong> kommt bald — mehr Features, mehrere Hunde.
               </div>
             ` : ''}
-            <div class="sidebar-item" id="settings-logout-btn"
-                 style="padding:var(--space-4);border-radius:0;cursor:pointer;
-                        color:var(--c-danger)">
-              <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#sign-out"></use></svg>
-              <span>Abmelden</span>
+            <div style="padding:var(--space-3) var(--space-4);border-top:1px solid var(--c-border)">
+              <button id="settings-logout-btn"
+                      style="width:100%;display:flex;align-items:center;justify-content:center;
+                             gap:var(--space-2);padding:var(--space-3) var(--space-4);
+                             border-radius:var(--radius-md);border:1.5px solid var(--c-danger);
+                             background:transparent;color:var(--c-danger);
+                             font-size:var(--text-sm);font-weight:600;cursor:pointer;
+                             transition:background 0.15s">
+                <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#sign-out"></use></svg>
+                Abmelden
+              </button>
             </div>
           </div>
         </div>
diff --git a/backend/static/sw.js b/backend/static/sw.js
index acf1e4f..c5f525d 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-v762';
+const CACHE_VERSION = 'by-v763';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
 const CACHE_API     = 'ban-yaro-api-v1';    // API-Response-Cache