Akkordeons weicher aufklappen, starken Hover entfernen

Die Klappelemente sprangen auf und zu: x-show gibt dem Element sofort die
volle Hoehe und blendet nur den Inhalt ein. Ersetzt durch eine Animation von
grid-template-rows 0fr → 1fr ueber 500 ms mit cubic-bezier(0.33, 1, 0.68, 1),
die die tatsaechliche Hoehe bewegt – ohne das Alpine-Collapse-Plugin, das in
diesem Projekt nicht registriert ist.

- Der zugeklappte Zustand steht auch statisch im class-Attribut, damit vor dem
  Start von Alpine nichts aufgeklappt aufblitzt.
- aria-hidden haengt am Zustand, weil der Inhalt jetzt dauerhaft im DOM steht.
- Hover: die Flaechenaufhellung (hover:bg-muted/30) ist raus, geblieben ist ein
  feiner Farbwechsel der Ueberschrift. Im FAQ entfaellt zusaetzlich der
  Hintergrundwechsel am Icon-Kreis.
- Der Pfeil dreht in derselben Dauer und Kurve wie das Aufklappen.

Betrifft beide Akkordeons – die Vertiefungen der Markenseiten und das FAQ.

Tests: 861 gruen (3189 Assertions), Pint sauber, npm run build:b2in gebaut.

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

dev/2026-08-28/deploy/dateiliste.txt

@@ -66,6 +66,7 @@ resources/views/livewire/web/components/sections/brand-detail.blade.php
 resources/views/livewire/web/components/sections/brand-overview.blade.php
 resources/views/livewire/web/components/sections/core-brands.blade.php
 resources/views/livewire/web/components/sections/display-feed.blade.php
+resources/views/livewire/web/components/sections/f-a-q.blade.php
 resources/views/livewire/web/components/sections/immobilien-teaser.blade.php
 resources/views/livewire/web/components/sections/magazin-list.blade.php
 resources/views/livewire/web/components/sections/marken-cta.blade.php

dev/2026-08-28/entwicklungsplan.md

@@ -19,7 +19,7 @@ eingearbeitet. Offen: Bildmaterial, Rechtstexte und die Herstellerfreigaben.
 **Stand 03.09.2026:** T1 und B1–B13 abgearbeitet, **alle Arbeitspakete AP0–AP6 umgesetzt**, die
 Bestandsinhalte auf den Interior-Auftritt umgestellt, die Seite abgestimmt und alle vier Punkte
 der Abstimmungsrunde vom 03.09. umgesetzt (Nachtrag 5). Alle drei Markenseiten haben jetzt einen
-ausführlichen Text. `php artisan test --compact`: **859 grün** (3180 Assertions), Pint sauber,
+ausführlichen Text. `php artisan test --compact`: **861 grün** (3189 Assertions), Pint sauber,
 `npm run build:b2in` gebaut.
 **Die Seite ist testbereit** – die ausstehenden Zulieferungen trägt Marcel selbst im CMS nach.
 
@@ -986,6 +986,28 @@ Textlink. Neu:
 Die Textinhalte kommen unverändert aus dem CMS (`cta_title` / `cta_text`) – Punkt 4 der Liste war
 inhaltlich bereits durch die neuen Texte erledigt („Ihre Küche. Persönlich geplant.").
 
+#### 5 · Akkordeons weicher (Nachreichung aus derselben Runde)
+
+Rückmeldung: Die Klappelemente springen zu schnell auf und zu, der Hover-Effekt ist zu stark.
+
+Ursache war `x-show` mit einer Opacity-Bewegung: Das Element nimmt sofort seine volle Höhe ein
+und blendet nur den Inhalt ein – es sieht aus wie ein Sprung. Ersetzt durch eine Animation von
+`grid-template-rows: 0fr → 1fr` über 500 ms mit `cubic-bezier(0.33, 1, 0.68, 1)`, die die
+tatsächliche Höhe bewegt. Das Alpine-Collapse-Plugin ist in diesem Projekt nicht registriert;
+diese Lösung kommt ohne neue Abhängigkeit aus.
+
+- Der zugeklappte Zustand steht **auch statisch im `class`-Attribut**, damit vor dem Start von
+  Alpine nichts aufgeklappt aufblitzt. Die Objekt-Schreibweise von `x-bind:class` entfernt ihn
+  beim Öffnen wieder.
+- `aria-hidden` hängt am Zustand, weil der Inhalt jetzt dauerhaft im DOM steht.
+- **Hover:** Die Flächenaufhellung (`hover:bg-muted/30`) ist raus. Geblieben ist ein feiner
+  Farbwechsel der Überschrift auf die Sekundärfarbe. Im FAQ entfällt zusätzlich der
+  Hintergrundwechsel am Icon-Kreis.
+- Der Pfeil dreht in derselben Dauer und Kurve wie das Aufklappen, damit beides zusammenläuft.
+
+Betrifft **beide** Akkordeons – die Vertiefungen auf den Markenseiten und das FAQ; sie hatten
+dasselbe Verhalten.
+
 #### Tests
 
 `BrandPageSectionsTest` und `BrandPageTest` erweitert:
@@ -1000,8 +1022,11 @@ inhaltlich bereits durch die neuen Texte erledigt („Ihre Küche. Persönlich g
   erscheint auf der deutschen Seite.
 - Demogalerien tragen keinen „BEISPIEL"-Vermerk mehr, dafür durchgehend eine Kategorie.
 - Der Normalizer entfernt den Vermerk, ohne Bild, Kategorie oder Reihenfolge zu verändern.
+- Jede Vertiefung rendert zugeklappt und mit der Höhen-Animation; die alte Sprung-Bewegung ist
+  weg.
+- Weder Markenseite noch FAQ verwenden noch den Flächen-Hover.
 
-`php artisan test --compact`: **859 grün** (3180 Assertions), Pint sauber, `npm run build:b2in`
+`php artisan test --compact`: **861 grün** (3189 Assertions), Pint sauber, `npm run build:b2in`
 gebaut.
 
 ---