adventskalender/shared/style.css aktualisiert

This commit is contained in:
2025-11-02 21:32:10 +00:00
parent 6e519cbd50
commit 65c1266d76

View File

@@ -57,17 +57,24 @@ html, body {
/* === Kalenderbild (zentriert, festgelegt, ohne erzwungene Breite) === */ /* === Kalenderbild (zentriert, festgelegt, ohne erzwungene Breite) === */
.kalenderbild { .kalenderbild {
width: 90vw; display: flex;
max-width: 1600px; justify-content: center;
margin: 2rem auto; align-items: center;
width: 100vw;
height: 100vh;
padding: 0;
margin: 0;
overflow: hidden;
} }
.kalenderbild img { .kalenderbild img {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: calc(100vh - 6rem); /* 100% Viewport-Höhe minus Headline/Margins */ max-width: 100vw;
max-height: 100vh;
aspect-ratio: 16 / 9;
border: 4px solid var(--ci-gold); border: 4px solid var(--ci-gold);
border-radius: 12px; border-radius: 12px;
display: block;
object-fit: contain; object-fit: contain;
display: block;
} }