diff --git a/templates/assets/css/data.css b/templates/assets/css/data.css
new file mode 100644
index 0000000..0c4a4b2
--- /dev/null
+++ b/templates/assets/css/data.css
@@ -0,0 +1,17 @@
+.container {
+    font-family: 'Lato', sans-serif;
+    display: flex;
+    flex-direction: column;
+}
+
+h1, h2, h6 {
+    margin: 2vh 0 2vh 2vw;
+}
+
+p {
+    margin: 2vh 2vw 4vh 2vw;
+}
+
+h6 {
+    font-size: 3vh;
+}
\ No newline at end of file
diff --git a/templates/assets/css/navigation.css b/templates/assets/css/navigation.css
index ce9d6da..e301c80 100644
--- a/templates/assets/css/navigation.css
+++ b/templates/assets/css/navigation.css
@@ -117,17 +117,29 @@
 
 #down_1, #down_2, #down_3{
     margin-top: 0;
-    box-shadow: 0 0 15px 47px #0cffae;
+}
+
+#style {
+    background-color: #0cffae;
+    padding-left: 6vw;
 }
 
 #chevron_1, #chevron_2, #chevron_3 {
     z-index: 1000;
 }
 
-#hemp_dropdown, #spider_dropdown, #offgrid_dropdown {
+#hemp_dropdown, #offgrid_dropdown {
     width: 25vw;
 }
 
+#hemp_dropdown a {
+    padding-left: 3vw !important;
+}
+
+#hover:hover {
+    color: #3ebe93;
+}
+
 .desktop_navigation {
     display: none;
 }
diff --git a/templates/assets/js/main.js b/templates/assets/js/main.js
index a331d7a..80c2024 100644
--- a/templates/assets/js/main.js
+++ b/templates/assets/js/main.js
@@ -1,47 +1,41 @@
 // show mobile menu onclick
+let menu = document.getElementById("md");
+menu.style.display = "none";
 
