diff --git a/app.py b/app.py
index 6ebec97..c473ebd 100644
--- a/app.py
+++ b/app.py
@@ -20,7 +20,7 @@ from routers import (
 # erreichbar und legten die komplette interne Routenstruktur (inkl. aller
 # /admin/*-Pfade) offen - fuer eine Plattform in aktiver Entwicklung
 # unnoetige Aufklaerungshilfe fuer Angreifer.
-app = FastAPI(title="Tuxflotte Kundenplattform", docs_url=None, redoc_url=None, openapi_url=None)
+app = FastAPI(title="Tuxflotte Flotten-Management", docs_url=None, redoc_url=None, openapi_url=None)
 app.mount("/static", StaticFiles(directory="static"), name="static")
 
 
diff --git a/templates/base.html b/templates/base.html
index cdb0ae2..378d7e1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,28 +11,80 @@
         .optionen label { font-weight: normal; }
         td form { margin-bottom: 0; }
         .brand-logo { height: 2.2rem; vertical-align: middle; margin-right: 0.5rem; }
+
+        /* Nav-Umbau 26.08.2026 (siehe ADR "Produktname und Navigationsstruktur"):
+           vertikale Primär-Nav links, Hauptbereich rechts. Pico bringt kein
+           Sidebar-Pattern mit, daher dieses schlanke Flex-Layout - nutzt
+           weiterhin Picos CSS-Variablen, damit Dark/Light-Mode automatisch
+           erhalten bleibt (kein eigenes Farbschema hier definiert). */
+        .app-layout { display: flex; align-items: flex-start; gap: 2rem; }
+        .primary-nav { flex: 0 0 12rem; }
+        .primary-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.25rem; }
+        .primary-nav a { display: block; padding: 0.5rem 0.75rem; border-radius: var(--pico-border-radius); text-decoration: none; }
+        .primary-nav a.active { background: var(--pico-primary-background); color: var(--pico-primary-inverse); }
+        .app-main { flex: 1 1 auto; min-width: 0; }
+        .sekundaer-nav ul { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; padding: 0; margin: 0 0 1rem 0; }
+        .sekundaer-nav a.active { font-weight: 700; text-decoration: underline; }
+        @media (max-width: 768px) {
+            .app-layout { flex-direction: column; }
+            .primary-nav { flex: 1 1 auto; }
+            .primary-nav ul { flex-direction: row; flex-wrap: wrap; }
+        }
     </style>
 </head>
 <body>
+    {% set pfad = request.url.path %}
+    {% set aktiver_bereich =
+        "flotte" if pfad.startswith("/geraete")
+        else "organisation" if (pfad.startswith("/organisation") or pfad.startswith("/struktur") or pfad.startswith("/gruppen"))
+        else "installationsmedium" if pfad.startswith("/installationsmedium")
+        else "admin" if pfad.startswith("/admin")
+        else "" %}
+    {% set aktive_unterseite =
+        "organisation" if pfad.startswith("/organisation")
+        else "struktur" if pfad.startswith("/struktur")
+        else "gruppen" if pfad.startswith("/gruppen")
+        else "" %}
     <header class="container">
         <nav>
-            <ul><li><strong><a href="/geraete"><img src="/static/tuxflotte-logo.svg" alt="Tuxflotte" class="brand-logo">Kundenplattform</a></strong></li></ul>
+            <ul><li><strong><a href="/geraete"><img src="/static/tuxflotte-logo.svg" alt="Tuxflotte" class="brand-logo">Flotten-Management</a></strong></li></ul>
             {% if user %}
             <ul>
-                <li><a href="/geraete">Flotte</a></li>
-                <li><a href="/struktur">Struktur</a></li>
-                <li><a href="/gruppen">Gruppen</a></li>
-                <li><a href="/installationsmedium">Installationsmedium</a></li>
-                <li><a href="/organisation">Organisation</a></li>
-                {% if user.is_superuser %}<li><a href="/admin/technik">Admin</a></li>{% endif %}
                 <li>{{ user.email }}</li>
                 <li><a href="/logout" role="button" class="secondary outline">Abmelden</a></li>
             </ul>
             {% endif %}
         </nav>
     </header>
+    {% if user %}
+    <div class="container app-layout">
+        <nav class="primary-nav" aria-label="Hauptnavigation">
+            <ul>
+                <li><a href="/geraete" {% if aktiver_bereich == "flotte" %}class="active"{% endif %}>Flotte</a></li>
+                <li><a href="/organisation" {% if aktiver_bereich == "organisation" %}class="active"{% endif %}>Organisation</a></li>
+                <li><a href="/installationsmedium" {% if aktiver_bereich == "installationsmedium" %}class="active"{% endif %}>Installationsmedium</a></li>
+                {% if user.is_superuser %}<li><a href="/admin/technik" {% if aktiver_bereich == "admin" %}class="active"{% endif %}>Admin</a></li>{% endif %}
+            </ul>
+        </nav>
+        <main class="app-main">
+            {% if aktiver_bereich == "organisation" %}
+            <nav class="sekundaer-nav" aria-label="Organisation-Unterseiten">
+                <ul>
+                    <li><a href="/organisation" {% if aktive_unterseite == "organisation" %}class="active"{% endif %}>Stammdaten/Konten</a></li>
+                    <li><a href="/struktur" {% if aktive_unterseite == "struktur" %}class="active"{% endif %}>Struktur</a></li>
+                    <li><a href="/gruppen" {% if aktive_unterseite == "gruppen" %}class="active"{% endif %}>Gruppen</a></li>
+                </ul>
+            </nav>
+            {% endif %}
+    {% else %}
     <main class="container">
+    {% endif %}
         {% block content %}{% endblock %}
+    {% if user %}
+        </main>
+    </div>
+    {% else %}
     </main>
+    {% endif %}
 </body>
 </html>
