From 2cd12c0af9257bad945f61668035e204e43b57d2 Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 15:12:35 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 3445bd8..2ecd4df 100644 --- a/adventskalender/2025/css/main.css +++ b/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); } \ No newline at end of file