diff --git a/src/lib/components/RecipeView.svelte b/src/lib/components/RecipeView.svelte
index 26de28d..03ad64c 100644
--- a/src/lib/components/RecipeView.svelte
+++ b/src/lib/components/RecipeView.svelte
@@ -178,6 +178,13 @@
     object-fit: cover;
     background: #eef3ef;
   }
+  /* Mobile: verhindere, dass das Header-Bild einen unverhältnismäßig
+     großen Teil des Viewports füllt und alles Wichtige wegdrückt. */
+  @media (max-width: 820px) {
+    .cover {
+      max-height: 30vh;
+    }
+  }
   .hdr-body {
     padding: 1rem 1rem 0.25rem;
   }