diff --git a/assets/icons/user.svg b/assets/icons/user.svg
new file mode 100644
index 0000000..f072c9a
--- /dev/null
+++ b/assets/icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"></path></svg>
\ No newline at end of file
diff --git a/footer.php b/footer.php
index cd650e6..19caa31 100755
--- a/footer.php
+++ b/footer.php
@@ -1,16 +1,9 @@
-<footer class="footer">
-
-    <p>
-        Fabians Geizkragen ist ein unabhängiges Preis- und Produktvergleichs-Portal,<br>
-        das mittels detaillierter Filter und vielfältiger Features<br>
-        eine optimale Hilfestellung bei der Kaufentscheidung bietet.
-    </p>
-
-    <h3>Kontaktdaten</h3>
-
-    <p>
-        <a href="mailto:pauleisenbock08@gmail.com">Eisenbock Paul</a><br>
-        <a href="mailto:fabianschieder@gmail.com">Fabian Schieder</a>
-    </p>
+<footer class="footer" role="contentinfo">
+    <div class="container">
+        <p>&copy; <?= date('Y') ?> Geizkragen</p>
 
+        <nav class="footer__nav" aria-label="Footer Navigation">
+            <a href="impressum.php">Impressum</a>
+        </nav>
+    </div>
 </footer>
diff --git a/header.php b/header.php
index 1ec86e4..c490979 100644
--- a/header.php
+++ b/header.php
@@ -28,7 +28,7 @@
                     </li>
 
                     <li class="nav__item">
-                        <a href="login.php" class="nav__link">Konto</a>
+                        <a href="wunschliste.php" class="nav__link">Wunschliste</a>
                     </li>
                 </ul>
 
@@ -41,9 +41,12 @@
             <div class="nav__actions">
                 <!-- Login link -->
                 <a class="nav__login" href="login.php" aria-label="Login">
-                    <i class="ri-user-line"></i>
+                    <svg class="icon icon-user" viewBox="0 0 24 24" aria-hidden="true">
+                        <path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"/>
+                    </svg>
                 </a>
 
+
                 <!-- Toggle button -->
                 <div class="nav__toggle" id="nav-toggle">
                     <i class="ri-menu-line"></i>
diff --git a/impressum.php b/impressum.php
new file mode 100644
index 0000000..6672ab6
--- /dev/null
+++ b/impressum.php
@@ -0,0 +1,7 @@
+<?php include 'header.php'; ?>
+
+<body>
+    <p>Impressum halt</p>
+</body>
+
+<?php include 'footer.php'; ?>
\ No newline at end of file
diff --git a/style.css b/style.css
index 8c82c3e..70ed289 100755
--- a/style.css
+++ b/style.css
@@ -395,3 +395,63 @@ body {
         order: 2;
     }
 }
+
+.icon-user {
+    width: 24px;
+    height: 24px;
+    fill: currentColor; /* passt sich Textfarbe an */
+}
+
+/* ==========================================================
+   FOOTER
+   ========================================================== */
+.footer {
+    margin-top: 3rem;
+    background: var(--bg-header);
+    color: rgba(255, 255, 255, 0.85);
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.footer .container {
+    padding-block: 1.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+}
+
+.footer p {
+    margin: 0;
+    font-size: 0.9rem;
+}
+
+.footer__nav {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.footer__nav a {
+    color: rgba(255, 255, 255, 0.85);
+    text-decoration: none;
+    font-size: 0.9rem;
+    font-weight: 500;
+    transition: color var(--transition-normal),
+                text-decoration-color var(--transition-normal);
+    text-decoration-thickness: 2px;
+    text-underline-offset: 4px;
+    text-decoration-color: transparent;
+}
+
+.footer__nav a:hover,
+.footer__nav a:focus-visible {
+    color: var(--text-invert);
+    text-decoration-color: rgba(255, 255, 255, 0.65);
+}
+
+@media (max-width: 600px) {
+    .footer .container {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+}
