diff --git a/adventskalender/shared/style.css b/adventskalender/shared/style.css index 9e44938..1ecfddd 100644 --- a/adventskalender/shared/style.css +++ b/adventskalender/shared/style.css @@ -7,7 +7,7 @@ --ci-creamwhite: #f7f3e8; } -/* === Reset & Grundstruktur === */ +/* === Global Reset === */ *, *::before, *::after { @@ -17,16 +17,14 @@ html, body { margin: 0; padding: 0; - height: 100vh; - width: 100vw; - overflow: hidden; font-family: sans-serif; - color: var(--ci-creamwhite); - text-align: center; background: linear-gradient(180deg, var(--ci-darkgreen), var(--ci-blue)); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; + color: var(--ci-creamwhite); + text-align: center; + overflow-x: hidden; } /* === Jahrgangs-Navigation === */ @@ -57,24 +55,17 @@ html, body { color: var(--ci-blue); } -/* === Kalenderbild === */ +/* === Kalenderbild (zentriert, festgelegt, ohne erzwungene Breite) === */ .kalenderbild { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; + margin: 2rem auto; padding: 0; - margin: 0; + max-width: 1280px; } .kalenderbild img { display: block; width: 100%; height: auto; - max-height: 100%; - aspect-ratio: 16 / 9; border: 4px solid var(--ci-gold); border-radius: 12px; - object-fit: contain; } \ No newline at end of file