From c205a62c63bee5f577ed453fd04632719ac4a70d Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 15:13:55 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 2ecd4df..17673ab 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -192,10 +192,10 @@ inset 0 0 10px rgba(255, 255, 255, 0.25); } -/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld --- */ +/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld (nur passendes Paar) --- */ -/* 1️⃣ Wenn die Tür gehovered wird → Feld reagiert ebenfalls */ -.door:hover + .openfield { +/* Wenn die Tür gehovered wird → zugehöriges Feld reagiert */ +.door.open:hover + .openfield { transform: scale(1.05); background: linear-gradient( @@ -210,13 +210,16 @@ inset 0 0 10px rgba(255, 255, 255, 0.25); } -/* 2️⃣ Wenn das Feld gehovered wird → Tür reagiert ebenfalls */ +/* Wenn das offene Feld gehovered wird → genau die vorherige (geöffnete) Tür reagiert */ .openfield:hover { - z-index: 7; /* über Tür heben, damit Glitzer sichtbar bleibt */ + z-index: 7; /* Feld nach oben bringen */ } .openfield:hover, -.openfield:hover ~ .door { +.openfield:hover::before { transform: scale(1.05); +} +.openfield:hover, +.openfield:hover + .door.open { box-shadow: 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), inset 0 0 10px rgba(255, 255, 255, 0.25);