From 40e61c16a2cad6885eb61849b4243c0105d9c3a1 Mon Sep 17 00:00:00 2001
From: DST81 <danielastuder81@bluewin.ch>
Date: Sun, 10 May 2026 23:54:07 +0200
Subject: [PATCH] Add Impressum

---
 index.html | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)

diff --git a/index.html b/index.html
index d9b72dd..0a3b273 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,68 @@
         </div>
     </div>
 
+ <!-- Footer & Impressum Section -->
+<footer class="bg-dark text-black py-4 mt-auto border-top border-secondary">
+    <div class="container">
+        <!-- Oberer Bereich: Slogan & Haupttext -->
+        <div class="row mb-3">
+            <div class="col-12">
+                <h5 class="text-warning">Made with <span class="text-danger">♥</span> und zu viel Kaffee für das Modul Frontend. Bootstrap 5.3.8 powered.</h5>
+                <p class="text-black small mb-0 fst-italic">
+                    <em>„Unser Impressum ist länger als der Text, den Sie sich merken müssen.“</em>
+                </p>
+            </div>
+        </div>
+
+        <!-- Unterer Bereich: Responsives Impressum -->
+        <div class="row mt-2">
+            <div class="col-12">
+                <!-- Titel Impressum (immer oben) -->
+                <span class="text-warning fw-bold d-block mb-2" style="font-size: 0.7rem;">Impressum</span>
+                
+                <!-- Container für die Impressum-Punkte -->
+                <div class="text-black-50" style="font-size: 0.7rem; line-height: 1.4;">
+                    <div class="row g-1"> <!-- g-1 sorgt für minimalen Abstand zwischen den Spalten -->
+                        
+                        <!-- Punkt 1: Betreiber -->
+                        <div class="col-12 col-md-6 col-lg-4">
+                            <strong>Betreiber</strong>:&nbsp;Das Team FAD (Florin, Adi, Daniela)
+                        </div>
+
+                        <!-- Punkt 2: Adresse -->
+                        <div class="col-12 col-md-6 col-lg-4">
+                            <strong>Adresse</strong>:&nbsp;Irgendwo im Internet, Schweiz
+                        </div>
+
+                        <!-- Punkt 3: Kontakt -->
+                        <div class="col-12 col-md-6 col-lg-4">
+                            <strong>Kontakt</strong>:&nbsp;schreibuns@lorem-ipsum-spiel.ch
+                        </div>
+
+                        <!-- Punkt 4: Inhalt -->
+                        <div class="col-12 col-md-6 col-lg-4">
+                            <strong>Inhalt</strong>:&nbsp;Der letzte Committer
+                        </div>
+
+                        <!-- Punkt 5: Datenschutz -->
+                        <div class="col-12 col-md-6 col-lg-4">
+                            <strong>Datenschutz</strong>:&nbsp;Wir speichern nur Scores.
+                        </div>
+
+                    </div>
+                </div>
+
+                <!-- Copyright Zeile (rechtsbündig, ganz unten) -->
+                <div class="text-center mt-2">
+                    <p class="mb-0 text-black-50" style="font-size: 0.65rem;">
+                        &copy; 2026 Modul Frontend Projekt. Alle Rechte vorbehalten.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
+
     <!-- Bootstrap JS Bundle -->
     <script src="assets/bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js"></script>
     <script src="assets/src/service/config-service.js"></script>