No message

adventskalender/shared/css/popup.css

@@ -191,7 +191,7 @@
 /* Bild floaten lassen */
 .popup-recipe-content picture.recipe-image-wrapper {
   float: left;
-  width: clamp(200px, 40%, 330px);
+  width: clamp(260px, 70%, 3840px);
   margin: 0 1.5rem 1.2rem 0;
   border-radius: 10px;
   display: block;
@@ -279,7 +279,7 @@
   padding: 0.15rem 0.45rem;
 
   font-family: var(--ci-font-readable), serif;
-  font-size: 1.05rem;
+  font-size: 1.3rem;
   font-weight: 600;
   letter-spacing: 0.3px;
   color: var(--ci-darkgreen);
@@ -295,4 +295,43 @@ display: flex;
 
 .popup-tools button:hover {
   background: color-mix(in srgb, var(--ci-gold) 35%, #fff2cc);
-}
+}
+
+/* ============================================================
+   ADDON – PICTURE-VORLAGE
+   ============================================================ */
+
+.addon-picture {
+  display: flex;
+  justify-content: center;
+}
+
+.addon-picture-image {
+  width: 90%;
+  height: auto;
+  display: block;
+}
+
+
+.addon-audio {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+.addon-audio audio {
+  width: 100%;
+  max-width: 700px;        /* gleiche Breite wie andere Addons */
+}
+
+.addon-video-wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.addon-video {
+  width: 90%;
+  height: auto;
+  display: block;
+}