feat: overhaul competence pages, unify brand colors, and polish site integrity

- Rewrote all 5 competence pages (Kabeltiefbau, Bohrtechnik, Glasfaser, Planung, Vermessung) with factual data from references
- Unified brand colors: replaced toxic neon green with brand-aligned teal (#10a379)
- Fixed ReferencesSlider injection in dynamic MDX pages
- Enhanced Footer with icon parity, improved branding placement, and unified hover effects
- Refined Header with 3D micro-animations and improved dropdown visibility
- Fixed localized tracking API (rewrites for /stats/api/send)
- Resolved ReferenceErrors in InteractiveGermanyMap and Header state management
- Cleaned reference titles and truncated metadata in lists

app/[locale]/referenzen/[slug]/page.tsx

@@ -70,10 +70,17 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
     h3: (props: any) => <Heading level={3} size="4" className="mt-12 mb-4 text-primary" {...props} />,
     h4: (props: any) => <Heading level={4} size="5" className="mt-8 mb-4 uppercase tracking-widest text-neutral-500" {...props} />,
     p: (props: any) => <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl" {...props} />,
-    ul: (props: any) => <ul className="list-none mb-8 space-y-3 text-base md:text-lg text-text-secondary font-medium max-w-3xl" {...props} />,
+    ul: (props: any) => <ul className="grid grid-cols-1 md:grid-cols-2 gap-4 my-12" {...props} />,
     ol: (props: any) => <ol className="list-decimal pl-6 mb-8 space-y-3 text-base md:text-lg text-text-secondary font-medium max-w-3xl" {...props} />,
     li: (props: any) => (
-      <li className="relative pl-6 before:content-[''] before:absolute before:left-0 before:top-[0.6em] before:w-2 before:h-2 before:bg-primary/50 before:rounded-sm" {...props} />
+      <li className="bg-neutral-50 p-6 rounded-2xl border border-neutral-100 flex items-start gap-4 hover:shadow-md transition-shadow group" {...props}>
+        <div className="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-primary/20 transition-colors">
+          <svg className="w-3.5 h-3.5 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
+            <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
+          </svg>
+        </div>
+        <span className="text-neutral-700 font-semibold leading-snug">{props.children}</span>
+      </li>
     ),
     a: (props: any) => <a className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold" {...props} />,
     strong: (props: any) => <strong className="font-bold text-neutral-900" {...props} />,

app/[locale]/referenzen/page.tsx

@@ -116,19 +116,19 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                   </h3>
                   
                   {/* Technical Meta Data */}
-                  <div className="grid grid-cols-[1fr_1fr] gap-4 mt-auto border-t border-neutral-100 pt-6 pr-16 md:pr-20 relative z-10">
+                  <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 pr-16 md:pr-20 relative z-10">
                     <div className="min-w-0">
                       <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Kunde</span>
-                      <span className="flex items-center gap-1.5 text-sm font-semibold text-neutral-700">
-                        <Briefcase className="w-3.5 h-3.5 text-primary shrink-0" />
-                        <span className="truncate">{ref.frontmatter.client}</span>
+                      <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
+                        <Briefcase className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
+                        <span className="line-clamp-2">{ref.frontmatter.client}</span>
                       </span>
                     </div>
                     <div className="min-w-0">
                       <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Zeitraum</span>
-                      <span className="flex items-center gap-1.5 text-sm font-semibold text-neutral-700">
-                        <Calendar className="w-3.5 h-3.5 text-primary shrink-0" />
-                        <span className="truncate">{ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear()}</span>
+                      <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
+                        <Calendar className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
+                        <span className="line-clamp-2">{ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear()}</span>
                       </span>
                     </div>
                   </div>