From 61511ff507448c88aacb35197d94d0d51e4c4fde Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 14:35:53 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 47b2387..e8dfda6 100644 --- a/adventskalender/2025/css/main.css +++ b/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); } \ No newline at end of file