Backup: Stand vor Design-Optimierung (2026-02-16)

css/mobile.css

@@ -1,4 +1,4 @@
-/* Mobile Responsive Styles - IntelSight */
+/* Mobile Responsive Styles - AegisSight */
 /* Mobile-First Approach with Progressive Enhancement */
 
 /* Base Mobile Styles (320px and up) */
@@ -49,6 +49,7 @@
     
     .logo-img {
         max-width: 120px;
+        height: auto;
     }
     
     /* Hide desktop menu */
@@ -383,6 +384,7 @@
         font-size: 15px;
     }
     
+    
     .hero-title .main-title {
         font-size: 2.5rem;
     }
@@ -492,6 +494,35 @@
     }
 }
 
+/* Tablet and Small Desktop (768px - 1024px) */
+@media screen and (min-width: 768px) and (max-width: 1024px) {
+    /* Navigation adjustments for tablets */
+    .nav-container {
+        padding: 1rem;
+    }
+    
+    /* Keep centered logo but adjust size */
+    .logo-img {
+        height: 50px;
+    }
+    
+    /* Adjust menu spacing */
+    .nav-menu {
+        gap: 1.5rem;
+    }
+    
+    .nav-menu a {
+        font-size: 1rem;
+    }
+    
+    /* Language toggle smaller on tablets */
+    .lang-toggle {
+        padding: 0.4rem 0.8rem;
+        font-size: 0.85rem;
+    }
+}
+
+
 /* Print Styles */
 @media print {
     .navbar,