diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 19e8ce5..648c36b 100644 --- a/adventskalender/2025/css/main.css +++ b/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; } \ No newline at end of file