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

css/about-modern.css

@@ -67,7 +67,7 @@
     width: 0;
     height: 0;
     border-radius: 50px;
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
     transform: translate(-50%, -50%);
     transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: -1;
@@ -81,13 +81,13 @@
 .about-tab.active {
     color: #ffffff;
     transform: scale(1.05);
-    box-shadow: 0 8px 20px rgba(15, 114, 181, 0.3);
+    box-shadow: 0 8px 20px rgba(179, 150, 69, 0.3);
 }
 
 .about-tab:hover:not(.active) {
-    color: #0f72b5;
+    color: #B39645;
     transform: translateY(-2px);
-    background: rgba(15, 114, 181, 0.05);
+    background: rgba(200, 168, 81, 0.08);
 }
 
 /* Tab Content Panels */
@@ -153,7 +153,7 @@
     left: 0;
     width: 4px;
     height: 100%;
-    background: linear-gradient(180deg, #0f72b5, #00406e);
+    background: #0A1832;
     transform: scaleY(0);
     transition: transform 0.4s;
 }
@@ -190,7 +190,7 @@
 
 .company-card:hover .company-card-icon {
     transform: scale(1.1) rotate(5deg);
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
 }
 
 .company-card-icon img {
@@ -210,7 +210,7 @@
 }
 
 .mission-header {
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
     color: white;
     padding: 60px;
     border-radius: 30px;
@@ -279,7 +279,7 @@
 .value-card:hover {
     transform: translateY(-10px) scale(1.02);
     box-shadow: 0 20px 60px rgba(15, 114, 181, 0.2);
-    border-color: #0f72b5;
+    border-color: #0A1832;
 }
 
 .value-icon {
@@ -303,7 +303,7 @@
 
 .value-card:hover .value-icon {
     transform: scale(1.1) rotate(5deg);
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
 }
 
 .value-card:hover .value-icon img {
@@ -323,7 +323,7 @@
     top: 0;
     width: 3px;
     height: 100%;
-    background: linear-gradient(180deg, #0f72b5, #00406e);
+    background: #0A1832;
     border-radius: 2px;
 }
 
@@ -363,14 +363,14 @@
 .competency-number {
     font-size: 3rem;
     font-weight: 700;
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: linear-gradient(135deg, #C8A851, #B39645);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     opacity: 1;
 }
 
-/* Why IntelSight - 2x2 Grid */
+/* Why AegisSight - 2x2 Grid */
 .why-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -448,7 +448,7 @@
 
 .why-card:hover .why-icon {
     transform: scale(1.1) rotate(5deg);
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
 }
 
 .why-card:hover .why-icon img {
@@ -508,7 +508,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(circle at 35% 45%, rgba(15, 114, 181, 0.3) 0%, transparent 40%);
+    background: radial-gradient(circle at 35% 45%, rgba(10, 24, 50, 0.3) 0%, transparent 40%);
     opacity: 0;
     transition: opacity 0.4s ease;
     pointer-events: none;
@@ -521,7 +521,7 @@
 
 .mini-germany-map:hover {
     transform: scale(1.02);
-    box-shadow: 0 15px 50px rgba(15, 114, 181, 0.15);
+    box-shadow: 0 15px 50px rgba(10, 24, 50, 0.15);
 }
 
 .mini-germany-map img {
@@ -541,10 +541,10 @@
 /* Pulsing glow effect for NRW region */
 @keyframes nrwPulse {
     0%, 100% {
-        filter: drop-shadow(0 0 10px rgba(15, 114, 181, 0.5));
+        filter: drop-shadow(0 0 10px rgba(10, 24, 50, 0.5));
     }
     50% {
-        filter: drop-shadow(0 0 25px rgba(15, 114, 181, 0.8));
+        filter: drop-shadow(0 0 25px rgba(10, 24, 50, 0.8));
     }
 }
 
@@ -567,7 +567,7 @@
 }
 
 .location-badge:hover {
-    background: linear-gradient(135deg, #0f72b5, #00406e);
+    background: #0A1832;
     color: white;
     transform: scale(1.05);
     box-shadow: 0 10px 30px rgba(15, 114, 181, 0.3);