From 3d498f3df893820f71a860fdef8492706f1d4d8e Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 13 Feb 2026 01:38:26 +0100
Subject: [PATCH] fix(og): enable automatic OG image discovery and refine
 Traefik whitelist

- Removed manual 'images' metadata overrides.
- This allows Next.js to use built-in automatic discovery.
- Ensures metadata uses the dynamic metadataBase from the environment.
- Refined Traefik public router regex for sub-routes.
- Restored and verified imports in modified page.tsx files.
---
 app/[locale]/[slug]/page.tsx                 |   2 -
 app/[locale]/blog/[slug]/page.tsx            |   2 -
 app/[locale]/blog/page.tsx                   |   3 +-
 app/[locale]/contact/page.tsx                |   2 -
 app/[locale]/layout.tsx                      |  23 +-
 app/[locale]/products/page.tsx               |   2 -
 app/[locale]/team/page.tsx                   |   2 -
 components/record-mode/RecordModeContext.tsx | 178 ++++++++++
 components/record-mode/RecordModeOverlay.tsx | 352 +++++++++++++++++++
 contact.html                                 |   4 +
 docker-compose.yml                           |   2 +-
 package.json                                 |   1 +
 pnpm-lock.yaml                               |   8 +
 types/record-mode.ts                         |  17 +
 14 files changed, 576 insertions(+), 22 deletions(-)
 create mode 100644 components/record-mode/RecordModeContext.tsx
 create mode 100644 components/record-mode/RecordModeOverlay.tsx
 create mode 100644 contact.html
 create mode 100644 types/record-mode.ts

diff --git a/app/[locale]/[slug]/page.tsx b/app/[locale]/[slug]/page.tsx
index 3542e148..ba6518f5 100644
--- a/app/[locale]/[slug]/page.tsx
+++ b/app/[locale]/[slug]/page.tsx
@@ -5,7 +5,6 @@ import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getPageBySlug, getAllPages } from '@/lib/pages';
 import { mdxComponents } from '@/components/blog/MDXComponents';
