Add optional subtitle to recipes, display under title, omit from TOC

app/templates/cookbook.html

@@ -290,6 +290,14 @@
         color: var(--tannengruen) !important;
       }
 
+      .recipe-subtitle {
+        font-family: var(--font-hand) !important;
+        font-size: 1.05rem !important;
+        line-height: 1.15 !important;
+        margin: -0.5mm 0 1.5mm 0 !important;
+        color: #4a453f !important;
+      }
+
       .recipe-meta-row {
         display: flex !important;
         flex-wrap: wrap !important;
@@ -685,6 +693,9 @@
             <!-- Header (Ohne Kapitelangabe & ohne Quelle im Titel) -->
             <header class="recipe-header">
               <h3 class="recipe-title">{{ recipe.title }}</h3>
+              {% if recipe.subtitle and recipe.subtitle.strip() %}
+                <div class="recipe-subtitle">{{ recipe.subtitle.strip() }}</div>
+              {% endif %}
               
               <div class="recipe-meta-row">
                 {% if recipe.effort %}
@@ -1174,6 +1185,12 @@
             <input type="text" id="m-title" name="title" class="cb-input" placeholder="z. B. Klassische Waffeln" required autocomplete="off">
           </div>
 
+          <!-- Untertitel -->
+          <div class="cb-form-group">
+            <label for="m-subtitle" class="cb-label">Untertitel (optional)</label>
+            <input type="text" id="m-subtitle" name="subtitle" class="cb-input" placeholder="z. B. mit knusprigen Croutons" autocomplete="off">
+          </div>
+
           <!-- Kapitel -->
           <div class="cb-form-group">
             <label for="m-chapter_number" class="cb-label">Kategorie / Kapitel *</label>

app/templates/recipe_detail.html

@@ -63,6 +63,9 @@
       <!-- Header (Ohne Kapitelangabe & ohne Quelle im Titel) -->
       <header class="recipe-header">
         <h2 class="recipe-title">{{ recipe.title }}</h2>
+        {% if recipe.subtitle and recipe.subtitle.strip() %}
+          <div class="recipe-subtitle">{{ recipe.subtitle.strip() }}</div>
+        {% endif %}
         
         <div class="recipe-meta-row">
           {% if recipe.effort %}

app/templates/recipe_form.html

@@ -65,6 +65,14 @@
                  placeholder="z. B. Klassische Spaghetti Carbonara" required autocomplete="off">
         </div>
 
+        <!-- Untertitel -->
+        <div class="cb-form-group">
+          <label for="subtitle" class="cb-label">Untertitel (optional)</label>
+          <input type="text" id="subtitle" name="subtitle" class="cb-input" 
+                 value="{{ recipe.subtitle if recipe and recipe.subtitle else '' }}" 
+                 placeholder="z. B. mit knusprigen Croutons" autocomplete="off">
+        </div>
+
         <!-- Kategorie / Kapitel -->
         <div class="cb-form-group">
           <label for="chapter_number" class="cb-label">Kategorie / Kapitel *</label>