diff --git a/public/images/backgrounds/bg2.jpg b/public/images/backgrounds/bg2.jpg
new file mode 100644
index 0000000..fe51aaf
Binary files /dev/null and b/public/images/backgrounds/bg2.jpg differ
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9554f45..a1c9bd1 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -27,7 +27,7 @@
     </script>
 </head>
 
-<body class="bg-cover" style="background-image: url('images/backgrounds/bg1.jpg')">
+<body class="bg-cover" style="background-image: url('images/backgrounds/bg2.jpg')">
     <div>
         @livewire('notifications')
     </div>
diff --git a/resources/views/layouts/nav.blade.php b/resources/views/layouts/nav.blade.php
index 1fbc280..a45ddd0 100644
--- a/resources/views/layouts/nav.blade.php
+++ b/resources/views/layouts/nav.blade.php
@@ -1,34 +1,36 @@
-<nav class="fi-topbar fixed top-0 grid grid-cols-2 w-full">
-    <div class="fi-logo flex gap-1">
-        <div class="w-9 pt-1">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-                stroke-linecap="round" stroke-linejoin="round">
-                <path d="m12.99 6.74 1.93 3.44"></path>
-                <path d="M19.136 12a10 10 0 0 1-14.271 0"></path>
-                <path d="m21 21-2.16-3.84"></path>
-                <path d="m3 21 8.02-14.26"></path>
-                <circle cx="12" cy="5" r="2"></circle>
-            </svg>
-        </div>
-        <div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
-            nutzwerte.at
-            <div class="text-xs font-light">Software für Architekten</div>
-        </div>
-    </div>
+ <nav class="fixed top-0 right-0 left-0 z-20">
+     <div class=" grid grid-cols-2 max-w-5xl mx-auto bg-white p-4 rounded-b-2xl">
+         <div class="fi-logo flex gap-1">
+             <div class="w-9 pt-1">
+                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                     <path d="m12.99 6.74 1.93 3.44"></path>
+                     <path d="M19.136 12a10 10 0 0 1-14.271 0"></path>
+                     <path d="m21 21-2.16-3.84"></path>
+                     <path d="m3 21 8.02-14.26"></path>
+                     <circle cx="12" cy="5" r="2"></circle>
+                 </svg>
+             </div>
+             <div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
+                 nutzwerte.at
+                 <div class="text-xs font-light">Software für Architekten</div>
+             </div>
+         </div>
 
 
-    <div class="grid grid-flow-col gap-3">
-        <x-filament::button href="/" tag="a" color="gray">
-            Home
-        </x-filament::button>
-        <x-filament::button href="/nutzwerte" tag="a" color="gray">
-            Nutzwerte
-        </x-filament::button>
-        <x-filament::button href="/dieses-programm" tag="a" color="gray">
-            Programm
-        </x-filament::button>
-        <x-filament::button href="/impressum" tag="a" color="gray">
-            Impressum
-        </x-filament::button>
-    </div>
-</nav>
+         <div class="grid grid-flow-col gap-3">
+             <x-filament::button href="/" tag="a" size="xs">
+                 Home
+             </x-filament::button>
+             <x-filament::button href="/nutzwerte" tag="a" size="xs">
+                 Nutzwerte
+             </x-filament::button>
+             <x-filament::button href="/dieses-programm" tag="a" size="xs">
+                 Programm
+             </x-filament::button>
+             <x-filament::button href="/impressum" tag="a" size="xs">
+                 Impressum
+             </x-filament::button>
+         </div>
+     </div>
+ </nav>