From a24ef62c30cd46e20ecf990a8b293317adbce17c Mon Sep 17 00:00:00 2001
From: muli <muli@mrmuli.de>
Date: Tue, 9 Jan 2024 20:24:29 +0100
Subject: [PATCH] feat: Reenable CSS to get drop down menu items back.

---
 assets/css/style.css | 42 ++++++++++++++++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index d56f739..d8ac037 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -81,10 +81,10 @@ body {
 }
 
 .primary_nav__toggle p {
-    margin: 0;
-    padding: 0 0 0 0;
+    margin: 0.5rem 0 0 0;
+    padding: 0;
     position: relative;
-    right: 0.5rem;
+    left: -0.2rem;
     bottom: 0.65rem;
     color: var(--wtf-nearly-black);
 }
@@ -105,20 +105,47 @@ body {
     font-size: 1.25rem;
 }
 
-.primary_nav__navlink.-active  {
+.primary_nav__navlink.-active,
+.primary_nav__sub_navlink.-active {
     color: var(--wtf-orange);
     text-decoration: underline;
 }
 
+.primary_nav__navitem.-last, .primary_nav__navitem.-last a {
+    margin-right: 0;
+    padding-right: 0;
+}
+
 .primary_nav__navlink {
     color: var(--wtf-nearly-black);
 }
 
+.primary_nav__sub_navlink {
+    color: var(--wtf-nearly-white);
+}
+
 .primary_nav__navlink:hover {
     color: var(--wtf-mid-grey);
     text-decoration: underline;
 }
 
+.primary_nav__sub_navlist {
+    display: none;
+    z-index: 20;
+}
+
+.primary_nav__navlist > li:hover > .primary_nav__sub_navlist {
+    display: block;
+    margin: 2.6rem 0 0 -0.5rem;
+    padding: 0;
+    position: absolute;
+    background-color: var(--wtf-dark-blue);
+    border-left: 2px solid var(--wtf-mid-grey);
+    border-right: 2px solid var(--wtf-mid-grey);
+    border-bottom: 2px solid var(--wtf-mid-grey);
+    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
+}
+
 /*
  * Gleicht zusammen mit padding von .primary_nav__navitem die Verschiebung durch
  * Submenümarker aus.
@@ -148,6 +175,13 @@ body {
     border-right: 3px solid var(--wtf-nearly-black);
 }
 
+.primary_nav__sub_navitem {
+    margin: 0;
+    padding: 0.5rem 0.5rem;
+    list-style: none;
+    text-align: left;
+}
+
 .header__secondary_nav {
     margin: 4.5rem 0.5rem 0 0;
 }