adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -190,4 +190,34 @@
   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 --- */
+
+/* 1️⃣ Wenn die Tür gehovered wird → Feld reagiert ebenfalls */
+.door: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);
+}
+
+/* 2️⃣ Wenn das Feld gehovered wird → Tür reagiert ebenfalls */
+.openfield:hover {
+  z-index: 7; /* über Tür heben, damit Glitzer sichtbar bleibt */
+}
+.openfield:hover,
+.openfield:hover ~ .door {
+  transform: scale(1.05);
+  box-shadow:
+    0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
+    inset 0 0 10px rgba(255, 255, 255, 0.25);
 }