adventskalender/2025/css/main.css aktualisiert

adventskalender/2025/css/main.css

@@ -86,4 +86,40 @@
 
 .door.open:hover {
   transform: rotateY(180deg) scale(1.05);
+}
+
+/* === Basis für doppelflügelige Türen === */
+
+.door.double {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  overflow: hidden;
+}
+
+/* beide Flügel teilen sich die Türhälfte */
+.door.double .door-left,
+.door.double .door-right {
+  position: absolute;
+  top: 0;
+  width: 50%;
+  height: 100%;
+  background: inherit;
+  border: inherit;
+  border-radius: inherit;
+  box-sizing: border-box;
+  backface-visibility: hidden;
+}
+
+/* linker Flügel auf der linken Seite */
+.door.double .door-left {
+  left: 0;
+  border-right: none; /* keine doppelte Kante in der Mitte */
+}
+
+/* rechter Flügel auf der rechten Seite */
+.door.double .door-right {
+  right: 0;
+  border-left: none;
 }