adventskalender/shared/style.css aktualisiert

This commit is contained in:
2025-11-02 21:21:02 +00:00
parent c4c8032d77
commit 8ceb85b97a

View File

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