diff --git a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
index ee19e4836..827aeab14 100644
--- a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
+++ b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
@@ -6,7 +6,7 @@
     <title>Sales Intelligence Cockpit | RoboPlanet</title>
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
-    <!-- GSAP & ScrollTrigger (CDN for maximum compatibility) -->
+    <!-- GSAP & ScrollTrigger -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
     
@@ -14,11 +14,10 @@
     
     <style>
         :root {
-            --robo-blue: #1d4ed8; /* Darker Blue for contrast */
-            --robo-dark-blue: #1e3a8a;
-            --bg-light: #ffffff; /* Stark White for contrast */
-            --text-main: #020617; /* Near Black */
-            --text-muted: #475569; /* Darker Slate for better readability on projectors */
+            --robo-blue: #1d4ed8; 
+            --bg-light: #ffffff; 
+            --text-main: #020617; 
+            --text-muted: #475569; 
         }
 
         body {
@@ -30,75 +29,79 @@
             padding: 0;
         }
 
-        /* 1080p Optimization */
+        /* 1080p Optimization - Maximum Whitespace */
         .slide {
-            height: 100vh;
+            min-height: 140vh; /* High whitespace between sections */
             width: 100vw;
             display: flex;
             align-items: center;
             justify-content: center;
-            padding: 0 8%;
+            padding: 0 10%;
             position: relative;
-            overflow: hidden;
-            border-bottom: 1px solid #f1f5f9;
         }
 
         .split-layout {
             display: grid;
-            grid-template-cols: 42% 58%;
+            grid-template-cols: 38% 52%; 
             width: 100%;
             height: 100%;
             align-items: center;
-            gap: 6rem;
+            gap: 10%;
         }
 
         .story-content {
             z-index: 10;
+            max-width: 500px;
         }
 
         .visual-area {
             position: relative;
-            height: 100%;
+            height: 500px; 
             display: flex;
             align-items: center;
-            justify-content: center;
+            justify-content: flex-end; /* Right-aligned */
         }
 
-        /* UI Element Styling - Higher Contrast */
+        /* UI Element Styling - Compressed & Authentic */
         .dashboard-card {
             background: white;
-            border: 2px solid #e2e8f0; /* Thicker border */
-            border-radius: 1.5rem;
-            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); /* Stronger shadow */
-            padding: 2.5rem;
+            border: 1px solid #cbd5e1;
+            border-radius: 0.75rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
+            padding: 1.25rem;
             width: 100%;
-            max-width: 650px;
+            max-width: 580px;
         }
 