-import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface PageProps {
@@ -50,7 +49,6 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
       title: `${pageData.frontmatter.title} | KLZ Cables`,
       description: pageData.frontmatter.excerpt || '',
       url: `${SITE_URL}/${locale}/${slug}`,
-      images: getOGImageMetadata(slug, pageData.frontmatter.title, locale),
     },
     twitter: {
       card: 'summary_large_image',
diff --git a/app/[locale]/blog/[slug]/page.tsx b/app/[locale]/blog/[slug]/page.tsx
index 2ddaa2cd..be183cc9 100644
--- a/app/[locale]/blog/[slug]/page.tsx
+++ b/app/[locale]/blog/[slug]/page.tsx
@@ -10,7 +10,6 @@ import PowerCTA from '@/components/blog/PowerCTA';
 import TableOfContents from '@/components/blog/TableOfContents';
 import { mdxComponents } from '@/components/blog/MDXComponents';
 import { Heading } from '@/components/ui';
-import { getOGImageMetadata } from '@/lib/metadata';
 import { setRequestLocale } from 'next-intl/server';
 
 interface BlogPostProps {
@@ -45,7 +44,6 @@ export async function generateMetadata({ params }: BlogPostProps): Promise<Metad
       publishedTime: post.frontmatter.date,
       authors: ['KLZ Cables'],
       url: `${SITE_URL}/${locale}/blog/${slug}`,
-      images: getOGImageMetadata(`blog/${slug}`, post.frontmatter.title, locale),
     },
     twitter: {
       card: 'summary_large_image',
diff --git a/app/[locale]/blog/page.tsx b/app/[locale]/blog/page.tsx
index 5e7bf31f..2172bea4 100644
--- a/app/[locale]/blog/page.tsx
+++ b/app/[locale]/blog/page.tsx
@@ -3,8 +3,8 @@ import Image from 'next/image';
 import { getAllPosts } from '@/lib/blog';
 import { Section, Container, Heading, Card, Badge, Button } from '@/components/ui';
 import Reveal from '@/components/Reveal';
+import { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
-import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface BlogIndexProps {
@@ -31,7 +31,6 @@ export async function generateMetadata({ params }: BlogIndexProps) {
       title: `${t('title')} | KLZ Cables`,
       description: t('description'),
       url: `${SITE_URL}/${locale}/blog`,
-      images: getOGImageMetadata('blog', t('title'), locale),
     },
     twitter: {
       card: 'summary_large_image',
diff --git a/app/[locale]/contact/page.tsx b/app/[locale]/contact/page.tsx
index 9a1d19e5..c280f1c3 100644
--- a/app/[locale]/contact/page.tsx
+++ b/app/[locale]/contact/page.tsx
@@ -35,7 +35,6 @@ export async function generateMetadata({ params }: ContactPageProps): Promise<Me
       description,
       url: `${SITE_URL}/${locale}/contact`,
       siteName: 'KLZ Cables',
-      images: getOGImageMetadata('contact', title, locale),
       locale: `${locale.toUpperCase()}_DE`,
       type: 'website',
     },
@@ -43,7 +42,6 @@ export async function generateMetadata({ params }: ContactPageProps): Promise<Me
       card: 'summary_large_image',
       title: `${title} | KLZ Cables`,
       description,
-      images: [`${SITE_URL}/${locale}/contact/opengraph-image`],
     },
     robots: {
       index: true,
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 7ee954f4..52c9e857 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -4,6 +4,8 @@ import JsonLd from '@/components/JsonLd';
 import AnalyticsProvider from '@/components/analytics/AnalyticsProvider';
 import CMSConnectivityNotice from '@/components/CMSConnectivityNotice';
 import { FeedbackOverlay } from '@mintel/next-feedback';
+import { RecordModeProvider } from '@/components/record-mode/RecordModeContext';
+import { RecordModeOverlay } from '@/components/record-mode/RecordModeOverlay';
 import { Metadata, Viewport } from 'next';
 import { NextIntlClientProvider } from 'next-intl';
 import { getMessages } from 'next-intl/server';
@@ -98,16 +100,19 @@ export default async function LocaleLayout({
     <html lang={safeLocale} className={`scroll-smooth overflow-x-hidden ${inter.variable}`}>
       <body className="flex flex-col min-h-screen font-sans selection:bg-accent selection:text-primary-dark antialiased overflow-x-hidden">
         <NextIntlClientProvider messages={messages} locale={safeLocale}>
-          <JsonLd />
-          <Header />
-          <main className="flex-grow animate-fade-in overflow-visible">{children}</main>
-          <Footer />
-          <CMSConnectivityNotice />
+          <RecordModeProvider>
+            <JsonLd />
+            <Header />
+            <main className="flex-grow animate-fade-in overflow-visible">{children}</main>
+            <Footer />
+            <CMSConnectivityNotice />
 
-          <Suspense fallback={null}>
-            <AnalyticsProvider />
-          </Suspense>
-          {config.feedbackEnabled && <FeedbackOverlay />}
+            <Suspense fallback={null}>
+              <AnalyticsProvider />
+            </Suspense>
+            {config.feedbackEnabled && <FeedbackOverlay />}
+            <RecordModeOverlay />
+          </RecordModeProvider>
         </NextIntlClientProvider>
       </body>
     </html>
diff --git a/app/[locale]/products/page.tsx b/app/[locale]/products/page.tsx
index d77ec214..278b91de 100644
--- a/app/[locale]/products/page.tsx
+++ b/app/[locale]/products/page.tsx
@@ -6,7 +6,6 @@ import { Metadata } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 import { mapFileSlugToTranslated } from '@/lib/slugs';
-import { getOGImageMetadata } from '@/lib/metadata';
 import { SITE_URL } from '@/lib/schema';
 
 interface ProductsPageProps {
@@ -35,7 +34,6 @@ export async function generateMetadata({ params }: ProductsPageProps): Promise<M
       title: `${title} | KLZ Cables`,
       description,
       url: `${SITE_URL}/${locale}/products`,
-      images: getOGImageMetadata('products', title, locale),
     },
     twitter: {
       card: 'summary_large_image',
diff --git a/app/[locale]/team/page.tsx b/app/[locale]/team/page.tsx
index d4dd5366..fd18e663 100644
--- a/app/[locale]/team/page.tsx
+++ b/app/[locale]/team/page.tsx
@@ -3,7 +3,6 @@ import { Metadata } from 'next';
 import JsonLd from '@/components/JsonLd';
 import { getBreadcrumbSchema, SITE_URL } from '@/lib/schema';
 import { Section, Container, Heading, Badge, Button } from '@/components/ui';
-import { getOGImageMetadata } from '@/lib/metadata';
 import Image from 'next/image';
 import Reveal from '@/components/Reveal';
 import Gallery from '@/components/team/Gallery';
@@ -34,7 +33,6 @@ export async function generateMetadata({ params }: TeamPageProps): Promise<Metad
       title: `${title} | KLZ Cables`,
       description,
       url: `${SITE_URL}/${locale}/team`,
-      images: getOGImageMetadata('team', title, locale),
     },
     twitter: {
       card: 'summary_large_image',
diff --git a/components/record-mode/RecordModeContext.tsx b/components/record-mode/RecordModeContext.tsx
new file mode 100644
index 00000000..30817e99
--- /dev/null
+++ b/components/record-mode/RecordModeContext.tsx
@@ -0,0 +1,178 @@
+'use client';
+
+import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
+import { RecordEvent, RecordingSession } from '@/types/record-mode';
+
+interface RecordModeContextType {
+  isActive: boolean;
+  setIsActive: (active: boolean) => void;
+  isRecording: boolean;
+  startRecording: () => void;
+  stopRecording: () => void;
+  events: RecordEvent[];
+  addEvent: (event: Omit<RecordEvent, 'id' | 'timestamp'>) => void;
+  updateEvent: (id: string, event: Partial<RecordEvent>) => void;
+  removeEvent: (id: string) => void;
+  clearEvents: () => void;
+  isPlaying: boolean;
+  playEvents: () => void;
+  stopPlayback: () => void;
+  currentSession: RecordingSession | null;
+  saveSession: (name: string) => void;
+}
+
+const RecordModeContext = createContext<RecordModeContextType | null>(null);
+
+export function useRecordMode() {
+  const context = useContext(RecordModeContext);
+  if (!context) {
+    throw new Error('useRecordMode must be used within a RecordModeProvider');
+  }
+  return context;
+}
+
+export function RecordModeProvider({ children }: { children: React.ReactNode }) {
+  const [isActive, setIsActive] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [events, setEvents] = useState<RecordEvent[]>([]);
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [currentSession, setCurrentSession] = useState<RecordingSession | null>(null);
+  const startTimeRef = useRef<number>(0);
+
+  const startRecording = () => {
+    setIsRecording(true);
+    setEvents([]);
+    startTimeRef.current = Date.now();
+  };
+
+  const stopRecording = () => {
+    setIsRecording(false);
+  };
+
+  const addEvent = (eventData: Omit<RecordEvent, 'id' | 'timestamp'>) => {
+    const timestamp = Date.now() - startTimeRef.current;
+    const newEvent: RecordEvent = {
+      id: crypto.randomUUID(),
+      timestamp,
+      ...eventData,
+    };
+    setEvents((prev) => [...prev, newEvent]);
+  };
+
+  const updateEvent = (id: string, updates: Partial<RecordEvent>) => {
+    setEvents((prev) => prev.map((e) => (e.id === id ? { ...e, ...updates } : e)));
+  };
+
+  const removeEvent = (id: string) => {
+    setEvents((prev) => prev.filter((e) => e.id !== id));
+  };
+
+  const clearEvents = () => {
+    setEvents([]);
+  };
+
+  const playEvents = async () => {
+    if (events.length === 0) return;
+    setIsPlaying(true);
+
+    // Simple playback logic mostly for preview
+    const startPlayTime = Date.now();
+
+    // Sort events by timestamp just in case
+    const sortedEvents = [...events].sort((a, b) => a.timestamp - b.timestamp);
+
+    for (const event of sortedEvents) {
+      if (!isPlaying) break; // Check if stopped
+
+      const targetTime = startPlayTime + event.timestamp;
+      const now = Date.now();
+      const delay = targetTime - now;
+
+      if (delay > 0) {
+        await new Promise((r) => setTimeout(r, delay));
+      }
+
+      // Execute event visual feedback
+      if (document) {
+        if (event.selector) {
+          const el = document.querySelector(event.selector);
+          if (el) {
+            // Highlight or scroll to element
+            if (event.type === 'scroll') {
+              el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            } else if (event.type === 'click') {
+              // Visualize click
+              const rect = el.getBoundingClientRect();
+              const clickMarker = document.createElement('div');
+              clickMarker.style.position = 'fixed';
+              clickMarker.style.left = `${rect.left + rect.width / 2}px`;
+              clickMarker.style.top = `${rect.top + rect.height / 2}px`;
+              clickMarker.style.width = '20px';
+              clickMarker.style.height = '20px';
+              clickMarker.style.borderRadius = '50%';
+              clickMarker.style.backgroundColor = 'rgba(255, 0, 0, 0.5)';
+              clickMarker.style.transform = 'translate(-50%, -50%)';
+              clickMarker.style.zIndex = '99999';
+              document.body.appendChild(clickMarker);
+              setTimeout(() => clickMarker.remove(), 500);
+            }
+          }
+        }
+      }
+    }
+
+    setIsPlaying(false);
+  };
+
+  const stopPlayback = () => {
+    setIsPlaying(false);
+  };
+
+  const saveSession = (name: string) => {
+    const session: RecordingSession = {
+      id: crypto.randomUUID(),
+      name,
+      events,
+      createdAt: new Date().toISOString(),
+    };
+    setCurrentSession(session);
+    // Ideally save to local storage or API
+    localStorage.setItem('klz-record-session', JSON.stringify(session));
+  };
+
+  // Load session on mount
+  useEffect(() => {
+    const saved = localStorage.getItem('klz-record-session');
+    if (saved) {
+      try {
+        setCurrentSession(JSON.parse(saved));
+      } catch (e) {
+        console.error('Failed to load session', e);
+      }
+    }
+  }, []);
+
+  return (
+    <RecordModeContext.Provider
+      value={{
+        isActive,
+        setIsActive,
+        isRecording,
+        startRecording,
+        stopRecording,
+        events,
+        addEvent,
+        updateEvent,
+        removeEvent,
+        clearEvents,
+        isPlaying,
+        playEvents,
+        stopPlayback,
+        currentSession,
+        saveSession,
+      }}
+    >
+      {children}
+    </RecordModeContext.Provider>
+  );
+}
diff --git a/components/record-mode/RecordModeOverlay.tsx b/components/record-mode/RecordModeOverlay.tsx
new file mode 100644
index 00000000..1198083b
--- /dev/null
+++ b/components/record-mode/RecordModeOverlay.tsx
@@ -0,0 +1,352 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { useRecordMode } from './RecordModeContext';
+import { finder } from '@medv/finder';
+import {
+  Play,
+  Square,
+  MousePointer2,
+  Scroll,
+  Plus,
+  Save,
+  Trash2,
+  Eye,
+  Edit2,
+  X,
+  Check,
+} from 'lucide-react';
+import { RecordEvent } from '@/types/record-mode';
+
+export function RecordModeOverlay() {
+  const {
+    isActive,
+    setIsActive,
+    isRecording,
+    startRecording,
+    stopRecording,
+    events,
+    addEvent,
+    updateEvent,
+    removeEvent,
+    isPlaying,
+    playEvents,
+    saveSession,
+    clearEvents,
+  } = useRecordMode();
+
+  const [pickingMode, setPickingMode] = useState<'click' | 'scroll' | null>(null);
+  const [hoveredElement, setHoveredElement] = useState<HTMLElement | null>(null);
+  const [editingEventId, setEditingEventId] = useState<string | null>(null);
+
+  // Edit form state
+  const [editForm, setEditForm] = useState<Partial<RecordEvent>>({});
+
+  useEffect(() => {
+    if (!isActive) return;
+
+    const handleMouseOver = (e: MouseEvent) => {
+      if (pickingMode) {
+        e.stopPropagation();
+        e.preventDefault();
+        const target = e.target as HTMLElement;
+        if (target.closest('.record-mode-ui')) return;
+        setHoveredElement(target);
+      }
+    };
+
+    const handleClick = (e: MouseEvent) => {
+      if (pickingMode && hoveredElement) {
+        e.stopPropagation();
+        e.preventDefault();
+
+        const selector = finder(hoveredElement);
+
+        if (pickingMode === 'click') {
+          addEvent({
+            type: 'click',
+            selector,
+            duration: 1000,
+            zoom: 1,
+            description: `Click on ${hoveredElement.tagName.toLowerCase()}`,
+            motionBlur: false,
+          });
+        } else if (pickingMode === 'scroll') {
+          addEvent({
+            type: 'scroll',
+            selector,
+            duration: 1000,
+            zoom: 1,
+            description: `Scroll to ${hoveredElement.tagName.toLowerCase()}`,
+            motionBlur: false,
+          });
+        }
+
+        setPickingMode(null);
+        setHoveredElement(null);
+      }
+    };
+
+    if (pickingMode) {
+      window.addEventListener('mouseover', handleMouseOver);
+      window.addEventListener('click', handleClick, true);
+    }
+
+    return () => {
+      window.removeEventListener('mouseover', handleMouseOver);
+      window.removeEventListener('click', handleClick, true);
+    };
+  }, [isActive, pickingMode, hoveredElement, addEvent]);
+
+  const startEditing = (event: RecordEvent) => {
+    setEditingEventId(event.id);
+    setEditForm({ ...event });
+  };
+
+  const saveEdit = () => {
+    if (editingEventId && editForm) {
+      updateEvent(editingEventId, editForm);
+      setEditingEventId(null);
+      setEditForm({});
+    }
+  };
+
+  const cancelEdit = () => {
+    setEditingEventId(null);
+    setEditForm({});
+  };
+
+  if (!isActive) {
+    return (
+      <button
+        onClick={() => setIsActive(true)}
+        className="fixed bottom-4 right-4 z-[9999] bg-red-600 text-white p-3 rounded-full shadow-lg hover:scale-110 transition-transform record-mode-ui"
+      >
+        <div className="w-4 h-4 rounded-full bg-white" />
+      </button>
+    );
+  }
+
+  return (
+    <div className="fixed inset-0 z-[9999] pointer-events-none">
+      {/* Hover Highlighter */}
+      {pickingMode && hoveredElement && (
+        <div
+          className="fixed pointer-events-none border-2 border-red-500 bg-red-500/20 transition-all z-[9998]"
+          style={{
+            top: hoveredElement.getBoundingClientRect().top,
+            left: hoveredElement.getBoundingClientRect().left,
+            width: hoveredElement.getBoundingClientRect().width,
+            height: hoveredElement.getBoundingClientRect().height,
+          }}
+        />
+      )}
+
+      {/* Control Panel */}
+      <div className="fixed bottom-8 left-1/2 -translate-x-1/2 bg-black/80 backdrop-blur-md text-white p-4 rounded-xl shadow-2xl pointer-events-auto record-mode-ui border border-white/10 w-[600px] max-h-[80vh] flex flex-col">
+        <div className="flex items-center justify-between mb-4">
+          <h3 className="font-bold flex items-center gap-2">
+            <div
+              className={`w-3 h-3 rounded-full ${isRecording ? 'bg-red-500 animate-pulse' : 'bg-gray-500'}`}
+            />
+            Record Mode
+          </h3>
+          <button onClick={() => setIsActive(false)} className="text-white/50 hover:text-white">
+            Close
+          </button>
+        </div>
+
+        <div className="flex items-center gap-2 mb-4 overflow-x-auto pb-2">
+          {!isRecording ? (
+            <button
+              onClick={startRecording}
+              className="flex items-center gap-2 bg-red-600 px-4 py-2 rounded-lg hover:bg-red-700 whitespace-nowrap"
+            >
+              <div className="w-3 h-3 rounded-full bg-white" />
+              Start Rec
+            </button>
+          ) : (
+            <button
+              onClick={stopRecording}
+              className="flex items-center gap-2 bg-gray-700 px-4 py-2 rounded-lg hover:bg-gray-600 whitespace-nowrap"
+            >
+              <Square size={16} fill="currentColor" />
+              Stop Rec
+            </button>
+          )}
+
+          <div className="w-px h-8 bg-white/20 mx-2" />
+
+          <button
+            disabled={!isRecording}
+            onClick={() => setPickingMode('click')}
+            className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors whitespace-nowrap ${pickingMode === 'click' ? 'bg-blue-600' : 'hover:bg-white/10 disabled:opacity-50'}`}
+          >
+            <MousePointer2 size={16} />
+            Add Click
+          </button>
+
+          <button
+            disabled={!isRecording}
+            onClick={() => setPickingMode('scroll')}
+            className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors whitespace-nowrap ${pickingMode === 'scroll' ? 'bg-blue-600' : 'hover:bg-white/10 disabled:opacity-50'}`}
+          >
+            <Scroll size={16} />
+            Add Scroll
+          </button>
+
+          <div className="w-px h-8 bg-white/20 mx-2" />
+
+          <button
+            onClick={playEvents}
+            disabled={isRecording || events.length === 0}
+            className="p-2 hover:bg-white/10 rounded-lg disabled:opacity-50"
+          >
+            <Play size={20} />
+          </button>
+
+          <button
+            onClick={() => saveSession('Session 1')}
+            disabled={events.length === 0}
+            className="p-2 hover:bg-white/10 rounded-lg disabled:opacity-50"
+          >
+            <Save size={20} />
+          </button>
+
+          <button
+            onClick={clearEvents}
+            disabled={events.length === 0}
+            className="p-2 hover:bg-red-500/20 text-red-400 rounded-lg disabled:opacity-50"
+          >
+            <Trash2 size={20} />
+          </button>
+        </div>
+
+        {/* Edit Form */}
+        {editingEventId && (
+          <div className="bg-blue-900/40 p-3 rounded-lg mb-4 border border-blue-500/30">
+            <div className="flex justify-between items-center mb-2">
+              <span className="font-bold text-sm text-blue-300">Edit Event</span>
+              <div className="flex gap-1">
+                <button
+                  onClick={saveEdit}
+                  className="p-1 hover:bg-green-500/20 text-green-400 rounded"
+                >
+                  <Check size={14} />
+                </button>
+                <button
+                  onClick={cancelEdit}
+                  className="p-1 hover:bg-red-500/20 text-red-400 rounded"
+                >
+                  <X size={14} />
+                </button>
+              </div>
+            </div>
+            <div className="grid grid-cols-2 gap-2 text-xs">
+              <div>
+                <label className="block text-white/50 mb-1">Type</label>
+                <select
+                  value={editForm.type}
+                  onChange={(e) => setEditForm({ ...editForm, type: e.target.value as any })}
+                  className="w-full bg-black/40 border border-white/10 rounded p-1"
+                >
+                  <option value="click">Click</option>
+                  <option value="scroll">Scroll</option>
+                  <option value="wait">Wait</option>
+                </select>
+              </div>
+              <div>
+                <label className="block text-white/50 mb-1">Duration (ms)</label>
+                <input
+                  type="number"
+                  value={editForm.duration}
+                  onChange={(e) => setEditForm({ ...editForm, duration: parseInt(e.target.value) })}
+                  className="w-full bg-black/40 border border-white/10 rounded p-1"
+                />
+              </div>
+              <div>
+                <label className="block text-white/50 mb-1">Zoom (x)</label>
+                <input
+                  type="number"
+                  step="0.1"
+                  value={editForm.zoom}
+                  onChange={(e) => setEditForm({ ...editForm, zoom: parseFloat(e.target.value) })}
+                  className="w-full bg-black/40 border border-white/10 rounded p-1"
+                />
+              </div>
+              <div>
+                <label className="block text-white/50 mb-1">Motion Blur</label>
+                <button
+                  onClick={() => setEditForm({ ...editForm, motionBlur: !editForm.motionBlur })}
+                  className={`w-full p-1 rounded text-center border ${editForm.motionBlur ? 'bg-blue-500/20 border-blue-500 text-blue-300' : 'bg-black/40 border-white/10 text-white/50'}`}
+                >
+                  {editForm.motionBlur ? 'Enabled' : 'Disabled'}
+                </button>
+              </div>
+              <div className="col-span-2">
+                <label className="block text-white/50 mb-1">Description</label>
+                <input
+                  type="text"
+                  value={editForm.description || ''}
+                  onChange={(e) => setEditForm({ ...editForm, description: e.target.value })}
+                  className="w-full bg-black/40 border border-white/10 rounded p-1"
+                />
+              </div>
+            </div>
+          </div>
+        )}
+
+        {/* Event Timeline */}
+        <div className="bg-white/5 rounded-lg p-2 flex-1 overflow-y-auto space-y-2 min-h-[200px]">
+          {events.length === 0 && (
+            <div className="text-center text-white/30 text-sm py-4">No events recorded yet.</div>
+          )}
+          {events.map((event, index) => (
+            <div
+              key={event.id}
+              className={`flex items-center gap-3 bg-white/5 p-2 rounded text-sm group cursor-pointer hover:bg-white/10 border border-transparent ${editingEventId === event.id ? 'border-blue-500 bg-blue-500/10' : ''}`}
+              onClick={() => startEditing(event)}
+            >
+              <span className="text-white/30 w-6 text-center">{index + 1}</span>
+              {event.type === 'click' && <MousePointer2 size={14} className="text-blue-400" />}
+              {event.type === 'scroll' && <Scroll size={14} className="text-green-400" />}
+
+              <div className="flex-1 truncate">
+                <span className="font-mono text-white/50 text-xs mr-2">{event.selector}</span>
+                {event.motionBlur && (
+                  <span className="text-[10px] bg-purple-500/20 text-purple-300 px-1 rounded ml-1">
+                    Blur
+                  </span>
+                )}
+                {event.zoom && event.zoom !== 1 && (
+                  <span className="text-[10px] bg-yellow-500/20 text-yellow-300 px-1 rounded ml-1">
+                    x{event.zoom}
+                  </span>
+                )}
+              </div>
+
+              <span className="text-xs text-white/40">{(event.timestamp / 1000).toFixed(1)}s</span>
+
+              <button
+                onClick={(e) => {
+                  e.stopPropagation();
+                  removeEvent(event.id);
+                }}
+                className="opacity-0 group-hover:opacity-100 p-1 hover:bg-white/10 rounded text-red-400"
+              >
+                <Trash2 size={12} />
+              </button>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      {/* Picking Instructions */}
+      {pickingMode && (
+        <div className="fixed top-8 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-6 py-2 rounded-full shadow-xl z-[10000] animate-bounce">
+          Select element to {pickingMode}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/contact.html b/contact.html
new file mode 100644
index 00000000..930ace16
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html lang="de" class="scroll-smooth overflow-x-hidden inter_2fe1ab3d-module__-T-KAq__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo-white.svg&amp;w=128&amp;q=75 1x, /_next/image?url=%2Flogo-white.svg&amp;w=256&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/2867193cf98647d2.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/15e1b86a55a05997.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/9bf1696d70d2065c.js"/><script src="/_next/static/chunks/2b59fa72bb38032b.js" async=""></script><script src="/_next/static/chunks/81a8418f87e012e9.js" async=""></script><script src="/_next/static/chunks/a632bf3984fad5e6.js" async=""></script><script src="/_next/static/chunks/turbopack-e1550b2510db65cc.js" async=""></script><script src="/_next/static/chunks/3cd059ae750018ca.js" async=""></script><script src="/_next/static/chunks/97ac21ff898f84b9.js" async=""></script><script src="/_next/static/chunks/9e0c93d271127ad3.js" async=""></script><script src="/_next/static/chunks/c862bd2d33a6d87f.js" async=""></script><script src="/_next/static/chunks/41f05bbbcfc915c5.js" async=""></script><script src="/_next/static/chunks/00025912d7182ae8.js" async=""></script><script src="/_next/static/chunks/506b0f1ff0466cf9.js" async=""></script><script src="/_next/static/chunks/5c799f7342a58594.js" async=""></script><script src="/_next/static/chunks/9bd7321a02a1af58.js" async=""></script><script src="/_next/static/chunks/8fab1636c9245e7e.js" async=""></script><script src="/_next/static/chunks/bcb8df53fadd1933.js" async=""></script><script src="/_next/static/chunks/6252eb71bf090459.js" async=""></script><script src="/_next/static/chunks/817e23d2433135ee.js" async=""></script><script src="/_next/static/chunks/3b5dfb1dd3f7cea2.js" async=""></script><script src="/_next/static/chunks/92a06be20ab7c8f3.js" async=""></script><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#001a4d"/><title>Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur</title><meta name="description" content="Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen."/><link rel="manifest" href="/manifest.webmanifest"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://klz-cables.com/de/contact"/><link rel="alternate" hrefLang="de-DE" href="https://klz-cables.com/de/contact"/><link rel="alternate" hrefLang="en-US" href="https://klz-cables.com/en/contact"/><meta property="og:title" content="Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur | KLZ Cables"/><meta property="og:description" content="Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen."/><meta property="og:url" content="https://klz-cables.com/de/contact"/><meta property="og:site_name" content="KLZ Cables"/><meta property="og:locale" content="DE_DE"/><meta property="og:image" content="https://klz-cables.com/de/contact/opengraph-image"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur | KLZ Cables"/><meta name="twitter:description" content="Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen."/><meta name="twitter:image" content="https://klz-cables.com/de/contact/opengraph-image"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" href="/logo-blue.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/><meta name="sentry-trace" content="6f82106a5c191f9c87a8d1689a192883-a7345461fdfb9351-1"/><meta name="baggage" content="sentry-environment=production,sentry-release=cd7be080d7daec9028e9e94118d2cc711af3fb9b,sentry-trace_id=6f82106a5c191f9c87a8d1689a192883,sentry-transaction=GET%20%2F%5Blocale%5D%2Fcontact,sentry-sampled=true,sentry-sample_rand=0.8259942302350718,sentry-sample_rate=1"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="flex flex-col min-h-screen font-sans selection:bg-accent selection:text-primary-dark antialiased overflow-x-hidden"><div hidden=""><!--$--><!--/$--></div><script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"KLZ Cables","url":"https://klz-cables.com","logo":"https://klz-cables.com/logo-blue.svg","sameAs":["https://www.linkedin.com/company/klz-cables"],"description":"Premium Cable Solutions for Renewable Energy and Infrastructure.","address":{"@type":"PostalAddress","addressCountry":"DE"}},{"@context":"https://schema.org","@type":"WebSite","name":"KLZ Cables","url":"https://klz-cables.com","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://klz-cables.com/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]</script><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu bg-primary py-3 md:py-4 shadow-2xl" style="opacity:0;transform:translateY(-100px)"><div class="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl flex items-center justify-between"><div class="flex-shrink-0 group touch-target" style="opacity:0;transform:scale(0.8)"><a href="/de"><img alt="Start" width="120" height="120" decoding="async" data-nimg="1" class="h-10 md:h-14 w-auto transition-all duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Flogo-white.svg&amp;w=128&amp;q=75 1x, /_next/image?url=%2Flogo-white.svg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Flogo-white.svg&amp;w=256&amp;q=75"/></a></div><div class="flex items-center gap-4 md:gap-12"><nav class="hidden lg:flex items-center space-x-10" style="opacity:0"><div style="opacity:0;transform:translateY(20px) scale(0.9)"><a class="text-white hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5" href="/de">Start<span class="absolute -bottom-2 left-0 w-0 h-1 bg-accent transition-all duration-500 group-hover:w-full rounded-full shadow-[0_0_12px_rgba(130,237,32,0.6)]"></span></a></div><div style="opacity:0;transform:translateY(20px) scale(0.9)"><a class="text-white hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5" href="/de/team">Team<span class="absolute -bottom-2 left-0 w-0 h-1 bg-accent transition-all duration-500 group-hover:w-full rounded-full shadow-[0_0_12px_rgba(130,237,32,0.6)]"></span></a></div><div style="opacity:0;transform:translateY(20px) scale(0.9)"><a class="text-white hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5" href="/de/products">Produkte<span class="absolute -bottom-2 left-0 w-0 h-1 bg-accent transition-all duration-500 group-hover:w-full rounded-full shadow-[0_0_12px_rgba(130,237,32,0.6)]"></span></a></div><div style="opacity:0;transform:translateY(20px) scale(0.9)"><a class="text-white hover:text-accent font-bold transition-all duration-500 text-base md:text-lg tracking-tight relative group inline-block hover:-translate-y-0.5" href="/de/blog">Blog<span class="absolute -bottom-2 left-0 w-0 h-1 bg-accent transition-all duration-500 group-hover:w-full rounded-full shadow-[0_0_12px_rgba(130,237,32,0.6)]"></span></a></div></nav><div class="hidden lg:flex items-center space-x-8 text-white" style="opacity:0;transform:translateX(30px)"><div class="flex items-center space-x-4 text-xs md:text-sm font-extrabold tracking-widest uppercase" style="opacity:0;transform:translateX(20px)"><div style="opacity:0;transform:scale(0.8)"><a class="hover:text-accent transition-colors flex items-center gap-2 touch-target opacity-60" href="/en/contact">EN</a></div><div class="w-px h-4 bg-current opacity-20" style="transform:scaleY(0)"></div><div style="opacity:0;transform:scale(0.8)"><a class="hover:text-accent transition-colors flex items-center gap-2 touch-target text-accent" href="/de/contact">DE</a></div></div><div style="opacity:0;transform:scale(0.9)"><a class="inline-flex items-center justify-center rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate bg-white text-primary hover:shadow-primary/30 hover:shadow-2xl hover:text-white h-11 text-base md:text-lg px-8 shadow-xl" href="/de/contact"><span class="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500 group-hover/btn:text-primary-dark">Kontakt</span><span class="absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out bg-primary-light"></span></a></div></div><button class="lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-50 text-white" aria-label="Menü umschalten" style="opacity:0;transform:scale(0.8) rotate(-180deg)"><svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="transform:scale(0)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path></svg></button></div></div><div class="fixed inset-0 bg-primary z-40 lg:hidden transition-all duration-500 ease-in-out flex flex-col opacity-0 -translate-y-full pointer-events-none"><div class="flex-grow flex flex-col justify-center items-center p-8 space-y-8"><div style="opacity:0;transform:translateY(50px) scale(0.9)"><a class="text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4" href="/de">Start</a></div><div style="opacity:0;transform:translateY(50px) scale(0.9)"><a class="text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4" href="/de/team">Team</a></div><div style="opacity:0;transform:translateY(50px) scale(0.9)"><a class="text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4" href="/de/products">Produkte</a></div><div style="opacity:0;transform:translateY(50px) scale(0.9)"><a class="text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4" href="/de/blog">Blog</a></div><div class="pt-8 border-t border-white/10 w-full flex flex-col items-center space-y-8" style="opacity:0;transform:translateY(30px)"><div class="flex items-center space-x-8 text-lg md:text-xl font-extrabold tracking-widest uppercase text-white" style="opacity:0;transform:scale(0.8)"><div style="opacity:0"><a class="hover:text-accent transition-colors opacity-60" href="/en/contact">EN</a></div><div class="w-px h-6 bg-white/20" style="transform:scaleX(0)"></div><div style="opacity:0"><a class="hover:text-accent transition-colors text-accent" href="/de/contact">DE</a></div></div><div style="opacity:0;transform:translateY(20px) scale(0.9)"><a class="inline-flex items-center justify-center rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate bg-accent text-primary-dark hover:shadow-accent/30 hover:shadow-2xl h-14 px-8 w-full max-w-xs py-6 text-lg md:text-xl shadow-2xl" href="/de/contact"><span class="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500">Kontakt</span><span class="absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out bg-accent-dark"></span></a></div></div><div class="p-12 flex justify-center opacity-20" style="opacity:0;transform:scale(0.8)"><div style="transform:scale(0.5)"><img alt="Start" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" style="color:transparent" src="/logo-white.svg"/></div></div></div></div></header><main class="flex-grow animate-fade-in overflow-visible"><div class="flex flex-col min-h-screen bg-neutral-light"><script id="breadcrumb-contact" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Kontaktieren Sie uns","item":"https://klz-cables.com/de/contact"}]}</script><script id="local-business-contact" type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"KLZ Cables","image":"https://klz-cables.com/logo.png","@id":"https://klz-cables.com","url":"https://klz-cables.com","address":{"@type":"PostalAddress","streetAddress":"Raiffeisenstraße 22","addressLocality":"Remshalden","postalCode":"73630","addressCountry":"DE"},"geo":{"@type":"GeoCoordinates","latitude":48.8144,"longitude":9.4144},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"17:00"}],"sameAs":["https://www.linkedin.com/company/klz-cables"]}</script><div class="reveal-on-scroll" style="transition-delay:0ms"><section class="bg-primary-dark text-white py-20 md:py-32 relative overflow-hidden"><div class="absolute inset-0 opacity-20"><div class="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-accent via-transparent to-transparent"></div></div><div class="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl relative z-10"><div class="max-w-4xl"><div class="text-left text-white mb-4 md:mb-6"><span class="inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in">Kontakt aufnehmen</span><h1 class="text-2xl md:text-4xl lg:text-5xl font-bold leading-[1.1] tracking-tight"><span class="text-white">Kontaktieren Sie uns</span></h1></div><p class="text-lg md:text-xl text-white/70 leading-relaxed max-w-2xl">Haben Sie Fragen zu unseren Produkten oder benötigen Sie eine maßgeschneiderte Lösung? Wir sind für Sie da.</p></div></div></section></div><section class="lg:py-36 overflow-hidden content-visibility-auto bg-neutral-light -mt-8 md:-mt-20 relative z-20 py-12 md:py-28"><div class="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl"><div class="grid grid-cols-1 lg:grid-cols-12 gap-8 md:gap-16"><div class="lg:col-span-5 space-y-6 md:space-y-12"><div class="animate-fade-in"><div class="text-primary text-left mb-6 md:mb-8"><span class="inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in">Kontaktdetails</span><h3 class="text-lg md:text-2xl lg:text-3xl font-bold leading-[1.3] tracking-tight">So erreichen Sie uns</h3></div><div class="space-y-4 md:space-y-8"><div class="flex items-start gap-4 md:gap-6 group"><div class="w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0"><svg class="w-5 h-5 md:w-7 md:h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><div><h4 class="text-base md:text-xl font-bold text-primary mb-1 md:mb-2">Unser Büro</h4><p class="text-sm md:text-lg text-text-secondary leading-relaxed whitespace-pre-line">Raiffeisenstraße 22
+73630 Remshalden
+Deutschland</p></div></div><div class="flex items-start gap-4 md:gap-6 group"><div class="w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0"><svg class="w-5 h-5 md:w-7 md:h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div><div><h4 class="text-base md:text-xl font-bold text-primary mb-1 md:mb-2">E-Mail</h4><a href="mailto:info@klz-cables.com" class="text-sm md:text-lg text-text-secondary hover:text-primary transition-colors font-medium touch-target">info@klz-cables.com</a></div></div></div></div><div class="p-6 md:p-10 bg-white rounded-2xl md:rounded-3xl border border-neutral-medium shadow-sm animate-fade-in"><div class="text-primary text-left mb-4 md:mb-6"><h4 class="text-lg md:text-xl lg:text-2xl font-bold leading-[1.4]">Geschäftszeiten</h4></div><ul class="space-y-2 md:space-y-4 list-none m-0 p-0"><li class="flex justify-between items-center pb-2 md:pb-4 border-b border-neutral-medium text-sm md:text-base"><span class="font-bold text-primary">Montag - Freitag</span><span class="text-text-secondary">08:00 - 17:00</span></li><li class="flex justify-between items-center text-sm md:text-base"><span class="font-bold text-primary">Samstag - Sonntag</span><span class="text-accent-dark font-bold">Geschlossen</span></li></ul></div></div><div class="lg:col-span-7"><!--$?--><template id="B:0"></template><div class="animate-pulse bg-neutral-medium h-96 rounded-2xl md:rounded-3xl"></div><!--/$--></div></div></div></section><section class="h-[300px] md:h-[500px] bg-neutral-medium relative overflow-hidden grayscale hover:grayscale-0 transition-all duration-1000"><!--$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="h-full w-full bg-neutral-medium flex items-center justify-center"><div class="animate-pulse text-primary font-medium">Loading Map...</div></div><!--/$--><!--/$--></section></div><!--$--><!--/$--></main><footer class="bg-primary text-white py-24 relative overflow-hidden content-visibility-auto"><div class="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-white/20 to-transparent"></div><div class="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-16 mb-20"><div class="lg:col-span-4 space-y-8"><a class="inline-block group" href="/de"><img alt="Produkte" loading="lazy" width="150" height="40" decoding="async" data-nimg="1" class="h-10 w-auto transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Flogo-white.svg&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo-white.svg&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Flogo-white.svg&amp;w=384&amp;q=75"/></a><p class="text-white/60 text-base md:text-lg leading-relaxed max-w-sm">Wegweisend in der Kabelinfrastruktur und bei nachhaltigen Energielösungen. Qualität, Innovation und Zuverlässigkeit seit 1998.</p><div class="flex gap-4"><a href="https://www.linkedin.com/company/klz-vertriebs-gmbh/" target="_blank" rel="noopener noreferrer" class="w-12 h-12 rounded-full bg-white/5 flex items-center justify-center text-white hover:bg-accent hover:text-primary-dark transition-all duration-300 border border-white/10"><span class="sr-only">LinkedIn</span><svg class="w-5 h-5 fill-current" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a></div></div><div class="lg:col-span-2"><h4 class="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">Rechtliches</h4><ul class="space-y-4 text-white/70 list-none m-0 p-0"><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/impressum">Impressum</a></li><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/datenschutz">Datenschutz</a></li><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/agbs">AGB</a></li></ul></div><div class="lg:col-span-2"><h4 class="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">Unternehmen</h4><ul class="space-y-4 text-white/70 list-none m-0 p-0"><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/team">Team</a></li><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/products">Produkte</a></li><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/blog">Blog</a></li><li><a class="text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block" href="/de/contact">Kontakt</a></li></ul></div><div class="lg:col-span-4"><h4 class="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">Neueste Artikel</h4><ul class="space-y-6 list-none m-0 p-0"><li><a class="group block text-white/80" href="/de/blog/windparkbau-im-fokus-drei-typische-kabelherausforderungen"><p class="text-white/80 font-bold group-hover:text-accent transition-colors leading-snug mb-2 text-base md:text-base">Windparkbau im Fokus: drei typische Kabelherausforderungen</p><span class="text-xs text-white/40 uppercase tracking-widest">Artikel lesen<!-- --> →</span></a></li><li><a class="group block text-white/80" href="/de/blog/n2xsf2y-mittelspannungskabel-energieprojekt"><p class="text-white/80 font-bold group-hover:text-accent transition-colors leading-snug mb-2 text-base md:text-base">Warum das N2XS(F)2Y das ideale Kabel für Ihr Energieprojekt ist</p><span class="text-xs text-white/40 uppercase tracking-widest">Artikel lesen<!-- --> →</span></a></li></ul></div></div><div class="pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-8 text-white/40 text-xs md:text-sm font-medium"><p>Copyright © 2026 KLZ Vertriebs GmbH. Alle Rechte vorbehalten.</p><div class="flex gap-8"><a locale="en" class="hover:text-white transition-colors" href="/en">English</a><a locale="de" class="hover:text-white transition-colors" href="/de">Deutsch</a></div></div></div></footer><!--$--><!--/$--><div class="feedback-ui-ignore"><div class="fixed bottom-6 left-1/2 -translate-x-1/2 z-[9999]"><div class="bg-black/80 backdrop-blur-xl border border-white/10 p-2 rounded-2xl shadow-2xl flex items-center gap-2"><div class="flex items-center gap-2 px-3 py-2 rounded-xl transition-all bg-white/5 text-white/40"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><span class="text-[10px] font-bold uppercase tracking-wider">Loading...</span></div><div class="w-px h-6 bg-white/10 mx-1"></div><button disabled="" class="flex items-center gap-2 px-4 py-2 rounded-xl transition-all font-medium disabled:opacity-30 disabled:cursor-not-allowed text-white/70 hover:text-white hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>Feedback geben</button><div class="w-px h-6 bg-white/10 mx-1"></div><button class="p-2 text-white/70 hover:text-white hover:bg-white/10 rounded-xl relative"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list"><line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line></svg></button></div></div></div><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/9bf1696d70d2065c.js" id="_R_" async=""></script><div hidden id="S:0"><div class="premium-card overflow-hidden p-6 md:p-12 rounded-2xl md:rounded-[40px] border-none shadow-2xl animate-slide-up"><div class="text-primary text-left mb-6 md:mb-10"><span class="inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in">Nachricht senden</span><h3 class="text-lg md:text-2xl lg:text-3xl font-bold leading-[1.3] tracking-tight">Schreiben Sie uns eine Nachricht</h3></div><form class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8"><div class="space-y-1 md:space-y-2"><label class="text-[10px] md:text-xs font-extrabold text-primary uppercase tracking-widest" for="name">Name</label><input class="w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg" type="text" id="name" autoComplete="name" enterKeyHint="next" placeholder="Ihr Name" required="" name="name"/></div><div class="space-y-1 md:space-y-2"><label class="text-[10px] md:text-xs font-extrabold text-primary uppercase tracking-widest" for="email">E-Mail</label><input class="w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg" type="email" id="email" autoComplete="email" inputMode="email" enterKeyHint="next" placeholder="ihre@email.de" required="" name="email"/></div><div class="md:col-span-2 space-y-1 md:space-y-2"><label class="text-[10px] md:text-xs font-extrabold text-primary uppercase tracking-widest" for="message">Nachricht</label><textarea class="w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg resize-none" id="message" name="message" rows="4" enterKeyHint="send" placeholder="Wie können wir Ihnen helfen?" required=""></textarea></div><div class="md:col-span-2 pt-2 md:pt-4"><button class="inline-flex items-center justify-center rounded-full font-semibold duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate bg-saturated text-white hover:shadow-primary/30 hover:shadow-2xl h-14 px-8 text-base w-full shadow-xl shadow-saturated/20 md:h-16 md:px-10 md:text-xl active:scale-[0.98] transition-transform" type="submit"><span class="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500">Nachricht senden</span><span class="absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out bg-primary"></span></button></div></form></div></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
+$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[372026,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"default\"]\n3:I[992118,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"default\"]\n6:I[368431,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[368431,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"ViewportBoundary\"]\nb:I[368431,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"MetadataBoundary\"]\nd:I[253348,[\"/_next/static/chunks/9e0c93d271127ad3.js\",\"/_next/static/chunks/c862bd2d33a6d87f.js\"],\"default\"]\ne:I[759095,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/817e23d2433135ee.js\"],\"default\"]\n15:I[833128,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/817e23d2433135ee.js\"],\"default\"]\n16:I[936744,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/817e23d2433135ee.js\"],\"default\"]\n18:I[279416,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"default\"]\n20:I[70119,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"default\"]\n21:I[309974,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/3b5dfb1dd3f7cea2.js\"],\"default\"]\n23:I[892737,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"default\"]\n24:I[987143,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"default\"]\n25:I[971667,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chun"])</script><script>self.__next_f.push([1,"ks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"FeedbackOverlay\"]\n26:I[224038,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/92a06be20ab7c8f3.js\"],\"default\"]\n27:I[34591,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\",\"/_next/static/chunks/817e23d2433135ee.js\"],\"\"]\n28:I[123865,[\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"/_next/static/chunks/00025912d7182ae8.js\",\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"/_next/static/chunks/5c799f7342a58594.js\",\"/_next/static/chunks/9bd7321a02a1af58.js\",\"/_next/static/chunks/8fab1636c9245e7e.js\",\"/_next/static/chunks/bcb8df53fadd1933.js\",\"/_next/static/chunks/6252eb71bf090459.js\"],\"Image\"]\n2c:I[349822,[\"/_next/static/chunks/3cd059ae750018ca.js\",\"/_next/static/chunks/97ac21ff898f84b9.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/2867193cf98647d2.css\",\"style\"]\n:HL[\"/_next/static/chunks/15e1b86a55a05997.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"9CEdLoNcUOZ-TPEikO7Qy\",\"c\":[\"\",\"de\",\"contact\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"de\",\"d\"],{\"children\":[\"contact\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2867193cf98647d2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/15e1b86a55a05997.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/41f05bbbcfc915c5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/00025912d7182ae8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/506b0f1ff0466cf9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/5c799f7342a58594.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/9bd7321a02a1af58.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/8fab1636c9245e7e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/bcb8df53fadd1933.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/6252eb71bf090459.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/817e23d2433135ee.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"flex flex-col min-h-screen bg-neutral-light\",\"children\":[[\"$\",\"script\",null,{\"id\":\"breadcrumb-contact\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Kontaktieren Sie uns\\\",\\\"item\\\":\\\"https://klz-cables.com/de/contact\\\"}]}\"}}],[\"$\",\"script\",null,{\"id\":\"local-business-contact\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"LocalBusiness\\\",\\\"name\\\":\\\"KLZ Cables\\\",\\\"image\\\":\\\"https://klz-cables.com/logo.png\\\",\\\"@id\\\":\\\"https://klz-cables.com\\\",\\\"url\\\":\\\"https://klz-cables.com\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"Raiffeisenstraße 22\\\",\\\"addressLocality\\\":\\\"Remshalden\\\",\\\"postalCode\\\":\\\"73630\\\",\\\"addressCountry\\\":\\\"DE\\\"},\\\"geo\\\":{\\\"@type\\\":\\\"GeoCoordinates\\\",\\\"latitude\\\":48.8144,\\\"longitude\\\":9.4144},\\\"openingHoursSpecification\\\":[{\\\"@type\\\":\\\"OpeningHoursSpecification\\\",\\\"dayOfWeek\\\":[\\\"Monday\\\",\\\"Tuesday\\\",\\\"Wednesday\\\",\\\"Thursday\\\",\\\"Friday\\\"],\\\"opens\\\":\\\"08:00\\\",\\\"closes\\\":\\\"17:00\\\"}],\\\"sameAs\\\":[\\\"https://www.linkedin.com/company/klz-cables\\\"]}\"}}],[\"$\",\"$Le\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"bg-primary-dark text-white py-20 md:py-32 relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 opacity-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-accent via-transparent to-transparent\"}]}],[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl relative z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-4xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-left text-white mb-4 md:mb-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in\",\"children\":\"Kontakt aufnehmen\"}],[\"$\",\"h1\",null,{\"className\":\"text-2xl md:text-4xl lg:text-5xl font-bold leading-[1.1] tracking-tight\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-white\",\"children\":\"Kontaktieren Sie uns\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"text-lg md:text-xl text-white/70 leading-relaxed max-w-2xl\",\"children\":\"Haben Sie Fragen zu unseren Produkten oder benötigen Sie eine maßgeschneiderte Lösung? Wir sind für Sie da.\"}]]}]}]]}]}],[\"$\",\"section\",null,{\"className\":\"lg:py-36 overflow-hidden content-visibility-auto bg-neutral-light -mt-8 md:-mt-20 relative z-20 py-12 md:py-28\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-12 gap-8 md:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-5 space-y-6 md:space-y-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"animate-fade-in\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-primary text-left mb-6 md:mb-8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in\",\"children\":\"Kontaktdetails\"}],[\"$\",\"h3\",null,{\"className\":\"text-lg md:text-2xl lg:text-3xl font-bold leading-[1.3] tracking-tight\",\"children\":\"So erreichen Sie uns\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4 md:space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4 md:gap-6 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5 md:w-7 md:h-7\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"}],\"$Lf\"]}]}],\"$L10\"]}],\"$L11\"]}]]}],\"$L12\"]}],\"$L13\"]}]}]}],\"$L14\"]}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"}]\n10:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base md:text-xl font-bold text-primary mb-1 md:mb-2\",\"children\":\"Unser Büro\"}],[\"$\",\"p\",null,{\"className\":\"text-sm md:text-lg text-text-secondary leading-relaxed whitespace-pre-line\",\"children\":\"Raiffeisenstraße 22\\n73630 Remshalden\\nDeutschland\"}]]}]\n11:[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4 md:gap-6 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5 md:w-7 md:h-7\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"}]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-base md:text-xl font-bold text-primary mb-1 md:mb-2\",\"children\":\"E-Mail\"}],[\"$\",\"a\",null,{\"href\":\"mailto:info@klz-cables.com\",\"className\":\"text-sm md:text-lg text-text-secondary hover:text-primary transition-colors font-medium touch-target\",\"children\":\"info@klz-cables.com\"}]]}]]}]\n12:[\"$\",\"div\",null,{\"className\":\"p-6 md:p-10 bg-white rounded-2xl md:rounded-3xl border border-neutral-medium shadow-sm animate-fade-in\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-primary text-left mb-4 md:mb-6\",\"children\":[\"$undefined\",[\"$\",\"h4\",null,{\"className\":\"text-lg md:text-xl lg:text-2xl font-bold leading-[1.4]\",\"children\":\"Geschäftszeiten\"}]]}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 md:space-y-4 list-none m-0 p-0\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex justify-between items-center pb-2 md:pb-4 border-b border-neutral-medium text-sm md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-primary\",\"children\":\"Montag - Freitag\"}],[\"$\",\"span\",null,{\"className\":\"text-text-secondary\",\"children\":\"08:00 - 17:00\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex justify-between items-center text-sm md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-primary\",\"children\":\"Samstag - Sonntag\"}],[\"$\",\"span\",null,{\"className\":\"text-accent-dark font-bold\",\"children\":\"Geschlossen\"}]]}]]}]]}]\n13:[\"$\",\"div\",null,{\"className\":\"lg:col-span-7\",\"children\":[\"$\",\"$7\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"animate-pulse bg-neutral-medium h-96 rounded-2xl md:rounded-3xl\"}],\"children\":[\"$\",\"$L15\",null,{}]}]}]\n14:[\"$\",\"section\",null,{\"className\":\"h-[300px] md:h-[500px] bg-neutral-medium relative overflow-hidden grayscale hover:grayscale-0 transition-all duration-1000\",\"children\":[\"$\",\"$7\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"h-full w-full bg-neutral-medium animate-pulse flex items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-primary font-medium\",\"children\":\"Loading Map...\"}]}],\"children\":[\"$\",\"$L16\",null,{\"address\":\"Raiffeisenstraße 22\\n73630 Remshalden\\nDeutschland\",\"lat\":48.8144,\"lng\":9.4144}]}]}]\n4:[\"$\",\"html\",null,{\"lang\":\"de\",\"className\":\"scroll-smooth overflow-x-hidden inter_2fe1ab3d-module__-T-KAq__variable\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex flex-col min-h-screen font-sans selection:bg-accent selection:text-primary-dark antialiased overflow-x-hidden\",\"children\":\"$L17\"}]}]\na:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#001a4d\"}]]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"$L18\",null,{\"formats\":\"$undefined\",\"locale\":\"de\",\"messages\":{\"Slugs\":{\"pages\":{\"impressum\":\"impressum\",\"datenschutz\":\"datenschutz\",\"agbs\":\"agbs\",\"kontakt\":\"contact\",\"team\":\"team\",\"blog\":\"blog\",\"produkte\":\"products\",\"start\":\"start\",\"danke\":\"thanks\",\"niederspannungskabel\":\"low-voltage-cables\",\"ny2y\":\"ny2y\",\"nycwy\":\"nycwy\",\"nyy\":\"nyy\"},\"products\":{\"n2x2y\":\"n2x2y\",\"n2xfk2y\":\"n2xfk2y\",\"n2xfkld2y\":\"n2xfkld2y\",\"n2xs2y\":\"n2xs2y\",\"n2xsf2y\":\"n2xsf2y\",\"n2xsfl2y-hv\":\"n2xsfl2y-hv\",\"n2xsfl2y-mv\":\"n2xsfl2y-mv\",\"n2xsy\":\"n2xsy\",\"n2xy\":\"n2xy\",\"na2x2y\":\"na2x2y\",\"na2xfk2y\":\"na2xfk2y\",\"na2xfkld2y\":\"na2xfkld2y\",\"na2xs2y\":\"na2xs2y\",\"na2xsf2y\":\"na2xsf2y\",\"na2xsfl2y-hv\":\"na2xsfl2y-hv\",\"na2xsfl2y-mv\":\"na2xsfl2y-mv\",\"na2xsy\":\"na2xsy\",\"na2xy\":\"na2xy\",\"nay2y\":\"nay2y\",\"naycwy\":\"naycwy\",\"nayy\":\"nayy\",\"ny2y\":\"ny2y\",\"nycwy\":\"nycwy\",\"nyy\":\"nyy\",\"h1z2z2-k\":\"h1z2z2-k\"},\"categories\":{\"niederspannungskabel\":\"low-voltage-cables\",\"mittelspannungskabel\":\"medium-voltage-cables\",\"hochspannungskabel\":\"high-voltage-cables\",\"solarkabel\":\"solar-cables\"}},\"Index\":{\"title\":\"KLZ Cables - Hochwertige Kabel\",\"description\":\"Ihr Partner für hochwertige Kabel.\",\"meta\":{\"title\":\"KLZ Cables | Hochwertige Strom- \u0026 Solarkabel\",\"description\":\"Ihr Experte für hochwertige Stromkabel, Mittelspannungslösungen und Solarkabel. Zuverlässige Infrastruktur für eine grüne Energiezukunft.\"}},\"Navigation\":{\"home\":\"Start\",\"team\":\"Team\",\"products\":\"Produkte\",\"blog\":\"Blog\",\"contact\":\"Kontakt\",\"toggleMenu\":\"Menü umschalten\"},\"Footer\":{\"legal\":\"Rechtliches\",\"legalNotice\":\"Impressum\",\"legalNoticeSlug\":\"impressum\",\"privacyPolicy\":\"Datenschutz\",\"privacyPolicySlug\":\"datenschutz\",\"terms\":\"AGB\",\"termsSlug\":\"agbs\",\"products\":\"Produkte\",\"lowVoltage\":\"Niederspannungskabel\",\"mediumVoltage\":\"Mittelspannungskabel\",\"highVoltage\":\"Hochspannungskabel\",\"solar\":\"Solarkabel\",\"followUs\":\"Folgen Sie uns\",\"languages\":\"Sprachen\",\"archives\":\"Archiv\",\"categories\":\"Kategorien\",\"recentPosts\":\"Neueste Artikel\",\"company\":\"Unternehmen\",\"readArticle\":\"Artikel lesen\",\"copyright\":\"Copyright © {year} KLZ Vertriebs GmbH. Alle Rechte vorbehalten.\",\"tagline\":\"Wegweisend in der Kabelinfrastruktur und bei nachhaltigen Energielösungen. Qualität, Innovation und Zuverlässigkeit seit 1998.\"},\"Team\":{\"meta\":{\"title\":\"Unser Team | Die Experten hinter KLZ Cables\",\"description\":\"Lernen Sie die Menschen kennen, die KLZ Cables antreiben. Jahrzehntelange Erfahrung in der Kabelindustrie trifft auf innovative Lösungen für die Energiewende.\"},\"hero\":{\"title\":\"Die Köpfe, die Energie zum Laufen bringen\",\"subtitle\":\"Wir verbinden Energie, Know-how und Innovation, um eine nachhaltigere Zukunft zu gestalten.\",\"badge\":\"Unser Team\"},\"michael\":{\"name\":\"Michael Bodemer\",\"quote\":\"Herausforderungen sind da, um gelöst zu werden – nicht, um über ihre Komplexität zu diskutieren.\",\"description\":\"Michael Bodemer ist unser Mann, wenn es kompliziert wird – und das ist bei Kabelnetzen oft der Fall. Mit seinem scharfen Blick und einem Händchen für praktikable Lösungen ist er eine unserer zentralen Säulen. Michael denkt nicht nur an Details, er treibt Projekte voran – sei es in der Planung, im Kundengespräch oder bei der Auswahl der besten Kabel für jedes Vorhaben.\",\"linkedin\":\"Michael's LinkedIn\",\"role\":\"Geschäftsführer\"},\"legacy\":{\"title\":\"Verbindungen, die Geschichte schreiben\",\"subtitle\":\"Unser Erbe\",\"p1\":\"Bei KLZ vereinen wir Tradition und Innovation zu zuverlässigen Energielösungen. Unsere Wurzeln reichen tief in die Geschichte der Kabeltechnologie zurück – mit jeder Menge praktischer Erfahrung und einem Blick für zukunftsweisende Entwicklungen.\",\"p2\":\"In jedem Projekt steckt nicht nur technisches Know-how, sondern auch das Bewusstsein für das Handwerk, das die Welt seit Generationen verbindet. Historische Illustrationen aus den frühen Tagen der Energiebranche erinnern uns daran, wie weit wir gekommen sind – und dass echte Exzellenz immer mit Sorgfalt beginnt.\",\"expertise\":\"Expertise\",\"expertiseDesc\":\"Jahrzehntelanges Wissen\",\"network\":\"Netzwerk\",\"networkDesc\":\"Globale Partnerschaften\"},\"klaus\":{\"name\":\"Klaus Mintel\",\"quote\":\"Manchmal braucht es nur einen klaren Kopf und das richtige Kabel, um die Welt ein Stück besser zu machen.\",\"description\":\"Klaus ist der Fels in der Brandung – selbst wenn das Kabelchaos überhandnimmt. Mit jahrzehntelanger Erfahrung und einem stabilen Netzwerk sorgt er dafür, dass alles glatt läuft. Er denkt nicht nur in Lösungen, sondern bringt auch Humor und den nötigen Weitblick mit, um selbst komplexe Themen locker auf den Punkt zu bringen.\",\"linkedin\":\"Klaus' LinkedIn\",\"role\":\"Gründer \u0026 Visionär\"},\"manifesto\":{\"title\":\"Unser Manifest\",\"subtitle\":\"Unsere Werte\",\"tagline\":\"Unsere Grundprinzipien leiten jede Entscheidung, die wir treffen, und jedes Kabel, das wir liefern.\",\"items\":[{\"title\":\"Kompetenz\",\"description\":\"Jahrzehntelange Erfahrung und europaweites Know-how kombiniert mit Engagement und neuen Ideen. Produktionspartner bis zu 525 kV und modernsten Anlagen, Testlaboren und investitionsbereit für die Zukunft.\"},{\"title\":\"Verfügbarkeit\",\"description\":\"Immer für Sie da – ohne Warten, ohne Verzögerung, einfach schnelle und verlässliche Unterstützung. Vielleicht liegt es daran, dass wir lieben, was wir tun.\"},{\"title\":\"Lösungen\",\"description\":\"Für Lösungen braucht es viele Fragen. Diese stellen wir. Ihnen, dem Hersteller und uns selbst. Wer nicht hinterfragt, zahlt später dafür. Das gilt es zu verhindern.\"},{\"title\":\"Logistik\",\"description\":\"Überwachung der Fertigung, regelmäßiger Austausch, Fracht-Tracking, Verzollung, Umladung, Zeittunnel der Anlieferung beachten, Rechnung, Lieferscheine – unser Alltag. Wir haben das Team dazu.\"},{\"title\":\"Offen für Neues\",\"description\":\"Wir hören zu. Von der Anfrage, über das Angebot bis hin zur Auslieferung. Was besser gemacht werden kann, muss diskutiert werden. Wer seine Prozesse nicht anpasst, fährt irgendwann nicht mehr auf der Autobahn. Sondern in die Sackgasse.\"},{\"title\":\"Zuverlässigkeit\",\"description\":\"Wir halten, was wir versprechen – jedes Mal und ohne Ausnahme.\"}]},\"gallery\":{\"title\":\"Leben bei KLZ\",\"subtitle\":\"Hinter den Kulissen\"}},\"Contact\":{\"meta\":{\"title\":\"Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur\",\"description\":\"Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen.\"},\"title\":\"Kontaktieren Sie uns\",\"subtitle\":\"Haben Sie Fragen zu unseren Produkten oder benötigen Sie eine maßgeschneiderte Lösung? Wir sind für Sie da.\",\"heroSubtitle\":\"Kontakt aufnehmen\",\"info\":{\"title\":\"Kontaktinformationen\",\"subtitle\":\"Kontaktdetails\",\"howToReachUs\":\"So erreichen Sie uns\",\"address\":\"Raiffeisenstraße 22\\n73630 Remshalden\\nDeutschland\",\"office\":\"Unser Büro\",\"phone\":\"Telefon\",\"email\":\"E-Mail\"},\"hours\":{\"title\":\"Geschäftszeiten\",\"weekdays\":\"Montag - Freitag\",\"weekdaysTime\":\"08:00 - 17:00\",\"weekend\":\"Samstag - Sonntag\",\"closed\":\"Geschlossen\"},\"form\":{\"title\":\"Schreiben Sie uns eine Nachricht\",\"subtitle\":\"Nachricht senden\",\"name\":\"Name\",\"namePlaceholder\":\"Ihr Name\",\"email\":\"E-Mail\",\"emailPlaceholder\":\"ihre@email.de\",\"message\":\"Nachricht\",\"messagePlaceholder\":\"Wie können wir Ihnen helfen?\",\"submit\":\"Nachricht senden\",\"submitting\":\"Wird gesendet...\",\"successTitle\":\"Nachricht gesendet!\",\"successDesc\":\"Vielen Dank für Ihre Nachricht. Wir werden uns so schnell wie möglich bei Ihnen melden.\",\"sendAnother\":\"Weitere Nachricht senden\",\"errorTitle\":\"Senden fehlgeschlagen!\",\"error\":\"Etwas ist schief gelaufen. Bitte überprüfen Sie Ihre Eingaben und versuchen Sie es erneut.\",\"tryAgain\":\"Erneut versuchen\"}},\"Products\":{\"meta\":{\"title\":\"Produktportfolio | Hochwertige Kabel für jede Anwendung\",\"description\":\"Entdecken Sie unser umfassendes Sortiment an zertifizierten Kabeln: von Niederspannung über Mittel- und Hochspannung bis hin zu spezialisierten Solarkabeln.\"},\"title\":\"Unsere \u003cgreen\u003eProdukte\u003c/green\u003e\",\"subtitle\":\"Entdecken Sie unser umfassendes Sortiment an hochwertigen Kabeln für jede Anwendung.\",\"heroSubtitle\":\"Produktportfolio\",\"categoryLabel\":\"Kategorie\",\"viewProducts\":\"Produkte ansehen\",\"exploreCategory\":\"Kategorie entdecken\",\"cta\":{\"title\":\"Benötigen Sie technische Unterstützung?\",\"description\":\"Unser Expertenteam hilft Ihnen gerne dabei, die perfekte Kabellösung für Ihre spezifischen technischen Anforderungen und Umgebungsbedingungen zu finden.\",\"button\":\"Experten kontaktieren\"},\"details\":\"Details\",\"relatedProductsTitle\":\"Ähnliche Produkte\",\"requestQuote\":\"Angebot anfordern\",\"requestQuoteDesc\":\"Erhalten Sie technische Spezifikationen und Preise für Ihr Projekt.\",\"downloadDatasheet\":\"Datenblatt herunterladen\",\"downloadDatasheetDesc\":\"Erhalten Sie die vollständigen technischen Spezifikationen als PDF.\",\"form\":{\"contactInfo\":\"Kontaktinformationen\",\"projectDetails\":\"Projektdetails\",\"email\":\"E-Mail-Adresse\",\"emailPlaceholder\":\"ihre@email.de\",\"message\":\"Ihre Nachricht\",\"messagePlaceholder\":\"Beschreiben Sie Ihre Projektanforderungen...\",\"submit\":\"Anfrage senden\",\"submitting\":\"Wird gesendet...\",\"successTitle\":\"Anfrage gesendet!\",\"successDesc\":\"Vielen Dank für Ihr Interesse an {productName}. Unser technisches Team wird sich in Kürze bei Ihnen melden.\",\"sendAnother\":\"Weitere Anfrage senden\",\"privacyNote\":\"Mit dem Absenden erklären Sie sich mit unserer Datenschutzerklärung einverstanden\"},\"englishVersion\":\"Englische Version\",\"showMore\":\"Mehr anzeigen\",\"showLess\":\"Weniger anzeigen\",\"categories\":{\"lowVoltage\":{\"title\":\"Niederspannungskabel\",\"description\":\"Zuverlässige und sichere Stromversorgung für den täglichen Bedarf.\"},\"mediumVoltage\":{\"title\":\"Mittelspannungskabel\",\"description\":\"Die perfekte Balance zwischen Leistung und Performance für Industrie- und Stadtnetze.\"},\"highVoltage\":{\"title\":\"Hochspannungskabel\",\"description\":\"Maximale Leistung über weite Strecken – ohne Kompromisse.\"},\"solar\":{\"title\":\"Solarkabel\",\"description\":\"Verbinden Sie die Energie der Sonne mit Ihrer nachhaltigen Zukunft.\"}}},\"Home\":{\"hero\":{\"title\":\"Wir helfen beim Ausbau der Energiekabelnetze für eine \u003cgreen\u003egrüne\u003c/green\u003e Zukunft\",\"cta\":\"Lassen Sie uns reden\",\"exploreProducts\":\"Produkte entdecken\",\"subtitle\":\"Wegweisend in der Kabelinfrastruktur\"},\"whatWeDo\":{\"title\":\"Was wir tun\",\"subtitle\":\"Wir sorgen dafür, dass der Strom fließt – mit qualitätsgeprüften Kabeln. Von der Niederspannung bis zur Hochspannung.\",\"expertise\":\"Unsere Expertise\",\"quote\":\"Wir liefern nicht nur Kabel; wir liefern die Infrastruktur für eine nachhaltige Zukunft.\",\"items\":[{\"title\":\"Belieferung von Energieversorgern, Wind- und Solarparks, Industrie und Handel\",\"description\":\"Wir unterstützen Ihre Projekte von 1 bis 220 kV, vom einfachen NYY bis zum Hochspannungskabel mit Segmentleiter und Aluminiummantel, mit einem besonderen Fokus auf Mittelspannungskabel.\"},{\"title\":\"Lieferung von Kabeln, deren Qualität zertifiziert ist\",\"description\":\"Kabel sind Produkte, die zu 100 % funktionieren müssen. Über Jahrzehnte, oft 80 bis 100 Jahre. Unsere Kabel sind nicht nur VDE-geprüft. Die bekanntesten Energieversorger vertrauen uns.\"},{\"title\":\"Wir liefern pünktlich, weil wir die Konsequenzen für Sie kennen\",\"description\":\"Windpark Norddeutschland, Koordinaten XYZ, Anlieferung Mittwoch 14-16 Uhr, keine Ablademöglichkeit. Ja, das wissen wir. Wir organisieren die Logistik mit einem Backoffice-Team, das über bis zu 20 Jahre Kabelerfahrung verfügt.\"},{\"title\":\"Das Kabel allein ist nicht die Lösung\",\"description\":\"Steiniger Boden? Vielleicht wäre ein dickerer Außenmantel besser? Feuchter Boden? Kann es einen querwasserdichten Schutz geben? Wir denken für Sie mit und stellen Fragen.\"}]},\"whyChooseUs\":{\"title\":\"Warum wir\",\"subtitle\":\"Erfahrung verhindert viele Fehler, aber wir lernen jeden Tag dazu\",\"whyKlz\":\"Warum KLZ\",\"features\":[\"Zertifizierte Qualitätsstandards\",\"Nachhaltige Lieferkette\",\"Experten-Support\",\"Schnelle weltweite Lieferung\"],\"items\":[{\"title\":\"Expertise mit Tiefgang\",\"description\":\"Unser Team verfügt über jahrzehntelange Erfahrung – weit über die Gründung von KLZ im Jahr 2009 hinaus. Das gesamte Team verfügt über mehr als 100 Jahre Kabelerfahrung, gesammelt in den unterschiedlichsten Werken, von der Niederspannung über die Mittelspannung bis zur Hochspannung. Wir wissen, wie Kabel riechen, wofür der Kollege an der Abschirmmaschine zuständig ist und wie die Prüfung durchgeführt wird.\"},{\"title\":\"Maßgeschneiderte Lösungen für Ihr Projekt\",\"description\":\"Wenn es komplexer wird, ziehen wir unsere technischen Berater hinzu. Da braucht man Experten, die nicht erst am Anfang ihrer Karriere stehen. Man braucht Leute, die Normen lesen und verstehen und teilweise mitgewirkt haben. Wir haben sie, und mit ihrer und unserer Erfahrung heben wir uns vom einfachen Kabelhandel ab.\"},{\"title\":\"Zuverlässigkeit, die Ihre Projekte auf Kurs hält\",\"description\":\"Erreichbarkeit, schnelle Reaktion in einer schnelllebigen Welt. Haben Sie nach 17 Uhr noch Fragen? Oder am Wochenende? Wir sind immer da. Und so haben wir unsere Partner entwickelt, damit wir als Team das realisieren können, wofür Sie bezahlt haben. Und wenn mal etwas nicht gut läuft, versteckt sich niemand.\"},{\"title\":\"Nachhaltigkeit ohne Kompromisse\",\"description\":\"Wir sind davon überzeugt, dass wir die Welt besser verlassen werden, als wir sie vorgefunden haben. Mit Initiativen wie unserem Trommelrückgabeservice und einem klaren Fokus auf Recycling sorgen wir dafür, dass jede Verbindung so umweltfreundlich wie möglich ist. Jeder unserer Partner verfügt über die entsprechenden Zertifikate, die zunehmend von allen Kunden erwartet werden.\"}]},\"experience\":{\"title\":\"Jahrzehntelange Erfahrung, verwurzelt in der Kabelgeschichte\",\"subtitle\":\"Unser Erbe\",\"p1\":\"At KLZ, cables run in our veins. Klaus began his journey at the renowned Felten \u0026 Guilleaume, following in the footsteps of his parents, who dedicated their lives to the same iconic company. For Klaus, this isn’t just work – it’s a legacy built on craftsmanship, innovation, and pride.\",\"p2\":\"Wir ehren diese Geschichte mit Original-Illustrationen aus der Ära von Felten \u0026 Guilleaume, die einst als Postkarten verwendet wurden. Diese Bilder erinnern uns an die Generationen, die die Welt miteinander vernetzt haben – eine Tradition, die wir heute stolz fortsetzen.\",\"certifiedQuality\":\"Zertifizierte Qualität\",\"vdeApproved\":\"VDE-geprüft \u0026 Vertrauen von großen Energieversorgern\",\"fullSpectrum\":\"Volles Spektrum\",\"solutionsRange\":\"Lösungen von 1kV bis 220kV\"},\"meetTheTeam\":{\"title\":\"Lernen Sie das Team hinter KLZ kennen\",\"subtitle\":\"Die Köpfe hinter KLZ\",\"description\":\"Bei KLZ ist unser Team die Kraft hinter den Kabeln. Von erfahrenen Experten wie Michael und Klaus bis hin zu einer engagierten Gruppe von Planern, Logistikspezialisten und Kundendienstmitarbeitern spielt jedes Mitglied eine entscheidende Rolle. Gemeinsam verbinden wir jahrzehntelange Erfahrung, innovatives Denken und das gemeinsame Engagement für die Bereitstellung zuverlässiger Energielösungen.\",\"cta\":\"Unser Team ansehen\",\"andNetwork\":\"\u0026 Unser Experten-Netzwerk\"},\"gallery\":{\"title\":\"Starke Verbindungen für eine nachhaltige Welt.\",\"subtitle\":\"Visuelle Reise\",\"alt\":\"Galeriebild\"},\"video\":{\"title\":\"Vom einzelnen Draht bis zur unendlichen Kraft – die \u003cfuture\u003eZukunft\u003c/future\u003e beginnt hier.\"},\"cta\":{\"title\":\"Genug Informationen, lassen Sie uns gemeinsam etwas aufbauen!\",\"subtitle\":\"Loslegen\",\"description\":\"Partnern Sie mit KLZ für zuverlässige, leistungsstarke Kabellösungen, die auf die einzigartigen Anforderungen Ihres Projekts zugeschnitten sind.\",\"button\":\"Jetzt Kontakt aufnehmen\"}},\"Blog\":{\"meta\":{\"title\":\"Kabel-News \u0026 Energie-Insights | KLZ Cables Blog\",\"description\":\"Bleiben Sie informiert über die neuesten Trends in der Kabeltechnologie, Energieinfrastruktur und nachhaltigen Stromlösungen. Expertenwissen von KLZ Cables.\"},\"featuredPost\":\"Hervorgehobener Beitrag\",\"readFullArticle\":\"Vollständigen Artikel lesen\",\"latestNews\":\"Aktuelle Neuigkeiten\",\"allArticles\":\"Alle Artikel\",\"readMore\":\"Weiterlesen\",\"prev\":\"Zurück\",\"next\":\"Weiter\",\"categories\":{\"all\":\"Alle\",\"industry\":\"Industrie\",\"technical\":\"Technisch\",\"sustainability\":\"Nachhaltigkeit\"}},\"StandardPage\":{\"badge\":\"Information\",\"overview\":\"Übersicht\",\"details\":\"Details\",\"support\":\"Support\",\"quickNavigation\":\"Schnellnavigation\",\"exploreDetails\":\"Entdecken Sie die Details von {title}. KLZ bietet umfassende Informationen zu all unseren Dienstleistungen und Unternehmensrichtlinien.\",\"needHelp\":\"Brauchen Sie Hilfe?\",\"supportTeamAvailable\":\"Unser Support-Team steht Ihnen bei Fragen zu diesem Thema gerne zur Verfügung.\",\"contactUs\":\"Kontaktieren Sie uns\"},\"Error\":{\"title\":\"Etwas ist schief gelaufen!\",\"description\":\"Wir sind auf einen unerwarteten Fehler gestoßen. Unser Team wurde benachrichtigt und arbeitet an einer Lösung.\",\"tryAgain\":\"Erneut versuchen\",\"goHome\":\"Zurück zur Startseite\",\"notFound\":{\"title\":\"Verbindung unterbrochen\",\"subtitle\":\"404 - Seite nicht gefunden\",\"description\":\"Es scheint, als wäre das Kabel zu dieser Seite unterbrochen worden. Wir konnten die gesuchte Ressource nicht finden.\",\"cta\":\"Zurück zur Sicherheit\"}}},\"now\":\"$undefined\",\"timeZone\":\"Europe/Berlin\",\"children\":[\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\"]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"script\",null,{\"id\":\"$undefined\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"[{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"KLZ Cables\\\",\\\"url\\\":\\\"https://klz-cables.com\\\",\\\"logo\\\":\\\"https://klz-cables.com/logo-blue.svg\\\",\\\"sameAs\\\":[\\\"https://www.linkedin.com/company/klz-cables\\\"],\\\"description\\\":\\\"Premium Cable Solutions for Renewable Energy and Infrastructure.\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressCountry\\\":\\\"DE\\\"}},{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"KLZ Cables\\\",\\\"url\\\":\\\"https://klz-cables.com\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://klz-cables.com/search?q={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"}}]\"}}]\n1a:[\"$\",\"$L20\",null,{}]\n1b:[\"$\",\"main\",null,{\"className\":\"flex-grow animate-fade-in overflow-visible\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$21\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3b5dfb1dd3f7cea2.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L22\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n1d:[\"$\",\"$L23\",null,{}]\n1e:[\"$\",\"$7\",null,{\"fallback\":null,\"children\":[\"$\",\"$L24\",null,{}]}]\n1f:[\"$\",\"$L25\",null,{}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl relative py-24 flex flex-col items-center justify-center text-center min-h-[70vh] overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 -z-10 opacity-[0.03] pointer-events-none flex items-center justify-center\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[20rem] font-bold select-none\",\"children\":\"404\"}]}],[\"$\",\"div\",null,{\"className\":\"relative mb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:mb-12 text-primary text-left text-6xl md:text-8xl font-bold mb-2\",\"children\":[\"$undefined\",[\"$\",\"h1\",null,{\"className\":\"text-2xl md:text-4xl lg:text-5xl font-bold leading-[1.1] tracking-tight\",\"children\":\"404\"}]]}],[\"$\",\"$L26\",null,{\"variant\":\"circle\",\"className\":\"w-[150%] h-[150%] -top-[25%] -left-[25%] text-accent/40\"}]]}],[\"$\",\"div\",null,{\"className\":\"md:mb-12 text-left text-2xl md:text-3xl font-bold mb-4 text-primary\",\"children\":[\"$undefined\",[\"$\",\"h2\",null,{\"className\":\"text-xl md:text-3xl lg:text-4xl font-bold leading-[1.2] tracking-tight\",\"children\":\"Verbindung unterbrochen\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-white/60 mb-10 max-w-md text-lg\",\"children\":\"Es scheint, als wäre das Kabel zu dieser Seite unterbrochen worden. Wir konnten die gesuchte Ressource nicht finden.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4\",\"children\":[[\"$\",\"$L27\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate bg-accent text-primary-dark shadow-md hover:shadow-accent/30 hover:shadow-2xl h-14 px-8 text-base md:text-lg\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative z-10 flex items-center justify-center gap-2 transition-colors duration-500\",\"children\":\"Zurück zur Sicherheit\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out bg-accent-dark\"}]]}],[\"$\",\"$L27\",null,{\"href\":\"/contact\",\"className\":\"inline-flex items-center justify-center rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate border-2 border-primary bg-transparent text-primary hover:text-white hover:shadow-primary/20 hover:shadow-xl h-14 px-8 text-base md:text-lg\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative z-10 flex items-center justify-center gap-2 transition-colors duration-500\",\"children\":\"Contact Support\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 translate-y-[101%] group-hover/btn:translate-y-0 transition-transform duration-500 ease-out bg-primary\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-0 left-1/2 -translate-x-1/2 w-px h-24 bg-gradient-to-t from-accent/50 to-transparent\"}]]}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"footer\",null,{\"className\":\"bg-primary text-white py-24 relative overflow-hidden content-visibility-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-white/20 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-16 mb-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-4 space-y-8\",\"children\":[[\"$\",\"$L27\",null,{\"href\":\"/de\",\"className\":\"inline-block group\",\"children\":[\"$\",\"$L28\",null,{\"src\":\"/logo-white.svg\",\"alt\":\"Produkte\",\"width\":150,\"height\":40,\"className\":\"h-10 w-auto transition-transform duration-500 group-hover:scale-110\"}]}],[\"$\",\"p\",null,{\"className\":\"text-white/60 text-base md:text-lg leading-relaxed max-w-sm\",\"children\":\"Wegweisend in der Kabelinfrastruktur und bei nachhaltigen Energielösungen. Qualität, Innovation und Zuverlässigkeit seit 1998.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-4\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/klz-vertriebs-gmbh/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"w-12 h-12 rounded-full bg-white/5 flex items-center justify-center text-white hover:bg-accent hover:text-primary-dark transition-all duration-300 border border-white/10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"LinkedIn\"}],[\"$\",\"svg\",null,{\"className\":\"w-5 h-5 fill-current\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"}]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8\",\"children\":\"Rechtliches\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-white/70 list-none m-0 p-0\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/impressum\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Impressum\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/datenschutz\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Datenschutz\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/agbs\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"AGB\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8\",\"children\":\"Unternehmen\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-white/70 list-none m-0 p-0\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/team\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Team\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/products\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Produkte\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/blog\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Blog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/contact\",\"className\":\"text-white/70 hover:text-accent transition-all duration-300 hover:translate-x-1 inline-block\",\"children\":\"Kontakt\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-4\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8\",\"children\":\"Neueste Artikel\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-6 list-none m-0 p-0\",\"children\":[\"$L29\",\"$L2a\"]}]]}]]}],\"$L2b\"]}]]}]\n"])</script><script>self.__next_f.push([1,"29:[\"$\",\"li\",\"0\",{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/blog/windparkbau-im-fokus-drei-typische-kabelherausforderungen\",\"className\":\"group block text-white/80\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white/80 font-bold group-hover:text-accent transition-colors leading-snug mb-2 text-base md:text-base\",\"children\":\"Windparkbau im Fokus: drei typische Kabelherausforderungen\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-white/40 uppercase tracking-widest\",\"children\":[\"Artikel lesen\",\" →\"]}]]}]}]\n2a:[\"$\",\"li\",\"1\",{\"children\":[\"$\",\"$L27\",null,{\"href\":\"/de/blog/n2xsf2y-mittelspannungskabel-energieprojekt\",\"className\":\"group block text-white/80\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white/80 font-bold group-hover:text-accent transition-colors leading-snug mb-2 text-base md:text-base\",\"children\":\"Warum das N2XS(F)2Y das ideale Kabel für Ihr Energieprojekt ist\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-white/40 uppercase tracking-widest\",\"children\":[\"Artikel lesen\",\" →\"]}]]}]}]\n2b:[\"$\",\"div\",null,{\"className\":\"pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-8 text-white/40 text-xs md:text-sm font-medium\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Copyright © 2026 KLZ Vertriebs GmbH. Alle Rechte vorbehalten.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-8\",\"children\":[[\"$\",\"$L27\",null,{\"href\":\"/en\",\"locale\":\"en\",\"className\":\"hover:text-white transition-colors\",\"children\":\"English\"}],[\"$\",\"$L27\",null,{\"href\":\"/de\",\"locale\":\"de\",\"className\":\"hover:text-white transition-colors\",\"children\":\"Deutsch\"}]]}]]}]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"title\",\"0\",{\"children\":\"Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://klz-cables.com/de/contact\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"de-DE\",\"href\":\"https://klz-cables.com/de/contact\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"en-US\",\"href\":\"https://klz-cables.com/en/contact\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur | KLZ Cables\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://klz-cables.com/de/contact\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:site_name\",\"content\":\"KLZ Cables\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:locale\",\"content\":\"DE_DE\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image\",\"content\":\"https://klz-cables.com/de/contact/opengraph-image\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:alt\",\"content\":\"Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Kontaktieren Sie KLZ Cables | Ihr Partner für Kabelinfrastruktur | KLZ Cables\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Haben Sie Fragen zu unseren Strom- oder Solarkabeln? Kontaktieren Sie unser Expertenteam für technische Beratung und maßgeschneiderte Lösungen.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://klz-cables.com/de/contact/opengraph-image\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/logo-blue.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"23\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L2c\",\"24\",{}]]\n"])</script></body></html>
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
index 260f1d41..053d852a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -22,7 +22,7 @@ services:
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.middlewares=${AUTH_MIDDLEWARE:-${PROJECT_NAME:-klz-cables}-ratelimit,${PROJECT_NAME:-klz-cables}-forward,${PROJECT_NAME:-klz-cables}-compress}"
 
       # Public Router (Whitelist for OG Images, Sitemaps, Health)
-      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-public.rule=(${TRAEFIK_HOST_RULE:-Host(\"klz-cables.com\")}) && (PathPrefix(\"/health\", \"/sitemap.xml\", \"/robots.txt\", \"/manifest.webmanifest\", \"/api/og\") || PathPrefix(\"/de/opengraph-image\", \"/en/opengraph-image\", \"/de/blog/opengraph-image\", \"/en/blog/opengraph-image\", \"/de/products/opengraph-image\", \"/en/products/opengraph-image\") || PathRegexp(\"^/.*opengraph-image.*$\"))"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-public.rule=(${TRAEFIK_HOST_RULE:-Host(\"klz-cables.com\")}) && (PathPrefix(\"/health\", \"/sitemap.xml\", \"/robots.txt\", \"/manifest.webmanifest\", \"/api/og\") || PathRegexp(\".*opengraph-image.*\") || PathRegexp(\".*sitemap.*\"))"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-public.entrypoints=websecure"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-public.tls.certresolver=le"
       - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-public.tls=true"
diff --git a/package.json b/package.json
index 1e3d8f4e..53a557a2 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@directus/sdk": "^21.0.0",
+    "@medv/finder": "^4.0.2",
     "@mintel/mail": "1.7.12",
     "@mintel/next-config": "1.7.12",
     "@mintel/next-feedback": "1.7.12",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 08068e0c..08ef5874 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@directus/sdk':
         specifier: ^21.0.0
         version: 21.1.0
+      '@medv/finder':
+        specifier: ^4.0.2
+        version: 4.0.2
       '@mintel/mail':
         specifier: 1.7.12
         version: 1.7.12(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -1028,6 +1031,9 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@medv/finder@4.0.2':
+    resolution: {integrity: sha512-RraNY9SCcx4KZV0Dh6BEW6XEW2swkqYca74pkFFRw6hHItSHiy+O/xMnpbofjYbzXj0tSpBGthUF1hHTsr3vIQ==}
+
   '@mintel/eslint-config@1.7.12':
     resolution: {integrity: sha512-ofX68JWCW8ztD9tt/1MDb6pSr9MJKq3js3Vny7VoT/bObjpR/iO9tJp0ekiq12Ps8VTEgDh1qwwmf2wrJJBRpQ==}
 
@@ -7473,6 +7479,8 @@ snapshots:
       '@types/react': 19.2.13
       react: 19.2.4
 
+  '@medv/finder@4.0.2': {}
+
   '@mintel/eslint-config@1.7.12(@typescript-eslint/parser@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint/eslintrc': 3.3.3
diff --git a/types/record-mode.ts b/types/record-mode.ts
new file mode 100644
index 00000000..7a11f470
--- /dev/null
+++ b/types/record-mode.ts
@@ -0,0 +1,17 @@
+export interface RecordEvent {
+  id: string;
+  type: 'click' | 'scroll' | 'wait' | 'hover';
+  selector?: string; // CSS selector
+  timestamp: number; // Time in ms since start of recording
+  duration: number; // Duration of the action (e.g. scroll duration)
+  zoom?: number; // Zoom level during event
+  description?: string; // Optional label
+  motionBlur?: boolean; // Enable motion blur effect
+}
+
+export interface RecordingSession {
+  id: string;
+  name: string;
+  events: RecordEvent[];
+  createdAt: string;
+}