diff --git a/components/Layout.tsx b/components/Layout.tsx
index c8b5016..db66029 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -52,10 +52,10 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
         className="fixed top-0 left-0 right-0 z-[100]"
       >
         <header
-          className={`transition-all duration-300 flex items-center py-1 ${
+          className={`transition-all duration-300 flex items-center ${
             isScrolled
-              ? "bg-white/90 backdrop-blur-lg border-b border-slate-200 shadow-sm"
-              : "bg-gradient-to-b from-white/80 via-white/40 to-transparent"
+              ? "bg-white/90 backdrop-blur-lg border-b border-slate-200 shadow-sm py-2"
+              : "bg-gradient-to-b from-white/80 via-white/40 to-transparent py-4"
           }`}
         >
           <div className="container-custom flex justify-between items-center w-full relative z-10">
@@ -65,7 +65,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
               aria-label={`${t("nav.home")} - Zur Startseite`}
             >
               <div
-                className={`relative transition-all duration-300 ${isScrolled ? "h-[50px] md:h-[80px] w-[120px] md:w-[200px] mt-0 mb-[-10px]" : "h-[80px] md:h-[140px] w-[180px] md:w-[320px] mt-2 md:mt-4 mb-[-20px] md:mb-[-40px]"}`}
+                className={`relative transition-all duration-300 ${isScrolled ? "h-[50px] md:h-[60px] w-[120px] md:w-[150px]" : "h-[70px] md:h-[100px] w-[160px] md:w-[240px]"}`}
               >
                 <Image
                   src="/assets/logo.png"