+        .system-header {
+            background: #f8fafc;
+            border-bottom: 1px solid #e2e8f0;
+            padding: 0.5rem 1rem;
+            margin: -1.25rem -1.25rem 1.25rem -1.25rem;
+            border-radius: 0.75rem 0.75rem 0 0;
+            display: flex;
+            gap: 0.5rem;
+        }
+
+        .dot { width: 8px; height: 8px; border-radius: 50%; background: #e2e8f0; }
+
         .kpi-card {
             background: white;
-            border-radius: 1.25rem;
-            border: 2px solid #e2e8f0;
+            border-radius: 1rem;
+            border: 1px solid #e2e8f0;
             padding: 2rem;
-            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
         }
 
         /* Scrollytelling Transitions */
         .visual-element {
             position: absolute;
-            opacity: 0; /* Default invisible, JS will show them */
-            transform: translateY(40px);
+            opacity: 0; 
+            transform: translateY(80px);
             pointer-events: none;
             width: 100%;
             display: flex;
-            justify-content: center;
-        }
-
-        /* Fallback if JS fails */
-        .no-js .visual-element {
-            opacity: 1 !important;
-            position: relative !important;
-            transform: none !important;
+            justify-content: flex-end;
         }
 
         .visual-element.active {
@@ -111,78 +114,87 @@
             position: fixed;
             top: 0;
             left: 0;
-            height: 8px; /* Thicker for visibility */
+            height: 6px;
             background: var(--robo-blue);
-            z-index: 100;
+            z-index: 110;
         }
 
-        .logo {
+        /* Solid White Header */
+        header {
             position: fixed;
-            top: 3rem;
-            left: 3rem;
-            width: 15rem;
-            z-index: 50;
+            top: 0;
+            left: 0;
+            width: 100%;
+            padding: 1.5rem 4rem;
+            background: #ffffff;
+            z-index: 100;
+            border-bottom: 1px solid #f1f5f9;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
         }
 
-        h1, h2 {
-            letter-spacing: -0.03em;
-            color: var(--text-main);
+        .logo-img {
+            width: 14rem;
         }
 
-        .text-slate-500 { color: #334155 !important; } /* Darker slate */
-        .text-slate-400 { color: #475569 !important; }
+        h2 {
+            letter-spacing: -0.05em;
+            line-height: 1.0;
+            font-size: 5rem;
+            font-weight: 800;
+            margin-bottom: 3rem;
+        }
+
+        .text-xl { font-size: 1.25rem; }
+        .text-2xl { font-size: 1.6rem; color: #475569; font-weight: 400; }
 
         .highlight-blue {
             color: var(--robo-blue);
         }
     </style>
 </head>
-<body class="loading">
+<body>
 
     <div class="progress-bar" id="progressBar" style="width: 0%;"></div>
 
-    <!-- Logo Area -->
-    <div class="logo">
-        <img src="ROBOPLANET-Logo-2024_blue-black_4c.svg" alt="RoboPlanet Logo" class="w-full">
-    </div>
+    <!-- Header -->
+    <header>
+        <img src="ROBOPLANET-Logo-2024_blue-black_4c.svg" alt="RoboPlanet Logo" class="logo-img">
+        <div class="text-[10px] font-bold uppercase tracking-[0.3em] text-slate-400">Board Presentation | Executive Strategic Briefing</div>
+    </header>
 
-    <main id="main">
+    <main id="main" class="pt-32">
 
         <!-- Slide 1: Ausgangslage -->
         <section class="slide" id="slide1">
             <div class="split-layout">
                 <div class="story-content">
-                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-sm mb-6 block">Executive Briefing</span>
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Die Ausgangslage: <br><span class="text-slate-400">Verteilte Sichten.</span></h2>
-                    <p class="text-2xl text-slate-700 leading-relaxed mb-10 font-medium">
-                        Daten waren vorhanden – aber nicht schnell genug operativ nutzbar. Fragmentierung machte eine einheitliche Steuerung schwierig.
+                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Ausgangslage</span>
+                    <h2>Verteilte <br><span class="text-slate-200">Sichten.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        Daten waren vorhanden – aber nicht operativ nutzbar.
                     </p>
                     <div class="space-y-6">
                         <div class="flex items-center gap-4 text-xl font-bold text-slate-800">
-                            <div class="w-4 h-4 rounded-full bg-blue-700"></div> Manuelle Reports statt Live-Sicht
+                            <div class="w-2 h-2 rounded-full bg-blue-700"></div> Manuelle Excel-Reports
                         </div>
                         <div class="flex items-center gap-4 text-xl font-bold text-slate-800">
-                            <div class="w-4 h-4 rounded-full bg-blue-700"></div> Verteilte Informationen statt operativer Sicht
-                        </div>
-                        <div class="flex items-center gap-4 text-xl font-bold text-slate-800">
-                            <div class="w-4 h-4 rounded-full bg-blue-700"></div> Erschwerte Priorisierung im Tagesgeschäft
+                            <div class="w-2 h-2 rounded-full bg-blue-700"></div> Fragmentiertes Wissen
                         </div>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element active" id="visual1">
-                        <div class="relative w-[500px] h-[400px]">
-                            <div class="absolute top-0 left-0 kpi-card w-72 shadow-2xl border-slate-300">
-                                <div class="h-5 w-full bg-slate-100 rounded mb-3"></div>
-                                <div class="h-5 w-2/3 bg-slate-100 rounded"></div>
+                        <div class="relative w-[450px]">
+                            <div class="kpi-card shadow-2xl border-slate-200 transform -rotate-2">
+                                <div class="h-4 w-full bg-slate-50 rounded mb-2"></div>
+                                <div class="h-4 w-2/3 bg-slate-50 rounded"></div>
                             </div>
-                            <div class="absolute top-24 right-0 kpi-card w-72 shadow-2xl border-slate-300">
-                                <div class="h-5 w-full bg-slate-100 rounded mb-3"></div>
-                                <div class="h-5 w-1/2 bg-slate-100 rounded"></div>
-                            </div>
-                            <div class="absolute bottom-10 left-10 kpi-card w-72 shadow-2xl border-slate-300">
-                                <div class="h-5 w-full bg-slate-100 rounded mb-3"></div>
-                                <div class="h-5 w-3/4 bg-slate-100 rounded"></div>
+                            <div class="kpi-card shadow-2xl border-slate-200 absolute top-12 left-8 transform rotate-3 bg-white">
+                                <div class="h-4 w-full bg-slate-50 rounded mb-2"></div>
+                                <div class="h-4 w-1/2 bg-slate-50 rounded"></div>
                             </div>
                         </div>
                     </div>
@@ -194,58 +206,57 @@
         <section class="slide" id="slide2">
             <div class="split-layout">
                 <div class="story-content">
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Das Cockpit: <br><span class="text-blue-700">Alles auf einer Seite.</span></h2>
-                    <p class="text-2xl text-slate-700 leading-relaxed mb-10 font-medium">
-                        Das Dashboard bündelt CRM-Daten zu einer operativen Kommandozentrale. Account, Sale, Aktivitäten und nächste Schritte auf einen Blick.
+                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Die Lösung</span>
+                    <h2>Das <br><span class="text-blue-700">Cockpit.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        Alles Wesentliche auf einer Seite. <br>
+                        Sofortige operative Klarheit.
                     </p>
-                    <div class="bg-blue-600 text-white p-8 rounded-2xl shadow-xl">
-                        <p class="text-2xl font-bold italic">"Eine Seite statt zehn Klicks."</p>
+                    <div class="bg-blue-50 border-l-[6px] border-blue-600 p-8 rounded-r-2xl">
+                        <p class="text-blue-900 text-xl font-bold italic">"Eine Seite statt zehn Klicks."</p>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element" id="visual2">
-                        <div class="dashboard-card border-slate-300">
-                            <div class="flex justify-between items-start mb-8">
+                        <div class="dashboard-card">
+                            <div class="system-header">
+                                <div class="dot"></div><div class="dot"></div><div class="dot"></div>
+                                <span class="text-[9px] font-bold text-slate-300 ml-2 uppercase">RoboPlanet CRM | Account Detail View</span>
+                            </div>
+                            <div class="flex justify-between items-center mb-4 pb-4 border-b border-slate-100">
                                 <div>
-                                    <h3 class="text-4xl font-extrabold text-slate-900 mb-1">DGS GmbH</h3>
-                                    <div class="text-blue-700 font-bold text-xl">Paul Goliasch</div>
+                                    <h3 class="text-xl font-black text-slate-900 leading-tight">DGS GmbH</h3>
+                                    <div class="text-blue-600 font-bold text-[10px]">Paul Goliasch | Neuching</div>
                                 </div>
                                 <div class="text-right">
-                                    <div class="text-4xl font-black text-slate-900">56.996 €</div>
-                                    <div class="text-[12px] font-bold text-slate-500 uppercase tracking-[0.2em]">Deal Volumen</div>
+                                    <div class="text-xl font-black text-slate-900">56.996 €</div>
+                                    <div class="text-[8px] font-bold text-slate-400 uppercase">Deal Volumen</div>
                                 </div>
                             </div>
-                            
-                            <div class="flex gap-4 mb-8">
-                                <span class="px-4 py-2 bg-red-600 text-white text-[11px] font-black rounded-lg">OVERDUE DATE</span>
-                                <span class="px-4 py-2 bg-blue-700 text-white text-[11px] font-black rounded-lg">SERVICE ROBOTICS</span>
-                            </div>
-
-                            <div class="grid grid-cols-4 gap-6 py-8 border-y-2 border-slate-100 mb-8">
-                                <div class="text-center">
-                                    <div class="text-slate-500 text-[11px] uppercase font-bold mb-2">Ort</div>
-                                    <div class="font-extrabold text-xl">Neuching</div>
+                            <div class="grid grid-cols-4 gap-2 mb-4">
+                                <div class="p-2 bg-slate-50 rounded text-center">
+                                    <div class="text-[7px] font-bold text-slate-400 mb-0.5">CALL</div>
+                                    <div class="text-[10px] font-bold">Gestern</div>
                                 </div>
-                                <div class="text-center">
-                                    <div class="text-slate-500 text-[11px] uppercase font-bold mb-2">Letzter Call</div>
-                                    <div class="font-extrabold text-xl">Gestern</div>
+                                <div class="p-2 bg-slate-50 rounded text-center">
+                                    <div class="text-[7px] font-bold text-slate-400 mb-0.5">STATUS</div>
+                                    <div class="text-[10px] font-bold text-blue-700 uppercase">Offen</div>
                                 </div>
-                                <div class="text-center">
-                                    <div class="text-slate-500 text-[11px] uppercase font-bold mb-2">Timeline</div>
-                                    <div class="font-extrabold text-xl">Schritt 2</div>
+                                <div class="p-2 bg-red-50 rounded text-center border border-red-100">
+                                    <div class="text-[7px] font-bold text-red-400 mb-0.5">TIME</div>
+                                    <div class="text-[10px] font-bold text-red-600 uppercase">Overdue</div>
                                 </div>
-                                <div class="text-center">
-                                    <div class="text-slate-500 text-[11px] uppercase font-bold mb-2">Status</div>
-                                    <div class="font-extrabold text-blue-700 text-xl italic uppercase">Offen</div>
+                                <div class="p-2 bg-slate-50 rounded text-center">
+                                    <div class="text-[7px] font-bold text-slate-400 mb-0.5">TYPE</div>
+                                    <div class="text-[10px] font-bold uppercase">Robotics</div>
                                 </div>
                             </div>
-
-                            <div class="space-y-4">
-                                <div class="text-[12px] font-bold text-slate-500 uppercase tracking-[0.2em]">Nächste Schritte</div>
-                                <div class="flex items-center gap-5 p-5 bg-slate-100 rounded-2xl border-2 border-slate-200">
-                                    <div class="w-4 h-4 rounded-full bg-blue-700"></div>
-                                    <div class="text-xl font-bold text-slate-800">Angebot nachfassen (Dienstag)</div>
+                            <div class="p-3 bg-white border border-slate-100 rounded shadow-sm flex justify-between items-center">
+                                <div class="flex items-center gap-2">
+                                    <div class="w-1.5 h-1.5 rounded-full bg-blue-600 animate-pulse"></div>
+                                    <span class="text-[11px] font-bold text-slate-700">Angebot nachfassen</span>
                                 </div>
+                                <span class="text-[8px] font-bold text-slate-400 uppercase">Morgen</span>
                             </div>
                         </div>
                     </div>
@@ -253,44 +264,36 @@
             </div>
         </section>
 
-        <!-- Slide 3: Vom Überblick zur Aktion -->
+        <!-- Slide 3: Aktion -->
         <section class="slide" id="slide3">
             <div class="split-layout">
                 <div class="story-content">
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Vom Überblick <br><span class="text-blue-600">zur Aktion.</span></h2>
-                    <p class="text-2xl text-slate-500 leading-relaxed mb-10 font-light">
-                        Kein Rückspiegel, sondern ein aktives Werkzeug. Das Dashboard ermöglicht direkte Interaktionen, die messbare Ergebnisse liefern.
+                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Performance</span>
+                    <h2>Vom Überblick <br><span class="text-blue-600">zur Aktion.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        Kein Rückspiegel. <br>Ein aktives Steuerungs-Tool.
                     </p>
-                    <div class="bg-slate-50 p-10 rounded-[2rem] border border-slate-100">
-                        <div class="text-7xl font-black text-blue-600 mb-4">~20%</div>
-                        <div class="text-2xl font-bold text-slate-800 italic">Dokumentierte Response</div>
-                        <p class="text-lg text-slate-500 mt-4 leading-relaxed">Innerhalb von 10 Tagen bei ~70 Bestandskontakten durch gezielte, systemgestützte Rückrufbitten.</p>
+                    <div class="bg-slate-50 p-10 rounded-[2.5rem] border border-slate-100">
+                        <div class="text-7xl font-black text-blue-600 mb-2">~20%</div>
+                        <div class="text-xl font-bold text-slate-800">Response Quote</div>
+                        <p class="text-lg text-slate-500 mt-4 italic">Innerhalb von 10 Tagen erzielt.</p>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element" id="visual3">
-                        <div class="kpi-card w-[450px] border-blue-200 bg-white relative">
-                            <div class="absolute -top-6 -right-6 w-20 h-20 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-2xl">
-                                <svg class="w-10 h-10" fill="currentColor" viewBox="0 0 20 20"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path></svg>
+                        <div class="kpi-card w-[400px] border-blue-200">
+                            <div class="font-bold text-lg italic text-slate-800 mb-8 flex items-center gap-3">
+                                <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path></svg>
+                                </div>
+                                Aktion: Bulk-Rückrufbitte
                             </div>
-                            <div class="font-black text-2xl mb-8 italic text-slate-800">Aktion: Bulk-Rückrufbitte</div>
-                            <div class="space-y-6">
-                                <div>
-                                    <div class="flex justify-between text-xs font-bold text-slate-400 mb-2 uppercase tracking-widest">Kontaktdichte</div>
-                                    <div class="h-3 w-full bg-slate-100 rounded-full">
-                                        <div class="h-full bg-blue-600 w-[20%] rounded-full shadow-[0_0_15px_rgba(37,99,235,0.3)]"></div>
-                                    </div>
-                                </div>
-                                <div class="grid grid-cols-2 gap-6 pt-4 border-t border-slate-50">
-                                    <div class="text-center">
-                                        <div class="text-3xl font-black text-slate-900">70</div>
-                                        <div class="text-[10px] font-bold text-slate-400 uppercase tracking-widest">Kontakte</div>
-                                    </div>
-                                    <div class="text-center">
-                                        <div class="text-3xl font-black text-blue-600">14</div>
-                                        <div class="text-[10px] font-bold text-slate-400 uppercase tracking-widest">Reaktionen</div>
-                                    </div>
-                                </div>
+                            <div class="h-3 w-full bg-slate-100 rounded-full overflow-hidden mb-4">
+                                <div class="h-full bg-blue-600 w-[20%] rounded-full shadow-lg"></div>
+                            </div>
+                            <div class="flex justify-between text-[10px] font-bold text-slate-400 uppercase tracking-widest">
+                                <span>70 Kontakte</span>
+                                <span class="text-blue-700">14 Reaktionen</span>
                             </div>
                         </div>
                     </div>
@@ -302,41 +305,34 @@
         <section class="slide" id="slide4">
             <div class="split-layout">
                 <div class="story-content">
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Ehrliche Pipeline <br><span class="text-red-600">statt schöne Pipeline.</span></h2>
-                    <p class="text-2xl text-slate-500 leading-relaxed mb-10 font-light">
-                        Gute Steuerung beginnt mit der Realität. Wir haben diesen Monat bewusst mehr "verlorene" Deals dokumentiert als je zuvor.
+                    <span class="text-red-600 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Transparenz</span>
+                    <h2>Ehrliche <br><span class="text-red-600">Pipeline.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        Gute Steuerung beginnt mit der Realität. <br>Bereinigung statt Hoffnung.
                     </p>
-                    <div class="kpi-card border-red-100 bg-red-50/20 p-10">
+                    <div class="kpi-card border-red-100 bg-red-50/20 p-8">
                         <div class="text-6xl font-black text-red-600 mb-2">+44%</div>
-                        <div class="text-2xl font-bold text-slate-800">Bereinigtes Lost-Volumen</div>
-                        <p class="text-lg text-slate-500 italic mt-4 leading-relaxed">Wir reduzieren Pipeline-Schulden und schaffen eine belastbare Forecast-Grundlage.</p>
+                        <div class="text-xl font-bold text-slate-800 uppercase">Bereinigtes Lost-Volumen</div>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element" id="visual4">
-                        <div class="dashboard-card w-[500px]">
-                            <div class="text-[11px] font-bold text-slate-400 uppercase tracking-[0.2em] mb-8 text-center">Pipeline Bereinigung (Volume)</div>
+                        <div class="dashboard-card w-[450px]">
+                            <div class="text-[9px] font-bold text-slate-400 uppercase tracking-[0.3em] mb-10 text-center">Pipeline Bereinigung (Volume)</div>
                             <div class="space-y-10">
                                 <div>
-                                    <div class="flex justify-between text-sm font-bold mb-3">
-                                        <span class="text-slate-400">MÄRZ 2026</span>
-                                        <span class="text-slate-800">1,42 Mio. € LOST</span>
-                                    </div>
-                                    <div class="h-6 w-full bg-slate-100 rounded-full overflow-hidden">
-                                        <div class="h-full bg-slate-300 w-[42%]"></div>
+                                    <div class="flex justify-between text-xs font-bold mb-2">
+                                        <span class="text-slate-400">MÄRZ 26</span>
+                                        <span class="text-slate-800">1,42 Mio. €</span>
                                     </div>
+                                    <div class="h-5 w-full bg-slate-100 rounded-full overflow-hidden"><div class="h-full bg-slate-300 w-[42%] rounded-full"></div></div>
                                 </div>
                                 <div>
-                                    <div class="flex justify-between text-sm font-bold mb-3">
-                                        <span class="text-red-600">MAI 2026</span>
-                                        <span class="text-red-600">2,05 Mio. € LOST</span>
+                                    <div class="flex justify-between text-xs font-bold mb-2 text-red-600">
+                                        <span>MAI 26</span>
+                                        <span>2,05 Mio. €</span>
                                     </div>
-                                    <div class="h-6 w-full bg-slate-100 rounded-full overflow-hidden shadow-inner">
-                                        <div class="h-full bg-red-600 w-[65%]"></div>
-                                    </div>
-                                </div>
-                                <div class="pt-6 border-t border-slate-50 text-center">
-                                    <p class="text-sm text-slate-400 italic">"Transparenz ohne Schuldzuweisung: <br>Wir schaffen Platz für echte Chancen."</p>
+                                    <div class="h-5 w-full bg-slate-100 rounded-full shadow-inner"><div class="h-full bg-red-600 w-[65%] rounded-full"></div></div>
                                 </div>
                             </div>
                         </div>
@@ -349,75 +345,42 @@
         <section class="slide" id="slide5">
             <div class="split-layout">
                 <div class="story-content">
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Management <br><span class="text-blue-600">Intelligence.</span></h2>
-                    <p class="text-2xl text-slate-500 leading-relaxed mb-10 font-light">
-                        Muster erkennen, bevor sie Bauchgefühl bleiben. Wir identifizieren jetzt Habits, die zum Erfolg führen, und visualisieren Stagnations-Zonen.
+                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Intelligence</span>
+                    <h2>Management <br><span class="text-blue-700">Cockpit.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        Erfolgsmuster erkennen. <br>Stagnation vermeiden.
                     </p>
-                    <div class="space-y-10">
-                        <div class="flex items-start gap-6">
-                            <div class="w-14 h-14 bg-blue-50 rounded-2xl flex items-center justify-center text-blue-600 flex-shrink-0 shadow-sm">
-                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
-                            </div>
-                            <div>
-                                <div class="text-xl font-bold text-slate-800 mb-1">Pipeline Velocity</div>
-                                <p class="text-lg text-slate-500 leading-relaxed">Identifikation von Deals ohne Interaktion (>30 Tage). Wir sehen, wo Energie hinfließt – und wo sie fehlt.</p>
-                            </div>
+                    <div class="space-y-8">
+                        <div class="text-xl font-bold text-slate-800 flex items-center gap-4">
+                            <div class="w-1.5 h-1.5 rounded-full bg-blue-700"></div> Pipeline Velocity Analyse
                         </div>
-                        <div class="flex items-start gap-6">
-                            <div class="w-14 h-14 bg-blue-50 rounded-2xl flex items-center justify-center text-blue-600 flex-shrink-0 shadow-sm">
-                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg>
-                            </div>
-                            <div>
-                                <div class="text-xl font-bold text-slate-800 mb-1">Winning Patterns</div>
-                                <p class="text-lg text-slate-500 leading-relaxed">Korrelation zwischen Schlagzahl und Abschlussquote. Datenbelegte Habits statt Vermutungen.</p>
-                            </div>
+                        <div class="text-xl font-bold text-slate-800 flex items-center gap-4">
+                            <div class="w-1.5 h-1.5 rounded-full bg-blue-700"></div> Winning Habits Tracking
                         </div>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element" id="visual5">
-                        <div class="dashboard-card w-[550px]">
-                            <div class="text-[11px] font-bold text-slate-400 uppercase tracking-[0.2em] mb-10 text-center">Controlling: Habits & Performance</div>
-                            <div class="grid grid-cols-3 gap-8 mb-12">
-                                <div class="text-center">
-                                    <div class="text-blue-600 font-black text-3xl leading-none">12.4d</div>
-                                    <div class="text-[9px] font-bold text-slate-400 uppercase mt-3 tracking-widest">Ø Response</div>
-                                </div>
-                                <div class="text-center">
-                                    <div class="text-blue-600 font-black text-3xl leading-none">4.8</div>
-                                    <div class="text-[9px] font-bold text-slate-400 uppercase mt-3 tracking-widest">Calls / Deal</div>
-                                </div>
-                                <div class="text-center">
-                                    <div class="text-blue-600 font-black text-3xl leading-none">+159%</div>
-                                    <div class="text-[9px] font-bold text-slate-400 uppercase mt-3 tracking-widest">Uplift Demo</div>
-                                </div>
+                        <div class="dashboard-card w-[500px]">
+                            <div class="grid grid-cols-3 gap-4 mb-8 text-center border-b border-slate-50 pb-8">
+                                <div><div class="text-blue-700 font-black text-2xl">12d</div><div class="text-[8px] font-bold text-slate-400 uppercase mt-1">Response</div></div>
+                                <div><div class="text-blue-700 font-black text-2xl">4.8</div><div class="text-[8px] font-bold text-slate-400 uppercase mt-1">Calls/Deal</div></div>
+                                <div><div class="text-blue-700 font-black text-2xl">+159%</div><div class="text-[8px] font-bold text-slate-400 uppercase mt-1">Uplift</div></div>
                             </div>
-                            <div class="space-y-6">
-                                <div class="text-[11px] font-bold text-slate-400 uppercase tracking-[0.2em] mb-4">Team-Aktivität & Puls</div>
-                                <div class="flex items-center gap-4 p-4 bg-blue-50/50 rounded-2xl border border-blue-100 relative overflow-hidden">
-                                    <div class="absolute left-0 top-0 bottom-0 w-1 bg-blue-600"></div>
-                                    <div class="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center text-xs font-bold text-white italic">PH</div>
-                                    <div class="flex-1">
-                                        <div class="text-sm font-bold text-slate-800">Pierre Hollein</div>
-                                        <div class="text-[10px] text-slate-500 italic">Vorführung @ Jedenak CNC</div>
+                            <div class="space-y-3">
+                                <div class="flex items-center justify-between p-3 bg-blue-50/50 rounded border border-blue-100">
+                                    <div class="flex items-center gap-3">
+                                        <div class="w-7 h-7 bg-blue-700 rounded-full flex items-center justify-center text-[8px] font-bold text-white italic">PH</div>
+                                        <span class="text-[11px] font-bold">Pierre Hollein | LIVE</span>
                                     </div>
-                                    <div class="text-[10px] font-mono font-bold text-blue-600 bg-blue-100 px-2 py-1 rounded">LIVE</div>
+                                    <span class="text-[8px] font-bold text-blue-700 uppercase">Vorführung</span>
                                 </div>
-                                <div class="flex items-center gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100">
-                                    <div class="w-10 h-10 bg-slate-200 rounded-full flex items-center justify-center text-xs font-bold text-white italic">IA</div>
-                                    <div class="flex-1">
-                                        <div class="text-sm font-bold text-slate-800">Ibrahim Akar</div>
-                                        <div class="text-[10px] text-slate-500 italic">Angebot @ Bayernwerk Netz</div>
+                                <div class="flex items-center justify-between p-3 bg-slate-50 rounded">
+                                    <div class="flex items-center gap-3">
+                                        <div class="w-7 h-7 bg-slate-300 rounded-full flex items-center justify-center text-[8px] font-bold text-white italic">IA</div>
+                                        <span class="text-[11px] font-bold text-slate-600">Ibrahim Akar</span>
                                     </div>
-                                    <div class="text-[10px] font-mono text-slate-400">Vor 15 Min.</div>
-                                </div>
-                                <div class="flex items-center gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100">
-                                    <div class="w-10 h-10 bg-slate-200 rounded-full flex items-center justify-center text-xs font-bold text-white italic">SH</div>
-                                    <div class="flex-1">
-                                        <div class="text-sm font-bold text-slate-800">Sebastian Hosbach</div>
-                                        <div class="text-[10px] text-slate-500 italic">Follow-up: Klinikum Erding</div>
-                                    </div>
-                                    <div class="text-[10px] font-mono text-slate-400">Vor 1 Std.</div>
+                                    <span class="text-[8px] font-bold text-slate-400 uppercase">Angebot</span>
                                 </div>
                             </div>
                         </div>
@@ -430,28 +393,21 @@
         <section class="slide" id="slide6">
             <div class="split-layout">
                 <div class="story-content">
-                    <h2 class="text-7xl font-extrabold mb-10 leading-[1.1]">Ungenutztes <br><span class="text-blue-600">Potenzial.</span></h2>
-                    <p class="text-2xl text-slate-500 leading-relaxed mb-10 font-light">
-                        Die Analyse offenbart eine strategische Chance: 68% unserer Accounts im CRM haben bisher keinen direkten Ansprechpartner.
+                    <span class="text-blue-700 font-bold uppercase tracking-[0.25em] text-xs mb-8 block">Potenzial</span>
+                    <h2>Nächster <br><span class="text-blue-600">Hebel.</span></h2>
+                    <p class="text-2xl leading-relaxed mb-12">
+                        68% der Accounts im CRM <br>ohne Ansprechpartner.
                     </p>
-                    <div class="bg-blue-50 p-10 rounded-[2.5rem] border border-blue-100 relative overflow-hidden">
-                        <div class="absolute -right-10 -bottom-10 w-40 h-40 bg-blue-100/50 rounded-full"></div>
-                        <div class="text-7xl font-black text-blue-600 mb-4">68%</div>
-                        <div class="text-2xl font-bold text-slate-800 italic">White Space Accounts</div>
-                        <p class="text-lg text-slate-500 mt-4 leading-relaxed">Nächster Schritt: Systematische Qualifizierung und Erschließung dieser Daten-Rohstoffe.</p>
+                    <div class="bg-blue-600 text-white p-10 rounded-[2.5rem] shadow-2xl">
+                        <div class="text-7xl font-black mb-2">68%</div>
+                        <div class="text-xl font-bold italic">White Space Accounts</div>
                     </div>
                 </div>
                 <div class="visual-area">
                     <div class="visual-element" id="visual6">
-                        <div class="relative w-80 h-80 flex items-center justify-center">
-                            <svg class="absolute inset-0 w-full h-full -rotate-90" viewBox="0 0 100 100">
-                                <circle cx="50" cy="50" r="40" fill="none" stroke="#f1f5f9" stroke-width="12" />
-                                <circle cx="50" cy="50" r="40" fill="none" stroke="#2563eb" stroke-width="12" stroke-dasharray="251.2" stroke-dashoffset="80.4" stroke-linecap="round" />
-                            </svg>
-                            <div class="text-center z-10">
-                                <div class="text-5xl font-black text-blue-600 leading-none">11.216</div>
-                                <div class="text-[11px] font-bold text-slate-400 uppercase mt-4 tracking-[0.2em]">Roh-Accounts</div>
-                            </div>
+                        <div class="text-center">
+                            <div class="text-[10rem] font-black text-blue-700 leading-none">11.216</div>
+                            <div class="text-sm font-bold text-slate-400 uppercase mt-8 tracking-[0.6em]">Roh-Accounts</div>
                         </div>
                     </div>
                 </div>
@@ -460,26 +416,23 @@
 
         <!-- Slide 7: Abschluss -->
         <section class="slide" id="slide7">
-            <div class="w-full text-center max-w-5xl mx-auto">
-                <h2 class="text-[7rem] font-extrabold mb-16 italic leading-none tracking-tighter">Vertrieb. <span class="text-blue-600">Steuerbar.</span></h2>
-                <div class="grid grid-cols-3 gap-10 mb-20">
-                    <div class="p-10 kpi-card shadow-xl border-slate-100">
-                        <div class="text-blue-600 font-black text-3xl mb-4">Transparent</div>
-                        <p class="text-lg text-slate-500 leading-relaxed">Alle relevanten Daten auf einer einzigen Seite.</p>
+            <div class="w-full text-center max-w-5xl mx-auto pt-20">
+                <h2 class="text-[8.5rem] mb-20 italic leading-none tracking-tighter">Vertrieb. <span class="text-blue-700">Steuerbar.</span></h2>
+                <div class="grid grid-cols-3 gap-12 mb-20">
+                    <div class="p-10 kpi-card shadow-xl border-slate-200 text-left">
+                        <div class="text-blue-700 font-black text-3xl mb-4">Transparent</div>
+                        <p class="text-lg text-slate-500 font-medium">Alle Daten auf einer Seite.</p>
                     </div>
-                    <div class="p-10 kpi-card shadow-xl border-slate-100">
-                        <div class="text-blue-600 font-black text-3xl mb-4">Priorisiert</div>
-                        <p class="text-lg text-slate-500 leading-relaxed">Vom Stagnations-Alarm direkt zur operativen Aktion.</p>
+                    <div class="p-10 kpi-card shadow-xl border-slate-200 text-left">
+                        <div class="text-blue-700 font-black text-3xl mb-4">Priorisiert</div>
+                        <p class="text-lg text-slate-500 font-medium">Vom Alarm zur Aktion.</p>
                     </div>
-                    <div class="p-10 kpi-card shadow-xl border-slate-100">
-                        <div class="text-blue-600 font-black text-3xl mb-4">Handlungsfähig</div>
-                        <p class="text-lg text-slate-500 leading-relaxed">Echte Hebel statt bloßer Dokumentation.</p>
+                    <div class="p-10 kpi-card shadow-xl border-slate-200 text-left">
+                        <div class="text-blue-700 font-black text-3xl mb-4">Handlungsfähig</div>
+                        <p class="text-lg text-slate-500 font-medium">Echte Hebel statt Listen.</p>
                     </div>
                 </div>
-                <div class="max-w-3xl mx-auto border-t border-slate-100 pt-12">
-                    <p class="text-3xl text-slate-600 italic font-light leading-relaxed mb-6">"Du katapultierst uns damit definitiv in eine modernere Zukunft."</p>
-                    <p class="text-[11px] font-bold text-slate-400 uppercase tracking-[0.4em]">— Feedback aus dem Team</p>
-                </div>
+                <p class="text-3xl text-slate-400 italic font-light leading-relaxed">"Du katapultierst uns damit definitiv in eine modernere Zukunft."</p>
             </div>
         </section>
 
@@ -512,32 +465,22 @@
                     start: "top center",
                     end: "bottom center",
                     onEnter: () => {
-                        gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 0.8, ease: "power2.out" });
+                        gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 1, ease: "power3.out" });
                     },
                     onLeave: () => {
                         if (index < slides.length - 1) {
-                            gsap.to(`#${visualId}`, { opacity: 0, y: -30, duration: 0.5 });
+                            gsap.to(`#${visualId}`, { opacity: 0, y: -60, duration: 0.7 });
                         }
                     },
                     onEnterBack: () => {
-                        gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 0.8 });
+                        gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 1 });
                     },
                     onLeaveBack: () => {
-                        gsap.to(`#${visualId}`, { opacity: 0, y: 30, duration: 0.5 });
+                        gsap.to(`#${visualId}`, { opacity: 0, y: 60, duration: 0.7 });
                     }
                 });
             }
         });
-
-        // Animation for Slide 1 visual
-        gsap.from("#visual1 .kpi-card", {
-            opacity: 0,
-            scale: 0.8,
-            stagger: 0.1,
-            duration: 1,
-            ease: "back.out(1.7)"
-        });
-
     </script>
 </body>
-</html>
+</html>
\ No newline at end of file