diff --git a/adventskalender/shared/css/popup.css b/adventskalender/shared/css/popup.css index df74fb8..8988fbb 100644 --- a/adventskalender/shared/css/popup.css +++ b/adventskalender/shared/css/popup.css @@ -336,3 +336,40 @@ border-radius: 10px; overflow: hidden; } +/* ============================================================ + FIX für Rezepttage – 2-Spalten-Grid statt Newspaper-Layout + ============================================================ */ + +.popup-day.popup-recipe .popup-body { + display: grid !important; + grid-template-columns: 1fr 1fr !important; + gap: clamp(1rem, 2vw, 2rem) !important; + column-count: unset !important; + text-align: left !important; +} + +.popup-day.popup-recipe .recipe-image { + float: none !important; + shape-outside: none !important; + margin: 0 0 1.2rem 0 !important; + width: 100% !important; + max-width: 100% !important; + height: auto !important; +} + +/* Story links */ +.popup-day.popup-recipe .story { + break-inside: avoid-column !important; +} + +/* Recipe rechts */ +.popup-day.popup-recipe .popup-recipe-content { + break-inside: avoid-column !important; +} + +/* Mobil einspaltig */ +@media (max-width: 900px) { + .popup-day.popup-recipe .popup-body { + grid-template-columns: 1fr !important; + } +} \ No newline at end of file