diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index b5b47fd..0dd4d4a 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -130,21 +130,37 @@ transform: rotateY(-8deg) scale(1.05); } -/* === Unsichtbares Feld hinter geöffneter Tür === */ +/* === Feld hinter geöffneter Tür (sichtbar, wenn Tür offen ist) === */ .openfield { position: absolute; display: block; + border-radius: 12px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; - border-radius: 12px; - cursor: pointer; z-index: 1; + + /* Standard – unsichtbar */ + background: none; + border: none; } -/* Aktiviert, sobald die Nachbartür offen ist */ +/* Sobald die Tür offen ist */ .door.open + .openfield { opacity: 1; pointer-events: auto; z-index: 6; + + /* Optik: "Türchen wurde herausgenommen" */ + background: radial-gradient( + circle at 30% 30%, + rgba(0, 0, 0, 0.35) 0%, + rgba(0, 0, 0, 0.55) 100% + ), + color-mix(in srgb, var(--ci-darkgreen) 40%, var(--ci-blue) 60%); + border: 2px solid var(--ci-gold); + box-shadow: + inset 0 0 8px rgba(0, 0, 0, 0.6), + inset 0 4px 12px rgba(0, 0, 0, 0.7), + 0 0 10px color-mix(in srgb, var(--ci-gold) 25%, transparent); } \ No newline at end of file