diff --git a/css/index.css b/css/index.css
index ad5df65..ea5bc3b 100644
--- a/css/index.css
+++ b/css/index.css
@@ -361,6 +361,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  gap: 24px;
   padding: 16px 24px;
   border: none;
   margin-top: 40px;
diff --git a/css/login_signup.css b/css/login_signup.css
index 8ffa41e..eeb7809 100644
--- a/css/login_signup.css
+++ b/css/login_signup.css
@@ -304,4 +304,31 @@ button[type="submit"]:active {
     .image-section {
         min-height: 300px;
     }
+}
+
+
+/* --- Snackbar --- */
+
+.snackbar {
+    position: fixed;
+    bottom: 30px;
+    left: 50%;
+    transform: translateX(-50%) translateY(100px);
+    background: var(--olive);
+    color: var(--white);
+    padding: var(--space-3) var(--space-6);
+    border-radius: var(--radius-pill);
+    font-size: 1rem;
+    font-weight: 600;
+    font-family: var(--font-main);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+    opacity: 0;
+    transition: transform 0.4s ease, opacity 0.4s ease;
+    z-index: 9999;
+    pointer-events: none;
+}
+
+.snackbar--visible {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
 }
\ No newline at end of file
diff --git a/datenschutz.html b/datenschutz.html
new file mode 100644
index 0000000..c695f91
--- /dev/null
+++ b/datenschutz.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Invité | Datenschutz</title>
+  <link rel="stylesheet" href="css/stylesheet_global.css" />
+  <link rel="stylesheet" href="css/index.css" />
+</head>
+<body>
+  <header class="top-nav-wrap">
+    <div class="top-nav">
+      <a class="brand" href="index.html" aria-label="Zur Startseite">
+        <img src="assets/logo_invite.svg" alt="Invité">
+      </a>
+      <nav class="top-nav-links" aria-label="Hauptnavigation">
+        <a class="nav-link" href="event_create.html">Event erstellen</a>
+        <a class="nav-link nav-link--login" href="login.html">Login</a>
+      </nav>
+    </div>
+  </header>
+
+  <main class="main-content" style="padding: 40px 20px; max-width: 800px; margin: 0 auto;">
+    <h1>Datenschutzerklärung</h1>
+
+    <h2>1. Verantwortliche Stelle</h2>
+    <p>
+      Invité GmbH<br>
+      Musterstrasse 12<br>
+      7000 Chur<br>
+      Schweiz<br>
+      E-Mail: datenschutz@invite-cooking.ch
+    </p>
+
+    <h2>2. Erhebung und Verarbeitung personenbezogener Daten</h2>
+    <p>
+      Beim Besuch unserer Website werden automatisch Informationen allgemeiner Natur erfasst.
+      Diese Informationen (Server-Logfiles) beinhalten die Art des Webbrowsers, das verwendete
+      Betriebssystem, den Domainnamen Ihres Internet-Service-Providers, Ihre IP-Adresse und
+      Ähnliches. Sie werden ausschliesslich zur technischen Bereitstellung und Verbesserung
+      unserer Website verwendet.
+    </p>
+
+    <h2>3. Registrierung und Nutzerkonto</h2>
+    <p>
+      Bei der Erstellung eines Nutzerkontos erheben wir folgende Daten: Name, E-Mail-Adresse
+      und Passwort. Diese Daten werden ausschliesslich zur Bereitstellung unserer Dienste
+      verwendet und nicht an Dritte weitergegeben.
+    </p>
+
+    <h2>4. Cookies</h2>
+    <p>
+      Unsere Website verwendet Cookies, um die Nutzererfahrung zu verbessern. Cookies sind
+      kleine Textdateien, die auf Ihrem Endgerät gespeichert werden. Sie können die Verwendung
+      von Cookies in Ihren Browsereinstellungen deaktivieren. Bitte beachten Sie, dass dadurch
+      die Funktionalität der Website eingeschränkt sein kann.
+    </p>
+
+    <h2>5. Datenweitergabe an Dritte</h2>
+    <p>
+      Eine Übermittlung Ihrer persönlichen Daten an Dritte findet nicht statt, es sei denn,
+      wir sind gesetzlich dazu verpflichtet oder Sie haben Ihre ausdrückliche Einwilligung
+      erteilt.
+    </p>
+
+    <h2>6. Datensicherheit</h2>
+    <p>
+      Wir setzen technische und organisatorische Sicherheitsmassnahmen ein, um Ihre Daten
+      gegen zufällige oder vorsätzliche Manipulation, Verlust, Zerstörung oder den Zugriff
+      unberechtigter Personen zu schützen. Unsere Sicherheitsmassnahmen werden entsprechend
+      der technologischen Entwicklung fortlaufend verbessert.
+    </p>
+
+    <h2>7. Ihre Rechte</h2>
+    <p>
+      Sie haben jederzeit das Recht auf Auskunft über die bei uns gespeicherten
+      personenbezogenen Daten. Ebenso haben Sie das Recht auf Berichtigung, Löschung
+      oder Einschränkung der Verarbeitung Ihrer Daten. Bitte wenden Sie sich dazu an:
+      datenschutz@invite-cooking.ch
+    </p>
+
+    <h2>8. Änderungen dieser Datenschutzerklärung</h2>
+    <p>
+      Wir behalten uns vor, diese Datenschutzerklärung gelegentlich anzupassen, damit sie
+      stets den aktuellen rechtlichen Anforderungen entspricht oder um Änderungen unserer
+      Leistungen umzusetzen. Für Ihren erneuten Besuch gilt dann die neue Datenschutzerklärung.
+    </p>
+  </main>
+
+  <footer class="footer">
+    <a href="impressum.html" class="footer__link">Impressum</a>
+    <a href="datenschutz.html" class="footer__link">Datenschutz</a>
+  </footer>
+</body>
+</html>
diff --git a/event_create.html b/event_create.html
index 3670e60..ef3176e 100644
--- a/event_create.html
+++ b/event_create.html
@@ -352,6 +352,7 @@
 
   <footer class="footer">
     <a href="impressum.html" class="footer__link">Impressum</a>
