From c89d9e16bd2ca7d90eddea885f1b97a6865ef71e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 29 Sep 2026 12:45:25 +0000
Subject: [PATCH] =?UTF-8?q?Preis-Kategorien=20unabh=C3=A4ngig=20aufklappba?=
 =?UTF-8?q?r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beim Öffnen einer Kategorie klappt die obere nicht mehr automatisch zu,
dadurch springt der Inhalt nicht mehr nach oben weg.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
---
 src/components/Prices.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Prices.tsx b/src/components/Prices.tsx
index f6a35c7..e9b8c0c 100644
--- a/src/components/Prices.tsx
+++ b/src/components/Prices.tsx
@@ -98,7 +98,9 @@ function Category({ category, open, onToggle }: { category: ServiceCategory; ope
 }
 
 export function Prices() {
-  const [open, setOpen] = useState<string | null>(services[0].key)
+  // Kategorien klappen unabhängig voneinander auf — so springt beim Öffnen nichts nach oben weg
+  const [open, setOpen] = useState<string[]>([services[0].key])
+  const toggle = (key: string) => setOpen((keys) => (keys.includes(key) ? keys.filter((k) => k !== key) : [...keys, key]))
 
   return (
     <section id="preise" className="border-t border-ink/10 px-4 py-24 md:px-8 md:py-36">
@@ -110,7 +112,7 @@ export function Prices() {
 
       <div className="mt-10 border-t border-ink md:mt-14">
         {services.map((c) => (
-          <Category key={c.key} category={c} open={open === c.key} onToggle={() => setOpen(open === c.key ? null : c.key)} />
+          <Category key={c.key} category={c} open={open.includes(c.key)} onToggle={() => toggle(c.key)} />
         ))}
       </div>
     </section>