diff --git a/public/index.html b/public/index.html
index a5a1441..e4a50ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -38,8 +38,6 @@
   <link rel="stylesheet" href="/styles/layout.css" />
   <link rel="stylesheet" href="/styles/glass.css" />
   <link rel="stylesheet" href="/styles/login.css" />
-  <link rel="stylesheet" href="/styles/reminders.css" />
-
   <!-- Theme: explizite Nutzer-Overrides vor CSS-Rendering anwenden (Flash-Prevention).
        System-Präferenz wird durch @media (prefers-color-scheme: dark) in tokens.css
        direkt per CSS behandelt — kein JS-matchMedia erforderlich. -->
@@ -62,6 +60,22 @@
   <!-- Skip-Link: sichtbar bei Keyboard-Fokus, verknüpft mit <main id="main-content"> -->
   <a href="#main-content" class="sr-only">Zum Hauptinhalt springen</a>
 
+  <!-- Offline-Banner: sichtbar wenn navigator.onLine === false -->
+  <div id="offline-banner" class="offline-banner" hidden aria-live="polite" role="status">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+         stroke-linejoin="round" aria-hidden="true">
+      <line x1="1" y1="1" x2="23" y2="23"></line>
+      <path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path>
+      <path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path>
+      <path d="M10.71 5.05A16 16 0 0 1 22.56 9"></path>
+      <path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path>
+      <path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path>
+      <line x1="12" y1="20" x2="12.01" y2="20"></line>
+    </svg>
+    <span data-i18n="offline.banner"></span>
+  </div>
+
   <!-- App-Shell - wird durch JavaScript gefüllt -->
   <div id="app" class="app-shell">
     <!-- Skeleton-Loading während Initialisierung -->
diff --git a/public/locales/ar.json b/public/locales/ar.json
index e965958..35e3ed1 100644
--- a/public/locales/ar.json
+++ b/public/locales/ar.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/de.json b/public/locales/de.json
index c7ab779..9f07956 100644
--- a/public/locales/de.json
+++ b/public/locales/de.json
@@ -888,5 +888,8 @@
     "next": "Weiter",
     "done": "Loslegen",
     "skip": "Überspringen"
+  },
+  "offline": {
+    "banner": "Offline – Verbindung wird wiederhergestellt…"
   }
 }
diff --git a/public/locales/el.json b/public/locales/el.json
index 320751b..f61fb32 100644
--- a/public/locales/el.json
+++ b/public/locales/el.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/en.json b/public/locales/en.json
index d258257..58e04be 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -869,5 +869,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/es.json b/public/locales/es.json
index 550dead..c5adbf3 100644
--- a/public/locales/es.json
+++ b/public/locales/es.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/fr.json b/public/locales/fr.json
index eda86aa..52f6f5d 100644
--- a/public/locales/fr.json
+++ b/public/locales/fr.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/hi.json b/public/locales/hi.json
index 9581739..3652c2d 100644
--- a/public/locales/hi.json
+++ b/public/locales/hi.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/it.json b/public/locales/it.json
index 045e49e..e823a10 100644
--- a/public/locales/it.json
+++ b/public/locales/it.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/ja.json b/public/locales/ja.json
index 64aabbe..99532e5 100644
--- a/public/locales/ja.json
+++ b/public/locales/ja.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/pt.json b/public/locales/pt.json
index f41b9d7..63f71a7 100644
--- a/public/locales/pt.json
+++ b/public/locales/pt.json
@@ -869,5 +869,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/ru.json b/public/locales/ru.json
index bba83d1..354d8d4 100644
--- a/public/locales/ru.json
+++ b/public/locales/ru.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/sv.json b/public/locales/sv.json
index 6c351c9..b3871f1 100644
--- a/public/locales/sv.json
+++ b/public/locales/sv.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/tr.json b/public/locales/tr.json
index 7b817f2..b6d8720 100644
--- a/public/locales/tr.json
+++ b/public/locales/tr.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/uk.json b/public/locales/uk.json
index 755fa6d..b7caa69 100644
--- a/public/locales/uk.json
+++ b/public/locales/uk.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/zh.json b/public/locales/zh.json
index 0daccb1..abfb61a 100644
--- a/public/locales/zh.json
+++ b/public/locales/zh.json
@@ -868,5 +868,8 @@
     "next": "Next",
     "done": "Get started",
     "skip": "Skip"
+  },
+  "offline": {
+    "banner": "Offline – reconnecting…"
   }
-}
+}
\ No newline at end of file
diff --git a/public/router.js b/public/router.js
index d72dc6c..6934195 100644
--- a/public/router.js
+++ b/public/router.js
@@ -541,6 +541,20 @@ function renderAppShell(container) {
   initMoreSheet(container);
   initNavHideOnScroll(container);
   initSearch(container);
+  initOfflineBanner();
+}
+
+function initOfflineBanner() {
+  const banner = document.getElementById('offline-banner');
+  if (!banner) return;
+  const i18nSpan = banner.querySelector('[data-i18n]');
+  function update() {
+    banner.hidden = navigator.onLine;
+    if (i18nSpan) i18nSpan.textContent = t('offline.banner');
+  }
+  window.addEventListener('online', update);
+  window.addEventListener('offline', update);
+  update();
 }
 
 /**
diff --git a/public/styles/layout.css b/public/styles/layout.css
index 3f94ef8..9a5c4ea 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -1897,6 +1897,40 @@
   }
 }
 
+/* --------------------------------------------------------
+ * Offline-Banner
+ * -------------------------------------------------------- */
+.offline-banner {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: calc(var(--z-toast) + 1);
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-4);
+  background-color: var(--color-warning-light);
+  color: var(--color-warning);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-medium);
+  border-bottom: 1px solid color-mix(in srgb, var(--color-warning) 20%, transparent);
+  animation: offline-banner-in 0.2s var(--ease-out);
+}
+
+.offline-banner[hidden] {
+  display: none;
+}
+
+@keyframes offline-banner-in {
+  from { opacity: 0; transform: translateY(-100%); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .offline-banner { animation: none; }
+}
+
 /* --------------------------------------------------------
  * Print-Styles
  * -------------------------------------------------------- */