fix: move EU funding badge from header to footer to prevent overlap

app/[locale]/layout.tsx

@@ -19,8 +19,6 @@ import { TransitionProvider } from '@/components/providers/TransitionProvider';
 import { PageTransitionShutter } from '@/components/providers/PageTransitionShutter';
 import { InitialLoader } from '@/components/providers/InitialLoader';
 import { CorporateBackground } from '@/components/decorations/CorporateBackground';
-import { EUFundingBadge } from '@/components/decorations/EUFundingBadge';
-
 const inter = Inter({
   subsets: ['latin'],
   display: 'swap',
@@ -203,7 +201,6 @@ export default async function Layout(props: {
             <PageTransitionShutter />
             <SkipLink />
             <Header navLinks={navLinks} />
-            <EUFundingBadge />
             <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
             
             <main

components/decorations/EUFundingBadge.tsx

@@ -9,7 +9,7 @@ export function EUFundingBadge() {
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 1.5, ease: [0.16, 1, 0.3, 1] }}
-      className="absolute top-0 right-0 w-[260px] md:w-[380px] h-[260px] md:h-[380px] z-[40] pointer-events-none select-none overflow-hidden"
+      className="absolute top-0 right-0 w-[260px] md:w-[380px] h-[260px] md:h-[380px] z-0 pointer-events-none select-none overflow-hidden"
       style={{
         // Perfekter weicher Fade, der sicherstellt, dass harte Kanten komplett unsichtbar werden
         maskImage: 'radial-gradient(100% 100% at top right, black 10%, rgba(0,0,0,0.8) 30%, transparent 70%)',

components/layout/Footer.tsx

@@ -4,6 +4,7 @@ import { useLocale } from 'next-intl';
 import { ShieldCheck, Leaf, Lock, Accessibility, Zap, Mail, Phone } from 'lucide-react';
 import { LanguageSwitcher } from './LanguageSwitcher';
 import { Tooltip } from '@/components/ui/Tooltip';
+import { EUFundingBadge } from '@/components/decorations/EUFundingBadge';
 interface CompanyInfo {
   contactEmail: string;
   contactPhone: string;
@@ -26,6 +27,8 @@ export function Footer({ companyInfo }: FooterProps) {
       <div className="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent" />
       <div className="absolute top-0 left-1/2 -translate-x-1/2 w-1/3 h-[200px] bg-primary/20 blur-[100px] rounded-full pointer-events-none opacity-50" />
 
+      <EUFundingBadge />
+
       <div className="container relative z-10 grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 md:gap-6 lg:gap-8 mb-8 md:mb-12">
         {/* Brand Column Bento */}
         <div className="col-span-1 md:col-span-4 lg:col-span-5 flex flex-col justify-between bg-white/[0.02] border border-white/5 rounded-3xl p-5 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden">