fixed display issues with cookie banner

Display properties not correctly set on cookie banner lead to it being transparent yet still accessible for clicks -> changed class logic to completely block display when cookieSeen is set.

css/m4lab.css

@@ -597,3 +597,7 @@ justify-content:space-evenly;}
   width: 80%;
   height: 20%;
 }
+
+.hidden{
+  display:none;
+}

js/headfoot.js

@@ -225,7 +225,7 @@ function foot() {
     
     // cookiebanner
     let cookiediv = document.createElement("div");
-    cookiediv.classList.add("alert", "alert-info", "alert-dismissible", "fade", "cookie-banner" );
+    cookiediv.classList.add("alert", "alert-info", "alert-dismissible", "hidden", "cookie-banner" );
     cookiediv.style = "text-align:center;";
     cookiediv.id="cookiediv";
     cookiediv.innerHTML="<strong>Cookie-Benachrichtigung</strong><br/> Diese Webseite nutzt technisch notwendige Session-Cookies und gegebenenfalls Cookies zur Authentifizierung. Mit der Benutzung der Webseite erklären Sie sich damit einverstanden. <br/> Weitere Informationen finden Sie in unserer <a href='https://www.hft-stuttgart.de/datenschutz'> Datenschutzerklärung </a>"
@@ -243,6 +243,7 @@ function foot() {
 
 function setCookieSeen(){
     if (localStorage.getItem("cookieSeen") != "shown") {
+        document.getElementById("cookiediv").classList.remove("hidden");
         document.getElementById("cookiediv").classList.add("show");
         localStorage.setItem("cookieSeen","shown")
     };