Split galerie's second section into title + text fields

- Add header.section2_title (CMS field: "Titel - rechts beneden")
  alongside header.section2_text ("Tekst - rechts beneden")
- Render the title as its own heading above the text, instead of
  folding it into the markdown body
- Zero out the heading's top margin so it aligns with the top of the
  adjacent image grid

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

pages/03.galerie/galerie.nl.md

@@ -2,7 +2,8 @@
 title: Galerie
 menu: Galerie
 section1_text: "De galerie is opgericht door Natascha Rieter en is gespecialiseerd in hedendaagse kunst.\nIn de galerie wordt werk gepresenteerd  van diverse kunstenaars en alles is te koop.\nEr is werk van Siegfried Gorinskat en van andere keramisten.\nSchilderijen, grafiek en keramiek van Natascha Rieter zijn ook in de galerie aanwezig.\n"
-section2_text: "## Bezoeken & aankoop\n\nU moet het zelf gezien hebben anders kunt u geen keuze maken. \nHet kiezen van kunst heeft met een persoonlijk gevoel te maken.\n\nDe galerie is open iedere vrijdag en zaterdag van 13:00 tot 17:00 uur, en altijd op afspraak. Werken zijn te koop; vraag naar prijs en mogelijkheden tijdens uw bezoek of neem contact op. Opdrachten en maatwerk zijn eveneens mogelijk.\n\nLosse werken bekijkt u het beste op de pagina [Werk in detail](/werk-in-detail)."
+section2_title: 'Bezoeken & aankoop'
+section2_text: "U moet het zelf gezien hebben anders kunt u geen keuze maken. \nHet kiezen van kunst heeft met een persoonlijk gevoel te maken.\n\nDe galerie is open iedere vrijdag en zaterdag van 13:00 tot 17:00 uur, en altijd op afspraak. Werken zijn te koop; vraag naar prijs en mogelijkheden tijdens uw bezoek of neem contact op. Opdrachten en maatwerk zijn eveneens mogelijk.\n\nLosse werken bekijkt u het beste op de pagina [Werk in detail](/werk-in-detail)."
 sitemap:
     lastmod: '30-08-2026 13:27'
 media_order: '20260828_134133.jpg,20260828_134254.jpg,20260828_134435.jpg,20260828_134347.jpg'

themes/natascha/blueprints/galerie.yaml

@@ -33,9 +33,12 @@ form:
                   label: Foto
                   preview_images: true
 
+            header.section2_title:
+              type: text
+              label: 'Titel – rechts beneden'
             header.section2_text:
               type: markdown
-              label: 'Tekst – sectie 2 (onder)'
+              label: 'Tekst – rechts beneden'
               validate:
                 type: textarea
             header.section2_images:

themes/natascha/css/custom.css

@@ -188,6 +188,10 @@ footer {
     margin-bottom: 0.75rem;
 }
 
+.content-text h2.section-subtitle {
+    margin-top: 0;
+}
+
 @media (min-width: 768px) {
     .content-text h2 {
         font-size: 1.7em;

themes/natascha/templates/galerie.html.twig

@@ -47,6 +47,9 @@
 
 <div class="row g-3 mt-2">
     <div class="col-12 col-md-6 p-3 text-start content-text order-2">
+        {% if page.header.section2_title %}
+        <h2 class="section-subtitle">{{ page.header.section2_title }}</h2>
+        {% endif %}
         {{ page.header.section2_text|markdown }}
         <div class="d-flex flex-column flex-sm-row gap-2 mt-3">
             <a href="{{ url('/werk-in-detail') }}" class="btn btn-brand">{{ is_en ? 'View work in detail' : 'Bekijk werk in detail' }}</a>