+    <a href="datenschutz.html" class="footer__link">Datenschutz</a>
   </footer>
 
   <script src="js/event_create.js"></script>
diff --git a/event_detail.html b/event_detail.html
index 0a5cfde..4d315f8 100644
--- a/event_detail.html
+++ b/event_detail.html
@@ -7,6 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Jost:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/stylesheet_global.css">
     <link rel="stylesheet" href="css/event_overview.css">
 </head>
 <body>
@@ -37,6 +38,7 @@
 <script src="js/event_detail.js"></script>
 <footer class="footer">
   <a href="impressum.html" class="footer__link">Impressum</a>
+  <a href="datenschutz.html" class="footer__link">Datenschutz</a>
 </footer>
 
 </body>
diff --git a/event_overview.html b/event_overview.html
index 740db4e..8a7c85c 100644
--- a/event_overview.html
+++ b/event_overview.html
@@ -8,7 +8,7 @@
     <!-- Stylesheet für diese Seite-->
     <link rel="stylesheet" href="css/stylesheet_global.css">
     <!-- Globales Stylesheet -->
-    <link rel="stylesheet" href="stylesheet.css">
+    <link rel="stylesheet" href="css/event_overview.css">
 
 
 </head>
@@ -70,6 +70,7 @@
 <script src="js/event_overview.js"></script>
 <footer class="footer">
   <a href="impressum.html" class="footer__link">Impressum</a>
+  <a href="datenschutz.html" class="footer__link">Datenschutz</a>
 </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/impressum.html b/impressum.html
index 365de08..ae9967d 100644
--- a/impressum.html
+++ b/impressum.html
@@ -63,6 +63,7 @@
 
   <footer class="footer">
     <a href="impressum.html" class="footer__link">Impressum</a>
+    <a href="datenschutz.html" class="footer__link">Datenschutz</a>
   </footer>
 </body>
 </html>
diff --git a/index.html b/index.html
index 6576b1e..5e9b39f 100644
--- a/index.html
+++ b/index.html
@@ -128,6 +128,7 @@
     <script src="js/index-carousel.js"></script>
     <footer class="footer">
       <a href="impressum.html" class="footer__link">Impressum</a>
+      <a href="datenschutz.html" class="footer__link">Datenschutz</a>
     </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/login.js b/js/login.js
index e1c059c..f4dcb41 100644
--- a/js/login.js
+++ b/js/login.js
@@ -45,10 +45,11 @@ function validateForm(event) {
 
     // Wenn alle Validierungen bestanden, Form absenden
     if (isValid) {
-        //alert('Login erfolgreich! (Dies ist eine Demo)');
-
-    // Weiterleitung zur event overview Page
-        window.location.href = 'event_overview.html';
+        var snackbar = document.getElementById('snackbar');
+        snackbar.classList.add('snackbar--visible');
+        setTimeout(function() {
+            window.location.href = 'event_overview.html';
+        }, 2000);
     }
 }
 
diff --git a/login.html b/login.html
index 07f7e3e..f4e11c2 100644
--- a/login.html
+++ b/login.html
@@ -56,10 +56,12 @@
             </form>
         </div>
     </div>
-    </div>  <!-- Schließt main-content -->
+    </div>  <!-- Schliesst main-content -->
+    <div class="snackbar" id="snackbar">Willkommen zurück! Du wirst weitergeleitet...</div>
     <script src="js/login.js"></script>
     <footer class="footer">
       <a href="impressum.html" class="footer__link">Impressum</a>
+      <a href="datenschutz.html" class="footer__link">Datenschutz</a>
     </footer>
 </body>
 </html>
diff --git a/signup.html b/signup.html
index feeb8c1..23d0072 100644
--- a/signup.html
+++ b/signup.html
@@ -83,6 +83,7 @@
     <script src="js/signup.js"></script>
     <footer class="footer">
       <a href="impressum.html" class="footer__link">Impressum</a>
+      <a href="datenschutz.html" class="footer__link">Datenschutz</a>
     </footer>
 </body>
 </html>
