diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..852937e
Binary files /dev/null and b/images/logo.png differ
diff --git a/index.html b/index.html
index eafc908..5f89d54 100644
--- a/index.html
+++ b/index.html
@@ -76,12 +76,12 @@
 
 <nav class=border-gray-200 ">
     <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
-        <a href="https://flowbite.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
-            <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" />
+        <a href="https://codingwerk.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
+            <img src="/images/logo.png" class="h-8" alt="Logo" />
             <span class="self-center text-2xl font-semibold whitespace-nowrap text-white">Coding Werk</span>
         </a>
         <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
-            <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Get started</button>
+            <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Jetzt loslegen!</button>
             <button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
                 <span class="sr-only">Open main menu</span>
                 <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
@@ -134,11 +134,11 @@
 
     <div class="zoom-box animate-bottom-3 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Komfortfunktionen</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Funktionen freischalten wie Start-Stopp aus, Spiegel einklappen oder akustische Signale aktivieren.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -147,11 +147,11 @@
 
     <div class="zoom-box animate-bottom-4 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Nach/Umrüstungen</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Neue Hardware verbaut? Batterietausch? Wir registrieren und codieren sie korrekt im Fahrzeugsystem.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -160,11 +160,11 @@
 
     <div class="zoom-box animate-bottom-5 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Individuelle Codierung</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Software individuell einstellen: Lichtsteuerung, Türen, Klima, Tacho und vieles mehr nach Wunsch anpassen.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -173,11 +173,11 @@
 
     <div class="zoom-box animate-bottom-6 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Fehler Diagnose</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Fehlerspeicher auslesen und analysieren – schnell, markenübergreifend und leicht verständlich.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -186,11 +186,11 @@
 
     <div class="zoom-box animate-bottom-7 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Beratung</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Sie planen einen Umbau oder eine Nachrüstung,nd möchten vorab Beraten werden? Melden sie sich bei uns.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -199,11 +199,11 @@
 
     <div class="zoom-box animate-bottom-8 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
         <a href="#">
-            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Need a help in Claim?</h5>
+            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900">Großes Netzwerk</h5>
         </a>
-        <p class="mb-3 font-normal text-gray-500">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
+        <p class="mb-3 font-normal text-gray-500">Wir können ihnen weitere Unternehmen empfehlen im Bereich Folierung, Lackierung etc, fragen sie gerne bei uns nach.</p>
         <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-            See our guideline
+            Mehr erfahren
             <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"/>
             </svg>
@@ -305,7 +305,7 @@
             </div>
         </div>
         <div class="px-4 py-6  md:flex md:items-center md:justify-between">
-        <span class="text-sm text-gray-500 dark:text-gray-300 sm:text-center">© 2023 <a href="https://flowbite.com/">Flowbite™</a>. All Rights Reserved.
+        <span class="text-sm text-gray-500 dark:text-gray-300 sm:text-center">© 2025 <a href="https://codingwerk.com/">CodingWerk</a> <a href="https://m-csc.de/">by M-CSC</a>
         </span>
             <div class="flex mt-4 sm:justify-center md:mt-0 space-x-5 rtl:space-x-reverse">
                 <a href="#" class="text-gray-400 hover:text-gray-900 dark:hover:text-white">