feat: enhance header and footer styles with improved link presentation and background effects

website/src/components/Footer.tsx

@@ -26,13 +26,13 @@ export function Footer() {
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
           {/* Brand */}
           <div>
-            <Link href="/" className="inline-block">
+            <Link href="/" className="inline-block rounded-lg overflow-hidden bg-white p-1.5">
               <Image
                 src="/assets/logo.png"
                 alt="Storfwirt Reutte Logo"
                 width={160}
                 height={50}
-                className="h-10 w-auto object-contain brightness-0 invert"
+                className="h-10 w-auto object-contain"
               />
             </Link>
             <p className="mt-4 text-sm text-white/70 leading-relaxed">

website/src/components/Header.tsx

@@ -48,10 +48,8 @@ export function Header() {
 
   return (
     <header
-      className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${
-        isScrolled
-          ? "bg-white/95 backdrop-blur-sm shadow-sm py-3"
-          : "bg-transparent py-5"
+      className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white shadow-sm ${
+        isScrolled ? "py-3" : "py-5"
       }`}
     >
       <nav