From 8a85359bdc54f549b71c25525747b76d37360eed Mon Sep 17 00:00:00 2001
From: edi <edi@gruener-salat.de>
Date: Thu, 30 May 2024 12:57:58 +0200
Subject: [PATCH] =?UTF-8?q?hamburger=20menu=20angepasst=20&=20sidemenu=20s?=
 =?UTF-8?q?print=20jetzt=20bei=20richtiger=20breite=20zur=C3=BCck?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/vanilla.css | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/static/css/vanilla.css b/static/css/vanilla.css
index 5fb86b0..c52418b 100644
--- a/static/css/vanilla.css
+++ b/static/css/vanilla.css
@@ -15,7 +15,9 @@
   
   
     --primary: var(--ve-light-violett);
+    --primary90: #a458aee0;
     --secondary: var(--royal-plum);
+    --secondary90: #5d2169d0;
     --light-primary: var(--ve-vanilla);
     --light-secondary: var(--sandstorm-taupe);
     --netzlinien: var(--poppler-aftermath);
@@ -204,6 +206,7 @@ header#hero img {
 
 #menu__toggle {
     opacity: 0;
+    
 }
 #menu__toggle:checked + .menu__btn > span {
     transform: rotate(45deg);
@@ -221,31 +224,40 @@ header#hero img {
 }
 .menu__btn {
     position: fixed;
-    top: 50px;
+    top: 40px;
     left: 3.5%;
-    width: 40px;
-    height: 50px;
+    width: 60px;
+    height: 60px;
     cursor: pointer;
-    z-index: 1;
+    z-index: 2;
+    background-color: var(--primary90);
+    border-radius: 30px;
+
 } 
 
+
 .menu__btn > span,
 .menu__btn > span::before,
 .menu__btn > span::after {
     display: block;
     position: absolute;
-    width: 100%;
+    width: 35px;
     height: 2px;
     background-color: var(--secondary);
     transition-duration: .3s;
+    
+}
+.menu__btn > span {
+    top: 29px;
+    left: 12px
 }
 .menu__btn > span::before {
     content: '';
-    top: -8px;
+    top: -10px;
 }
 .menu__btn > span::after {
     content: '';
-    top: 8px;
+    top: 10px;
 }
 .menu__box {
     display: block;
@@ -260,6 +272,7 @@ header#hero img {
     background-color: var(--primary);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
     transition-duration: .3s;
+    z-index:1;
 }
 .menu__item {
     display: block;
@@ -480,7 +493,7 @@ a.imp:before {
   text-decoration: underline;
 }
 
-/***********************************************************************/
+/* START Newsgrid */
 
 
   #newsgrid {
@@ -504,7 +517,7 @@ a.imp:before {
   }
 
 
-/******************************************************************************/ 
+/* ENDE Newsgrid */ 
 
 .main_with_sidebar {
     display: flex;
@@ -514,7 +527,7 @@ a.imp:before {
 }
   
 .main_with_sidebar > :first-child {
-    flex-basis: 30%;
+    flex-basis: 29%;
     flex-grow: 1;
 }