diff --git a/app/static/css/nopaque.css b/app/static/css/nopaque.css
index 52e21398..01472a83 100644
--- a/app/static/css/nopaque.css
+++ b/app/static/css/nopaque.css
@@ -14,30 +14,6 @@ main {
 }
 /* ### End sticky footer ### */
 
-
-/*
- * ### Start sidenav-fixed offset ###
- * The sidenav-fixed class is used which causes the sidenav to be fixed and open
- * on large screens and hides to the regular functionality on smaller screens.
- * In order to prevent the sidenav to overlap the content, the content (in our
- * case header, main and footer) gets an offset equal to the width of the
- * sidenav.
-*/
-@media only screen and (min-width : 993px) {
-  header, main, footer {
-    padding-left: 300px;
-  }
-
-  .modal:not(.bottom-sheet) {
-    left: 300px;
-  }
-
-  .navbar-fixed > nav {
-    width: calc(100% - 300px)
-  }
-}
-/* ### End sidenav-fixed offset ### */
-
 /* add custom bold class */
 .bold {
   font-weight: bold;
diff --git a/app/templates/auth/login.html.j2 b/app/templates/auth/login.html.j2
index ac29e396..ff82a042 100644
--- a/app/templates/auth/login.html.j2
+++ b/app/templates/auth/login.html.j2
@@ -1,25 +1,6 @@
 {% extends "nopaque.html.j2" %}
 
 {% block page_content %}
-{% if current_user.is_anonymous %}
-<script>
-  document.getElementById("sidenav-main").classList.add("hide");
-</script>
-<style>
-  header, main, footer {
-    padding-left: 0;
-  }
-
-  .modal:not(.bottom-sheet) {
-    left: 0;
-  }
-
-  .navbar-fixed > nav {
-    width: 100%;
-  }
-</style>
-{% endif %}
-
 <div class="col s12 m4">
   <h3>Cyber cyber</h3>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
diff --git a/app/templates/main/index.html.j2 b/app/templates/main/index.html.j2
index 6b97e6e9..90998a15 100644
--- a/app/templates/main/index.html.j2
+++ b/app/templates/main/index.html.j2
@@ -58,23 +58,6 @@
 </div>
 
 {% if current_user.is_anonymous %}
-<script>
-  document.getElementById("sidenav-main").classList.add("hide");
-</script>
-<style>
-  header, main, footer {
-    padding-left: 0;
-  }
-
-  .modal:not(.bottom-sheet) {
-    left: 0;
-  }
-
-  .navbar-fixed > nav {
-    width: 100%;
-  }
-</style>
-
 <div class="parallax-container">
   <div class="parallax">
     <img src="{{ url_for('static', filename='images/german_text_book_paper.jpg') }}" alt="">
diff --git a/app/templates/nopaque.html.j2 b/app/templates/nopaque.html.j2
index 5fe764e1..ef35227d 100644
--- a/app/templates/nopaque.html.j2
+++ b/app/templates/nopaque.html.j2
@@ -56,7 +56,7 @@
         {% endif %}
       </ul>
 
-      <ul id="sidenav-main" class="sidenav sidenav-fixed">
+      <ul id="sidenav-main" class="sidenav sidenav-fixed hide">
         <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
         <li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
         <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
@@ -154,5 +154,34 @@
         {% endfor %}
       });
     </script>
+    {% if current_user.is_authenticated %}
+    <script>
+      document.getElementById("sidenav-main").classList.remove("hide");
+    </script>
+    <style>
+      /*
+       * ### Start sidenav-fixed offset ###
+       * The sidenav-fixed class is used which causes the sidenav to be fixed and open
+       * on large screens and hides to the regular functionality on smaller screens.
+       * In order to prevent the sidenav to overlap the content, the content (in our
+       * case header, main and footer) gets an offset equal to the width of the
+       * sidenav.
+      */
+      @media only screen and (min-width : 993px) {
+        header, main, footer {
+          padding-left: 300px;
+        }
+
+        .modal:not(.bottom-sheet) {
+          left: 300px;
+        }
+
+        .navbar-fixed > nav {
+          width: calc(100% - 300px)
+        }
+      }
+      /* ### End sidenav-fixed offset ### */
+    </style>
+    {% endif %}
   </body>
 </html>