From a92a8e9666b9a05191d7834840e9a0f547fefcef Mon Sep 17 00:00:00 2001
From: qcigano <qcigano@gmail.com>
Date: Tue, 4 Aug 2026 20:00:31 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Artikel-Anzahl=20auf=20Unterkategorie-Se?=
 =?UTF-8?q?iten=20stand=20=C3=BCber=20statt=20unter=20dem=20gro=C3=9Fen=20?=
 =?UTF-8?q?Bild?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 | 2 +-
 src/pages/en/shop/[kategorie]/[unterkategorie].astro | 2 +-
 src/pages/fr/shop/[kategorie]/[unterkategorie].astro | 2 +-
 src/pages/shop/[kategorie]/[unterkategorie].astro    | 2 +-
 src/styles/global.css                                | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro b/src/pages/ch/shop/[kategorie]/[unterkategorie].astro
index f558c00..f3e8a73 100644
--- a/src/pages/ch/shop/[kategorie]/[unterkategorie].astro
+++ b/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 && (
diff --git a/src/pages/en/shop/[kategorie]/[unterkategorie].astro b/src/pages/en/shop/[kategorie]/[unterkategorie].astro
index 903d4ef..89f082e 100644
--- a/src/pages/en/shop/[kategorie]/[unterkategorie].astro
+++ b/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 && (
diff --git a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro b/src/pages/fr/shop/[kategorie]/[unterkategorie].astro
index 3020a49..4942018 100644
--- a/src/pages/fr/shop/[kategorie]/[unterkategorie].astro
+++ b/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 && (
diff --git a/src/pages/shop/[kategorie]/[unterkategorie].astro b/src/pages/shop/[kategorie]/[unterkategorie].astro
index fc04da2..9cb2e74 100644
--- a/src/pages/shop/[kategorie]/[unterkategorie].astro
+++ b/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 && (
diff --git a/src/styles/global.css b/src/styles/global.css
index 2e07a34..a78271b 100644
--- a/src/styles/global.css
+++ b/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 {