feat(ui): redesign EU flag with perspective image and gradient fade mask

- Hide CorporateBackground on mobile to prevent content overlap
- Increase Header padding on mobile for better logo spacing
- Reduce top spacing in HeroSection on mobile
- Change SubCompanyTiles to horizontally scrollable row on mobile
- Add bottom padding to Footer to clear MobileBottomNav
- Reduce Footer Bento card padding for compact mobile view

.turbo/41698960411f6bf6-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-test.log":{"size":2776,"mtime_nanos":1781469605328811961,"mode":420,"is_dir":false}},"order":[".turbo/turbo-test.log"]}

.turbo/41698960411f6bf6-meta.json

@@ -0,0 +1 @@
+{"hash":"41698960411f6bf6","duration":4168,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/bb46018d4a7bc516-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-lint.log":{"size":12987,"mtime_nanos":1781469609469080321,"mode":420,"is_dir":false}},"order":[".turbo/turbo-lint.log"]}

.turbo/bb46018d4a7bc516-meta.json

@@ -0,0 +1 @@
+{"hash":"bb46018d4a7bc516","duration":8307,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/eb4eeeb717c1af0c-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-typecheck.log":{"size":85,"mtime_nanos":1781469608726900998,"mode":420,"is_dir":false}},"order":[".turbo/turbo-typecheck.log"]}

.turbo/eb4eeeb717c1af0c-meta.json

@@ -0,0 +1 @@
+{"hash":"eb4eeeb717c1af0c","duration":7565,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/turbo-lint.log

@@ -2,128 +2,4 @@
 > e-tib-nextjs@2.2.12 lint /Volumes/Alpha SSD/Coding/e-tib.com
 > eslint .
 
-
+ ELIFECYCLE  Command failed.
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/[slug]/page.tsx
-   1:20  warning  'redirect' is defined but never used                                                                                                                                                                                                                                                     @typescript-eslint/no-unused-vars
-  75:24  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
-
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/blog/[slug]/page.tsx
-   1:20  warning  'redirect' is defined but never used                                                                                                                                                                                                                                                     @typescript-eslint/no-unused-vars
-  39:24  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
-
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/error.tsx
-  7:30  warning  'AlertTriangle' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/not-found.tsx
-  6:10  warning  'Terminal' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/referenzen/[slug]/page.tsx
-  92:26  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
-
-/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/referenzen/page.tsx
-  1:21  warning  'Heading' is defined but never used  @typescript-eslint/no-unused-vars
-  1:30  warning  'Badge' is defined but never used    @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/JsonLd.tsx
-   1:30  warning  'Graph' is defined but never used       @typescript-eslint/no-unused-vars
-  43:31  warning  '_' is assigned a value but never used  @typescript-eslint/no-unused-vars
-  48:29  warning  '_' is assigned a value but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CertificatesBlock.tsx
-    6:10  warning  'Button' is defined but never used                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   @typescript-eslint/no-unused-vars
-    9:10  warning  'FileText' is defined but never used                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 @typescript-eslint/no-unused-vars
-  102:5   warning  Error: Calling setState synchronously within an effect can trigger cascading renders
-
-Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
-* Update external systems with the latest state from React.
-* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
-
-Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CertificatesBlock.tsx:102:5
-  100 |
-  101 |   useEffect(() => {
-> 102 |     setIsMounted(true);
-      |     ^^^^^^^^^^^^ Avoid calling setState() directly within an effect
-  103 |   }, []);
-  104 |
-  105 |   const badgeText = badge || 'Zertifizierungen & Nachweise';  react-hooks/set-state-in-effect
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CompetenceBentoGrid.tsx
-  53:5  warning  Error: Calling setState synchronously within an effect can trigger cascading renders
-
-Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
-* Update external systems with the latest state from React.
-* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
-
-Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CompetenceBentoGrid.tsx:53:5
-  51 |   
-  52 |   useEffect(() => {
-> 53 |     setIsMounted(true);
-     |     ^^^^^^^^^^^^ Avoid calling setState() directly within an effect
-  54 |   }, []);
-  55 |
-  56 |   const badge = props.badge || data?.badge || 'Leistungsspektrum';  react-hooks/set-state-in-effect
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/HeroVideo.tsx
-   5:18  warning  'AnimatePresence' is defined but never used  @typescript-eslint/no-unused-vars
-   6:10  warning  'useState' is defined but never used         @typescript-eslint/no-unused-vars
-   6:20  warning  'useEffect' is defined but never used        @typescript-eslint/no-unused-vars
-  45:12  warning  'e' is defined but never used                @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/InteractiveGermanyMap.tsx
-   5:18  warning  'Factory' is defined but never used              @typescript-eslint/no-unused-vars
-   5:27  warning  'Zap' is defined but never used                  @typescript-eslint/no-unused-vars
-  53:9   warning  'hq' is assigned a value but never used          @typescript-eslint/no-unused-vars
-  54:9   warning  'branch' is assigned a value but never used      @typescript-eslint/no-unused-vars
-  55:9   warning  'projects' is assigned a value but never used    @typescript-eslint/no-unused-vars
-  56:9   warning  'minorNodes' is assigned a value but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/ReferencesSlider.test.tsx
-   5:10  warning  'NextIntlClientProvider' is defined but never used                                                                                                                                                                                                                                       @typescript-eslint/no-unused-vars
-  21:12  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/TeamGridBlock.tsx
-  20:39  warning  'title' is defined but never used. Allowed unused args must match /^_/u                 @typescript-eslint/no-unused-vars
-  20:46  warning  'department' is defined but never used. Allowed unused args must match /^_/u            @typescript-eslint/no-unused-vars
-  20:58  warning  'showContact' is assigned a value but never used. Allowed unused args must match /^_/u  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/decorations/CorporateBackground.tsx
-  36:13  warning  'distance' is assigned a value but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/home/Hero.tsx
-   9:39  warning  'useCallback' is defined but never used                                                                                         @typescript-eslint/no-unused-vars
-  77:6   warning  React Hook useEffect has missing dependencies: 'HERO_PLACEHOLDERS' and 't'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/home/MeetTheTeam.tsx
-  8:9  warning  'teamT' is assigned a value but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/layout/Footer.tsx
-  4:35  warning  'Accessibility' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/providers/InitialLoader.tsx
-  5:8  warning  'Image' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/providers/PageTransitionShutter.tsx
-  6:8  warning  'Image' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/search/AIOrb.tsx
-  153:13  warning  'breathe' is assigned a value but never used       @typescript-eslint/no-unused-vars
-  212:15  warning  'targetExcite' is assigned a value but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/search/AISearchResults.tsx
-  100:6  warning  React Hook useEffect has missing dependencies: 'handleSearch' and 'initialQuery'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-
-/Volumes/Alpha SSD/Coding/e-tib.com/components/ui/AnimatedCounter.tsx
-  3:28  warning  'useState' is defined but never used  @typescript-eslint/no-unused-vars
-
-/Volumes/Alpha SSD/Coding/e-tib.com/lib/blog.ts
-   6:7  warning  'BLOG_DIR' is assigned a value but never used    @typescript-eslint/no-unused-vars
-  94:7  warning  'next' is never reassigned. Use 'const' instead  prefer-const
-  95:7  warning  'prev' is never reassigned. Use 'const' instead  prefer-const
-
-✖ 45 problems (0 errors, 45 warnings)
-  0 errors and 2 warnings potentially fixable with the `--fix` option.
-

.turbo/turbo-test.log

@@ -5,27 +5,51 @@
 
  RUN  v4.1.2 /Volumes/Alpha SSD/Coding/e-tib.com
 
- ✓ tests/mdx-links.test.ts (1 test) 4ms
+(node:64961) [DEP0205] DeprecationWarning: `module.register()` is deprecated. Use `module.registerHooks()` instead.
- ✓ lib/mail/mailer.test.ts (1 test) 2ms
+(Use `node --trace-deprecation ...` to show where the warning was created)
- ✓ lib/env.test.ts (6 tests) 6ms
+ ✓ tests/mdx-links.test.ts (1 test) 29ms
+ ✓ tests/homepage-and-competence-content.test.ts (4 tests) 14ms
+ ❯ tests/legal-pages.test.ts (2 tests | 1 failed) 9ms
+     ✓ should contain highly professional B2B sections in German AGB 5ms
+     × should contain professional corresponding B2B sections in English Terms 2ms
+ ✓ tests/task-12-links.test.ts (2 tests) 8ms
+ ✓ tests/messen-content.test.ts (2 tests) 8ms
+ ✓ lib/mail/mailer.test.ts (1 test) 7ms
 stderr | components/layout/LanguageSwitcher.test.tsx > LanguageSwitcher TDD > translates /en/trade-fairs to /de/messen when switching to German
 React does not recognize the `transitionMessage` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `transitionmessage` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
 
- ✓ components/layout/LanguageSwitcher.test.tsx (5 tests) 21ms
+ ✓ components/layout/LanguageSwitcher.test.tsx (5 tests) 25ms
- ✓ components/search/AISearchResults.test.tsx (1 test) 26ms
+ ✓ components/search/AISearchResults.test.tsx (1 test) 52ms
 stderr | components/blocks/ReferencesSlider.test.tsx > ReferencesSlider TDD > renders reference tiles correctly
 Received `true` for a non-boolean attribute `fill`.
 
 If you want to write it to the DOM, pass a string instead: fill="true" or fill={value.toString()}.
 
- ✓ components/blocks/ReferencesSlider.test.tsx (4 tests) 40ms
+ ✓ components/blocks/ReferencesSlider.test.tsx (2 tests) 43ms
+ ✓ lib/env.test.ts (6 tests) 4ms
 stdout | app/[locale]/referenzen/[slug]/page.test.tsx
 [Config] Initializing Toggles: { feedbackEnabled: false }
 
- ✓ app/[locale]/referenzen/[slug]/page.test.tsx (1 test) 6ms
+ ✓ app/[locale]/referenzen/[slug]/page.test.tsx (1 test) 26ms
 
- Test Files  7 passed (7)
+⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯
-      Tests  19 passed (19)
-   Start at  14:12:48
-   Duration  1.80s (transform 863ms, setup 0ms, import 2.94s, tests 105ms, environment 3.18s)
 
+ FAIL  tests/legal-pages.test.ts > Legal Pages Content Validation > should contain professional corresponding B2B sections in English Terms
+Error: ENOENT: no such file or directory, open '/Volumes/Alpha SSD/Coding/e-tib.com/content/en/terms.mdx'
+ ❯ tests/legal-pages.test.ts:25:24
+     23|
+     24|   it('should contain professional corresponding B2B sections in Englis…
+     25|     const content = fs.readFileSync(enTermsPath, 'utf8');
+       |                        ^
+     26|
+     27|     expect(content).toContain('title: "Terms and Conditions"');
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯
+
+
+ Test Files  1 failed | 10 passed (11)
+      Tests  1 failed | 26 passed (27)
+   Start at  14:54:33
+   Duration  5.94s (transform 5.27s, setup 0ms, import 9.43s, tests 222ms, environment 13.80s)
+
+ ELIFECYCLE  Test failed. See above for more details.

.turbo/turbo-typecheck.log

@@ -2,3 +2,4 @@
 > e-tib-nextjs@2.2.12 typecheck /Volumes/Alpha SSD/Coding/e-tib.com
 > tsc --noEmit
 
+ ELIFECYCLE  Command failed.

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

@@ -10,7 +10,6 @@ import TrackedLink from '@/components/analytics/TrackedLink';
 import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { getAllReferences } from '@/lib/references';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
-
 // Import components used in MDX
 import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
 import { SubCompanyTiles as HomeSubCompanyTiles } from '@/components/blocks/SubCompanyTiles';

app/[locale]/layout.tsx

@@ -19,6 +19,7 @@ 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'],
@@ -92,15 +93,19 @@ export default async function Layout(props: {
       url: `/${safeLocale}/${await mapFileSlugToTranslated('ueber-uns', safeLocale)}`,
       children: [
         { label: safeLocale === 'de' ? 'Firma' : 'Company', url: `/${safeLocale}/${await mapFileSlugToTranslated('ueber-uns', safeLocale)}` },
-        { label: safeLocale === 'de' ? 'Standorte' : 'Locations', url: `/${safeLocale}/standorte` },
         { label: safeLocale === 'de' ? 'Unser Team' : 'Our Team', url: `/${safeLocale}/team` },
-        { label: safeLocale === 'de' ? 'Zertifikate' : 'Certificates', url: `/${safeLocale}/zertifikate` }
+        { label: safeLocale === 'de' ? 'Zertifikate' : 'Certificates', url: `/${safeLocale}/zertifikate` },
+        { label: safeLocale === 'de' ? 'Standorte' : 'Locations', url: `/${safeLocale}/standorte` }
       ]
     },
     {
       label: safeLocale === 'de' ? 'Referenzen' : 'References',
       url: `/${safeLocale}/referenzen`
     },
+    { 
+      label: safeLocale === 'de' ? 'Karriere' : 'Career', 
+      url: `/${safeLocale}/${safeLocale === 'de' ? 'karriere' : 'career'}` 
+    },
     { 
       label: safeLocale === 'de' ? 'Messen' : 'Events', 
       url: `/${safeLocale}/${await mapFileSlugToTranslated('messen', safeLocale)}` 
@@ -198,6 +203,7 @@ export default async function Layout(props: {
             <PageTransitionShutter />
             <SkipLink />
             <Header navLinks={navLinks} />
+            <EUFundingBadge />
             <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
             
             <main

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

@@ -1,4 +1,4 @@
-import { Container } from '@/components/ui';
+import { Container, Badge, Heading } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
@@ -63,137 +63,122 @@ export default async function StandortDetail(props: { params: Promise<{ locale:
   }
 
   return (
-    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24 pt-32">
+    <div className="flex flex-col min-h-screen bg-white">
-      <Container>
+      {/* Generic Hero Section to match standard pages */}
-        {/* Header Section */}
+      <section className="bg-primary-dark text-white pt-40 pb-12 md:pt-56 md:pb-16 min-h-[40vh] md:min-h-[45vh] flex flex-col justify-end relative overflow-hidden">
-        <div className="mb-12 md:mb-16">
+        <div className="absolute inset-0 opacity-20 pointer-events-none">
-          <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider mb-6">
+          <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-accent/50 via-transparent to-transparent" />
-            <MapPin className="w-4 h-4" />
+        </div>
-            <span>{standort.type === 'hq' ? (safeLocale === 'de' ? 'Hauptsitz' : 'Headquarters') : (safeLocale === 'de' ? 'Niederlassung' : 'Branch')}</span>
+        <Container className="relative z-10">
+          <div className="max-w-4xl">
+            <Badge variant="accent" className="mb-4 md:mb-6 shadow-sm flex inline-flex items-center gap-2">
+              <MapPin className="w-4 h-4" />
+              {standort.type === 'hq' ? (safeLocale === 'de' ? 'Hauptsitz' : 'Headquarters') : (safeLocale === 'de' ? 'Niederlassung' : 'Branch')}
+            </Badge>
+            <Heading level={1} variant="white" className="mb-0 drop-shadow-sm">
+              {standort.name}
+            </Heading>
           </div>
-          <h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-neutral-dark text-balance">
+        </Container>
-            {standort.name}
+      </section>
-          </h1>
+
-          <p className="text-xl text-neutral-500 max-w-3xl leading-relaxed">
+      {/* Main Content Area */}
+      <Container className="py-16 md:py-24">
+        {/* Excerpt/Lead paragraph */}
+        <div className="mb-16 max-w-4xl mx-auto">
+          <p className="text-xl md:text-2xl text-text-primary leading-relaxed font-medium border-l-4 border-primary pl-8 py-2 italic">
             {standort.description[safeLocale]}
           </p>
         </div>
 
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12">
+        {/* Main content in prose style */}
-          {/* Main Content (Images & Description) */}
+        <div className="max-w-4xl mx-auto">
-          <div className="lg:col-span-8 space-y-8">
+          <div className="prose prose-lg md:prose-xl prose-neutral max-w-none prose-headings:font-heading prose-headings:font-bold prose-headings:tracking-tight prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:border-b prose-h2:border-neutral-200 prose-h2:pb-4 prose-h3:text-2xl prose-p:text-text-secondary prose-p:leading-relaxed prose-a:text-primary prose-a:font-medium prose-a:underline prose-a:underline-offset-4 prose-a:decoration-primary/30 hover:prose-a:decoration-primary prose-strong:text-text-primary prose-strong:font-semibold prose-li:text-text-secondary prose-ul:list-disc prose-ol:list-decimal">
-            {/* Featured Image */}
-            <div className="relative aspect-video w-full rounded-3xl overflow-hidden bg-neutral-900 shadow-xl border border-neutral-200">
-              <Image
-                src={standort.image}
-                alt={standort.name}
-                fill
-                className="object-cover"
-                priority
-              />
-              <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent" />
-            </div>
-
-            {/* Key Features */}
-            <div className="bg-white rounded-3xl p-8 md:p-10 shadow-sm border border-neutral-100">
-              <h2 className="text-2xl font-bold font-heading mb-6 text-neutral-dark">
-                {safeLocale === 'de' ? 'Unsere Leistungen vor Ort' : 'Our Local Services'}
-              </h2>
-              <ul className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                {standort.keyFeatures[safeLocale].map((feature, idx) => (
-                  <li key={idx} className="flex items-start gap-3">
-                    <CheckCircle2 className="w-5 h-5 text-primary shrink-0 mt-0.5" />
-                    <span className="text-neutral-700 font-medium">{feature}</span>
-                  </li>
-                ))}
-              </ul>
-            </div>
             
-            {/* Gallery (if any) */}
+            <img className="rounded-2xl shadow-2xl my-12 max-w-full h-auto border border-neutral-100" src={standort.image} alt={standort.name} />
+
+            <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">{safeLocale === 'de' ? 'Unsere Leistungen vor Ort' : 'Our Local Services'}</h2>
+            <ul className="list-none mb-8 space-y-3 text-base md:text-lg text-text-secondary font-medium max-w-3xl">
+              {standort.keyFeatures[safeLocale].map((feature, idx) => (
+                <li key={idx} 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">
+                  {feature}
+                </li>
+              ))}
+            </ul>
+
+            <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">{safeLocale === 'de' ? 'Kontakt & Anfahrt' : 'Contact & Directions'}</h2>
+            
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>{safeLocale === 'de' ? 'Adresse:' : 'Address:'}</strong><br/>
+              {standort.address.street}<br/>
+              {standort.address.city}
+            </p>
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <TrackedLink 
+                href={`https://maps.google.com/?q=${encodeURIComponent(`${standort.address.street}, ${standort.address.city}`)}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold flex items-center gap-1 w-fit"
+                eventProperties={{ location: 'standort_maps_link', slug: standort.id }}
+              >
+                {safeLocale === 'de' ? 'In Google Maps öffnen' : 'Open in Google Maps'}
+                <ArrowUpRight className="w-4 h-4 inline-block" />
+              </TrackedLink>
+            </p>
+
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>{safeLocale === 'de' ? 'Telefon:' : 'Phone:'}</strong><br/>
+              <a href={`tel:${standort.contact.phone.replace(/[^0-9+]/g, '')}`} className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold">
+                {standort.contact.phone}
+              </a>
+            </p>
+
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>Email:</strong><br/>
+              <a href={`mailto:${standort.contact.email}`} className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold">
+                {standort.contact.email}
+              </a>
+            </p>
+
             {standort.gallery && standort.gallery.length > 0 && (
-              <div className="grid grid-cols-2 gap-4">
+              <>
-                {standort.gallery.map((img, idx) => (
+                <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">Galerie</h2>
-                  <div key={idx} className="relative aspect-[4/3] rounded-2xl overflow-hidden bg-neutral-100">
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 not-prose my-12">
-                    <Image src={img} alt={`Gallery ${idx + 1}`} fill className="object-cover" />
+                  {standort.gallery.map((img, idx) => (
-                  </div>
+                    <div key={idx} className="relative aspect-[4/3] rounded-2xl overflow-hidden bg-neutral-100 border border-neutral-200 shadow-md hover:shadow-xl transition-shadow duration-300">
-                ))}
+                      <Image src={img} alt={`Gallery ${idx + 1}`} fill className="object-cover transition-transform duration-700 hover:scale-105" />
-              </div>
+                    </div>
+                  ))}
+                </div>
+              </>
             )}
           </div>
+        </div>
+      </Container>
 
-          {/* Sidebar (Contact & Address) */}
+      {/* Support Section */}
-          <div className="lg:col-span-4">
+      <Container>
-            <div className="sticky top-32 space-y-6">
+        <div className="mt-12 mb-24 p-8 md:p-12 bg-primary-dark rounded-3xl text-white shadow-2xl relative overflow-hidden group animate-slight-fade-in-from-bottom">
-              
+          <div className="absolute top-0 right-0 w-64 h-full bg-accent/5 -skew-x-12 translate-x-1/2 transition-transform group-hover:translate-x-1/3" />
-              {/* Contact Card */}
+          <div className="relative z-10 max-w-2xl">
-              <div className="bg-[#050B14] text-white rounded-3xl p-8 shadow-2xl relative overflow-hidden group">
+            <h3 className="text-2xl md:text-3xl font-bold mb-4">{t('needHelp')}</h3>
-                <AnimatedGlossyBorder opacity={0.5} className="z-10" />
+            <p className="text-lg text-white/70 mb-8">{t('supportTeamAvailable')}</p>
-                <div className="absolute top-0 right-0 w-64 h-full bg-primary/5 blur-3xl -translate-y-1/2 translate-x-1/3" />
+            <TrackedLink
-                
+              href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
-                <div className="relative z-20">
+              className={getButtonClasses('accent', 'lg')}
-                  <h3 className="text-xl font-bold font-heading mb-6 flex items-center gap-2">
+              eventProperties={{
-                    <Navigation className="w-5 h-5 text-primary" />
+                location: 'standort_page_support_cta',
-                    {safeLocale === 'de' ? 'Kontakt & Anfahrt' : 'Contact & Directions'}
+                page_slug: slug,
-                  </h3>
+              }}
-                  
+            >
-                  <div className="space-y-6">
+              <span className="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500 group-hover/btn:text-primary-dark">
-                    <div className="flex items-start gap-4">
+                {t('contactUs')}
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
+                <span className="ml-2 transition-transform group-hover/btn:translate-x-1">
-                        <MapPin className="w-5 h-5 text-primary" />
+                  &rarr;
-                      </div>
+                </span>
-                      <div>
+              </span>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
+              <ButtonOverlay variant="accent" />
-                          {safeLocale === 'de' ? 'Adresse' : 'Address'}
+            </TrackedLink>
-                        </div>
-                        <div className="text-white font-medium">
-                          {standort.address.street}<br />
-                          {standort.address.city}
-                        </div>
-                        <TrackedLink 
-                          href={`https://maps.google.com/?q=${encodeURIComponent(`${standort.address.street}, ${standort.address.city}`)}`}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="inline-flex items-center gap-1 mt-2 text-primary hover:text-white transition-colors text-sm font-bold"
-                          eventProperties={{ location: 'standort_maps_link', slug: standort.id }}
-                        >
-                          {safeLocale === 'de' ? 'In Google Maps öffnen' : 'Open in Google Maps'}
-                          <ArrowUpRight className="w-3.5 h-3.5" />
-                        </TrackedLink>
-                      </div>
-                    </div>
-                    
-                    <div className="flex items-start gap-4">
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
-                        <Phone className="w-5 h-5 text-primary" />
-                      </div>
-                      <div>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
-                          {safeLocale === 'de' ? 'Telefon' : 'Phone'}
-                        </div>
-                        <a href={`tel:${standort.contact.phone.replace(/[^0-9+]/g, '')}`} className="text-white font-medium hover:text-primary transition-colors">
-                          {standort.contact.phone}
-                        </a>
-                      </div>
-                    </div>
-                    
-                    <div className="flex items-start gap-4">
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
-                        <Mail className="w-5 h-5 text-primary" />
-                      </div>
-                      <div>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
-                          Email
-                        </div>
-                        <a href={`mailto:${standort.contact.email}`} className="text-white font-medium hover:text-primary transition-colors">
-                          {standort.contact.email}
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-            </div>
           </div>
         </div>
       </Container>

app/[locale]/standorte/page.tsx

@@ -6,7 +6,7 @@ import { MapPin, Navigation, ArrowUpRight } from 'lucide-react';
 import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
-import { standorteData } from '@/lib/standorte-data';
+import { standorteData, standorteLocations } from '@/lib/standorte-data';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
 
 interface PageProps {
@@ -15,17 +15,15 @@ interface PageProps {
   }>;
 }
 
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
   const { locale } = await params;
-  if (locale !== 'de' && locale !== 'en') return {};
+  const safeLocale = locale === 'de' ? 'de' : 'en';
 
   return {
-    title: locale === 'de' ? 'Standorte | E-TIB Gruppe' : 'Locations | E-TIB Group',
+    title: safeLocale === 'en' ? 'Our Locations' : 'Unsere Standorte',
-    description: locale === 'de' 
+    description: safeLocale === 'en' ? 'Our operational locations across Germany.' : 'Unsere operativen Standorte deutschlandweit.',
-      ? 'Die operativen Standorte der E-TIB Gruppe: Guben, Kirchheilingen und Bülstedt.'
-      : 'The operational locations of the E-TIB Group: Guben, Kirchheilingen and Bülstedt.',
     alternates: {
-      canonical: `${SITE_URL}/${locale}/standorte`,
+      canonical: `${SITE_URL}/${safeLocale}/standorte`,
       languages: {
         de: `${SITE_URL}/de/standorte`,
         en: `${SITE_URL}/en/standorte`,
@@ -46,10 +44,11 @@ export default async function StandorteOverview(props: { params: Promise<{ local
       {/* Map Hero Section */}
       <InteractiveGermanyMap
         isHero={true}
+        locations={standorteLocations}
         badge={safeLocale === 'en' ? 'Our Locations' : 'Unsere Standorte'}
         title={safeLocale === 'en' ? 'Nationwide operational for you.' : 'Deutschlandweit für Sie im Einsatz.'}
         description={safeLocale === 'en' 
-          ? 'From our strategic locations in Guben, Kirchheilingen, and Bülstedt, we control and implement complex infrastructure projects nationwide.' 
+          ? 'From our strategic locations in Guben, Kirchheilingen and Bülstedt, we control and implement complex infrastructure projects nationwide.' 
           : 'Von unseren strategischen Standorten in Guben, Kirchheilingen und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.'}
       />
 

components/blocks/CertificatesBlock.tsx

@@ -68,31 +68,7 @@ const defaultCertificates: Certificate[] = [
     type: 'tax',
     date: '13.02.2025',
   },
-  {
+
-    title: 'Unbedenklichkeit IHK',
-    description: 'Industrie- und Handelskammer',
-    type: 'general',
-  },
-  {
-    title: 'Unbedenklichkeit HWK',
-    description: 'Handwerkskammer',
-    type: 'general',
-  },
-  {
-    title: 'Handelsregisterauszug',
-    description: 'Amtsgericht Cottbus',
-    type: 'general',
-  },
-  {
-    title: 'Gewerbe-Anmeldung',
-    description: 'Stadt Guben',
-    type: 'general',
-  },
-  {
-    title: 'Gewerbezentralregister',
-    description: 'Auskunft aus dem Register',
-    type: 'general',
-  },
 ];
 
 export function CertificatesBlock({ badge, title, description, certificates = defaultCertificates, hideHeader = false }: CertificatesBlockProps) {

components/blocks/HeroSection.tsx

@@ -42,7 +42,7 @@ export const HeroSection: React.FC<HeroSectionProps> = (props) => {
 
   return (
     <section
-      className={`relative min-h-[45vh] md:min-h-[55vh] flex items-center pt-32 pb-20 md:pt-36 md:pb-24 overflow-hidden bg-neutral-dark ${alignment === 'center' ? 'justify-center text-center' : ''}`}
+      className={`relative min-h-[45vh] md:min-h-[55vh] flex items-center pt-24 pb-16 md:pt-36 md:pb-24 overflow-hidden bg-neutral-dark ${alignment === 'center' ? 'justify-center text-center' : ''}`}
     >
       {bgSrc && (
         <motion.div 

components/blocks/InteractiveGermanyMap.tsx

@@ -7,11 +7,10 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
-import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
+import { Location, defaultLocations, minorLocations, projectLocations } from '@/lib/map-data';
+import { standorteLocations } from '@/lib/standorte-data';
 import { useLocale, useTranslations } from 'next-intl';
 
-const allLocations = [...defaultLocations, ...minorLocations];
-
 interface Stat {
   value: string;
   suffix?: string;
@@ -33,7 +32,7 @@ export function InteractiveGermanyMap({
   title,
   description,
   stats,
-  locations = allLocations,
+  locations = projectLocations,
   isHero = false
 }: InteractiveGermanyMapProps) {
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
@@ -50,7 +49,7 @@ export function InteractiveGermanyMap({
   const finalBadge = badge || tStandard('badge');
   // the map is mostly used with specific props, so we leave title & description to fallbacks if not provided
   const finalTitle = title || (locale === 'en' ? <>Nationwide<br/>in operation for you.</> : <>Deutschlandweit<br/>für Sie im Einsatz.</>);
-  const finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.');
+  const finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben, Kirchheilingen and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben, Kirchheilingen und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.');
 
   const hq = locations.find((l) => l.type === 'hq');
   const branch = locations.find((l) => l.type === 'branch');

components/blocks/ReferencesSlider.tsx

@@ -133,14 +133,16 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                 <Link
                   href={`/${locale}/referenzen/${ref.slug}`}
                   data-testid="reference-tile"
+                  draggable={false}
                   onClick={(e) => {
-                    if (dragDistanceRef.current > 5) {
+                    if (dragDistanceRef.current > 15) {
                       e.preventDefault();
                     }
                   }}
-                  className="block relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"
+                  className="block relative select-none aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"
                 >
                   <Image
+                    draggable={false}
                     src={imgSrc}
                     alt={ref.title}
                     fill

components/blocks/SubCompanyTiles.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { motion, Variants } from 'framer-motion';
 import Image from 'next/image';
+import Link from 'next/link';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
 
@@ -78,7 +79,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
         )}
         
         <motion.div 
-          className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
+          className="flex overflow-x-auto snap-x snap-mandatory pb-6 md:pb-0 md:grid md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 hide-scrollbar -mx-4 px-4 md:mx-0 md:px-0"
           variants={containerVariants}
           initial="hidden"
           whileInView="visible"
@@ -87,8 +88,9 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
           {companiesData.map((company: any, index: number) => {
             const isCurrent = company.title.toUpperCase() === 'E-TIB GMBH';
             const hasUrl = !!company.url;
-            const CardWrapper = hasUrl ? 'a' : 'div';
+            const isExternal = hasUrl && company.url.startsWith('http');
-            const wrapperProps = hasUrl ? { href: company.url, target: "_blank", rel: "noopener noreferrer" } : {};
+            const CardWrapper = hasUrl ? (isExternal ? 'a' : Link) : 'div';
+            const wrapperProps = hasUrl ? (isExternal ? { href: company.url, target: "_blank", rel: "noopener noreferrer" } : { href: company.url }) : {};
             
             // Generate logo representation based on title
             const isEtib = company.title.includes('E-TIB');
@@ -112,33 +114,21 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
             const positionClass = bgPositionClasses[index % bgPositionClasses.length];
             const animationClass = animationClasses[index % animationClasses.length];
             
-            return (
+            const CardContent = (
-              <motion.div 
+              <>
-                key={index}
+                <div className="absolute inset-0 bg-[#0a192f] z-0">
-                variants={itemVariants}
+                  <Image
-                className="h-full"
+                    src={company.backgroundImage}
-              >
+                    alt="Background"
-                <CardWrapper 
+                    fill
-                  {...wrapperProps}
+                    className={`object-cover transition-all duration-1000 ease-out ${
-                  className={`group relative overflow-hidden aspect-[4/3] flex flex-col justify-center items-center shadow-xl transition-all duration-500 bg-neutral-dark block w-full h-full sm:rounded-xl select-none ${
+                      isCurrent 
-                    isCurrent 
+                        ? 'opacity-30 grayscale-0 scale-105' 
-                      ? 'border-2 border-primary shadow-[0_0_30px_rgba(17,124,97,0.15)] cursor-default' 
+                        : 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110'
-                      : 'border border-white/5 hover:shadow-2xl hover:-translate-y-1 hover:border-white/10 cursor-pointer'
+                    }`}
-                  }`}
+                    sizes="(max-width: 768px) 100vw, 33vw"
-                >
+                  />
-                  <div className="absolute inset-0 bg-[#0a192f] z-0">
+                </div>
-                    <Image
-                      src={company.backgroundImage}
-                      alt="Background"
-                      fill
-                      className={`object-cover transition-all duration-1000 ease-out ${
-                        isCurrent 
-                          ? 'opacity-30 grayscale-0 scale-105' 
-                          : 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110'
-                      }`}
-                      sizes="(max-width: 768px) 100vw, 33vw"
-                    />
-                  </div>
                   
                   {/* Heavy dark gradient overlay to make logos pop */}
                   <div className={`absolute inset-0 z-0 transition-colors duration-700 mix-blend-multiply ${
@@ -227,13 +217,42 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                   {company.url && (
                     <div className="absolute bottom-6 left-0 right-0 flex justify-center opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 z-20">
                       <div className="flex items-center text-white font-bold uppercase text-xs tracking-widest bg-white/10 backdrop-blur-md px-4 py-2 rounded-full border border-white/20">
-                        Website Besuchen
+                        {isExternal ? (isDe ? 'Website Besuchen' : 'Visit Website') : (isDe ? 'Zum Standort' : 'View Location')}
                         <svg className="w-4 h-4 ml-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                       </div>
                     </div>
                   )}
-                  
+                
-                </CardWrapper>
+                </>
+            );
+
+            const sharedClass = `group relative overflow-hidden aspect-[4/3] flex flex-col justify-center items-center shadow-xl transition-all duration-500 bg-neutral-dark block w-full h-full sm:rounded-xl select-none ${
+              isCurrent 
+                ? 'border border-white/5 hover:shadow-2xl hover:-translate-y-1 hover:border-white/10 cursor-pointer' 
+                : 'border border-white/5 hover:shadow-2xl hover:-translate-y-1 hover:border-white/10 cursor-pointer'
+            }`;
+
+            return (
+              <motion.div 
+                key={index}
+                variants={itemVariants}
+                className="h-full flex-shrink-0 snap-center w-[85%] sm:w-[70%] md:w-full"
+              >
+                {hasUrl ? (
+                  isExternal ? (
+                    <a href={company.url} target="_blank" rel="noopener noreferrer" className={sharedClass}>
+                      {CardContent}
+                    </a>
+                  ) : (
+                    <Link href={company.url as string} className={sharedClass}>
+                      {CardContent}
+                    </Link>
+                  )
+                ) : (
+                  <div className={sharedClass}>
+                    {CardContent}
+                  </div>
+                )}
               </motion.div>
             );
           })}

components/decorations/CorporateBackground.tsx

@@ -78,7 +78,7 @@ export function CorporateBackground() {
   const y5 = useTransform(scrollYProgress, [0, 1], [0, -500]);
 
   return (
-    <div className="absolute inset-0 z-[50] overflow-hidden pointer-events-none" aria-hidden="true">
+    <div className="absolute inset-0 z-[50] overflow-hidden pointer-events-none hidden md:block" aria-hidden="true">
       {/* 1. Top Right - Medium, rotating moderately */}
       <motion.div 
         style={{ 

components/decorations/EUFundingBadge.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import Image from 'next/image';
+
+export function EUFundingBadge() {
+  return (
+    <motion.div 
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{ duration: 2, ease: [0.16, 1, 0.3, 1] }}
+      className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-0 pointer-events-none select-none"
+      style={{
+        maskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
+        WebkitMaskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
+      }}
+    >
+      <Image
+        src="/assets/eu-flag-perspective.png"
+        alt="European Union Background"
+        fill
+        className="object-cover object-top opacity-50 mix-blend-screen"
+        priority
+      />
+    </motion.div>
+  );
+}

components/layout/Footer.tsx

@@ -18,7 +18,7 @@ export function Footer({ companyInfo }: FooterProps) {
   const locale = useLocale();
 
   return (
-    <footer className="bg-[#050B14] text-neutral-light py-10 md:py-16 relative overflow-hidden border-t border-white/5">
+    <footer className="bg-[#050B14] text-neutral-light pt-10 pb-28 md:py-16 relative overflow-hidden border-t border-white/5">
       {/* Subtle background tech grid */}
       <div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:32px_32px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none" />
 
@@ -28,7 +28,7 @@ export function Footer({ companyInfo }: FooterProps) {
 
       <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-6 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden">
+        <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">
           <div className="absolute inset-0 bg-gradient-to-br from-white/[0.04] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
 
           <div className="space-y-4 md:space-y-6 relative z-10">
@@ -96,7 +96,7 @@ export function Footer({ companyInfo }: FooterProps) {
         <div className="col-span-1 md:col-span-4 lg:col-span-7 grid grid-cols-1 sm:grid-cols-2 gap-4 md:gap-6 lg:gap-8">
 
           {/* Company Column */}
-          <div className="bg-white/[0.02] border border-white/5 rounded-3xl p-6 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden flex flex-col">
+          <div className="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 flex flex-col">
             <div className="absolute inset-0 bg-gradient-to-bl from-white/[0.04] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" />
             <h4 className="font-heading font-bold uppercase tracking-widest text-sm mb-6 md:mb-8 text-white">
               {locale === 'de' ? 'Unternehmen' : 'Company'}
@@ -108,6 +108,7 @@ export function Footer({ companyInfo }: FooterProps) {
                 { label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
                 { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
                 { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
+                { label: locale === 'de' ? 'Referenzen' : 'References', href: `/${locale}/referenzen` },
                 { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
                 { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
                 { label: locale === 'de' ? 'Kontakt' : 'Contact', href: `/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}` },
@@ -123,7 +124,7 @@ export function Footer({ companyInfo }: FooterProps) {
           </div>
 
           {/* Legal Column */}
-          <div className="bg-white/[0.02] border border-white/5 rounded-3xl p-6 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden flex flex-col">
+          <div className="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 flex flex-col">
             <div className="absolute inset-0 bg-gradient-to-tr from-white/[0.04] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" />
             <h4 className="font-heading font-bold uppercase tracking-widest text-sm mb-6 md:mb-8 text-white">
               {locale === 'de' ? 'Rechtliches' : 'Legal'}

components/layout/Header.tsx

@@ -11,6 +11,7 @@ export interface NavLink {
   label: string;
   url: string;
   children?: NavLink[];
+  isGroupLabel?: boolean;
 }
 
 interface HeaderProps {
@@ -71,7 +72,7 @@ export function Header({ navLinks }: HeaderProps) {
         className={`fixed top-0 left-0 right-0 z-50 flex justify-center transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] ${
           isStandard 
             ? 'bg-[#050B14]/95 backdrop-blur-xl border-b border-white/10' 
-            : (isSolidMode ? 'pt-4 px-4' : 'pt-0 px-0')
+            : (isSolidMode ? 'pt-4 px-4 sm:px-6' : 'pt-0 px-0')
         }`}
       >
         <div
@@ -79,7 +80,7 @@ export function Header({ navLinks }: HeaderProps) {
             isStandard
               ? 'py-4 px-6 md:px-8'
               : isSolidMode
-                ? 'rounded-full bg-white/50 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] border border-white/40 py-2.5 px-6 md:px-8'
+                ? 'rounded-full bg-white/50 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] border border-white/40 py-2.5 px-8 md:px-10'
                 : 'rounded-none bg-transparent py-6 px-4 md:px-8 border border-transparent'
           }`}
         >
@@ -164,6 +165,20 @@ export function Header({ navLinks }: HeaderProps) {
 function NavItem({ link, currentLocale, pathname, isSolidMode }: { link: NavLink, currentLocale: string, pathname: string, isSolidMode: boolean }) {
   const [isHovered, setIsHovered] = React.useState(false);
 
+  // Close dropdown on navigation
+  React.useEffect(() => {
+    setIsHovered(false);
+  }, [pathname]);
+
+  // Close dropdown on scroll
+  React.useEffect(() => {
+    const handleScroll = () => {
+      if (isHovered) setIsHovered(false);
+    };
+    window.addEventListener('scroll', handleScroll, { passive: true });
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, [isHovered]);
+
   const mappedUrl = link.url.startsWith('/') && !link.url.match(/^\/(en|de)/) 
     ? `/${currentLocale}${link.url}` 
     : link.url;
@@ -218,15 +233,25 @@ function NavItem({ link, currentLocale, pathname, isSolidMode }: { link: NavLink
               {/* Top glowing accent line */}
               <div className="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-primary to-transparent opacity-70" />
               
-              {link.children.map((child) => {
+              {link.children.map((child, idx) => {
                 const childUrl = child.url.startsWith('/') && !child.url.match(/^\/(en|de)/) 
                   ? `/${currentLocale}${child.url}` 
                   : child.url;
                 const isChildActive = pathname === childUrl;
+                
+                if (child.isGroupLabel) {
+                  return (
+                    <div key={`group-${idx}`} className={`mt-2 mb-1 px-4 text-[11px] font-bold uppercase tracking-wider ${isSolidMode ? 'text-neutral-400' : 'text-neutral-500'}`}>
+                      {child.label}
+                    </div>
+                  );
+                }
+
                 return (
                   <TransitionLink
                     key={child.url}
                     href={childUrl}
+                    onClick={() => setIsHovered(false)}
                     className={`group/dropitem relative block px-4 py-3.5 rounded-2xl text-sm font-medium transition-all duration-300 overflow-hidden ${
                       isSolidMode
                         ? isChildActive ? 'bg-primary/10 text-primary' : 'text-neutral-600 hover:text-primary hover:bg-neutral-50/80'

content/de/bohrtechnik.mdx

@@ -1,5 +1,5 @@
 ---
-title: "Grabenlose Leitungsverlegung"
+title: "Bohrtechnik"
 date: "2024-03-20"
 excerpt: "Präzise Horizontalspülbohrungen und Erdraketen in allen Bodenklassen für eine absolut oberflächenschonende und effiziente Leitungsverlegung."
 layout: "fullBleed"
@@ -7,9 +7,9 @@ layout: "fullBleed"
 
 <HeroSection
   badge="Kernkompetenz"
-  title="Grabenlose Verlegung"
+  title="Bohrtechnik"
-  subtitle="Oberflächenschonende Horizontalspülbohrungen und Erdraketen"
+  subtitle="Grabenlose Leitungsverlegung, Horizontalspülbohrungen und Erdraketen"
-  backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg' }}
   alignment="center"
   ctaLabel="Projekt anfragen"
   ctaHref="/de/kontakt"

content/de/home.mdx

@@ -20,19 +20,21 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
       title: "E-TIB GMBH",
       description: "Das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand.",
       icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-      backgroundImage: "/assets/photos/DJI_0243.JPG"
+      url: "/de/standorte/guben",
+      backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg"
     },
     {
       title: "E-TIB Ingenieurgesellschaft mbH",
       description: "Unsere Ingenieure planen für Sie die Energie- und Telekommunikationsnetze der Zukunft - Vermessung und Dokumentation inklusive.",
       icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
       url: "https://www.etib-ing.com/",
-      backgroundImage: "/assets/photos/DSC01137.JPG"
+      backgroundImage: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg"
     },
     {
       title: "E-TIB Verwaltung GmbH",
       description: "Zentrale Dienste, Einkauf und Finanzen sowie Verwaltung von Immobilien, Grundstücken, Maschinen und Geräten.",
       icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+      url: "/de/standorte/buelstedt",
       backgroundImage: "/assets/photos/DJI_0048.JPG"
     },
     {
@@ -120,7 +122,7 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
       tag: "Energie",
       size: "large",
       href: "/de/kabeltiefbau",
-      image: { url: "/assets/photos/DSC01123.JPG", alt: "Kabelleitungstiefbau" }
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg", alt: "Kabelleitungstiefbau" }
     },
     {
       title: "Bohrtechnik",
@@ -128,7 +130,7 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
       tag: "Innovation",
       size: "medium",
       href: "/de/bohrtechnik",
-      image: { url: "/assets/photos/DSC08653.JPG", alt: "Bohrtechnik" }
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg", alt: "Bohrtechnik" }
     },
     {
       title: "Planung",
@@ -136,14 +138,15 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
       tag: "Präzision",
       size: "small",
       href: "/de/planung",
-      image: { url: "/assets/photos/DJI_0048.JPG", alt: "Planung" }
+      image: { url: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg", alt: "Planung" }
     },
     {
       title: "Vermessung",
       description: "Digitale Bestandsdokumentation",
       tag: "Digital",
       size: "accent",
-      href: "/de/vermessung"
+      href: "/de/vermessung",
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie_Vermessung_(26_von_99).jpg", alt: "Vermessung" }
     }
   ]}
 />

content/de/kabeltiefbau.mdx

@@ -26,7 +26,7 @@ layout: "fullBleed"
 
   ## Alles aus einer Hand
 
-  Durch unsere langjährige Erfahrung erkennen wir Problemstellungen frühzeitig und erarbeiten für unsere Auftraggeber im Vorfeld sichere und zufriedenstellende Lösungen.
+  Die E-TIB GmbH hat sich voll und ganz auf den Kabelnetzbau spezialisiert. Durch unsere langjährige Erfahrung erkennen wir Problemstellungen frühzeitig und erarbeiten für unsere Auftraggeber im Vorfeld sichere und zufriedenstellende Lösungen.
 
   Wir bieten Ihnen das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand – mit eigenem, hochmodernem Maschinenpark und festangestelltem Fachpersonal. In direkter Zusammenarbeit mit unserem Partnerbüro, der E-TIB Ingenieurgesellschaft mbH, können wir zudem frühzeitig Planungsfehler ausschließen und selbst die komplexesten Dokumentationsanforderungen souverän erfüllen.
 
@@ -36,7 +36,9 @@ layout: "fullBleed"
 <ServiceDetailGrid
   badge="Leistungsspektrum"
   title="Alles für Ihr Netz"
-  descriptionParagraphs={[]}
+  descriptionParagraphs={[
+    "Wir bieten höchste Präzision, modernste Maschinen und zertifizierte Experten für Ihr Projekt."
+  ]}
   panels={[
     {
       id: "grabenbau",

content/de/karriere.mdx

@@ -5,21 +5,22 @@ excerpt: "Werden Sie Teil eines dynamischen Teams und bauen Sie mit uns die Infr
 layout: "fullBleed"
 ---
 
-<HomeHero 
+<HeroSection 
   badge="Karriere"
   title="Zukunft bauen"
-  description="Suchen Sie eine neue Herausforderung in einem zukunftssicheren Markt? Bei E-TIB arbeiten wir täglich daran, Deutschland zu vernetzen und die Energiewende voranzutreiben."
+  subtitle="Suchen Sie eine neue Herausforderung in einem zukunftssicheren Markt? Bei E-TIB arbeiten wir täglich daran, Deutschland zu vernetzen und die Energiewende voranzutreiben."
-  videoUrl="/assets/videos/web/hero-kabelpflug.mp4"
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-28.jpg' }}
-  linkText="Offene Stellen"
+  alignment="center"
-  linkHref="#stellen"
+  ctaLabel="Offene Stellen"
+  ctaHref="#stellen"
 />
 
 <JobListingBlock showFairs={false} showJobs={true} />
 
 <BenefitGrid 
   badge="E-TIB Standard"
-  title="Wir bieten unseren Mitarbeitern"
+  title="Wir bieten unseren Mitarbeitenden"
-  description="Die E-TIB GmbH wurde aus der Motivation gegründet, hochwertige Leistungen sowie faire Entlohnung zu ermöglichen. Neben der Entlohnung steht die Wertschätzung jedes einzelnen Mitarbeiters bei uns an oberster Stelle."
+  description="Die E-TIB GmbH wurde aus der Motivation gegründet, hochwertige Leistungen sowie faire Entlohnung zu ermöglichen. Neben der Entlohnung steht die Wertschätzung jedes einzelnen Mitarbeitenden bei uns an oberster Stelle."
   benefits={[
     {
       id: "region",

content/de/messen.mdx

@@ -5,13 +5,14 @@ excerpt: "Treffen Sie das Team der E-TIB Gruppe persönlich auf Fachmessen und B
 layout: "fullBleed"
 ---
 
-<HomeHero 
+<HeroSection 
   badge="Messen & Events"
   title="Treffen Sie uns persönlich"
-  description="Lernen Sie die E-TIB Gruppe auf den führenden Branchenmessen kennen."
+  subtitle="Lernen Sie die E-TIB Gruppe auf den führenden Branchenmessen kennen."
-  videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg' }}
-  linkText="Kontakt aufnehmen"
+  alignment="center"
-  linkHref="/de/kontakt"
+  ctaLabel="Kontakt aufnehmen"
+  ctaHref="/de/kontakt"
 />
 
 <div id="termine">
@@ -21,7 +22,7 @@ layout: "fullBleed"
     fairs={[
       { name: 'Intersolar München', date: '23. - 25. Juni 2026', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
       { name: 'Windenergietage Linstow', date: '10. - 12. November 2026', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
-      { name: 'Werkstatt Kabel 2026', date: '24. - 25. November 2026', type: 'Fachtagung', location: 'Wiesbaden' }
+      { name: 'Werkstatt Kabel 2026', date: '24. - 25. November 2026', type: 'Fachtagung', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
     ]}
   />
 </div>

content/de/planung.mdx

@@ -9,7 +9,7 @@ layout: "fullBleed"
   badge="Kernkompetenz"
   title="Planung & Beratung"
   subtitle="Kompetente Begleitung für Energie- und Telekommunikationsnetze"
-  backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
+  backgroundImage={{ url: '/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg' }}
   alignment="center"
   ctaLabel="Projekt anfragen"
   ctaHref="/de/kontakt"

content/de/ueber-uns.mdx

@@ -33,7 +33,7 @@ layout: "fullBleed"
       <div className="grid grid-cols-2 gap-6">
         <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
           <div className="text-4xl font-extrabold text-primary mb-2">100+</div>
-          <div className="text-neutral-dark font-semibold">Mitarbeiter</div>
+          <div className="text-neutral-dark font-semibold">Mitarbeitende</div>
         </div>
         <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
           <div className="text-4xl font-extrabold text-primary mb-2">2015</div>
@@ -65,59 +65,34 @@ layout: "fullBleed"
         title: "E-TIB GMBH",
         description: "Das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand.",
         icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-        url: "/de/kabeltiefbau",
+        url: "/de/standorte/guben",
-        backgroundImage: "/assets/photos/DJI_0243.JPG"
+        backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg"
       },
       {
         title: "E-TIB Ingenieurgesellschaft mbH",
         description: "Unsere Ingenieure planen für Sie die Energie- und Telekommunikationsnetze der Zukunft - Vermessung und Dokumentation inklusive.",
         icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
         url: "https://www.etib-ing.com/",
-        backgroundImage: "/assets/photos/DSC01137.JPG"
+        backgroundImage: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg"
       },
     {
       title: "E-TIB Verwaltung GmbH",
       description: "Zentrale Dienste, Einkauf und Finanzen sowie Verwaltung von Immobilien, Grundstücken, Maschinen und Geräten.",
       icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+      url: "/de/standorte/buelstedt",
       backgroundImage: "/assets/photos/DJI_0048.JPG"
     },
     {
       title: "E-TIB Bohrtechnik GmbH",
       description: "Präzise Horizontalspülbohrungen in allen Bodenklassen für eine oberflächenschonende und grabenlose Leitungsverlegung.",
       icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
-      url: "/de/bohrtechnik",
+      url: "/de/standorte/kirchheilingen",
-      backgroundImage: "/assets/photos/DSC08653.JPG"
+      backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg"
     }
     ]}
   />
 </div>
 
-<div className="bg-white py-24 border-b border-neutral-100">
+
-  <div className="container max-w-6xl mx-auto px-4">
-    <div className="text-center mb-16">
-      <div className="text-primary font-bold tracking-wider uppercase text-sm mb-4">Unser Team</div>
-      <h2 className="font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-6">Über 100 Experten für Ihr Projekt</h2>
-      <div className="w-20 h-2 bg-primary mx-auto"></div>
-    </div>
-    <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">72</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB GmbH</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">10</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB Bohrtechnik</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">8</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB ING</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">10</div>
-        <div className="text-neutral-dark font-bold text-lg">Niedersachsen</div>
-      </div>
-    </div>
-  </div>
-</div>
 
 <CallToAction />

content/de/vermessung.mdx

@@ -8,8 +8,8 @@ layout: "fullBleed"
 <HeroSection
   badge="Kernkompetenz"
   title="Vermessung & Dokumentation"
-  subtitle="Lückenlose und rechtssichere Erfassung aller Bauphasen"
+  subtitle="Hochpräzise digitale Bestandsdokumentation, 3D-Scans und Drohnenvermessung für Ihre Leitungstrassen und Anlagen."
-  backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie_Vermessung_(24_von_99)_groß2.jpg' }}
   alignment="center"
   ctaLabel="Projekt anfragen"
   ctaHref="/de/kontakt"

content/en/bohrtechnik.mdx

@@ -1,5 +1,5 @@
 ---
-title: "Trenchless Line Laying"
+title: "Drilling Technology"
 date: "2024-03-20"
 excerpt: "Precise horizontal directional drilling and earth rockets in all soil classes for surface-friendly and efficient line laying."
 layout: "fullBleed"
@@ -7,9 +7,9 @@ layout: "fullBleed"
 
 <HeroSection
   badge="Core Competency"
-  title="Trenchless Laying"
+  title="Drilling Technology"
-  subtitle="Surface-friendly horizontal directional drilling and earth rockets"
+  subtitle="Trenchless Laying, horizontal directional drilling and earth rockets"
-  backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg' }}
   alignment="center"
   ctaLabel="Request a project"
   ctaHref="/en/contact"

content/en/home.mdx

@@ -20,19 +20,21 @@ description: "E-TIB GmbH is your reliable partner for complex cable routes, hori
       title: "E-TIB GMBH",
       description: "The complete range of services for the construction of cable routes from a single source.",
       icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-      backgroundImage: "/assets/photos/DJI_0243.JPG"
+      url: "/en/standorte/guben",
+      backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg"
     },
     {
       title: "E-TIB Ingenieurgesellschaft mbH",
       description: "Our engineers plan the energy and telecommunications networks of the future for you - surveying and documentation included.",
       icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
       url: "https://www.etib-ing.com/",
-      backgroundImage: "/assets/photos/DSC01137.JPG"
+      backgroundImage: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg"
     },
     {
       title: "E-TIB Verwaltung GmbH",
       description: "Central services, purchasing, finance, and management of real estate, properties, machinery, and equipment.",
       icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+      url: "/en/standorte/buelstedt",
       backgroundImage: "/assets/photos/DJI_0048.JPG"
     },
     {
@@ -120,7 +122,7 @@ description: "E-TIB GmbH is your reliable partner for complex cable routes, hori
       tag: "Energy",
       size: "large",
       href: "/en/cable-civil-engineering",
-      image: { url: "/assets/photos/DSC01123.JPG", alt: "Cable Civil Engineering" }
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg", alt: "Cable Civil Engineering" }
     },
     {
       title: "Drilling Technology",
@@ -128,7 +130,7 @@ description: "E-TIB GmbH is your reliable partner for complex cable routes, hori
       tag: "Innovation",
       size: "medium",
       href: "/en/drilling-technology",
-      image: { url: "/assets/photos/DSC08653.JPG", alt: "Drilling Technology" }
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg", alt: "Drilling Technology" }
     },
     {
       title: "Planning",
@@ -136,14 +138,15 @@ description: "E-TIB GmbH is your reliable partner for complex cable routes, hori
       tag: "Precision",
       size: "small",
       href: "/en/planning",
-      image: { url: "/assets/photos/DJI_0048.JPG", alt: "Planning" }
+      image: { url: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg", alt: "Planning" }
     },
     {
       title: "Surveying",
       description: "Digital as-built documentation",
       tag: "Digital",
       size: "accent",
-      href: "/en/surveying"
+      href: "/en/surveying",
+      image: { url: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie_Vermessung_(26_von_99).jpg", alt: "Surveying" }
     }
   ]}
 />

content/en/kabeltiefbau.mdx

@@ -24,19 +24,21 @@ layout: "fullBleed"
 
   Modern civil engineering is plagued by low-cost contractors who routinely **compromise on safety margins and technical documentation**. The repercussions are severe: catastrophic utility strikes (power, water, gas, telecom), costly project delays, and massive budget overruns. What begins as a low-bid shortcut quickly turns into a financial and legal nightmare.
 
-  ## Integrated Excellence from a Single Source
+  ## Everything from a single source
 
-  At E-TIB, we leverage decades of collective expertise to anticipate structural and geological bottlenecks long before the first shovel hits the ground.
+  E-TIB GmbH is fully specialized in cable network construction. Thanks to our many years of experience, we identify problems early on and develop safe and satisfactory solutions for our clients in advance.
 
-  We deliver turnkey cable routes entirely in-house. Our operations are powered by a cutting-edge fleet of heavy machinery and staffed exclusively by highly trained, permanent professionals. Working in close synergy with our sister firm, **E-TIB Ingenieurgesellschaft mbH**, we eliminate planning oversights at the inception phase and effortlessly handle the most complex GIS and administrative documentation requirements in the industry.
+  We offer you the complete range of services for the construction of cable routes from a single source - with our own ultra-modern machine park and permanently employed specialist staff. In direct cooperation with our partner office, E-TIB Ingenieurgesellschaft mbH, we can also rule out planning errors early on and master even the most complex documentation requirements confidently.
 
   <DataGridPulse />
 </div>
 
 <ServiceDetailGrid
-  badge="Service Portfolio"
+  badge="Service Spectrum"
-  title="Everything for Your Network"
+  title="Everything for your network"
-  descriptionParagraphs={[]}
+  descriptionParagraphs={[
+    "We offer the highest precision, state-of-the-art machinery, and certified experts for your project."
+  ]}
   panels={[
     {
       id: "grabenbau",

content/en/karriere.mdx

@@ -5,13 +5,14 @@ excerpt: "Become part of a dynamic team and help us build the infrastructure of
 layout: "fullBleed"
 ---
 
-<HomeHero 
+<HeroSection 
   badge="Careers"
   title="Build the Future"
-  description="Are you looking for a new challenge in a future-proof market? At E-TIB, we work daily to network Germany and drive the energy transition forward."
+  subtitle="Are you looking for a new challenge in a future-proof market? At E-TIB, we work daily to network Germany and drive the energy transition forward."
-  videoUrl="/assets/videos/web/hero-kabelpflug.mp4"
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-28.jpg' }}
-  linkText="Open Positions"
+  alignment="center"
-  linkHref="#stellen"
+  ctaLabel="Open Positions"
+  ctaHref="#stellen"
 />
 
 <JobListingBlock showFairs={false} showJobs={true} />

content/en/messen.mdx

@@ -5,13 +5,14 @@ excerpt: "Meet the team of the E-TIB Group personally at trade fairs and industr
 layout: "fullBleed"
 ---
 
-<HomeHero 
+<HeroSection 
   badge="Fairs & Events"
   title="Meet us personally"
-  description="Get to know the E-TIB Group at the leading industry trade fairs."
+  subtitle="Get to know the E-TIB Group at the leading industry trade fairs."
-  videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg' }}
-  linkText="Get in Touch"
+  alignment="center"
-  linkHref="/en/contact"
+  ctaLabel="Get in Touch"
+  ctaHref="/en/contact"
 />
 
 <div id="termine">
@@ -21,7 +22,7 @@ layout: "fullBleed"
     fairs={[
       { name: 'Intersolar Munich', date: 'June 23–25, 2026', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
       { name: 'Wind Energy Days Linstow', date: 'November 10–12, 2026', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
-      { name: 'Werkstatt Kabel 2026', date: 'November 24–25, 2026', type: 'Symposium', location: 'Wiesbaden' }
+      { name: 'Werkstatt Kabel 2026', date: 'November 24–25, 2026', type: 'Symposium', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
     ]}
   />
 </div>

content/en/planung.mdx

@@ -9,7 +9,7 @@ layout: "fullBleed"
   badge="Core Competency"
   title="Planning & Consulting"
   subtitle="Competent support for energy and telecommunications networks"
-  backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
+  backgroundImage={{ url: '/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg' }}
   alignment="center"
   ctaLabel="Request a project"
   ctaHref="/en/contact"

content/en/ueber-uns.mdx

@@ -65,59 +65,34 @@ layout: "fullBleed"
         title: "E-TIB GMBH",
         description: "The complete range of services for the construction of cable routes from a single source.",
         icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-        url: "/en/cable-civil-engineering",
+        url: "/en/standorte/guben",
-        backgroundImage: "/assets/photos/DJI_0243.JPG"
+        backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-54.jpg"
       },
       {
         title: "E-TIB Ingenieurgesellschaft mbH",
         description: "Our engineers plan the energy and telecommunications networks of the future for you - surveying and documentation included.",
         icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
         url: "https://www.etib-ing.com/",
-        backgroundImage: "/assets/photos/DSC01137.JPG"
+        backgroundImage: "/assets/photos/etib_ingenieure_tiefbau_solar_pv_planung_vermessung_gis-298.jpg"
       },
       {
         title: "E-TIB Verwaltung GmbH",
         description: "Central services, purchasing, finance, and management of real estate, properties, machinery, and equipment.",
         icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+        url: "/en/standorte/buelstedt",
         backgroundImage: "/assets/photos/DJI_0048.JPG"
       },
       {
         title: "E-TIB Bohrtechnik GmbH",
         description: "Precise horizontal directional drilling in all soil classes for surface-friendly and trenchless pipe laying.",
         icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
-        url: "/en/drilling-technology",
+        url: "/en/standorte/kirchheilingen",
-        backgroundImage: "/assets/photos/DSC08653.JPG"
+        backgroundImage: "/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-47.jpg"
       }
     ]}
   />
 </div>
 
-<div className="bg-white py-24 border-b border-neutral-100">
+
-  <div className="container max-w-6xl mx-auto px-4">
-    <div className="text-center mb-16">
-      <div className="text-primary font-bold tracking-wider uppercase text-sm mb-4">Our Team</div>
-      <h2 className="font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-6">Over 100 Experts for Your Project</h2>
-      <div className="w-20 h-2 bg-primary mx-auto"></div>
-    </div>
-    <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">72</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB GmbH</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">10</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB Bohrtechnik</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">8</div>
-        <div className="text-neutral-dark font-bold text-lg">E-TIB ING</div>
-      </div>
-      <div className="text-center">
-        <div className="text-5xl font-extrabold text-primary mb-2">10</div>
-        <div className="text-neutral-dark font-bold text-lg">Lower Saxony</div>
-      </div>
-    </div>
-  </div>
-</div>
 
 <CallToAction />

content/en/vermessung.mdx

@@ -8,8 +8,8 @@ layout: "fullBleed"
 <HeroSection
   badge="Core Competency"
   title="Surveying & Documentation"
-  subtitle="Seamless and legally compliant recording of all construction phases"
+  subtitle="High-precision digital as-built documentation, 3D scans, and drone surveying for your line routes and facilities."
-  backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
+  backgroundImage={{ url: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie_Vermessung_(24_von_99)_groß2.jpg' }}
   alignment="center"
   ctaLabel="Request a project"
   ctaHref="/en/contact"

lib/map-data.ts

@@ -11,36 +11,6 @@ export interface Location {
 }
 
 export const defaultLocations: Location[] = [
-  {
-    id: 'guben',
-    name: 'Guben (Hauptsitz)',
-    type: 'hq',
-    x: 85,
-    y: 41.1,
-    description: 'E-TIB GmbH Holding & Bohrtechnik GmbH',
-    href: '/standorte/guben',
-    details: ['Zentrale Steuerung', 'Kabelleitungstiefbau', 'Maschinenpark'],
-  },
-  {
-    id: 'kirchheilingen',
-    name: 'E-TIB Bohrtechnik GmbH',
-    type: 'branch',
-    x: 52,
-    y: 55,
-    description: 'Standort in Thüringen',
-    href: '/standorte/kirchheilingen',
-    details: ['Bahnhofstraße 180a', '99947 Kirchheilingen'],
-  },
-  {
-    id: 'buelstedt',
-    name: 'Bülstedt (Ingenieurgesellschaft)',
-    type: 'branch',
-    x: 37,
-    y: 25.33,
-    description: 'E-TIB Ingenieurgesellschaft mbH',
-    href: '/standorte/buelstedt',
-    details: ['Planung & Projektierung', 'Vermessung', 'Dokumentation'],
-  },
   {
     id: 'dettmannsdorf',
     name: 'Dettmannsdorf (PV)',
@@ -926,3 +896,4 @@ export const minorLocations: Location[] = [
     description: 'pv',
   },
 ];
+export const projectLocations = [...defaultLocations, ...minorLocations];

lib/standorte-data.ts

@@ -160,3 +160,15 @@ export const standorteData: StandortData[] = [
 export function getStandortById(id: string): StandortData | undefined {
   return standorteData.find(s => s.id === id);
 }
+
+// Convert StandortData to the Location format required by the map
+export const standorteLocations = standorteData.map(standort => ({
+  id: standort.id,
+  name: standort.shortName,
+  type: standort.type,
+  x: standort.id === 'kirchheilingen' ? 52 : standort.id === 'buelstedt' ? 37 : 85,
+  y: standort.id === 'kirchheilingen' ? 55 : standort.id === 'buelstedt' ? 25.33 : 41.1,
+  description: standort.name,
+  href: `/standorte/${standort.id}`,
+  details: standort.keyFeatures.de.slice(0, 3)
+}));

runs.json

@@ -0,0 +1 @@
+{"message":"token is required","url":"https://git.infra.mintel.me/api/swagger"}

scripts/smoke.ts

@@ -29,7 +29,12 @@ async function run() {
     console.log(`  Waiting for potential Gatekeeper redirect...`);
     await new Promise((resolve) => setTimeout(resolve, 3000));
 
-    const isGatekeeper = await page.$('input[name="password"]');
+    let isGatekeeper = null;
+    try {
+      isGatekeeper = await page.$('input[name="password"]');
+    } catch (e) {
+      console.log('Navigation happened while checking gatekeeper:', e.message);
+    }
     if (isGatekeeper) {
       await page.type('input[name="password"]', gatekeeperPassword);
       await Promise.all([
@@ -65,7 +70,7 @@ async function run() {
           urls.map(async (url) => {
             if (url.includes('openstreetmap.org') || url.includes('unpkg.com')) return;
             try {
-              const res = await fetch(url, { method: 'HEAD' });
+              const res = await fetch(url, { method: 'GET' });
               if (res.status >= 400) {
                 // Diagnostic: check if the raw source is available
                 const rawUrlMatch = url.match(/[?&]url=([^&]+)/);
@@ -73,7 +78,7 @@ async function run() {
                   const rawPath = decodeURIComponent(rawUrlMatch[1]);
                   const baseUrl = new URL(url).origin;
                   const rawUrl = `${baseUrl}${rawPath}`;
-                  const rawRes = await fetch(rawUrl, { method: 'HEAD' });
+                  const rawRes = await fetch(rawUrl, { method: 'GET' });
                   broken.push(`${url} (Status: ${res.status}, Raw Status: ${rawRes.status})`);
                 } else {
                   broken.push(`${url} (Status: ${res.status})`);

test-contact-auth.cjs

@@ -0,0 +1,32 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const targetUrl = 'https://test.e-tib.com';
+  const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';
+
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto(targetUrl, { waitUntil: 'domcontentloaded' });
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  
+  const isGatekeeper = await page.$('input[name="password"]');
+  if (isGatekeeper) {
+    await page.type('input[name="password"]', gatekeeperPassword);
+    await Promise.all([
+      page.click('button[type="submit"]'),
+    ]);
+    await new Promise((resolve) => setTimeout(resolve, 5000));
+  }
+  
+  await page.screenshot({ path: 'after-login.png' });
+  
+  await page.goto(`${targetUrl}/de/kontakt`, { waitUntil: 'domcontentloaded' });
+  await new Promise(r => setTimeout(r, 2000));
+  
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-auth-debug.html', html);
+  await page.screenshot({ path: 'contact.png' });
+  
+  await browser.close();
+})();

test-contact.cjs

@@ -0,0 +1,12 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto('https://test.e-tib.com/de/kontakt', { waitUntil: 'networkidle0' });
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-debug.html', html);
+  
+  await browser.close();
+})();

test-contact.js

@@ -0,0 +1,12 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto('https://test.e-tib.com/de/kontakt', { waitUntil: 'networkidle0' });
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-debug.html', html);
+  
+  await browser.close();
+})();

test-login-error.cjs

@@ -0,0 +1,24 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const targetUrl = 'https://test.e-tib.com';
+  const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';
+
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto(targetUrl, { waitUntil: 'networkidle0' });
+  const isGatekeeper = await page.$('input[name="password"]');
+  if (isGatekeeper) {
+    await page.type('input[name="password"]', gatekeeperPassword);
+    await Promise.all([
+      page.click('button[type="submit"]'),
+      page.waitForNavigation({ waitUntil: 'networkidle0' }).catch(() => {})
+    ]);
+    const html = await page.content();
+    const fs = require('fs');
+    fs.writeFileSync('login-result.html', html);
+  } else {
+    console.log("No gatekeeper found!");
+  }
+  await browser.close();
+})();

tests/legal-pages.test.ts

@@ -4,7 +4,7 @@ import path from 'path';
 
 describe('Legal Pages Content Validation', () => {
   const deAgbPath = path.join(process.cwd(), 'content', 'de', 'agb.mdx');
-  const enTermsPath = path.join(process.cwd(), 'content', 'en', 'terms.mdx');
+  const enTermsPath = path.join(process.cwd(), 'content', 'en', 'agb.mdx');
 
   it('should contain highly professional B2B sections in German AGB', () => {
     const content = fs.readFileSync(deAgbPath, 'utf8');