From e3a7f368927db73451caacb31f5f7671c16c3205 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Sun, 19 Nov 2023 18:25:56 +0000
Subject: [PATCH] seo

---
 frontend/src/lib/components/Menu/Menu.svelte | 68 ++++++++++++--------
 1 file changed, 42 insertions(+), 26 deletions(-)

diff --git a/frontend/src/lib/components/Menu/Menu.svelte b/frontend/src/lib/components/Menu/Menu.svelte
index da8e7e7..b940e1b 100644
--- a/frontend/src/lib/components/Menu/Menu.svelte
+++ b/frontend/src/lib/components/Menu/Menu.svelte
@@ -8,57 +8,75 @@
 <div class="menu" class:active="{active}">
     <div class="menu-container">
         <Header bind:active="{active}" opened="{true}" />
-        <div class="menu-content">
+
+        <nav class="menu-content">
             {#if $navigation}
                 <div class="container">
                     <div class="inner-container">
-                        <div class="pages">
+                        <ul class="pages">
                             {#each $navigation.pages as page}
                                 {#if Object.values($pages)?.find((o) => o.id == page.page)?.path !== "/"}
-                                    <button
-                                        class="page underline"
-                                        on:click="{() => {
-                                            active = false
-                                            $rerender = $rerender + 1
-                                            navigate(Object.values($pages)?.find((o) => o.id == page.page)?.path || '/')
-                                        }}"
-                                    >
-                                        {page.name}
-                                    </button>{/if}
+                                    <li>
+                                        <!-- svelte-ignore a11y-click-events-have-key-events -->
+                                        <!-- svelte-ignore a11y-missing-attribute -->
+                                        <a
+                                            style="text-decoration: none;"
+                                            class="page underline"
+                                            on:click="{() => {
+                                                active = false
+                                                $rerender = $rerender + 1
+                                                navigate(
+                                                    Object.values($pages)?.find((o) => o.id == page.page)?.path || '/'
+                                                )
+                                            }}"
+                                        >
+                                            {page.name}
+                                        </a>
+                                    </li>
+                                {/if}
                             {/each}
-                        </div>
+                        </ul>
+
                         <div class="footer-infos">
                             <div class="upper">
-                                <button
+                                <!-- svelte-ignore a11y-click-events-have-key-events -->
+                                <!-- svelte-ignore a11y-missing-attribute -->
+                                <a
+                                    style="text-decoration: none;"
                                     class="underline"
                                     on:click="{() => {
                                         active = false
                                         $rerender = $rerender + 1
                                         navigate('/datenschutz')
-                                    }}">Datenschutz</button
+                                    }}">Datenschutz</a
                                 >
-                                <button
+                                <!-- svelte-ignore a11y-click-events-have-key-events -->
+                                <!-- svelte-ignore a11y-missing-attribute -->
+                                <a
+                                    style="text-decoration: none;"
                                     class="underline"
                                     on:click="{() => {
                                         active = false
                                         $rerender = $rerender + 1
                                         navigate('/impressum')
-                                    }}">Impressum</button
+                                    }}">Impressum</a
                                 >
                             </div>
+                            <!-- svelte-ignore a11y-missing-attribute -->
                             <div class="lower">
-                                <button>+49 (0) 711 655 700-0</button>
-                                <button>
+                                <!-- svelte-ignore a11y-missing-attribute -->
+                                <a>+49 (0) 711 655 700-0</a>
+                                <a>
                                     <a href="mailto:info@fontis.de" style="text-decoration: none;" class="button">
                                         info@fontis.de
                                     </a>
-                                </button>
+                                </a>
                             </div>
                         </div>
                     </div>
                 </div>
             {/if}
-        </div>
+        </nav>
     </div>
 </div>
 
@@ -155,12 +173,10 @@
                                 }
                                 gap: 20px;
                             }
-                            button {
+                            a {
                                 color: @font-color-secondary;
-                                a {
-                                    color: @font-color-secondary;
-                                    font-weight: normal;
-                                }
+                                font-weight: normal;
+                                text-decoration: initial;
                             }
                             @media @desktop {
                                 .lower {