From 8069c5c2464217fd9986fc95fa6a84f35dec7f9c Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sun, 19 Apr 2026 15:08:43 +0200
Subject: [PATCH] feat(view): Zutaten-Sektionen als Ueberschriften rendern

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/components/RecipeView.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/lib/components/RecipeView.svelte b/src/lib/components/RecipeView.svelte
index ffedd54..4be277d 100644
--- a/src/lib/components/RecipeView.svelte
+++ b/src/lib/components/RecipeView.svelte
@@ -127,6 +127,9 @@
       </div>
       <ul class="ing-list">
         {#each scaled as ing, i (i)}
+          {#if ing.section_heading && ing.section_heading.trim()}
+            <li class="section-heading">{ing.section_heading}</li>
+          {/if}
           <li>
             {#if ing.quantity !== null || ing.unit}
               <span class="qty">
@@ -281,6 +284,19 @@
     padding: 0;
     margin: 0;
   }
+  .ing-list .section-heading {
+    list-style: none;
+    font-weight: 600;
+    color: #2b6a3d;
+    font-size: 1rem;
+    margin-top: 0.9rem;
+    margin-bottom: 0.2rem;
+    padding: 0.15rem 0;
+    border-bottom: 1px solid #e4eae7;
+  }
+  .ing-list .section-heading:first-child {
+    margin-top: 0;
+  }
   .ing-list li {
     display: flex;
     gap: 0.75rem;