diff --git a/adventskalender/shared/style.css b/adventskalender/shared/style.css index f16754e..e22bf9e 100644 --- a/adventskalender/shared/style.css +++ b/adventskalender/shared/style.css @@ -57,17 +57,24 @@ html, body { /* === Kalenderbild (zentriert, festgelegt, ohne erzwungene Breite) === */ .kalenderbild { - width: 90vw; - max-width: 1600px; - margin: 2rem auto; + display: flex; + justify-content: center; + align-items: center; + width: 100vw; + height: 100vh; + padding: 0; + margin: 0; + overflow: hidden; } .kalenderbild img { width: 100%; 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-radius: 12px; - display: block; object-fit: contain; + display: block; } \ No newline at end of file