diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 827e8e9..304bcbb 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -136,6 +136,31 @@ inset 0 0 10px rgba(255,255,255,0.2); } +.fluegel.rota.left + .fluegel.rota.right + .openfield, +.fluegel.rota.right + .fluegel.rota.left + .openfield { + opacity: 1; + pointer-events: auto; + z-index: 6; + background: + linear-gradient( + 130deg, + rgba(255, 255, 255, 0.35) 0%, + rgba(255, 255, 255, 0.15) 30%, + rgba(255, 255, 255, 0.05) 55%, + rgba(0, 0, 0, 0.25) 100% + ), + rgba(0, 0, 0, 0.12); + backdrop-filter: blur(2px) brightness(1.08); + -webkit-backdrop-filter: blur(2px) brightness(1.08); + border: 2px solid color-mix(in srgb, var(--ci-gold) 85%, transparent); + box-shadow: + inset 0 4px 8px rgba(0, 0, 0, 0.6), + inset 0 -3px 6px rgba(0, 0, 0, 0.5), + 0 0 10px rgba(0, 0, 0, 0.35), + 0 0 14px color-mix(in srgb, var(--ci-gold) 15%, transparent); + transform: translateZ(-1px); +} + /* === Openfield === */ .openfield {