From db367e8c347d72a5ad18d1b52232c930b9e0916d Mon Sep 17 00:00:00 2001
From: muli <muli@mrmuli.de>
Date: Sun, 17 Mar 2024 13:59:29 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Mobiles=20Men=C3=BC=20gefixt,=20nach=20?=
 =?UTF-8?q?der=20Einf=C3=BChrunge=20des=20JS-Dropdown.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css             | 30 +++++++++++++++++++++++-------
 templates/blocks/navigation.html | 12 ++++++++++--
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index eb90b99..a40c137 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1919,25 +1919,41 @@ footer {
         position: absolute;
         top: 6.5rem;
         right: 0;
-        border-top: 2px solid var(--wtf-nearly-black);
-        border-left: 2px solid var(--wtf-nearly-black);
-        border-bottom: 2px solid var(--wtf-nearly-black);
+        border-top: 1px solid var(--wtf-grey);
+        border-left: 1px solid var(--wtf-grey);
+        border-bottom: 1px solid var(--wtf-grey);
         background-color: var(--wtf-light-grey);
+        opacity: 97%;
         box-shadow: 5px 0px 15px 5px rgba(0, 0, 0, 0.25);
     }
 
     .primary_nav__navitem {
         margin: 0;
-        padding: 1rem 1rem 1rem 1.5rem;
+        padding: 1rem 1rem 0.5rem 1.5rem;
         display: block;
     }
 
-    .primary_nav__navlink {
-        color: var(--wtf-nearly-black)
+    .primary_nav__navlink,
+    .primary_nav__sub_navlink {
+        color: var(--wtf-nearly-black);
+        text-decoration: underline;
     }
 
-    .primary_nav__navlink:hover {
+    .primary_nav__navlink:hover,
+    .primary_nav__sub_navlink:hover {
         color: var(--wtf-mid-grey);
+        text-decoration: none;
+    }
+    
+    .primary_nav__sub_navlist,
+    .primary_nav__sub_navlist.-open,
+    .primary_nav__sub_navlist.-closed {
+        display: block;
+        margin: 0.25rem 0 0.75rem 0.75rem;
+    }
+    
+    .primary_nav__sub_navitem {
+        padding: 0.25rem 0.5rem;
     }
     /* mobile nav - Ende */
 
diff --git a/templates/blocks/navigation.html b/templates/blocks/navigation.html
index 3bc3de8..87f11f6 100644
--- a/templates/blocks/navigation.html
+++ b/templates/blocks/navigation.html
@@ -13,8 +13,16 @@
             {% for title, mapping in bag("navigation").items() %}
               {% if mapping.visible|default(true) %}
                 <li id="{{ mapping.slug }}" class="primary_nav__navitem">
-                    <span>{{ title }}</span>
-                    {% if mapping.list_childs %}
+                    {%if not mapping.list_childs %}
+                        <a class="primary_nav__navlink {% if this._path == mapping.href or
+                                                            this._path in mapping['items'].values() or
+                                                            title == 'Aktuelles' and
+                                                            ('blog' in this._path or 'podcast' in this._path)
+                        %}-active{% endif %}" href="{{ mapping.href|url }}">
+                            {{ title }}
+                        </a>
+                    {% elif mapping.list_childs %}
+                        <span>{{ title }}</span>
                         <ul class="primary_nav__sub_navlist -closed">
                             <li class="primary_nav__sub_navitem">
                                 <a class="primary_nav__sub_navlink {% if this._path == mapping.href or