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