fixes

frontend/src/lib/components/header/mobile.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
-    import { navigation, sites } from "../../stores"
+    import { navigation, refresh, sites } from "../../stores"
     import { onMount } from "svelte"
     import { apiBaseURL } from "../../../config"
     import { navigate } from "svelte-routing"
-
+    export let show = false
     let images: HTMLImageElement[] = []
     function changeStateOfSite(menuOn: boolean) {
         let element = document.getElementById("menu") as HTMLElement
         element.classList.toggle("show-menu")
+        show = !show
         let body = document.body
         if (menuOn) {
             body.style.overflow = "initial"
@@ -56,15 +57,19 @@
             class="logo-container"
             on:click="{() => {
                 navigate('/')
+                $refresh = !$refresh
             }}"
         >
             <button class="img-logo-container">
-                <img src="/media/logo.svg" alt="logo" />
+                <img src="/media/Radfahrer.svg" alt="logo" />
             </button>
             <div class="logo-text">
                 <p id="upper"><span class="yellow">ALL</span> <span class="red">KIDS</span></p>
                 <p id="lower">SO GÜNSTIG WIE NACHHALTIG</p>
             </div>
+            <button class="img-logo-container">
+                <img src="/media/MädchenmitBlume.svg" alt="logo" />
+            </button>
         </button>
         <button
             class="button-three"
@@ -100,6 +105,7 @@
                                     navigate(`${$sites[link.seite ?? '']?.path}`)
                                     let element = document.getElementById('menu')
                                     if (element) changeStateOfSite(element.classList.contains('show-menu'))
+                                    $refresh = !$refresh
                                     return
                                 }
                                 let element = e.currentTarget
@@ -132,6 +138,7 @@
                                                     let element = document.getElementById('menu')
                                                     if (element)
                                                         changeStateOfSite(element.classList.contains('show-menu'))
+                                                    $refresh = !$refresh
                                                 }}">{submenu.name}</button
                                             >
                                         </li>
@@ -198,7 +205,6 @@
             position: relative;
             width: 100%;
             height: 100vh;
-            background-color: var(--background-color);
 
             ul {
                 .header {
@@ -208,7 +214,7 @@
                     justify-content: space-between;
                     height: 105px;
                     .button-three {
-                        --button-color: var(--normal-font-color);
+                        --button-color: var(--hover-color);
                         overflow: hidden;
                         background: transparent;
                     }
@@ -237,15 +243,18 @@
                         display: flex;
                         align-items: center;
                         .logo-text {
+                            padding: 0px 10px;
                             p {
                                 white-space: nowrap;
                                 text-align: left;
                             }
                             & > #upper {
                                 span {
-                                    font-family: "Orbitron" !important;
-                                    font-size: 31px;
+                                    font-family: "Grandstander" !important;
+                                    font-size: 30px;
                                     font-weight: 700;
+                                    word-spacing: 5px;
+                                    letter-spacing: 4px;
                                     &.red {
                                         color: red;
                                     }
@@ -255,9 +264,11 @@
                                 }
                             }
                             & > #lower {
-                                font-size: 13px;
+                                font-size: 10px;
+                                letter-spacing: 0.4px;
                                 font-weight: bold;
                                 color: orange;
+                                font-family: "Grandstander" !important;
                             }
                             font-weight: bold;
                             font-size: 1.2rem;