diff --git a/public/router.js b/public/router.js
index 324b849..cd9ee85 100644
--- a/public/router.js
+++ b/public/router.js
@@ -145,6 +145,7 @@ async function renderPage(route) {
  */
 function renderAppShell(container) {
   container.innerHTML = `
+    <a href="#page-content" class="sr-only">Zum Inhalt springen</a>
     <nav class="nav-sidebar" aria-label="Hauptnavigation">
       <div class="nav-sidebar__logo"><span>Oikos</span></div>
       <div class="nav-sidebar__items" role="list">
diff --git a/public/styles/layout.css b/public/styles/layout.css
index 210a208..a01e439 100644
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -1235,3 +1235,24 @@
     content: none;
   }
 }
+
+/* --------------------------------------------------------
+ * Skip-Link (sichtbar bei Keyboard-Focus)
+ * -------------------------------------------------------- */
+.sr-only:focus-visible {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  width: auto;
+  height: auto;
+  padding: var(--space-2) var(--space-4);
+  margin: 0;
+  clip: auto;
+  white-space: normal;
+  overflow: visible;
+  background: var(--color-accent);
+  color: #fff;
+  font-size: var(--text-sm);
+  border-radius: 0 0 var(--radius-sm) 0;
+}