diff --git a/adventskalender/2025/css/popup.css b/adventskalender/2025/css/popup.css index fdea6dc..6299b0b 100644 --- a/adventskalender/2025/css/popup.css +++ b/adventskalender/2025/css/popup.css @@ -35,11 +35,16 @@ 0 0 25px color-mix(in srgb, var(--ci-gold) 40%, transparent), inset 0 0 10px rgba(255, 255, 255, 0.4); - width: min(90vw, 1800px); + /* neue, ausgewogenere Breite */ + width: min(95vw, 2000px); max-height: 90vh; + overflow-y: auto; overflow-x: hidden; - padding: clamp(1.5rem, 2vw, 3rem); + + /* leicht reduziertes Padding */ + padding: clamp(1rem, 1.5vw, 2rem); + color: #333; text-align: center; position: relative; @@ -49,6 +54,14 @@ box-sizing: border-box; } +/* ab sehr großen Bildschirmen: mehr Weite, weniger Rahmen */ +@media (min-width: 1800px) { + #popup-box { + width: 85vw; + padding: 1.2rem 2rem; + } +} + /* === Grundlayout für Inhalte === */ #popup-content { margin-top: 1rem; diff --git a/adventskalender/2025/js/popup.js b/adventskalender/2025/js/popup.js index 7ad6fb8..880fa89 100644 --- a/adventskalender/2025/js/popup.js +++ b/adventskalender/2025/js/popup.js @@ -55,7 +55,7 @@ function openPopup(day) { .then(res => res.ok ? res.text() : Promise.reject("Inhalt nicht gefunden")) .then(html => { activeDay = day; - popupContent.innerHTML = `