adventskalender/2025/css/main.css aktualisiert

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 {