Wettkampfturnen: Karten offen untereinander statt hinter Tabs

Bei zwei Gruppen verstecken Tabs mehr Inhalt als sie ordnen, und die offene
Kartenreihe hält den Bento-Eindruck der Seite (Entscheidung Felix). Das
Kinderturnen bleibt bei Tabs, dort sind es drei textreiche Gruppen — die
Flamingos-Karte allein ist am Handy 2142px hoch.

.group-list--stacked lag vollständig im CSS, wurde aber von KEINEM PHP
ausgegeben: totes CSS aus der Zeit vor den Tabs, das heute morgen sogar noch
meine minmax(0, …)-Korrektur mitbekommen hat, ohne dass es jemand sehen konnte.
Jetzt ist es lebendig. Dritter toter Rest heute: "layout": "blocks" in
data/turnen.json las ebenfalls niemand, ist raus.

Der Karteninhalt steht dafür jetzt einmal statt zweimal. Er wird in zwei
Fassungen gebraucht (Tab-Panel mit role/aria und gestapelt ohne) und ist
deshalb eine Closure geworden — eine zweite Kopie wäre die Stelle, an der beide
in einem halben Jahr auseinanderlaufen.

Die Überschrift ist visually-hidden, nicht entfernt: sonst hätte die Sektion
keinen zugänglichen Namen und die Überschriften-Gliederung eine Lücke. Dasselbe
Muster wie $title_hidden in team-cards. Damit braucht die Seite auch kein
group-tabs.js mehr, das ich zwei Commits vorher erst dazugeschrieben hatte.

Zwei Nachbesserungen, beide gemessen:
- Die versteckte Überschrift hinterließ ein Loch. Zwischen Dashboard und erster
  Karte standen 160px (80 unten von der einen Sektion, 80 oben von der anderen),
  in denen nur nackte Hintergrund-Textur zu sehen war — vorher füllte die
  Überschrift diesen Raum. .group-list-section--tight nimmt das obere Padding
  weg, jetzt 80px.
- Die gestapelten Karten hatten feste 40px Innenabstand; auf --pad-card-lg
  umgestellt, dieselbe Korrektur wie heute morgen beim Tab-Panel. Am Desktop
  unverändert 40px, am Handy 28px.

Nicht behoben, weil kein Fehler: die Hintergrund-Textur wirkt in leeren Flächen
weich. Sie ist 1920x2545 groß und wird bei 1478px Fensterbreite auf Faktor 0,77
VERKLEINERT, ist also nicht unscharf gerechnet. Sichtbar wurde sie durch den
Leerraum plus background-attachment: fixed, das sie beim Scrollen stehen lässt.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7

app/pages/turnen-wettkampfturnen.php

@@ -6,10 +6,10 @@ declare(strict_types=1);
  * Turnen → Wettkampfturnen. Inhalt: data/turnen.json (disciplines.wettkampfturnen).
  * Struktur: Hero → Gruppen/Trainingszeiten.
  *
- * Zwei Gruppen: das Wettkampftraining selbst und die Flamingos, die am 31.07.2026 vom
- * Kinderturnen hierher gezogen sind. Dadurch läuft die Seite nicht mehr im
- * Einzelgruppen-Layout (Trainingszeiten als Kachel im Dashboard), sondern zeigt die
- * Gruppen darunter als Tabs — deshalb group-tabs.js und die Sternchen-Fußnote.
+ * Zwei Gruppen: die Flamingos, die am 31.07.2026 vom Kinderturnen hierher gezogen sind,
+ * und das Leistungsturnen. Dadurch läuft die Seite nicht mehr im Einzelgruppen-Layout
+ * (Trainingszeiten als Kachel im Dashboard), sondern zeigt die Gruppen darunter als
+ * offene Kartenreihe (layout => 'stacked') — deshalb die Sternchen-Fußnote.
  */
 $slug = 'turnen/wettkampfturnen';
 $data = json_load('turnen');
@@ -19,10 +19,6 @@ $meta = [
     'title'       => 'Wettkampfturnen in Kulmbach',
     'description' => 'Leistungsorientiertes Gerätturnen mit Training und Wettkämpfen: Wettkampfturnen beim TSV 08 Kulmbach im Mäximum Gym. Trainingszeiten und Kontakt im Überblick.',
     'og_image'    => 'img/pages/vereinsgelaende-1600.jpg',
-    // Seit die Flamingos hier stehen, sind es zwei Gruppen, davon eine mit
-    // Beschreibung — group-schedule rendert dann eine Tab-Leiste, und die braucht
-    // dieses Skript. Ohne es wären die Tab-Knöpfe tote Schaltflächen.
-    'scripts'     => ['group-tabs.js'],
     'schema'      => page_schema([
         ['name' => 'Startseite', 'slug' => ''],
         ['name' => 'Turnen', 'slug' => 'turnen'],
@@ -35,6 +31,15 @@ component('group-schedule', [
     'location' => $d['location'] ?? [],
     'lead'     => $d['lead'] ?? '',
     'groups'   => $d['groups'] ?? [],
+    // Zwei Gruppen, beide offen untereinander statt hinter Tabs: bei so wenigen
+    // Gruppen verstecken Tabs mehr Inhalt als sie ordnen, und die offene Kartenreihe
+    // hält den Bento-Eindruck der Seite. Damit braucht die Seite auch kein
+    // group-tabs.js mehr. Das Kinderturnen bleibt bei Tabs, dort sind es drei
+    // textreiche Gruppen.
+    'layout'   => 'stacked',
+    // Überschrift „Unsere Gruppen" nur für Screenreader: die Karten erklären sich
+    // selbst, und ohne die Zeile bleibt der Bento-Fluss ruhiger.
+    'groupsTitleHidden' => true,
     // Drei Flamingos-Trainerinnen tragen ein Sternchen. Ohne die Fußnote stünden
     // hier drei unerklärte Sterne auf der Seite.
     'footnote' => $data['footnote'] ?? '',