Merged dev into YUM04-19-allergene

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 {
+
+}

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;
+}

Shared/MainLayout.razor

@@ -9,4 +9,6 @@
             @Body
         </article>
     </main>
+
+    <Footer />
 </div>

Shared/NavMenu.razor

@@ -48,8 +48,9 @@
     private string? NavBarCssClass => collapseNavMenu ? null : "show";
     private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
 
+
     private void ToggleNavMenu()
     {
         collapseNavMenu = !collapseNavMenu;
     }
-}
+}