fixes

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { darkMode, navigation, sites } from "../../stores"
+    import { darkMode, navigation, refresh, sites } from "../../stores"
 
     import { apiBaseURL } from "../../../config"
     import { navigate } from "svelte-routing"
@@ -58,15 +58,20 @@
             element.classList.remove('show-submenu')
             changeStateOfSite(false)
             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>
     <ul class="menuitem-container">
         {#if $navigation?.elemente}
@@ -82,6 +87,7 @@
                                 element.classList.remove('show-submenu')
                                 changeStateOfSite(false)
                                 navigate(`${$sites[site.seite || ''].path}`)
+                                $refresh = !$refresh
                             }
                         }
                     }}"
@@ -162,6 +168,7 @@
                                                 element.classList.remove('show-submenu')
                                                 changeStateOfSite(false)
                                                 navigate(`${$sites[submenu_point.seite || '']?.path}`)
+                                                $refresh = !$refresh
                                             }}">{submenu_point?.name}</button
                                         >
                                     </li>
@@ -199,15 +206,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: 42px;
                                 font-weight: 700;
+                                word-spacing: 5px;
+                                letter-spacing: 4px;
                                 &.red {
                                     color: red;
                                 }
@@ -218,8 +228,10 @@
                         }
                         & > #lower {
                             font-size: 13px;
+                            letter-spacing: 0.4px;
                             font-weight: bold;
                             color: orange;
+                            font-family: "Grandstander" !important;
                         }
                         font-weight: bold;
                         font-size: 1.2rem;
@@ -235,7 +247,6 @@
                     }
                 }
                 div {
-                    margin-right: 10%;
                 }
                 .menuitem-container {
                     display: flex;