perf: optimize Image component sizes and hoist LCP preload tags

app/[locale]/page.tsx

@@ -19,7 +19,7 @@ import JsonLd from '@/components/JsonLd';
 import { Button } from '@/components/ui/Button';
 import { Heading } from '@/components/ui/Heading';
 const AnimatedCounter = nextDynamic(() => import('@/components/ui').then(mod => mod.AnimatedCounter));
-const InteractiveGermanyMap = nextDynamic(() => import('@/components/blocks/InteractiveGermanyMap').then(mod => mod.InteractiveGermanyMap));
+import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
 const ScaleOfImpact = nextDynamic(() => import('@/components/blocks/ScaleOfImpact').then(mod => mod.ScaleOfImpact));
 import { getAllReferences } from '@/lib/references';
 

app/[locale]/standorte/page.tsx

@@ -70,6 +70,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
                     alt={standort.name}
                     fill
                     className="object-cover transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] filter grayscale-[20%] group-hover:scale-105 group-hover:grayscale-0"
+                    sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw"
                   />
                   <div className="absolute inset-0 bg-black/10 transition-colors duration-500" />