diff --git a/Profice WebSite/images/additional/Kein_KI.PNG b/Profice WebSite/images/additional/Kein_KI.PNG
new file mode 100644
index 0000000..ed3cc4e
Binary files /dev/null and b/Profice WebSite/images/additional/Kein_KI.PNG differ
diff --git a/Profice WebSite/index.html b/Profice WebSite/index.html
index 33c99b1..2d3402d 100644
--- a/Profice WebSite/index.html	
+++ b/Profice WebSite/index.html	
@@ -69,7 +69,13 @@
         </div>
         
         <div class="top-banner-center">
-            <!-- Navigation removed -->
+            <nav class="main-nav">
+                <a href="#hero" class="nav-link active">Start</a>
+                <a href="#systeme" class="nav-link">Systeme</a>
+                <a href="#qualification" class="nav-link">Für wen?</a>
+                <a href="#process" class="nav-link">Prozess</a>
+                <a href="#interaction" class="nav-link">Kontakt</a>
+            </nav>
         </div>
         
         <div class="top-banner-right">
@@ -544,12 +550,6 @@
                             <div class="chat-header">KI Support</div>
                             <div class="chat-messages">
                             </div>
-                            <div class="chat-input-container">
-                                <input type="text" class="chat-input" placeholder="Ihre Nachricht..." maxlength="500">
-                                <button class="chat-send" type="button">
-                                    <img src="images/icons/iconography-02.png" alt="Senden">
-                                </button>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -639,5 +639,7 @@
     <script src="scripts/cursor.js" defer></script>
     <script src="scripts/scroll-header.min.js" defer></script>
     <script src="scripts/chat.js" defer></script>
+    <script src="scripts/console-image.js" defer></script>
+
 </body>
 </html>
diff --git a/Profice WebSite/scripts/console-image.js b/Profice WebSite/scripts/console-image.js
new file mode 100644
index 0000000..25f8b81
--- /dev/null
+++ b/Profice WebSite/scripts/console-image.js	
@@ -0,0 +1,18 @@
+(function() {
+    const basePath = window.location.pathname.includes('/sites/') ? '..' : '.';
+    const imagePath = basePath + '/images/additional/Kein_KI.PNG';
+    const fullUrl = new URL(imagePath, window.location.href).href;
+    
+    const styles = [
+        'background-image: url("' + fullUrl + '")',
+        'background-size: contain',
+        'background-repeat: no-repeat',
+        'background-position: center',
+        'padding: 100px 150px',
+        'font-size: 0',
+        'line-height: 200px'
+    ].join(';');
+    
+    console.log('%c ', styles);
+    console.log('🖼️ Kein KI - Image loaded from:', fullUrl);
+})();
diff --git a/Profice WebSite/sites/automatisation.html b/Profice WebSite/sites/automatisation.html
index 588ce2b..8894b8d 100644
--- a/Profice WebSite/sites/automatisation.html	
+++ b/Profice WebSite/sites/automatisation.html	
@@ -55,7 +55,15 @@
                 </a>
             </div>
         </div>
-        <div class="top-banner-center"><!-- Navigation removed --></div>
+        <div class="top-banner-center">
+            <nav class="main-nav">
+                <a href="../index.html#hero" class="nav-link">Start</a>
+                <a href="../index.html#systeme" class="nav-link">Systeme</a>
+                <a href="../index.html#qualification" class="nav-link">Für wen?</a>
+                <a href="../index.html#process" class="nav-link">Prozess</a>
+                <a href="../index.html#interaction" class="nav-link">Kontakt</a>
+            </nav>
+        </div>
         <div class="top-banner-right">
             <button id="cursorToggle" aria-label="Toggle Cursor" title="Toggle Custom Cursor">
                 <img src="../images/additional/cursor.png" alt="Default Cursor" class="cursor-icon">
@@ -312,6 +320,8 @@
     <script src="../scripts/script.js" defer></script>
     <script src="../scripts/cursor.js" defer></script>
     <script src="../scripts/scroll-header.min.js" defer></script>
+    <script src="../scripts/console-image.js" defer></script>
+    
 </body>
 </html>
 
diff --git a/Profice WebSite/sites/ki-integration.html b/Profice WebSite/sites/ki-integration.html
index c1a71d6..db1bb6d 100644
--- a/Profice WebSite/sites/ki-integration.html	
+++ b/Profice WebSite/sites/ki-integration.html	
@@ -55,7 +55,15 @@
                 </a>
             </div>
         </div>
-        <div class="top-banner-center"><!-- Navigation removed --></div>
+        <div class="top-banner-center">
+            <nav class="main-nav">
+                <a href="../index.html#hero" class="nav-link">Start</a>
+                <a href="../index.html#systeme" class="nav-link">Systeme</a>
+                <a href="../index.html#qualification" class="nav-link">Für wen?</a>
+                <a href="../index.html#process" class="nav-link">Prozess</a>
+                <a href="../index.html#interaction" class="nav-link">Kontakt</a>
+            </nav>
+        </div>
         <div class="top-banner-right">
             <button id="cursorToggle" aria-label="Toggle Cursor" title="Toggle Custom Cursor">
                 <img src="../images/additional/cursor.png" alt="Default Cursor" class="cursor-icon">
