adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -127,7 +127,7 @@
   z-index: 5;
 }
 
-/* Position + Radius */
+/* Positionierung + Rundungen */
 .fluegel.left {
   transform-origin: left center;
   border-top-left-radius: 12px;
@@ -140,7 +140,7 @@
   border-bottom-right-radius: 12px;
 }
 
-/* Hover */
+/* Hover (optisch identisch wie .door) */
 .fluegel:hover,
 .fluegel.hover-proxy {
   transform: scale(1.05);
@@ -154,32 +154,29 @@
     inset 0 0 10px rgba(255,255,255,0.25);
 }
 
-/* Rotation beim Öffnen */
+/* Öffnung – eigene Klasse „rota“ */
 .fluegel.rota.left {
-  transform: rotateY(115deg);
-  transform-origin: left center;
+  transform: rotateY(-115deg);
   box-shadow:
     0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
     inset 0 0 10px rgba(255,255,255,0.2);
 }
 
 .fluegel.rota.right {
-  transform: rotateY(-115deg);
-  transform-origin: right center;
+  transform: rotateY(115deg);
   box-shadow:
     0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
     inset 0 0 10px rgba(255,255,255,0.2);
 }
 
-/* Optional: Hover auf geöffnete Flügel */
-.fluegel.rota.left:hover,
-.fluegel.rota.right:hover {
-  transform: rotateY(var(--fluegel-rotation)) scale(1.05);
+/* Für konsistentes Verhalten (auch beim Hover in geöffnetem Zustand) */
+.fluegel.rota.left:hover {
+  transform: rotateY(-115deg) scale(1.05);
 }
 
-/* Für konsistente Übergänge (optional, falls in Nutzung) */
-.fluegel.rota.left  { --fluegel-rotation: 115deg; }
-.fluegel.rota.right { --fluegel-rotation: -115deg; }
+.fluegel.rota.right:hover {
+  transform: rotateY(115deg) scale(1.05);
+}
 
 /* === Openfield === */