improvements

public/components/header.html

@@ -2,14 +2,14 @@
     <div class="header-content">
         <div class="logo-container">
             <div class="logo-text">
-                <span>7</span><span>S</span><span>Y</span><span>S</span>
+                <a href="index.html"><span>7</span><span>S</span><span>Y</span><span>S</span></a>
             </div>
         </div>
         
         <nav class="nav-menu">
-            <a href="/" id="start-link">Start</a>
+            <a href="index.html" id="start-link">Home</a>
-            <a href="/#services" id="expertise-link">Expertise</a>
+            <a href="#services" id="expertise-link">Expertise</a>
-            <a href="/#contact" id="contact-link">Kontakt</a>
+            <a href="#contact" id="contact-link">Kontakt</a>
             <button class="theme-toggle" aria-label="Theme Toggle">
                 <i class="fas fa-moon"></i>
             </button>

public/js/components.js

@@ -39,6 +39,19 @@ document.addEventListener('DOMContentLoaded', function() {
         const header = document.querySelector('header');
         if (!header) return;
 
+        const pagesToHideLinks = [
+            'datenschutz.html',
+            'impressum.html'
+        ];
+        
+        if (pagesToHideLinks.some(page => window.location.pathname.includes(page))) {
+            const expertiseLink = document.getElementById('expertise-link');
+            const contactLink = document.getElementById('contact-link');
+            
+            if (expertiseLink) expertiseLink.style.display = 'none';
+            if (contactLink) contactLink.style.display = 'none';
+        }
+        
         const mobileMenuToggle = header.querySelector('.mobile-menu-toggle');
         const navMenu = header.querySelector('.nav-menu');