diff --git a/ka-note/VERSION b/ka-note/VERSION
index e33a6ed..e69f7cb 100644
--- a/ka-note/VERSION
+++ b/ka-note/VERSION
@@ -1 +1 @@
-1.0.25
\ No newline at end of file
+1.0.27
\ No newline at end of file
diff --git a/ka-note/client/src/routes/+layout.svelte b/ka-note/client/src/routes/+layout.svelte
index f6e3db5..8a36ec5 100644
--- a/ka-note/client/src/routes/+layout.svelte
+++ b/ka-note/client/src/routes/+layout.svelte
@@ -7,6 +7,7 @@
 	import { sync } from "$lib/sync/syncService";
 	import { refreshLockStatus } from "$lib/stores/aiLock";
 	import { onMount, onDestroy } from "svelte";
+	import { afterNavigate } from "$app/navigation";
 	import type { Snippet } from "svelte";
 	import {
 		handleRedirect,
@@ -72,17 +73,7 @@
 		sidebarOpen = false;
 	}
 
-	$effect(() => {
-		if (sidebarOpen) {
-			document.body.style.overflow = 'hidden';
-			document.body.style.position = 'fixed';
-			document.body.style.width = '100%';
-		} else {
-			document.body.style.overflow = '';
-			document.body.style.position = '';
-			document.body.style.width = '';
-		}
-	});
+	afterNavigate(() => closeSidebar());
 </script>
 
 {#if !authReady}
@@ -106,10 +97,12 @@
 	<div class="flex h-screen overflow-hidden">
 		<!-- Sidebar: fullscreen on mobile, static on desktop -->
 		{#if sidebarOpen}
+			<!-- Backdrop -->
+			<div class="fixed inset-0 z-[59] bg-black/50 backdrop-blur-sm md:hidden" onclick={closeSidebar}></div>
 			<!-- Mobile: full-screen overlay -->
-			<div class="fixed inset-0 z-40 flex flex-col bg-sidebar md:hidden">
+			<div class="fixed inset-0 z-[60] flex flex-col bg-sidebar md:hidden">
 				<!-- Header with close button -->
-				<div class="flex items-center justify-between border-b border-border px-5 py-4 shrink-0">
+				<div class="flex items-center justify-between border-b border-border px-5 py-4 shrink-0" style="padding-top: max(1rem, env(safe-area-inset-top));">
 					<span class="text-lg font-bold text-accent uppercase tracking-wider">Ka-Note</span>
 					<button
 						class="text-2xl text-muted hover:text-white leading-none"
@@ -137,8 +130,10 @@
 			</div>
 		</main>
 
-		<!-- Bottom tab bar (mobile only) -->
-		<BottomTabBar onsidebaropen={toggleSidebar} />
+		<!-- Bottom tab bar (mobile only, hidden when sidebar open) -->
+		{#if !sidebarOpen}
+			<BottomTabBar onsidebaropen={toggleSidebar} />
+		{/if}
 	</div>
 {:else}
 	<div class="flex h-screen items-center justify-center bg-bg">
diff --git a/vorlagen/iod_menu_geschlossen.jpg b/vorlagen/iod_menu_geschlossen.jpg
new file mode 100644
index 0000000..88b2965
Binary files /dev/null and b/vorlagen/iod_menu_geschlossen.jpg differ
diff --git a/vorlagen/iod_menu_offen.jpg b/vorlagen/iod_menu_offen.jpg
new file mode 100644
index 0000000..b5547b9
Binary files /dev/null and b/vorlagen/iod_menu_offen.jpg differ