diff --git a/public/admin-dashboard.html b/public/admin-dashboard.html
index e38d7d9..7f53f34 100644
--- a/public/admin-dashboard.html
+++ b/public/admin-dashboard.html
@@ -168,7 +168,22 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
     <!-- Application JavaScript -->
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/admin-dashboard.js"></script>
 </body>
 </html>
diff --git a/public/adminlogin.html b/public/adminlogin.html
index 3742489..5d4e36b 100644
--- a/public/adminlogin.html
+++ b/public/adminlogin.html
@@ -35,6 +35,21 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/adminlogin.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/css/admin-dashboard.css b/public/css/admin-dashboard.css
index 6b89da1..d7453df 100644
--- a/public/css/admin-dashboard.css
+++ b/public/css/admin-dashboard.css
@@ -456,3 +456,73 @@ body {
         padding: 15px;
     }
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/adminlogin.css b/public/css/adminlogin.css
index 529ef00..d180871 100644
--- a/public/css/adminlogin.css
+++ b/public/css/adminlogin.css
@@ -189,3 +189,73 @@ input:hover {
         font-size: 1.6em;
     }
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index 434dc96..40c7245 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -682,3 +682,73 @@ body {
         padding: 1.5rem;
     }
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/generator.css b/public/css/generator.css
index 9fb8f7f..8c2a2d6 100644
--- a/public/css/generator.css
+++ b/public/css/generator.css
@@ -384,3 +384,73 @@ input:hover, textarea:hover {
 .leaflet-control-zoom a:hover {
     background: #f8f9fa;
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/leaderboard.css b/public/css/leaderboard.css
index 5805579..c8637d2 100644
--- a/public/css/leaderboard.css
+++ b/public/css/leaderboard.css
@@ -691,3 +691,73 @@ body {
         font-size: 0.75rem;
     }
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/login.css b/public/css/login.css
index 27f349b..ce72ef2 100644
--- a/public/css/login.css
+++ b/public/css/login.css
@@ -11,14 +11,21 @@ body {
     background: #0a0a0f;
     color: #ffffff;
     min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     background-image: 
         radial-gradient(circle at 20% 80%, #1a1a2e 0%, transparent 50%),
         radial-gradient(circle at 80% 20%, #16213e 0%, transparent 50%),
         radial-gradient(circle at 40% 40%, #0f3460 0%, transparent 50%);
     position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+.main-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2rem 0;
 }
 
 .back-button {
@@ -372,3 +379,73 @@ body {
     position: relative;
     z-index: 1;
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/css/reset-password.css b/public/css/reset-password.css
index 09ba2b5..2401eff 100644
--- a/public/css/reset-password.css
+++ b/public/css/reset-password.css
@@ -233,3 +233,73 @@ body {
         font-size: 1.3rem;
     }
 }
+
+/* Footer Styles */
+.footer {
+    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    border-top: 1px solid #2a2a3e;
+    margin-top: 3rem;
+    padding: 2rem 0;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.footer-links {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.footer-link {
+    color: #8892b0;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: inherit;
+}
+
+.footer-link:hover {
+    color: #00d4ff;
+}
+
+.cookie-settings-btn {
+    background: none !important;
+    border: none !important;
+    padding: 0 !important;
+    font-size: 0.9rem !important;
+}
+
+.footer-text {
+    color: #6b7280;
+    font-size: 0.85rem;
+}
+
+.footer-text p {
+    margin: 0;
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+    
+    .footer-links {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+}
diff --git a/public/dashboard.html b/public/dashboard.html
index eeb58cc..eaf6750 100644
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -176,6 +176,21 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/dashboard.js"></script>
 </body>
 </html>
diff --git a/public/datenschutz.html b/public/datenschutz.html
new file mode 100644
index 0000000..0699c37
--- /dev/null
+++ b/public/datenschutz.html
@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Datenschutzerklärung - NinjaCross</title>
+    <link rel="icon" type="image/x-icon" href="/pictures/favicon.ico">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            overflow: hidden;
+        }
+
+        .header {
+            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+            color: white;
+            padding: 40px;
+            text-align: center;
+        }
+
+        .header h1 {
+            font-size: 2.5rem;
+            margin-bottom: 10px;
+        }
+
+        .header p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+        }
+
+        .content {
+            padding: 40px;
+        }
+
+        .section {
+            margin-bottom: 30px;
+        }
+
+        .section h2 {
+            color: #1e3c72;
+            font-size: 1.5rem;
+            margin-bottom: 15px;
+            border-bottom: 2px solid #e2e8f0;
+            padding-bottom: 10px;
+        }
+
+        .section h3 {
+            color: #2a5298;
+            font-size: 1.2rem;
+            margin: 20px 0 10px 0;
+        }
+
+        .section p, .section li {
+            margin-bottom: 10px;
+            color: #4a5568;
+        }
+
+        .section ul, .section ol {
+            margin-left: 20px;
+        }
+
+        .highlight-box {
+            background: #f0f8ff;
+            border: 1px solid #1e3c72;
+            padding: 20px;
+            border-radius: 10px;
+            margin: 20px 0;
+        }
+
+        .highlight-box h3 {
+            color: #1e3c72;
+            margin-top: 0;
+        }
+
+        .contact-info {
+            background: #f7fafc;
+            padding: 20px;
+            border-radius: 10px;
+            border-left: 4px solid #1e3c72;
+        }
+
+        .back-button {
+            display: inline-block;
+            background: #1e3c72;
+            color: white;
+            padding: 12px 24px;
+            text-decoration: none;
+            border-radius: 8px;
+            margin-top: 20px;
+            transition: background 0.3s ease;
+        }
+
+        .back-button:hover {
+            background: #2a5298;
+        }
+
+        .disclaimer {
+            background: #fff3cd;
+            border: 1px solid #ffeaa7;
+            padding: 15px;
+            border-radius: 8px;
+            margin-top: 20px;
+        }
+
+        .disclaimer h3 {
+            color: #856404;
+            margin-bottom: 10px;
+        }
+
+        .disclaimer p {
+            color: #856404;
+            margin: 0;
+        }
+
+        .cookie-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 15px 0;
+        }
+
+        .cookie-table th, .cookie-table td {
+            border: 1px solid #e2e8f0;
+            padding: 12px;
+            text-align: left;
+        }
+
+        .cookie-table th {
+            background: #f7fafc;
+            font-weight: bold;
+            color: #1e3c72;
+        }
+
+        @media (max-width: 768px) {
+            .container {
+                margin: 10px;
+                border-radius: 10px;
+            }
+            
+            .header, .content {
+                padding: 20px;
+            }
+            
+            .header h1 {
+                font-size: 2rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🔒 Datenschutzerklärung</h1>
+            <p>NinjaCross - Speedrun Arena</p>
+        </div>
+        
+        <div class="content">
+            <div class="section">
+                <h2>1. Datenschutz auf einen Blick</h2>
+                <h3>Allgemeine Hinweise</h3>
+                <p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.</p>
+            </div>
+
+            <div class="section">
+                <h2>2. Datenerfassung auf dieser Website</h2>
+                <h3>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h3>
+                <p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle" in dieser Datenschutzerklärung entnehmen.</p>
+
+                <h3>Wie erfassen wir Ihre Daten?</h3>
+                <p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.</p>
+                <p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.</p>
+
+                <h3>Wofür nutzen wir Ihre Daten?</h3>
+                <p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.</p>
+
+                <h3>Welche Rechte haben Sie bezüglich Ihrer Daten?</h3>
+                <p>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>
+            </div>
+
+            <div class="section">
+                <h2>3. Hosting</h2>
+                <p>Wir hosten die Inhalte unserer Website bei folgendem Anbieter:</p>
+                <div class="contact-info">
+                    <p><strong>Serverstandort:</strong> Deutschland<br>
+                    <strong>Anbieter:</strong> [Ihr Hosting-Anbieter]<br>
+                    <strong>Datenschutz:</strong> <a href="#" target="_blank" rel="noopener">Datenschutzerklärung des Anbieters</a></p>
+                </div>
+            </div>
+
+            <div class="section">
+                <h2>4. Allgemeine Hinweise und Pflichtinformationen</h2>
+                <h3>Datenschutz</h3>
+                <p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p>
+
+                <h3>Hinweis zur verantwortlichen Stelle</h3>
+                <p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
+                <div class="contact-info">
+                    <p>Max Mustermann<br>
+                    Musterstraße 123<br>
+                    12345 Musterstadt<br>
+                    Deutschland</p>
+                    <p>Telefon: +49 (0) 123 456789<br>
+                    E-Mail: info@ninjacross.de</p>
+                </div>
+
+                <h3>Speicherdauer</h3>
+                <p>Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.</p>
+            </div>
+
+            <div class="section">
+                <h2>5. Datenerfassung auf dieser Website</h2>
+                <h3>Cookies</h3>
+                <p>Unsere Internetseiten verwenden so genannte „Cookies". Cookies sind kleine Textdateien und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (dauerhafte Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Von dauerhaften Cookies bleibt eine Teil auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt.</p>
+
+                <p>Teilweise können auch Cookies von Drittanbietern auf Ihrem Endgerät gespeichert werden, wenn Sie unsere Seite betreten (Third-Party-Cookies). Diese ermöglichen uns oder Ihnen die Nutzung bestimmter Dienstleistungen des Drittanbieters (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen).</p>
+
+                <h3>Cookie-Übersicht</h3>
+                <table class="cookie-table">
+                    <thead>
+                        <tr>
+                            <th>Cookie-Name</th>
+                            <th>Zweck</th>
+                            <th>Speicherdauer</th>
+                            <th>Typ</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>session</td>
+                            <td>Authentifizierung und Session-Management</td>
+                            <td>24 Stunden</td>
+                            <td>Notwendig</td>
+                        </tr>
+                        <tr>
+                            <td>supabase.auth.token</td>
+                            <td>Benutzer-Authentifizierung (Supabase)</td>
+                            <td>1 Jahr</td>
+                            <td>Funktional</td>
+                        </tr>
+                        <tr>
+                            <td>page_views</td>
+                            <td>Seitenaufruf-Statistiken</td>
+                            <td>30 Tage</td>
+                            <td>Statistik</td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <h3>Server-Log-Dateien</h3>
+                <p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
+                <ul>
+                    <li>Browsertyp und Browserversion</li>
+                    <li>verwendetes Betriebssystem</li>
+                    <li>Referrer URL</li>
+                    <li>Hostname des zugreifenden Rechners</li>
+                    <li>Uhrzeit der Serveranfrage</li>
+                    <li>IP-Adresse</li>
+                </ul>
+                <p>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.</p>
+            </div>
+
+            <div class="section">
+                <h2>6. Plugins und Tools</h2>
+                <h3>Google OAuth</h3>
+                <p>Diese Website nutzt Google OAuth für die Benutzeranmeldung. Anbieter ist die Google Ireland Limited („Google"), Gordon House, Barrow Street, Dublin 4, Irland.</p>
+                <p>Wenn Sie sich über Google anmelden, werden Ihre Daten an Google übertragen. Die Nutzung von Google OAuth erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Weitere Informationen finden Sie in der <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Datenschutzerklärung von Google</a>.</p>
+
+                <h3>Supabase</h3>
+                <p>Diese Website nutzt Supabase für die Benutzerauthentifizierung und Datenbankdienste. Anbieter ist Supabase Inc., 970 Toa Payoh North #07-04, Singapore 318992.</p>
+                <p>Weitere Informationen finden Sie in der <a href="https://supabase.com/privacy" target="_blank" rel="noopener">Datenschutzerklärung von Supabase</a>.</p>
+            </div>
+
+            <div class="section">
+                <h2>7. Ihre Rechte</h2>
+                <h3>Recht auf Auskunft</h3>
+                <p>Sie haben das Recht, jederzeit Auskunft über die von uns über Sie gespeicherten personenbezogenen Daten zu verlangen.</p>
+
+                <h3>Recht auf Berichtigung</h3>
+                <p>Sie haben das Recht, die Berichtigung unrichtiger oder die Vervollständigung unvollständiger Daten zu verlangen.</p>
+
+                <h3>Recht auf Löschung</h3>
+                <p>Sie haben das Recht, die Löschung Ihrer personenbezogenen Daten zu verlangen.</p>
+
+                <h3>Recht auf Einschränkung der Verarbeitung</h3>
+                <p>Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</p>
+
+                <h3>Recht auf Datenübertragbarkeit</h3>
+                <p>Sie haben das Recht, die Sie betreffenden personenbezogenen Daten in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten.</p>
+
+                <h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
+                <p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>
+
+                <h3>Recht auf Beschwerde bei der zuständigen Aufsichtsbehörde</h3>
+                <p>Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.</p>
+            </div>
+
+            <div class="section">
+                <h2>8. Kontakt</h2>
+                <p>Bei Fragen zum Datenschutz wenden Sie sich bitte an:</p>
+                <div class="contact-info">
+                    <p>E-Mail: datenschutz@ninjacross.de<br>
+                    Telefon: +49 (0) 123 456789</p>
+                </div>
+            </div>
+
+            <a href="/" class="back-button">← Zurück zur Startseite</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/public/generator.html b/public/generator.html
index 737eb7f..05722ab 100644
--- a/public/generator.html
+++ b/public/generator.html
@@ -51,6 +51,21 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/generator.js"></script>
 </body>
 </html>
diff --git a/public/impressum.html b/public/impressum.html
new file mode 100644
index 0000000..c813fa6
--- /dev/null
+++ b/public/impressum.html
@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Impressum - NinjaCross</title>
+    <link rel="icon" type="image/x-icon" href="/pictures/favicon.ico">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            overflow: hidden;
+        }
+
+        .header {
+            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+            color: white;
+            padding: 40px;
+            text-align: center;
+        }
+
+        .header h1 {
+            font-size: 2.5rem;
+            margin-bottom: 10px;
+        }
+
+        .header p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+        }
+
+        .content {
+            padding: 40px;
+        }
+
+        .section {
+            margin-bottom: 30px;
+        }
+
+        .section h2 {
+            color: #1e3c72;
+            font-size: 1.5rem;
+            margin-bottom: 15px;
+            border-bottom: 2px solid #e2e8f0;
+            padding-bottom: 10px;
+        }
+
+        .section p, .section li {
+            margin-bottom: 10px;
+            color: #4a5568;
+        }
+
+        .section ul {
+            margin-left: 20px;
+        }
+
+        .contact-info {
+            background: #f7fafc;
+            padding: 20px;
+            border-radius: 10px;
+            border-left: 4px solid #1e3c72;
+        }
+
+        .back-button {
+            display: inline-block;
+            background: #1e3c72;
+            color: white;
+            padding: 12px 24px;
+            text-decoration: none;
+            border-radius: 8px;
+            margin-top: 20px;
+            transition: background 0.3s ease;
+        }
+
+        .back-button:hover {
+            background: #2a5298;
+        }
+
+        .disclaimer {
+            background: #fff3cd;
+            border: 1px solid #ffeaa7;
+            padding: 15px;
+            border-radius: 8px;
+            margin-top: 20px;
+        }
+
+        .disclaimer h3 {
+            color: #856404;
+            margin-bottom: 10px;
+        }
+
+        .disclaimer p {
+            color: #856404;
+            margin: 0;
+        }
+
+        @media (max-width: 768px) {
+            .container {
+                margin: 10px;
+                border-radius: 10px;
+            }
+            
+            .header, .content {
+                padding: 20px;
+            }
+            
+            .header h1 {
+                font-size: 2rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🏃‍♂️ Impressum</h1>
+            <p>NinjaCross - Speedrun Arena</p>
+        </div>
+        
+        <div class="content">
+            <div class="section">
+                <h2>Angaben gemäß § 5 TMG</h2>
+                <div class="contact-info">
+                    <p><strong>Betreiber der Website:</strong></p>
+                    <p>Carsten Graf<br>
+                    Erfurter Str. 20<br>
+                    75365 Calw<br>
+                    Deutschland</p>
+                    
+                    <p><strong>Kontakt:</strong></p>
+                    <p>Telefon: +49 (0) 123 456789<br>
+                    E-Mail: reptil1990(at)me.com</p>
+                </div>
+            </div>
+
+            <div class="section">
+                <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
+                <p>Carsten Graf<br>
+                    Erfurter Str. 20<br>
+                    75365 Calw<br>
+                    Deutschland</p>
+            </div>
+
+            <div class="section">
+                <h2>Haftung für Inhalte</h2>
+                <p>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht unter der Verpflichtung, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
+                
+                <p>Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+            </div>
+
+            <div class="section">
+                <h2>Haftung für Links</h2>
+                <p>Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.</p>
+                
+                <p>Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
+            </div>
+
+            <div class="section">
+                <h2>Urheberrecht</h2>
+                <p>Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.</p>
+                
+                <p>Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
+            </div>
+
+            <div class="section">
+                <h2>Streitschlichtung</h2>
+                <p>Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener">https://ec.europa.eu/consumers/odr/</a></p>
+                <p>Unsere E-Mail-Adresse finden Sie oben im Impressum.</p>
+                <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
+            </div>
+
+
+            <a href="/" class="back-button">← Zurück zur Startseite</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/public/index.html b/public/index.html
index dd4c32e..82053e4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -49,7 +49,7 @@
                 <div class="control-group">
                     <label class="control-label">Zeitraum</label>
                     <div class="time-tabs">
-                        <button class="time-tab active" data-period="today">
+                        <button class="time-tab" data-period="today">
                             <span class="tab-icon">📅</span>
                             <span class="tab-text">Heute</span>
                         </button>
@@ -61,7 +61,7 @@
                             <span class="tab-icon">📈</span>
                             <span class="tab-text">Dieser Monat</span>
                         </button>
-                        <button class="time-tab" data-period="all">
+                        <button class="time-tab active" data-period="all">
                             <span class="tab-icon">♾️</span>
                             <span class="tab-text">Alle Zeiten</span>
                         </button>
@@ -94,7 +94,7 @@
         <div class="leaderboard-container">
             <div class="leaderboard-header">
                 <div class="active-filters" id="currentSelection">
-                    🌍 Alle Standorte • 📅 Heute
+                    🌍 Alle Standorte • ♾️ Alle Zeiten
                 </div>
                 <div class="last-sync" id="lastUpdated">
                     Letzter Sync: Loading...
@@ -107,11 +107,26 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
     <!-- External Libraries -->
     <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
     <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
     
     <!-- Application JavaScript -->
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/leaderboard.js"></script>
 </body>
 </html>
diff --git a/public/js/admin-dashboard.js b/public/js/admin-dashboard.js
index 95bb68f..b34a1eb 100644
--- a/public/js/admin-dashboard.js
+++ b/public/js/admin-dashboard.js
@@ -6,6 +6,16 @@ let currentData = [];
 document.addEventListener('DOMContentLoaded', function() {
     checkAuth();
     loadStatistics();
+    
+    // Add cookie settings button functionality
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
     loadPageStatistics();
     setupEventListeners();
 });
diff --git a/public/js/adminlogin.js b/public/js/adminlogin.js
index 199234c..76785ee 100644
--- a/public/js/adminlogin.js
+++ b/public/js/adminlogin.js
@@ -78,4 +78,14 @@ document.addEventListener('keypress', function(e) {
 // Fokus auf erstes Eingabefeld
 document.addEventListener('DOMContentLoaded', function() {
     document.getElementById('username').focus();
+    
+    // Add cookie settings button functionality
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
 });
diff --git a/public/js/cookie-consent.js b/public/js/cookie-consent.js
new file mode 100644
index 0000000..1e23323
--- /dev/null
+++ b/public/js/cookie-consent.js
@@ -0,0 +1,601 @@
+// Cookie Consent Management
+class CookieConsent {
+    constructor() {
+        this.cookieName = 'ninjacross_cookie_consent';
+        this.cookieSettingsName = 'ninjacross_cookie_settings';
+        this.consentGiven = false;
+        this.settings = {
+            necessary: true, // Always true, can't be disabled
+            functional: false,
+            analytics: false
+        };
+        
+        this.init();
+    }
+
+    init() {
+        // Check if consent was already given
+        const savedConsent = this.getCookie(this.cookieName);
+        const savedSettings = this.getCookie(this.cookieSettingsName);
+        
+        if (savedConsent === 'true') {
+            this.consentGiven = true;
+            if (savedSettings) {
+                this.settings = { ...this.settings, ...JSON.parse(savedSettings) };
+            }
+            this.applySettings();
+        } else {
+            this.showConsentBanner();
+        }
+    }
+
+    showConsentBanner() {
+        // Don't show banner if already shown
+        if (document.getElementById('cookie-consent-banner')) {
+            return;
+        }
+
+        const banner = document.createElement('div');
+        banner.id = 'cookie-consent-banner';
+        banner.innerHTML = `
+            <div class="cookie-banner">
+                <div class="cookie-content">
+                    <div class="cookie-icon">🍪</div>
+                    <div class="cookie-text">
+                        <h3>Cookie-Einstellungen</h3>
+                        <p>Wir verwenden Cookies, um Ihnen die beste Erfahrung auf unserer Website zu bieten. Einige sind notwendig, andere helfen uns, die Website zu verbessern.</p>
+                    </div>
+                </div>
+                <div class="cookie-actions">
+                    <button id="cookie-settings-btn" class="btn-cookie-settings">Einstellungen</button>
+                    <button id="cookie-accept-all" class="btn-cookie-accept">Alle akzeptieren</button>
+                    <button id="cookie-accept-necessary" class="btn-cookie-necessary">Nur notwendige</button>
+                </div>
+            </div>
+        `;
+
+        // Add styles
+        const style = document.createElement('style');
+        style.textContent = `
+            #cookie-consent-banner {
+                position: fixed;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+                color: white;
+                z-index: 10000;
+                box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
+                animation: slideUp 0.3s ease-out;
+            }
+
+            @keyframes slideUp {
+                from { transform: translateY(100%); }
+                to { transform: translateY(0); }
+            }
+
+            .cookie-banner {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 20px;
+                max-width: 1200px;
+                margin: 0 auto;
+                gap: 20px;
+            }
+
+            .cookie-content {
+                display: flex;
+                align-items: center;
+                gap: 15px;
+                flex: 1;
+            }
+
+            .cookie-icon {
+                font-size: 2rem;
+                flex-shrink: 0;
+            }
+
+            .cookie-text h3 {
+                margin: 0 0 5px 0;
+                font-size: 1.1rem;
+                color: white;
+            }
+
+            .cookie-text p {
+                margin: 0;
+                font-size: 0.9rem;
+                opacity: 0.9;
+                line-height: 1.4;
+            }
+
+            .cookie-actions {
+                display: flex;
+                gap: 10px;
+                flex-shrink: 0;
+            }
+
+            .btn-cookie-settings,
+            .btn-cookie-accept,
+            .btn-cookie-necessary {
+                padding: 10px 16px;
+                border: none;
+                border-radius: 6px;
+                cursor: pointer;
+                font-size: 0.9rem;
+                font-weight: 500;
+                transition: all 0.2s ease;
+            }
+
+            .btn-cookie-settings {
+                background: rgba(255,255,255,0.2);
+                color: white;
+                border: 1px solid rgba(255,255,255,0.3);
+            }
+
+            .btn-cookie-settings:hover {
+                background: rgba(255,255,255,0.3);
+            }
+
+            .btn-cookie-accept {
+                background: #10b981;
+                color: white;
+            }
+
+            .btn-cookie-accept:hover {
+                background: #059669;
+            }
+
+            .btn-cookie-necessary {
+                background: #6b7280;
+                color: white;
+            }
+
+            .btn-cookie-necessary:hover {
+                background: #4b5563;
+            }
+
+            @media (max-width: 768px) {
+                .cookie-banner {
+                    flex-direction: column;
+                    text-align: center;
+                    gap: 15px;
+                }
+
+                .cookie-content {
+                    flex-direction: column;
+                    text-align: center;
+                }
+
+                .cookie-actions {
+                    flex-wrap: wrap;
+                    justify-content: center;
+                }
+            }
+        `;
+
+        document.head.appendChild(style);
+        document.body.appendChild(banner);
+
+        // Add event listeners
+        document.getElementById('cookie-accept-all').addEventListener('click', () => {
+            this.acceptAll();
+        });
+
+        document.getElementById('cookie-accept-necessary').addEventListener('click', () => {
+            this.acceptNecessary();
+        });
+
+        document.getElementById('cookie-settings-btn').addEventListener('click', () => {
+            this.showSettingsModal();
+        });
+    }
+
+    showSettingsModal() {
+        // Remove banner
+        const banner = document.getElementById('cookie-consent-banner');
+        if (banner) {
+            banner.remove();
+        }
+
+        // Create modal
+        const modal = document.createElement('div');
+        modal.id = 'cookie-settings-modal';
+        modal.innerHTML = `
+            <div class="cookie-modal-overlay">
+                <div class="cookie-modal">
+                    <div class="cookie-modal-header">
+                        <h2>🍪 Cookie-Einstellungen</h2>
+                        <button id="cookie-modal-close" class="btn-close">&times;</button>
+                    </div>
+                    <div class="cookie-modal-content">
+                        <p>Wählen Sie aus, welche Cookies Sie zulassen möchten:</p>
+                        
+                        <div class="cookie-category">
+                            <div class="cookie-category-header">
+                                <h3>Notwendige Cookies</h3>
+                                <label class="cookie-toggle">
+                                    <input type="checkbox" id="necessary-cookies" checked disabled>
+                                    <span class="toggle-slider"></span>
+                                </label>
+                            </div>
+                            <p>Diese Cookies sind für die Grundfunktionen der Website erforderlich und können nicht deaktiviert werden.</p>
+                        </div>
+
+                        <div class="cookie-category">
+                            <div class="cookie-category-header">
+                                <h3>Funktionale Cookies</h3>
+                                <label class="cookie-toggle">
+                                    <input type="checkbox" id="functional-cookies" ${this.settings.functional ? 'checked' : ''}>
+                                    <span class="toggle-slider"></span>
+                                </label>
+                            </div>
+                            <p>Diese Cookies ermöglichen erweiterte Funktionen wie Benutzeranmeldung und Einstellungen.</p>
+                        </div>
+
+                        <div class="cookie-category">
+                            <div class="cookie-category-header">
+                                <h3>Analyse-Cookies</h3>
+                                <label class="cookie-toggle">
+                                    <input type="checkbox" id="analytics-cookies" ${this.settings.analytics ? 'checked' : ''}>
+                                    <span class="toggle-slider"></span>
+                                </label>
+                            </div>
+                            <p>Diese Cookies helfen uns zu verstehen, wie Besucher mit der Website interagieren.</p>
+                        </div>
+                    </div>
+                    <div class="cookie-modal-footer">
+                        <button id="cookie-save-settings" class="btn-save">Einstellungen speichern</button>
+                        <button id="cookie-accept-all-modal" class="btn-accept-all">Alle akzeptieren</button>
+                    </div>
+                </div>
+            </div>
+        `;
+
+        // Add modal styles
+        const modalStyle = document.createElement('style');
+        modalStyle.textContent = `
+            .cookie-modal-overlay {
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(0,0,0,0.5);
+                z-index: 10001;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 20px;
+            }
+
+            .cookie-modal {
+                background: white;
+                border-radius: 12px;
+                max-width: 600px;
+                width: 100%;
+                max-height: 80vh;
+                overflow-y: auto;
+                box-shadow: 0 20px 40px rgba(0,0,0,0.3);
+                animation: modalSlideIn 0.3s ease-out;
+            }
+
+            @keyframes modalSlideIn {
+                from { transform: scale(0.9); opacity: 0; }
+                to { transform: scale(1); opacity: 1; }
+            }
+
+            .cookie-modal-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 20px;
+                border-bottom: 1px solid #e2e8f0;
+            }
+
+            .cookie-modal-header h2 {
+                margin: 0;
+                color: #1e3c72;
+            }
+
+            .btn-close {
+                background: none;
+                border: none;
+                font-size: 1.5rem;
+                cursor: pointer;
+                color: #6b7280;
+                padding: 0;
+                width: 30px;
+                height: 30px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .btn-close:hover {
+                color: #374151;
+            }
+
+            .cookie-modal-content {
+                padding: 20px;
+            }
+
+            .cookie-category {
+                margin-bottom: 20px;
+                padding: 15px;
+                border: 1px solid #e2e8f0;
+                border-radius: 8px;
+            }
+
+            .cookie-category-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+
+            .cookie-category-header h3 {
+                margin: 0;
+                color: #1e3c72;
+                font-size: 1.1rem;
+            }
+
+            .cookie-category p {
+                margin: 0;
+                color: #6b7280;
+                font-size: 0.9rem;
+                line-height: 1.4;
+            }
+
+            .cookie-toggle {
+                position: relative;
+                display: inline-block;
+                width: 50px;
+                height: 24px;
+            }
+
+            .cookie-toggle input {
+                opacity: 0;
+                width: 0;
+                height: 0;
+            }
+
+            .toggle-slider {
+                position: absolute;
+                cursor: pointer;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background-color: #ccc;
+                transition: .4s;
+                border-radius: 24px;
+            }
+
+            .toggle-slider:before {
+                position: absolute;
+                content: "";
+                height: 18px;
+                width: 18px;
+                left: 3px;
+                bottom: 3px;
+                background-color: white;
+                transition: .4s;
+                border-radius: 50%;
+            }
+
+            .cookie-toggle input:checked + .toggle-slider {
+                background-color: #1e3c72;
+            }
+
+            .cookie-toggle input:checked + .toggle-slider:before {
+                transform: translateX(26px);
+            }
+
+            .cookie-toggle input:disabled + .toggle-slider {
+                background-color: #10b981;
+                cursor: not-allowed;
+            }
+
+            .cookie-modal-footer {
+                padding: 20px;
+                border-top: 1px solid #e2e8f0;
+                display: flex;
+                gap: 10px;
+                justify-content: flex-end;
+            }
+
+            .btn-save, .btn-accept-all {
+                padding: 10px 20px;
+                border: none;
+                border-radius: 6px;
+                cursor: pointer;
+                font-weight: 500;
+                transition: all 0.2s ease;
+            }
+
+            .btn-save {
+                background: #1e3c72;
+                color: white;
+            }
+
+            .btn-save:hover {
+                background: #2a5298;
+            }
+
+            .btn-accept-all {
+                background: #10b981;
+                color: white;
+            }
+
+            .btn-accept-all:hover {
+                background: #059669;
+            }
+
+            @media (max-width: 768px) {
+                .cookie-modal {
+                    margin: 10px;
+                    max-height: 90vh;
+                }
+
+                .cookie-modal-footer {
+                    flex-direction: column;
+                }
+
+                .btn-save, .btn-accept-all {
+                    width: 100%;
+                }
+            }
+        `;
+
+        document.head.appendChild(modalStyle);
+        document.body.appendChild(modal);
+
+        // Add event listeners
+        document.getElementById('cookie-modal-close').addEventListener('click', () => {
+            modal.remove();
+            this.showConsentBanner();
+        });
+
+        document.getElementById('cookie-save-settings').addEventListener('click', () => {
+            this.saveSettings();
+            modal.remove();
+        });
+
+        document.getElementById('cookie-accept-all-modal').addEventListener('click', () => {
+            this.acceptAll();
+            modal.remove();
+        });
+
+        // Close on overlay click
+        modal.querySelector('.cookie-modal-overlay').addEventListener('click', (e) => {
+            if (e.target === e.currentTarget) {
+                modal.remove();
+                this.showConsentBanner();
+            }
+        });
+    }
+
+    saveSettings() {
+        this.settings.functional = document.getElementById('functional-cookies').checked;
+        this.settings.analytics = document.getElementById('analytics-cookies').checked;
+        
+        this.setCookie(this.cookieName, 'true', 365);
+        this.setCookie(this.cookieSettingsName, JSON.stringify(this.settings), 365);
+        
+        this.consentGiven = true;
+        this.applySettings();
+    }
+
+    acceptAll() {
+        this.settings.functional = true;
+        this.settings.analytics = true;
+        
+        this.setCookie(this.cookieName, 'true', 365);
+        this.setCookie(this.cookieSettingsName, JSON.stringify(this.settings), 365);
+        
+        this.consentGiven = true;
+        this.applySettings();
+    }
+
+    acceptNecessary() {
+        this.settings.functional = false;
+        this.settings.analytics = false;
+        
+        this.setCookie(this.cookieName, 'true', 365);
+        this.setCookie(this.cookieSettingsName, JSON.stringify(this.settings), 365);
+        
+        this.consentGiven = true;
+        this.applySettings();
+    }
+
+    applySettings() {
+        // Remove banner if exists
+        const banner = document.getElementById('cookie-consent-banner');
+        if (banner) {
+            banner.remove();
+        }
+
+        // Apply functional cookies
+        if (this.settings.functional) {
+            // Enable functional features
+            console.log('Functional cookies enabled');
+        } else {
+            // Disable functional features
+            console.log('Functional cookies disabled');
+        }
+
+        // Apply analytics cookies
+        if (this.settings.analytics) {
+            // Enable analytics
+            console.log('Analytics cookies enabled');
+            this.enableAnalytics();
+        } else {
+            // Disable analytics
+            console.log('Analytics cookies disabled');
+            this.disableAnalytics();
+        }
+    }
+
+    enableAnalytics() {
+        // Enable page tracking
+        if (typeof trackPageView === 'function') {
+            trackPageView('main_page_visit');
+        }
+    }
+
+    disableAnalytics() {
+        // Disable page tracking
+        console.log('Analytics disabled by user choice');
+    }
+
+    setCookie(name, value, days) {
+        const expires = new Date();
+        expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
+        document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/;SameSite=Lax`;
+    }
+
+    getCookie(name) {
+        const nameEQ = name + "=";
+        const ca = document.cookie.split(';');
+        for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+        }
+        return null;
+    }
+
+    // Public method to check if consent was given
+    hasConsent() {
+        return this.consentGiven;
+    }
+
+    // Public method to get current settings
+    getSettings() {
+        return { ...this.settings };
+    }
+
+    // Public method to reset consent
+    resetConsent() {
+        this.setCookie(this.cookieName, '', -1);
+        this.setCookie(this.cookieSettingsName, '', -1);
+        this.consentGiven = false;
+        this.settings = {
+            necessary: true,
+            functional: false,
+            analytics: false
+        };
+        this.showConsentBanner();
+    }
+}
+
+// Initialize cookie consent when DOM is loaded
+document.addEventListener('DOMContentLoaded', function() {
+    window.cookieConsent = new CookieConsent();
+});
+
+// Export for use in other scripts
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = CookieConsent;
+}
diff --git a/public/js/dashboard.js b/public/js/dashboard.js
index aa8d877..da9c3d2 100644
--- a/public/js/dashboard.js
+++ b/public/js/dashboard.js
@@ -575,3 +575,16 @@ function showMessage(containerId, message, type) {
     const container = document.getElementById(containerId);
     container.innerHTML = `<div class="message ${type}">${message}</div>`;
 }
+
+// Initialize when DOM is loaded
+document.addEventListener('DOMContentLoaded', function() {
+    // Add cookie settings button functionality
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
+});
diff --git a/public/js/generator.js b/public/js/generator.js
index 4b4960c..810e1ee 100644
--- a/public/js/generator.js
+++ b/public/js/generator.js
@@ -557,4 +557,14 @@ function toggleTokenFields() {
                     }
                 });
             }
+            
+            // Add cookie settings button functionality
+            const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+            if (cookieSettingsBtn) {
+                cookieSettingsBtn.addEventListener('click', function() {
+                    if (window.cookieConsent) {
+                        window.cookieConsent.resetConsent();
+                    }
+                });
+            }
         });
diff --git a/public/js/leaderboard.js b/public/js/leaderboard.js
index c5228fc..a8786e0 100644
--- a/public/js/leaderboard.js
+++ b/public/js/leaderboard.js
@@ -497,4 +497,14 @@ function startAutoRefresh() {
 document.addEventListener('DOMContentLoaded', function() {
     init();
     startAutoRefresh();
+    
+    // Add cookie settings button functionality
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
 });
diff --git a/public/js/login.js b/public/js/login.js
index 2642cf8..44e1487 100644
--- a/public/js/login.js
+++ b/public/js/login.js
@@ -94,6 +94,16 @@ function setupEventListeners() {
     // Handle Google OAuth
     document.getElementById('googleSignInBtn').addEventListener('click', signInWithGoogle);
     
+    // Cookie settings button
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
+    
     // Handle login
     document.getElementById('loginFormElement').addEventListener('submit', async (e) => {
         e.preventDefault();
diff --git a/public/js/reset-password.js b/public/js/reset-password.js
index 2c8d541..a1c00d2 100644
--- a/public/js/reset-password.js
+++ b/public/js/reset-password.js
@@ -164,6 +164,18 @@ if (accessToken && refreshToken) {
     setSession();
 }
 
+// Add cookie settings button functionality
+document.addEventListener('DOMContentLoaded', function() {
+    const cookieSettingsBtn = document.getElementById('cookie-settings-footer');
+    if (cookieSettingsBtn) {
+        cookieSettingsBtn.addEventListener('click', function() {
+            if (window.cookieConsent) {
+                window.cookieConsent.resetConsent();
+            }
+        });
+    }
+});
+
 // Passwort-Sicherheitshinweise
 newPasswordInput.addEventListener('input', function() {
     const password = this.value;
diff --git a/public/login.html b/public/login.html
index 198e01b..b34bfef 100644
--- a/public/login.html
+++ b/public/login.html
@@ -12,7 +12,8 @@
     <!-- Back to Home Button -->
     <a href="/" class="back-button">Zur Hauptseite</a>
     
-    <div class="container">
+    <div class="main-content">
+        <div class="container">
         <div class="logo">
             <h1>🥷 NINJACROSS</h1>
             <p>Dein Dashboard</p>
@@ -89,9 +90,25 @@
                 <p>Already have an account? <button type="button" onclick="toggleForm()">Sign In</button></p>
             </div>
         </div>
+        </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
     <!-- Application JavaScript -->
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/login.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/reset-password.html b/public/reset-password.html
index 993c114..32f4c12 100644
--- a/public/reset-password.html
+++ b/public/reset-password.html
@@ -61,6 +61,21 @@
         <a href="/" class="back-link">← Zurück zur Hauptseite</a>
     </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-links">
+                <a href="/impressum.html" class="footer-link">Impressum</a>
+                <a href="/datenschutz.html" class="footer-link">Datenschutz</a>
+                <button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
+            </div>
+            <div class="footer-text">
+                <p>&copy; 2024 NinjaCross. Alle Rechte vorbehalten.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="/js/cookie-consent.js"></script>
     <script src="/js/reset-password.js"></script>
 </body>
 </html>
\ No newline at end of file