diff --git a/Shared/Footer.razor b/Shared/Footer.razor
new file mode 100644
index 0000000..67efc3d
--- /dev/null
+++ b/Shared/Footer.razor
@@ -0,0 +1,18 @@
+<footer class="text-center text-lg-start bg-light text-muted">
+    <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section>
+    <section class="">
+        <div class="container text-center text-md-start mt-5">
+            <div class="col-md-3 col-lg-6 col-xl-12 mx-auto mb-4">
+                <center>
+                    <h6 class="text-uppercase fw-bold mb-4">
+                        <a href="">Kontakt</a> | <a href="">Impressum</a> | <a href="">Datenschutzerklärung</a> | <a href="">Cookies</a>
+                    </h6>
+                </center>
+            </div>
+        </div>
+    </section>
+</footer>
+
+@code {
+
+}
diff --git a/Shared/Footer.razor.css b/Shared/Footer.razor.css
new file mode 100644
index 0000000..fc6a057
--- /dev/null
+++ b/Shared/Footer.razor.css
@@ -0,0 +1,13 @@
+a {
+    color: grey;
+    text-decoration: none;
+}
+
+a:hover, a:focus {
+    color: #2A6496;
+    text-decoration: underline;
+}
+
+h6 {
+    color: grey;
+}
\ No newline at end of file
diff --git a/Shared/MainLayout.razor b/Shared/MainLayout.razor
index a9da670..6a18f81 100644
--- a/Shared/MainLayout.razor
+++ b/Shared/MainLayout.razor
@@ -9,4 +9,6 @@
             @Body
         </article>
     </main>
+
+    <Footer />
 </div>
diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor
index 6f34f9d..2b6258a 100644
--- a/Shared/NavMenu.razor
+++ b/Shared/NavMenu.razor
@@ -48,8 +48,9 @@
     private string? NavBarCssClass => collapseNavMenu ? null : "show";
     private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
 
+
     private void ToggleNavMenu()
     {
         collapseNavMenu = !collapseNavMenu;
     }
-}
+}
\ No newline at end of file