diff --git a/public/css/auth-module.css b/public/css/auth-module.css
index 8f570fc..507b8a6 100644
--- a/public/css/auth-module.css
+++ b/public/css/auth-module.css
@@ -159,16 +159,23 @@
 }
 
 nav.mod_customnav.block:has(a[href*="/abmelden"]) {
-    max-width: min(100%, 24rem);
-    margin: clamp(1.25rem, 3vw, 2.5rem) auto;
-    padding: 0.85rem;
-    border: 1px solid rgba(0, 100, 173, 0.14);
-    border-radius: 1.4rem;
-    background: linear-gradient(135deg, rgba(0, 100, 173, 0.08), rgba(255, 255, 255, 0.96));
-    box-shadow: 0 18px 40px rgba(34, 34, 34, 0.08);
+    position: fixed;
+    top: 1em;
+    right: 1em;
+    z-index: 1000;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
     box-sizing: border-box;
 }
 
+nav.mod_customnav.block:has(a[href*="/abmelden"]) .invisible {
+    display: none !important;
+}
+
 nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 {
     display: flex;
     justify-content: center;
@@ -186,23 +193,26 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-height: 2.9rem;
-    padding: 0.7rem 1.15rem;
+    min-height: 2.45rem;
+    padding: 0.5rem 0.9rem;
     border-radius: 999px;
-    background: rgba(255, 255, 255, 0.98);
+    border: 1px solid rgba(0, 100, 173, 0.16);
+    background: rgba(255, 255, 255, 0.92);
     color: var(--survey-auth-blue);
     font-family: "Blogger Sans", sans-serif;
-    font-size: 0.98rem;
+    font-size: 0.92rem;
     font-weight: 500;
     text-decoration: none;
-    box-shadow: 0 12px 26px rgba(0, 100, 173, 0.12);
-    transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
+    backdrop-filter: blur(10px);
+    box-shadow: 0 10px 24px rgba(34, 34, 34, 0.1);
+    transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, background-color 0.18s ease;
 }
 
 nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:hover,
 nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus {
     transform: translateY(-1px);
-    box-shadow: 0 16px 30px rgba(0, 100, 173, 0.18);
+    background: rgba(255, 255, 255, 0.98);
+    box-shadow: 0 14px 28px rgba(0, 100, 173, 0.16);
     color: #004f88;
 }
 
@@ -212,16 +222,12 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus {
         border-radius: 1.35rem;
     }
 
-    .mod_login.block.login button.submit,
-    nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a {
-        width: 100%;
-    }
-
     nav.mod_customnav.block:has(a[href*="/abmelden"]) {
-        padding: 0.75rem;
+        top: 0.75rem;
+        right: 0.75rem;
     }
 
-    nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 {
+    .mod_login.block.login button.submit {
         width: 100%;
     }
 }
\ No newline at end of file