diff --git a/css/vanilla.css b/css/vanilla.css
index 5fb86b0..c52418b 100644
--- a/css/vanilla.css
+++ b/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;
 }
 
diff --git a/datenschutz/index.html b/datenschutz/index.html
index 2408802..b460acc 100644
--- a/datenschutz/index.html
+++ b/datenschutz/index.html
@@ -165,15 +165,15 @@ Hoyerswerdaer Str. 28<br>
 01099 Dresden</p>
 <p>Telefon:</p>
 <style>
-  #span-c24e8c38.cloaked-e-mail:before {
+  #span-4b8405a1.cloaked-e-mail:before {
     content:attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-c24e8c38"></span> </p>
-<script id="script-c24e8c38">
-  var scriptTag = document.getElementById("script-c24e8c38");
+<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-4b8405a1"></span> </p>
+<script id="script-4b8405a1">
+  var scriptTag = document.getElementById("script-4b8405a1");
   var link = document.createElement("a");
   var address = "08137903 153 94\u002b".split('').reverse().join('');
   link.href = "tel" + ":" + address;
@@ -183,15 +183,15 @@ Hoyerswerdaer Str. 28<br>
 </script>
 <p>E-Mail:</p>
 <style>
-  #span-c5e7a7b7.cloaked-e-mail:before {
+  #span-599e9c84.cloaked-e-mail:before {
     content:attr(data-domain) "\0040" attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-<p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-c5e7a7b7"></span> </p>
-<script id="script-c5e7a7b7">
-  var scriptTag = document.getElementById("script-c5e7a7b7");
+<p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-599e9c84"></span> </p>
+<script id="script-599e9c84">
+  var scriptTag = document.getElementById("script-599e9c84");
   var link = document.createElement("a");
   var address = "ztuhcsnetad".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
   link.href = "mailto" + ":" + address;
diff --git a/images/platzhalter.jpg b/images/platzhalter.jpg
index fb98b2d..1ec83f8 100644
Binary files a/images/platzhalter.jpg and b/images/platzhalter.jpg differ
diff --git a/images/platzhalter.png b/images/platzhalter.png
index aa2e2bf..830f8d3 100644
Binary files a/images/platzhalter.png and b/images/platzhalter.png differ
diff --git a/impressum/index.html b/impressum/index.html
index 919a035..b511206 100644
--- a/impressum/index.html
+++ b/impressum/index.html
@@ -124,15 +124,15 @@ Registergericht: Amtsgericht Dresden</p>
 <h2 id="kontakt">Kontakt</h2>
 <p>Telefon:</p>
 <style>
-  #span-675fc8bf.cloaked-e-mail:before {
+  #span-025672e5.cloaked-e-mail:before {
     content:attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-675fc8bf"></span> </p>
-<script id="script-675fc8bf">
-  var scriptTag = document.getElementById("script-675fc8bf");
+<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-025672e5"></span> </p>
+<script id="script-025672e5">
+  var scriptTag = document.getElementById("script-025672e5");
   var link = document.createElement("a");
   var address = "08137903 153 94\u002b".split('').reverse().join('');
   link.href = "tel" + ":" + address;
@@ -142,15 +142,15 @@ Registergericht: Amtsgericht Dresden</p>
 </script>
 <p>Telefax:</p>
 <style>
-  #span-0cf687ce.cloaked-e-mail:before {
+  #span-139e1b24.cloaked-e-mail:before {
     content:attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-<p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-0cf687ce"></span> </p>
-<script id="script-0cf687ce">
-  var scriptTag = document.getElementById("script-0cf687ce");
+<p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-139e1b24"></span> </p>
+<script id="script-139e1b24">
+  var scriptTag = document.getElementById("script-139e1b24");
   var link = document.createElement("a");
   var address = "84164233 153 94\u002b".split('').reverse().join('');
   link.href = "fax" + ":" + address;
@@ -160,15 +160,15 @@ Registergericht: Amtsgericht Dresden</p>
 </script>
 <p>E-Mail:</p>
 <style>
