feat: Würzburg-Adresse, Fernwartung & lebendigere Optik (v1.4.0)

- Würzburger Niederlassung: Am Schlossgarten 1, 97076 Würzburg
- Helpdesk-URL korrigiert: helpdesk.sonith.de → hilfe.sonith.de
- Fernwartungs-Link (ISL Light Client) als 4. Direktkontakt-Karte und
  zusätzlich im Mobile-Menü
- Hero: drei animierte Floating-Orbs (Petrol & Sonith) für mehr Lebendigkeit,
  prefers-reduced-motion respektiert
- Service-Cards: Akzentfarbe alterniert zwischen Sonith-Gelb und Petrol —
  bricht den monotonen Eindruck, beide CI-Farben kommen zur Geltung
- USP-Cards: subtile Pulse-Aura beim Hover über den Icon-Kreisen

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

css/style.css

@@ -88,7 +88,41 @@ html {
                 0 0 48px rgba(6, 115, 145, 0.06);
 }
 
-/* ---- USP Cards ---- */
+/* ---- Floating Orbs (Hero) ---- */
+.orb {
+    filter: blur(64px);
+    pointer-events: none;
+    will-change: transform;
+}
+
+.orb-petrol {
+    background: radial-gradient(circle, #067391 0%, transparent 70%);
+    animation: drift 14s ease-in-out infinite;
+}
+
+.orb-petrol-2 {
+    background: radial-gradient(circle, #045066 0%, transparent 70%);
+    animation: drift 18s ease-in-out infinite reverse;
+}
+
+.orb-sonith {
+    background: radial-gradient(circle, #DEDC1E 0%, transparent 70%);
+    animation: drift 20s ease-in-out infinite;
+    animation-delay: -6s;
+}
+
+@keyframes drift {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    33%      { transform: translate(40px, -30px) scale(1.08); }
+    66%      { transform: translate(-30px, 25px) scale(0.95); }
+}
+
+/* Auf reduzierten Bewegungswunsch achten (a11y) */
+@media (prefers-reduced-motion: reduce) {
+    .orb { animation: none !important; }
+}
+
+/* ---- USP Cards (mit subtiler Pulse-Aura auf Icon-Kreisen) ---- */
 .usp-card {
     transition: transform 0.3s ease;
 }
@@ -97,6 +131,31 @@ html {
     transform: translateY(-4px);
 }
 
+.usp-card > div:first-child {
+    position: relative;
+}
+
+.usp-card > div:first-child::before {
+    content: "";
+    position: absolute;
+    inset: -6px;
+    border-radius: 9999px;
+    background: radial-gradient(circle, rgba(222, 220, 30, 0.18) 0%, transparent 70%);
+    opacity: 0;
+    transition: opacity 0.4s ease;
+    z-index: -1;
+}
+
+.usp-card:hover > div:first-child::before {
+    opacity: 1;
+    animation: pulse-soft 2.4s ease-in-out infinite;
+}
+
+@keyframes pulse-soft {
+    0%, 100% { transform: scale(1);    opacity: 0.6; }
+    50%      { transform: scale(1.18); opacity: 1; }
+}
+
 /* ---- Team Cards ---- */
 .team-card {
     transition: transform 0.3s ease;