@@ -324,6 +332,8 @@
     <script src="../scripts/script.js" defer></script>
     <script src="../scripts/cursor.js" defer></script>
     <script src="../scripts/scroll-header.min.js" defer></script>
+    <script src="../scripts/console-image.js" defer></script>
+    
 </body>
 </html>
 
diff --git a/Profice WebSite/sites/leads.html b/Profice WebSite/sites/leads.html
index c6b616b..952d68e 100644
--- a/Profice WebSite/sites/leads.html	
+++ b/Profice WebSite/sites/leads.html	
@@ -56,7 +56,15 @@
                 </a>
             </div>
         </div>
-        <div class="top-banner-center"><!-- Navigation removed --></div>
+        <div class="top-banner-center">
+            <nav class="main-nav">
+                <a href="../index.html#hero" class="nav-link">Start</a>
+                <a href="../index.html#systeme" class="nav-link">Systeme</a>
+                <a href="../index.html#qualification" class="nav-link">Für wen?</a>
+                <a href="../index.html#process" class="nav-link">Prozess</a>
+                <a href="../index.html#interaction" class="nav-link">Kontakt</a>
+            </nav>
+        </div>
         <div class="top-banner-right">
             <button id="cursorToggle" aria-label="Cursor umschalten" title="Benutzerdefinierten Cursor umschalten">
                 <img src="../images/additional/cursor.png" alt="Standard Cursor" class="cursor-icon">
@@ -218,6 +226,8 @@
     <script src="../scripts/leads.min.js" defer></script>
     <script src="../scripts/cursor.js" defer></script>
     <script src="../scripts/scroll-header.min.js" defer></script>
+    <script src="../scripts/console-image.js" defer></script>
+
 </body>
 </html>
 
diff --git a/Profice WebSite/sites/offers.html b/Profice WebSite/sites/offers.html
index f4f0eff..5fecda5 100644
--- a/Profice WebSite/sites/offers.html	
+++ b/Profice WebSite/sites/offers.html	
@@ -55,7 +55,15 @@
                 </a>
             </div>
         </div>
-        <div class="top-banner-center"><!-- Navigation removed --></div>
+        <div class="top-banner-center">
+            <nav class="main-nav">
+                <a href="../index.html#hero" class="nav-link">Start</a>
+                <a href="../index.html#systeme" class="nav-link">Systeme</a>
+                <a href="../index.html#qualification" class="nav-link">Für wen?</a>
+                <a href="../index.html#process" class="nav-link">Prozess</a>
+                <a href="../index.html#interaction" class="nav-link active">Kontakt</a>
+            </nav>
+        </div>
         <div class="top-banner-right">
             <button id="cursorToggle" aria-label="Cursor umschalten" title="Benutzerdefinierten Cursor umschalten">
                 <img src="../images/additional/cursor.png" alt="Standard Cursor" class="cursor-icon">
@@ -214,6 +222,8 @@
     <script src="../scripts/script.js" defer></script>
     <script src="../scripts/cursor.js" defer></script>
     <script src="../scripts/scroll-header.min.js" defer></script>
+    <script src="../scripts/console-image.js" defer></script>
+    
 </body>
 </html>
 
diff --git a/Profice WebSite/sites/website.html b/Profice WebSite/sites/website.html
index f35b2b6..fe4942f 100644
--- a/Profice WebSite/sites/website.html	
+++ b/Profice WebSite/sites/website.html	
@@ -55,7 +55,15 @@
                 </a>
             </div>
         </div>
-        <div class="top-banner-center"><!-- Navigation removed --></div>
+        <div class="top-banner-center">
+            <nav class="main-nav">
+                <a href="../index.html#hero" class="nav-link">Start</a>
+                <a href="../index.html#systeme" class="nav-link">Systeme</a>
+                <a href="../index.html#qualification" class="nav-link">Für wen?</a>
+                <a href="../index.html#process" class="nav-link">Prozess</a>
+                <a href="../index.html#interaction" class="nav-link">Kontakt</a>
+            </nav>
+        </div>
         <div class="top-banner-right">
             <button id="cursorToggle" aria-label="Toggle Cursor" title="Toggle Custom Cursor">
                 <img src="../images/additional/cursor.png" alt="Default Cursor" class="cursor-icon">
@@ -298,6 +306,8 @@
     <script src="../scripts/script.js" defer></script>
     <script src="../scripts/cursor.js" defer></script>
     <script src="../scripts/scroll-header.min.js" defer></script>
+    <script src="../scripts/console-image.js" defer></script>
+    
 </body>
 </html>
 
diff --git a/Profice WebSite/style/design.css b/Profice WebSite/style/design.css
index 4e8f4da..c1ebf03 100644
--- a/Profice WebSite/style/design.css	
+++ b/Profice WebSite/style/design.css	
@@ -322,6 +322,15 @@ body {
     width: 100%;
 }
 
+.nav-link.active {
+    color: white;
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.nav-link.active::after {
+    width: 100%;
+}
+
 .logo-link {
     text-decoration: none;
     display: flex;