From 8d55b195b9e877fac0c2f01b990d484d77fbcd48 Mon Sep 17 00:00:00 2001
From: Bratonien Cosplay <kontakt@bratonien.de>
Date: Tue, 11 Nov 2025 12:08:27 +0100
Subject: [PATCH] Anpassung Darstellung

---
 adventskalender/2025/css/popup.css | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/adventskalender/2025/css/popup.css b/adventskalender/2025/css/popup.css
index 61de9a6..fdea6dc 100644
--- a/adventskalender/2025/css/popup.css
+++ b/adventskalender/2025/css/popup.css
@@ -1,7 +1,7 @@
 /* ============================================================
    Bratonien Adventskalender 2025 – Popup Design
    Bandbreitenoptimiert, hell & festlich
-   Enthält Layouts: Standard, 3-Part (Story), Recipe
+   Layouts: Standard, 3-Part (Story+Media), Recipe (Text+Bild)
    ============================================================ */
 
 /* === Overlay === */
@@ -109,14 +109,16 @@
   flex-direction: column;
 }
 
-.popup-body .addon video,
-.popup-body .addon img,
-.popup-body .addon audio {
-  max-width: 100%;
+/* === Medien im 3-Part Layout === */
+.popup-3part .popup-body .addon video,
+.popup-3part .popup-body .addon img {
+  width: 100%;
+  max-width: clamp(300px, 40vw, 700px);
   height: auto;
-  border-radius: 8px;
+  border-radius: 10px;
+  object-fit: contain;
+  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
   background: #000;
-  box-shadow: 0 0 10px rgba(0,0,0,0.2);
 }
 
 /* --- Mobile Ansicht: einspaltig --- */
@@ -130,10 +132,15 @@
   .popup-body .addon {
     margin-top: 1rem;
   }
+  .popup-3part .popup-body .addon video,
+  .popup-3part .popup-body .addon img {
+    max-width: 100%;
+    width: 100%;
+  }
 }
 
 /* ============================================================
-   REZEPT-LAYOUT (Text umfließt Bild)
+   REZEPT-LAYOUT (Text mit umflossenem Bild)
    ============================================================ */
 
 .popup-recipe .popup-body {