adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -1,4 +1,3 @@
-/* === Schriftart Bratonien 2025 === */
 @font-face {
   font-family: "Bratonien2025";
   src: url("../../shared/fonts/PinyonScript-Regular.ttf") format("truetype");
@@ -7,7 +6,6 @@
   font-display: swap;
 }
 
-/* === Grundlayout der Türchen === */
 .door {
   position: absolute;
   display: flex;
@@ -101,7 +99,7 @@
   font-size: 2.3vw;
   color: var(--ci-gold);
   pointer-events: none;
-  z-index: 2;
+  z-index: 8;
   text-shadow:
     0 0 3px rgba(0, 0, 0, 0.6),
     0 0 8px rgba(0, 0, 0, 0.4);
@@ -183,12 +181,11 @@
   height: 100%;
   width: 50%;
   border-radius: 0;
-  background:
-    linear-gradient(
-      180deg,
-      color-mix(in srgb, var(--ci-darkgreen) 35%, transparent),
-      color-mix(in srgb, var(--ci-blue) 35%, transparent)
-    );
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--ci-darkgreen) 35%, transparent),
+    color-mix(in srgb, var(--ci-blue) 35%, transparent)
+  );
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   border: 2px solid var(--ci-gold);
@@ -202,7 +199,7 @@
   transform-style: preserve-3d;
   backface-visibility: hidden;
   cursor: pointer;
-  z-index: 7;
+  z-index: 6;
 }
 
 .fluegel.left  { left: 0;  transform-origin: left center; }