From 2435743c60c4fbdd8052d62e6e6bd7b7462f308f Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 13:45:02 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 36 +++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) 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