feat: animiertes Knoten-Mesh im Hero (v1.5.0)

Greift das Logo-Motiv (vernetzte Knotenpunkte) als ganzflaechiges Hero-
Hintergrundelement auf — transportiert visuell die Netzwerk-/MSP-Kompetenz.

- 12 Knoten in CI-Sonith-Gelb mit asynchroner Pulse-Animation
  (skaliert zwischen 1.0 und 1.6, drop-shadow-Glow)
- 17 Verbindungslinien in CI-Petrol mit stroke-dasharray-Datenfluss
  (drei Geschwindigkeiten und Phasen, zufaellig wirkend)
- mix-blend-mode: screen fuer weiches Aufblenden auf den Orbs
- prefers-reduced-motion respektiert (Animation aus, Mesh bleibt sichtbar)
- Orb-Opazitaeten reduziert, damit das Mesh den primaeren Akzent setzt

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

css/style.css

@@ -88,6 +88,48 @@ html {
                 0 0 48px rgba(6, 115, 145, 0.06);
 }
 
+/* ---- Hero Mesh: animiertes Knoten-Netz im Logo-Stil ---- */
+.hero-mesh {
+    opacity: 0.55;
+    mix-blend-mode: screen;
+}
+
+.mesh-lines line {
+    stroke-opacity: 0.25;
+    stroke-dasharray: 4 8;
+    animation: line-flow 6s linear infinite;
+}
+
+.mesh-lines line:nth-child(3n)   { animation-duration: 9s;  stroke-opacity: 0.18; }
+.mesh-lines line:nth-child(3n+1) { animation-duration: 7s;  animation-delay: -2s; }
+.mesh-lines line:nth-child(3n+2) { animation-duration: 11s; animation-delay: -4s; stroke-opacity: 0.30; }
+
+@keyframes line-flow {
+    to { stroke-dashoffset: -48; }
+}
+
+.node {
+    transform-box: fill-box;
+    transform-origin: center;
+    animation: node-pulse 3.6s ease-in-out infinite;
+    filter: drop-shadow(0 0 4px rgba(222, 220, 30, 0.6));
+}
+
+.node:nth-child(2n)   { animation-delay: -0.8s; animation-duration: 4.2s; }
+.node:nth-child(3n)   { animation-delay: -1.6s; animation-duration: 5.0s; }
+.node:nth-child(4n+1) { animation-delay: -2.4s; }
+.node:nth-child(5n+2) { animation-delay: -3.0s; animation-duration: 4.8s; }
+
+@keyframes node-pulse {
+    0%, 100% { transform: scale(1);   opacity: 0.55; }
+    50%      { transform: scale(1.6); opacity: 1; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .mesh-lines line,
+    .node { animation: none !important; }
+}
+
 /* ---- Floating Orbs (Hero) ---- */
 .orb {
     filter: blur(64px);