From 117b34653cc19a6043f6e8f3d1f734f62433e048 Mon Sep 17 00:00:00 2001
From: Flo Hartmann <B0rbor4d@gmail.com>
Date: Wed, 26 Aug 2026 08:51:44 +0000
Subject: [PATCH] P1: Aktiver Navigationszustand (aria-current + visuell)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Desktop: emerald Unterstrich + font-semibold auf dem aktiven Eintrag;
mobil: fett + emerald. request.url.path steuert den Zustand, kein JS
nötig. Mobiles Menü schließt weiterhin nach jedem Link-Klick.
---
 src/redaktionskern/templates/base.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/redaktionskern/templates/base.html b/src/redaktionskern/templates/base.html
index b321903..5203f5b 100644
--- a/src/redaktionskern/templates/base.html
+++ b/src/redaktionskern/templates/base.html
@@ -18,7 +18,9 @@
     <!-- Desktop: horizontale Navigationsleiste -->
     <span class="hidden md:flex items-center gap-5 flex-1">
       {% for eintrag in plugin_nav %}
-        <a href="{{ eintrag.url }}" class="text-sm text-slate-600 hover:text-emerald-700">{{ eintrag.label }}</a>
+        {% set aktiv = request.url.path == eintrag.url or request.url.path.startswith(eintrag.url ~ '/') %}
+        <a href="{{ eintrag.url }}" {% if aktiv %}aria-current="page"{% endif %}
+           class="text-sm pb-0.5 border-b-2 {% if aktiv %}text-emerald-700 font-semibold border-emerald-600{% else %}text-slate-600 border-transparent hover:text-emerald-700 hover:border-emerald-300{% endif %}">{{ eintrag.label }}</a>
       {% endfor %}
     </span>
     <!-- Mobil: Burger-Button (Alpine.js), Touch-Ziel &ge;&ge; 44px -->
@@ -61,8 +63,9 @@
   <div id="hauptmenue-mobil" x-show="menue" x-cloak @click.outside="menue = false"
        class="md:hidden border-t border-slate-200 bg-white px-4 pb-3 pt-2">
     {% for eintrag in plugin_nav %}
-      <a href="{{ eintrag.url }}" @click="menue = false"
-         class="block py-3 text-sm font-medium text-slate-700 hover:text-emerald-700 border-b border-slate-100 last:border-0">
+      {% set aktiv = request.url.path == eintrag.url or request.url.path.startswith(eintrag.url ~ '/') %}
+      <a href="{{ eintrag.url }}" @click="menue = false" {% if aktiv %}aria-current="page"{% endif %}
+         class="block py-3 text-sm border-b border-slate-100 last:border-0 {% if aktiv %}font-semibold text-emerald-700{% else %}font-medium text-slate-700 hover:text-emerald-700{% endif %}">
         {{ eintrag.label }}
       </a>
     {% endfor %}