adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -202,6 +202,26 @@
     inset 0 0 10px rgba(255,255,255,0.2);
 }
 
+/* === Unsichtbares Feld hinter geöffneter Tür === */
+.openfield {
+  position: absolute;
+  /* Diese Werte werden über data-Attribute gesetzt, wenn du sie im Script positionierst */
+  display: block;
+  opacity: 0;                /* unsichtbar */
+  pointer-events: none;      /* deaktiviert solange die Tür geschlossen ist */
+  transition: opacity 0.3s ease;
+  border-radius: 12px;       /* wie die Tür, damit es passt */
+  cursor: pointer;
+  z-index: 1;                /* unter der Tür, aber vor dem Hintergrundbild */
+}
+
+/* Aktiviert, sobald die Nachbartür offen ist */
+.door.open + .openfield {
+  opacity: 1;
+  pointer-events: auto;      /* jetzt klickbar */
+  z-index: 6;                /* über der geöffneten Tür */
+}
+
 .door.double.open:hover {
   transform: rotateY(-8deg) scale(1.05);
 }