diff --git a/images/shifted.png b/images/shifted.png
new file mode 100644
index 0000000..3541e2e
Binary files /dev/null and b/images/shifted.png differ
diff --git a/index.html b/index.html
index e9109da..b57db1b 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CodingWerk | Fahrzeugcodierungen und Diagnose aus Bonn</title>
+    <title>Shifted | Fahrzeugcodierungen und Diagnose aus Bonn</title>
 
     <!-- Meta SEO -->
     <meta name="title" content="CodingWerk - Coding & Diagnose">
@@ -77,13 +77,13 @@
 
 <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://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">CodingWerk</span>
+        <a href="https://shifted.nrw/" class="flex items-center space-x-3 rtl:space-x-reverse">
+            <img src="/images/shifted.png" class="h-8" alt="Logo" />
+            <span class="self-center text-2xl font-semibold whitespace-nowrap text-white"></span>
         </a>
 
         <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
-            <button type="button" onclick="window.location.href='https://instagram.com/codingwerk';" 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 text-center inline-flex items-center">
+            <button type="button" onclick="window.location.href='https://instagram.com/shifted.nrw';" 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 text-center inline-flex items-center">
                     <svg class="w-4 h-4 me-2" fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 169.063 169.063" xml:space="preserve" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752 c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407 c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752 c17.455,0,31.656,14.201,31.656,31.655V122.407z"></path> <path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561 C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561 c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"></path> <path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78 c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78 C135.661,29.421,132.821,28.251,129.921,28.251z"></path> </g> </g></svg>
                 &nbsp;  Folge uns
             </button>
@@ -114,9 +114,10 @@
 </nav>
 
     <section>
-        <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
-            <h1 class="animate-top-4 mb-6 text-6xl font-extrabold tracking-tight leading-none text-gray-900 md:text-8xl lg:text-8xl dark:text-white">Unsere Leistungen</h1>
-            <p class="mb-8 text-lg font-normal text-gray-400 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-100">Spezialisiert auf die Fahrzeugcodierung mit Fokus auf BMW-Modelle. <br>Markenübergreifende Fahrzeugdiagnose aus Bonn.</p>
+        <div class="py-8 px-4 mx-auto max-w-screen-xl center text-center lg:py-16">
+            <img src="/images/shifted.png" class="mx-auto block w-64 md:w-80 lg:w-96" alt="Logo" />
+            <br>
+            <p class="mb-8 text-lg font-normal text-gray-400 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-100">Treffen • Community • Ausfahrten <br> Markenübergreifende Automobil Gruppe aus Bonn.</p>
             <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0">
                 <a href="https://api.whatsapp.com/send/?phone=4915222456731&text&type=phone_number&app_absent=0" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
                     Jetzt Frage stellen!
@@ -128,135 +129,15 @@
 <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16" id="leistungen">
 
 
-    <h1 class="mb-4 text-2xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-4xl dark:text-white">
-        Was wir tun können </span></h1>
-    <br>
-
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-
-
-        <div class="zoom-box animate-bottom-3 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
-            <a href="Konfortfunktionen">
-                <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">Funktionen freischalten wie Start-Stopp aus, Spiegel
-                einklappen oder akustische Signale aktivieren.</p>
-            <a href="Konfortfunktionen" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-        <div class="zoom-box animate-bottom-4 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
-            <a href="Retrofit">
-                <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">Neue Hardware verbaut? Batterietausch? Wir registrieren und
-                codieren sie korrekt im Fahrzeugsystem.</p>
-            <a href="Retrofit" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-        <div class="zoom-box animate-bottom-5 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
-            <a href="Individual">
-                <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">Software individuell einstellen: Lichtsteuerung, Türen, Klima,
-                Tacho und vieles mehr nach Wunsch anpassen.</p>
-            <a href="Individual" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-        <div class="zoom-box animate-bottom-6 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm ">
-            <a href="Disgnose">
-                <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">Fehlerspeicher auslesen und analysieren – schnell,
-                markenübergreifend und leicht verständlich.</p>
-            <a href="Diagnose" class="inline-flex font-medium items-center text-blue-600 hover:underline">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-        <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">Beratung</h5>
-            </a>
-            <p class="mb-3 font-normal text-gray-500">Sie planen einen Umbau oder eine Nachrüstung und 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">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-        <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">Großes Netzwerk</h5>
-            </a>
-            <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">
-                Mehr erfahren &nbsp;
-                <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>
-            </a>
-        </div>
-
-    </div>
-
-    <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
-
-        <h1 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-gray-900 dark:text-white">Jetzt
-            Frage stellen!</h1>
-        <p class="mb-2 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Wir sind
-            offen für Fragen und unterbreiten Ihnen gerne ein Angebot. </p>
-        <a href="https://api.whatsapp.com/send/?phone=4915222456731&text&type=phone_number&app_absent=0" class="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center">Whatsapp&nbsp;
-            <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>
-        </a>
-
-    </div>
 
 
     <footer class="rounded-lg shadow-sm m-4">
         <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
             <div class="sm:flex sm:items-center sm:justify-between">
-                <a href="https://codingwerk.com/"
+                <a href="https://shifted.nrw/"
                    class="flex items-center mb-4 sm:mb-0 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 dark:text-white">CodingWerk</span>
+                    <img src="/images/shifted.png" class="h-8" alt="Logo"/>
+                    <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"></span>
                 </a>
                 <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                     <li>
@@ -272,7 +153,7 @@
             </div>
             <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8"/>
             <span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2025 <a
-                    href="https://codingwerk.com/">CodingWerk</a> <a href="https://m-csc.de/">by M-CSC</a></span>
+                    href="https://codingwerk.com/">Shifted</a></span>
         </div>
     </footer>