g

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>

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);
+})();

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>
 

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>
 

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>
 

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>
 

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>
 

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;