Fix: Artikel-Anzahl auf Unterkategorie-Seiten stand über statt unter dem großen Bild

Auf den drei anderen Seitentypen (Kategorie, Sale) stand die Anzahl bereits korrekt unter dem
Banner — nur auf den Unterkategorie-Seiten (z.B. /shop/modeschmuck-accessoires/
glasperlenarmbaender/) landete sie versehentlich VOR dem Bannerbild, direkt nach der Breadcrumb.
Jetzt hinter das Banner verschoben, in allen 4 Sprachen.

src/pages/ch/shop/[kategorie]/[unterkategorie].astro

@@ -56,13 +56,13 @@ const eigeneLeerSektion = !hatStoryBoxen && komplettLeer;
     <p class="small breadcrumb" style="margin-top:1.5rem;">
       <a href="/ch/shop/">{t.shop.breadcrumbShop}</a> / <a href={`/ch/shop/${category.slug}/`}>{category.name[lang]}</a> / <strong>{sub.name[lang]}</strong>
     </p>
-    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
     <section class="page-banner" style="background-image:url('/img/banner-shop.webp'); --banner-ratio: 1600 / 729;">
       <div class="page-banner-content">
         <span class="eyebrow" aria-hidden="true">{category.icon} {category.name[lang]}</span>
         <h1>{sub.bannerName ? sub.bannerName[lang] : sub.name[lang]}</h1>
       </div>
     </section>
+    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
   </div>
 
   {hatStoryBoxen && (

src/pages/en/shop/[kategorie]/[unterkategorie].astro

@@ -56,13 +56,13 @@ const eigeneLeerSektion = !hatStoryBoxen && komplettLeer;
     <p class="small breadcrumb" style="margin-top:1.5rem;">
       <a href="/en/shop/">{t.shop.breadcrumbShop}</a> / <a href={`/en/shop/${category.slug}/`}>{category.name[lang]}</a> / <strong>{sub.name[lang]}</strong>
     </p>
-    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
     <section class="page-banner" style="background-image:url('/img/banner-shop.webp'); --banner-ratio: 1600 / 729;">
       <div class="page-banner-content">
         <span class="eyebrow" aria-hidden="true">{category.icon} {category.name[lang]}</span>
         <h1>{sub.bannerName ? sub.bannerName[lang] : sub.name[lang]}</h1>
       </div>
     </section>
+    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
   </div>
 
   {hatStoryBoxen && (

src/pages/fr/shop/[kategorie]/[unterkategorie].astro

@@ -56,13 +56,13 @@ const eigeneLeerSektion = !hatStoryBoxen && komplettLeer;
     <p class="small breadcrumb" style="margin-top:1.5rem;">
       <a href="/fr/shop/">{t.shop.breadcrumbShop}</a> / <a href={`/fr/shop/${category.slug}/`}>{category.name[lang]}</a> / <strong>{sub.name[lang]}</strong>
     </p>
-    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
     <section class="page-banner" style="background-image:url('/img/banner-shop.webp'); --banner-ratio: 1600 / 729;">
       <div class="page-banner-content">
         <span class="eyebrow" aria-hidden="true">{category.icon} {category.name[lang]}</span>
         <h1>{sub.bannerName ? sub.bannerName[lang] : sub.name[lang]}</h1>
       </div>
     </section>
+    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
   </div>
 
   {hatStoryBoxen && (

src/pages/shop/[kategorie]/[unterkategorie].astro

@@ -69,13 +69,13 @@ const eigeneLeerSektion = !hatStoryBoxen && komplettLeer;
     <p class="small breadcrumb" style="margin-top:1.5rem;">
       <a href="/shop/">{t.shop.breadcrumbShop}</a> / <a href={`/shop/${category.slug}/`}>{category.name[lang]}</a> / <strong>{sub.name[lang]}</strong>
     </p>
-    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
     <section class="page-banner" style="background-image:url('/img/banner-shop.webp'); --banner-ratio: 1600 / 729;">
       <div class="page-banner-content">
         <span class="eyebrow" aria-hidden="true">{category.icon} {category.name[lang]}</span>
         <h1>{sub.bannerName ? sub.bannerName[lang] : sub.name[lang]}</h1>
       </div>
     </section>
+    {gesamtProdukte > 0 && <p class="small result-count-static">{t.shop.resultCount(gesamtProdukte)}</p>}
   </div>
 
   {hatStoryBoxen && (

src/styles/global.css

@@ -110,7 +110,7 @@ img { max-width: 100%; display: block; }
    #result-count im Shop-Filter, das sich per JS live an die Filter anpasst. Auf ausdrücklichen
    Wunsch (04.08.2026): auf wirklich jeder Seite mit einer Produktliste soll man auf einen Blick
    sehen, wie viele Artikel dort stehen, nicht nur im Haupt-Shop. */
-.result-count-static { margin: 0 0 1rem; }
+.result-count-static { margin: 0.9rem 0 1rem; }
 
 /* Buttons */
 .btn {