diff --git a/adventskalender/2025/css/day.css b/adventskalender/2025/css/day.css index 9b0c46e..c484aae 100644 --- a/adventskalender/2025/css/day.css +++ b/adventskalender/2025/css/day.css @@ -95,17 +95,24 @@ audio { } } -/* Tablets & kleine Laptops (768 px – 1366 px) */ -@media (min-width: 768px) and (max-width: 1366px) { +/* Tablets (768–1024 px) */ +@media (min-width: 768px) and (max-width: 1024px) { .popup-day { - max-width: 90vw; + max-width: 92vw; } } -/* Große Monitore (ab 1600 px) */ -@media (min-width: 1600px) { +/* Kleine Laptops / Standard-Desktops (1025–1599 px) */ +@media (min-width: 1025px) and (max-width: 1599px) { .popup-day { - max-width: 70vw; + max-width: 80vw; + } +} + +/* Große Monitore (1600–2559 px) */ +@media (min-width: 1600px) and (max-width: 2559px) { + .popup-day { + max-width: 72vw; } }