adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -176,7 +176,10 @@
   transform: translateZ(-1px);
 }
 
-/* Hover – identisch zu den Türen, behält Clip & Glitzer */
+/* Gemeinsames Hover-Verhalten über JS-Sync */
+.door.hover-sync,
+.door.open:hover,
+.openfield.hover-sync,
 .door.open + .openfield:hover {
   transform: scale(1.05);
   background:
@@ -190,37 +193,4 @@
   box-shadow:
     0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
     inset 0 0 10px rgba(255, 255, 255, 0.25);
-}
-
-/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld (nur passendes Paar) --- */
-
-/* Wenn die Tür gehovered wird → zugehöriges Feld reagiert */
-.door.open:hover + .openfield {
-  transform: scale(1.05);
-  background:
-    linear-gradient(
-      130deg,
-      rgba(255, 255, 255, 0.45) 0%,
-      rgba(255, 255, 255, 0.15) 40%,
-      rgba(0, 0, 0, 0.25) 100%
-    ),
-    rgba(0, 0, 0, 0.12);
-  box-shadow:
-    0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
-    inset 0 0 10px rgba(255, 255, 255, 0.25);
-}
-
-/* Wenn das offene Feld gehovered wird → genau die vorherige (geöffnete) Tür reagiert */
-.openfield:hover {
-  z-index: 7; /* Feld nach oben bringen */
-}
-.openfield:hover,
-.openfield:hover::before {
-  transform: scale(1.05);
-}
-.openfield:hover,
-.openfield:hover + .door.open {
-  box-shadow:
-    0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
-    inset 0 0 10px rgba(255, 255, 255, 0.25);
 }