-  #span-f73fafa8.cloaked-e-mail:before {
+  #span-d5a2fb10.cloaked-e-mail:before {
     content:attr(data-domain) "\0040" attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-<p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-f73fafa8"></span> </p>
-<script id="script-f73fafa8">
-  var scriptTag = document.getElementById("script-f73fafa8");
+<p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-d5a2fb10"></span> </p>
+<script id="script-d5a2fb10">
+  var scriptTag = document.getElementById("script-d5a2fb10");
   var link = document.createElement("a");
   var address = "musserpmi".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
   link.href = "mailto" + ":" + address;
diff --git a/kontakt/edgar/index.html b/kontakt/edgar/index.html
index 61b5bd3..d6d8110 100644
--- a/kontakt/edgar/index.html
+++ b/kontakt/edgar/index.html
@@ -119,15 +119,15 @@
 <img class="icon" src="/icons/letter-dark.svg" height="22px">
 E-Mail: 
 <style>
-  #span-ed22872d.cloaked-e-mail:before {
+  #span-10a37f0e.cloaked-e-mail:before {
     content:attr(data-domain) "\0040" attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-&#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-ed22872d"></span>&#32;
-<script id="script-ed22872d">
-  var scriptTag = document.getElementById("script-ed22872d");
+&#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-10a37f0e"></span>&#32;
+<script id="script-10a37f0e">
+  var scriptTag = document.getElementById("script-10a37f0e");
   var link = document.createElement("a");
   var address = "ge".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
   link.href = "mailto" + ":" + address;
@@ -138,15 +138,15 @@ E-Mail:
 <img class="icon" src="/icons/call-dark.svg" height="22px">
 Telefon: 
 <style>
-  #span-089bcfdf.cloaked-e-mail:before {
+  #span-cb443d08.cloaked-e-mail:before {
     content:attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-089bcfdf"></span>&#32;
-<script id="script-089bcfdf">
-  var scriptTag = document.getElementById("script-089bcfdf");
+&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-cb443d08"></span>&#32;
+<script id="script-cb443d08">
+  var scriptTag = document.getElementById("script-cb443d08");
   var link = document.createElement("a");
   var address = "3271709 261 94\u002b".split('').reverse().join('');
   link.href = "tel" + ":" + address;
diff --git a/kontakt/vanilla/index.html b/kontakt/vanilla/index.html
index c66a60f..32b2b88 100644
--- a/kontakt/vanilla/index.html
+++ b/kontakt/vanilla/index.html
@@ -118,15 +118,15 @@
 <img class="icon" src="/icons/letter-dark.svg" height="22px">
 E-Mail: 
 <style>
-  #span-a7e6fb71.cloaked-e-mail:before {
+  #span-69e3bb36.cloaked-e-mail:before {
     content:attr(data-domain) "\0040" attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-&#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-a7e6fb71"></span>&#32;
-<script id="script-a7e6fb71">
-  var scriptTag = document.getElementById("script-a7e6fb71");
+&#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-69e3bb36"></span>&#32;
+<script id="script-69e3bb36">
+  var scriptTag = document.getElementById("script-69e3bb36");
   var link = document.createElement("a");
   var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
   link.href = "mailto" + ":" + address;
@@ -137,15 +137,15 @@ E-Mail:
 <img class="icon" src="/icons/call-dark.svg" height="22px">
 Telefon: 
 <style>
-  #span-2549d115.cloaked-e-mail:before {
+  #span-00394374.cloaked-e-mail:before {
     content:attr(data-user);
     unicode-bidi:bidi-override;
     direction:rtl;
   }
 </style>
-&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-2549d115"></span>&#32;
-<script id="script-2549d115">
-  var scriptTag = document.getElementById("script-2549d115");
+&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-00394374"></span>&#32;
+<script id="script-00394374">
+  var scriptTag = document.getElementById("script-00394374");
   var link = document.createElement("a");
   var address = "3271709 261 94\u002b".split('').reverse().join('');
   link.href = "tel" + ":" + address;