From 81d503fe8a7cd3771178c0ee33ac32b236a66ec6 Mon Sep 17 00:00:00 2001
From: Stephanie Hohenberg <stephanie.hohenberg@gmail.com>
Date: Tue, 7 Apr 2026 23:08:29 +0200
Subject: [PATCH] updates hovering behaviour of header items

---
 src/lib/components/global/Header.svelte         |  6 ++++--
 .../components/global/LanguageToggler.svelte    | 12 +++++++++---
 src/lib/components/global/Nav.svelte            | 17 +++++++++--------
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/global/Header.svelte b/src/lib/components/global/Header.svelte
index b6be354c..674551e0 100644
--- a/src/lib/components/global/Header.svelte
+++ b/src/lib/components/global/Header.svelte
@@ -182,9 +182,11 @@
         animation: blur 1s forwards ease;
         align-items: start;
     }
-    a:hover {
-        box-shadow: 0 0 0 1px white;
+
+    .titleWrapper:hover {
+        transform: scale(1.05);
     }
+
     @keyframes disappear {
         0% {
             font-size: 1rem;
diff --git a/src/lib/components/global/LanguageToggler.svelte b/src/lib/components/global/LanguageToggler.svelte
index c7fe3bc2..d3e0c0f7 100644
--- a/src/lib/components/global/LanguageToggler.svelte
+++ b/src/lib/components/global/LanguageToggler.svelte
@@ -12,12 +12,14 @@
     <div class="languageToggler">
         <button id="en" title="English"
             on:click={() => handleLanguageToggle("en")}
-            class:active={$currentLanguage == "en"}>
+            class:inactive={$currentLanguage !== "en"}
+            class:active={$currentLanguage === "en"}>
             EN
         </button>
         <button id="de" title="Deutsch"
             on:click={() => handleLanguageToggle("de")}
-            class:active={$currentLanguage == "de"}>
+            class:inactive={$currentLanguage !== "de"}
+            class:active={$currentLanguage === "de"}>
             DE
         </button>
     </div>
@@ -69,7 +71,6 @@
         background: none;
         padding: .7em;
         cursor: pointer;
-        opacity: 1;
         aspect-ratio: 1;
         font-size: .8em;
         border-radius: 100%;
@@ -87,4 +88,9 @@
         position: absolute;
         left: -3px;
     }
+
+    .inactive:hover {
+        transform: scale(1.1);
+    }
+
 </style>
\ No newline at end of file
diff --git a/src/lib/components/global/Nav.svelte b/src/lib/components/global/Nav.svelte
index b33205c8..d809885c 100644
--- a/src/lib/components/global/Nav.svelte
+++ b/src/lib/components/global/Nav.svelte
@@ -9,13 +9,13 @@
 </script>
 
 
-<button   
-    style="display: {isOpen ? "block" : "none"};" 
-    on:click={() => {isOpen = false;}} 
-    class="defocus" />
+<button
+    style='display: {isOpen ? "block" : "none"};'
+    on:click={() => {isOpen = false;}}
+    class="defocus"></button>
 
 <nav>
-    <button title="menu" on:click={() => isOpen = !isOpen} class="burger {isOpen ? "burgerOpen" : ""}">
+    <button title="menu" on:click={() => isOpen = !isOpen} class='burger {isOpen ? "burgerOpen" : ""}'>
         {#each {length: 3} as _, i}
             <span></span>
         {/each}
@@ -74,8 +74,7 @@
         z-index: 1;
         position: absolute;
         right: 0;
-        margin: 0;
-        margin-top: 1em;
+        margin: 1em 0 0;
         padding: 0;
         flex-direction: column;
         list-style: none;
@@ -138,9 +137,11 @@
     .burgerOpen {
         position: relative;
     }
+
     .burger:hover {
-        outline: 1px solid white;
+        transform: scale(1.2);
     }
+
     .burger span {
         transition: all .2s ease;
         height: 2px;