-document.getElementById("icon").addEventListener("click", function menu() {
-    var x = document.getElementById("md");
-    if (x.style.display === "none") {
-        x.style.display = "flex";}
+
+document.getElementById("icon").addEventListener("click", () => {
+    if (menu.style.display === "none") {
+        menu.style.display = "flex";
+    }
         else {
-            x.style.display ="none";
+            menu.style.display ="none";
         }
     }
 )
 
 // show hemp submenu
+let hemp_menu = document.getElementById("down_1");
+hemp_menu.style.display = "none";
 
-document.getElementById("chevron_1").addEventListener("click", function menu() {
-    var x= document.getElementById("down_1");
-    if (x.style.display === "none") {
-        x.style.display = "flex";}
-        else {
-            x.style.display ="none";
-        }
-    }
-)
-
-// spider submenu
+document.getElementById("chevron_1").addEventListener("click", () => {
 
-document.getElementById("chevron_2").addEventListener("click", function menu() {
-    var x= document.getElementById("down_2");
-    if (x.style.display === "none") {
-        x.style.display = "flex";}
+    if (hemp_menu.style.display === "none") {
+        hemp_menu.style.display = "flex";}
         else {
-            x.style.display ="none";
+            hemp_menu.style.display ="none";
         }
     }
 )
 
 // offgrid submenu
+let offgrid_menu = document.getElementById("down_3");
+offgrid_menu.style.display = "none";
 
-document.getElementById("chevron_3").addEventListener("click", function menu() {
-    var x= document.getElementById("down_3");
-    if (x.style.display === "none") {
-        x.style.display = "flex";}
+document.getElementById("chevron_3").addEventListener("click", () => {
+    if (offgrid_menu.style.display === "none") {
+        offgrid_menu.style.display = "flex";}
         else {
-            x.style.display ="none";
+            offgrid_menu.style.display ="none";
         }
     }
 )
diff --git a/templates/index_de.html.tera b/templates/index_de.html.tera
index d3f1a34..e6a457b 100644
--- a/templates/index_de.html.tera
+++ b/templates/index_de.html.tera
@@ -3,6 +3,8 @@
 {%block head%}
 {{super()}}
 <link rel="stylesheet" type="text/css" href="css/index.css" />
+<meta property="og:title" content="Cannabinieri">
+<meta property="og:image" content="img/Logo.svg">
 {%endblock head%}
 {{super()}}
 {%block content%}
diff --git a/templates/nav.html.tera b/templates/nav.html.tera
index d6c3a35..4512be1 100644
--- a/templates/nav.html.tera
+++ b/templates/nav.html.tera
@@ -26,24 +26,15 @@
                             </svg>
                     </span>
                     <ul class="down" id ="down_1">
-                        <li><a type="text/html" href="/hemp/oil">Öle</a></li>
-                        <li><a type="text/html" href="/hemp/flower">Blüten</a></li>
+                        <li><a id="style" type="text/html" href="/hemp/oil">Öle</a></li>
+                        <li><a id="style"  type="text/html" href="/hemp/flower">Blüten</a></li>
                     </ul>
                 </li>
             </ul>
 
-            <ul id="spider_dropdown">
+            <ul>
                 <li >
                     <a type="text/html" href="/spider">SPINNE</a>
-                    <span class="drop">
-                            <svg type="image/svg+xml" id="chevron_2" class="chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M19 9l-7 7-7-7"></path>
-                            </svg>
-                    </span>
-                    <ul class="down" id ="down_2">
-                        <li><a type="text/html" href="/spider#spiderpi">SpiderPi</a></li>
-                        <li><a href="spider#permapp">PermApp</a></li>
-                    </ul>
                 </li>
             </ul>
             <ul>
@@ -58,7 +49,7 @@
                             </svg>
                         </span>
                         <ul class="down" id="down_3">
-                                <li><a type="text/html" href="/offgrid/wohnmaschine">WohnMaschine</a></li>
+                                <li><a id="style" type="text/html" href="/offgrid/wohnmaschine">WohnMaschine</a></li>
                         </ul>
                 </li>
             </ul>
@@ -79,10 +70,7 @@
             </li>
         </ul>
         <ul>
-            <li><a type="text/html" href="/spider">SPINNE</a>
-                    <ul>
-                            <li id="fix"><a id="fix" type="text/html" href="/spider">PermApp</a></li>
-                    </ul>
+            <li><a id="hover" type="text/html" href="/spider">SPINNE</a>
         </ul>
         <ul>
             <li><a id="hover" type="text/html" href="/kaoscube">KAOS CUBE</a>
diff --git a/templates/privacy-policy.html.tera b/templates/privacy-policy.html.tera
index cc1b28d..a3857cb 100644
--- a/templates/privacy-policy.html.tera
+++ b/templates/privacy-policy.html.tera
@@ -2,10 +2,59 @@
 {%block title%}{{title}}{%endblock title%}
 {%block head%}
 {{super()}}
+<link rel="stylesheet" type="text/css" href="css/data.css" />
 {%endblock head%}
 {%block content%}
     <div class="container" style ="display: flex;">
-        <h1>Privacy Policy</h1>
-        <p>Add info how data is handled and licence of code</p>
+        <h1>Datenschutz</h1>
+        <h2>I. Geltungsbereich:</h2>
+        <p>Diese Datenschutzerklärung gilt speziell für die Webseite unter https://cannabinieri.de/ und für die über diese Website erhobenen personenbezogenen Daten.</p>
+        <h2>II. Verantwortlichkeit:</h2>
+        <p>Verantwortlich für die Verarbeitung personenbezogener Daten auf diesen Internetseiten ist:
+            <br>
+            Cannabinieri GbR <br>
+            Berlin
+        </p>
+        <h2>III. Datenschutzbeauftragte:</h2>
+        <p>Luca Wulf<br>
+
+            Tel.: 015678 419823<br>
+            Mail: datenschutz@cannabinieri.de<br>
+        </p>
+        <h2>III. Datenschutzbeauftragte:</h2>
+        <p>Dieses Internet-Angebot wird auf einem von uns selbst betriebenen virtuellen Server auf eigener Hardware vorgehalten.</p>
+        <h2>V. Unser Umgang mit Ihren Daten:</h2>
+        <h6>1) Nutzungsdaten</h6>
+        <p>Wir erheben und speichern auf diesem Server keine Nutzungsdaten. Insbesondere wurden die Access-Logs des verwendeten Webservers deaktiviert.</p>
+        <h6>2) Cookies und Tracking</h6>
+        <p>Auf unserer Webseite verwenden wir grundsätzlich keine Cookies, keine andere Form von Tracking (z.B. Werbebanner und „Web Bugs“).</p>
+        <h2>VI. Speicherdauer und Speicherfristen:</h2>
+        <p>Wir geben Ihre personenbeziehbaren Informationen nicht an Dritte weiter, es sei denn, Sie erlauben es uns ausdrücklich.<br>
+            An Behörden geben wir Ihre Daten grundsätzlich nicht weiter. Nur wenn wir gesetzlich oder per Gerichtsbeschluss dazu verpflichtet sind, werden wir Ihre Daten an auskunftsberechtigte Stellen übermitteln.
+        </p>
+        <h2>VIII. Ihre Rechte:</h2>
+        <p>Als Nutzer unseres Internet-Angebots haben Sie nach der DS-GVO verschiedene Rechte, die sich insbesondere aus Art. 15 bis 18, 21 DS-GVO ergeben:
+        </p>
+        <h6>1) Wideruf der Einwilligung:</h6>
+        <p>Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese jederzeit gemäß Art. 7, Abs. 3 DS-GVO mit Wirkung für die Zukunft widerrufen.
+        </p>
+        <h6>2) Recht auf Auskunft:</h6>
+        <p>Sie können Auskunft gem. Art. 15 DS-GVO über Ihre von uns verarbeiteten personenbezogenen Daten verlangen.
+        </p>
+        <h6>3) Recht auf Berichtigung:</h6>
+        <p>Sollten die Sie betreffenden Angaben nicht (mehr) zutreffend sein, können Sie nach Art. 16 DS-GVO eine Berichtigung verlangen. Sollten Ihre Daten unvollständig sein, können Sie eine Vervollständigung verlangen.
+        </p>
+        <h6>4) Recht auf Löschung:</h6>
+        <p>Sie können unter den Bedingungen des Art. 17 DS-GVO die Löschung Ihrer personenbezogenen Daten verlangen.
+        </p>
+        <h6>5) Recht auf Einschränkung der Verarbeitung:</h6>
+        <p>Sie haben im Rahmen der Vorgaben des Art. 18 DS-GVO das Recht, eine Einschränkung der Verarbeitung der Sie betreffenden Daten zu verlangen.
+        </p>
+        <h6>6) Recht auf Widerspruch:</h6>
+        <p>Sie haben nach Art. 21 DS-GVO das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit der Verarbeitung der Sie betreffenden Daten zu widersprechen.
+        </p>
+        <h6>7) Recht auf Beschwerde:</h6>
+        <p>Sie können sich jederzeit mit einer Beschwerde an die für Sie zuständige Aufsichtsbehörde wenden. Ihre zuständige Aufsichtsbehörde richtet sich nach dem Bundesland Ihres Wohnsitzes, Ihrer Arbeit oder der mutmaßlichen Verletzung. Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich) mit Anschrift finden Sie unter: https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html
+        </p>
     </div>
 {%endblock content%}
\ No newline at end of file