Beitragsblock: Sektions-Kopf nach Hausmuster, Preise größer

Drei Dinge, zwei aus deinem Feedback und eines von mir.

1) Der Einleitungstext klebte ohne Abstand an der Überschrift und lief über die
   volle Breite, über 120 Zeichen je Zeile ("schaut weird aus"). Ursache: ich
   hatte <p class="lead"> geschrieben — eine Klasse, die es im Projekt gar nicht
   gibt, der Absatz war also völlig unformatiert. Jetzt das etablierte Muster
   (.membership-signup__head, instagram, partners): zentrierter Kopf, 60ch breit,
   Luft nach unten. Anmerkung im Code: dasselbe Kopf-Muster steht damit zum
   vierten Mal fast gleich in components.css — ein gemeinsames .section__head
   wäre die Aufräumung, aber ein eigener Umbau.

2) Preise von 28px auf 34px. Sie tragen die Hervorhebung allein, seit die Farbe
   weg ist, und sind die Information, auf die man in einer Beitragstabelle sieht.

3) Selbst aufgefallen: die Überschrift "Austritt" lag in .prose und rendert dort
   mit 21px Abel — exakt Fließtextgröße, also gar keine Auszeichnung. In
   Impressum und Artikeln ist das richtig, deshalb .prose nicht angetastet,
   sondern eigene Klassen für den Hinweis: 28px Coolvetica (die Untergrenze für
   Versalien) mit derselben dezenten Sperrung wie die Kartentitel.

Außerdem: data/turnen.json ist wieder in seiner ursprünglichen Formatierung.
Mein JSON-Schreiber hatte im vorigen Commit die kompakten Arrays aufgeklappt
("widths": [640, 1000, 1600] wurde vierzeilig) — inhaltlich identisch, aber 371
Diff-Zeilen für eine Umbenennung. Jetzt textuell ersetzt statt neu geschrieben:
17 Diff-Zeilen, Inhalt per Vergleich identisch.

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

app/pages/turnen.php

@@ -68,20 +68,25 @@ component('team-cards', [
          Einladungen weitergibt — nicht umbenennen. Drei Tabellen über die
          bestehende fee-table-Komponente (dieselbe wie auf /mitglied-werden),
          darunter die Austrittsregel, weil sie zur Beitragsfrage gehört. */ ?>
-        <section class="section section--tinted" id="beitraege">
+        <section class="section section--tinted fees" id="beitraege">
             <div class="container">
-                <h2><?= e($page['fees_title']) ?></h2>
+                <header class="fees__head">
+                    <h2><?= e($page['fees_title']) ?></h2>
 <?php if (!empty($page['fees_intro'])): ?>
-                <p class="lead"><?= e($page['fees_intro']) ?></p>
+                    <p class="fees__intro"><?= e($page['fees_intro']) ?></p>
 <?php endif; ?>
+                </header>
                 <div class="fee-tables">
 <?php foreach ($page['fees'] as $feeTable): ?>
 <?php component('fee-table', ['fees' => $feeTable]); ?>
 <?php endforeach; ?>
                 </div>
+<?php /* Bewusst NICHT .prose: dort rendert ein h3 mit 21px Abel, also exakt
+         Fließtextgröße — in Impressum und Artikeln richtig, hier ist „Austritt"
+         aber eine Auszeichnung und wäre nicht von Fließtext zu unterscheiden. */ ?>
 <?php if (!empty($page['austritt']['title'])): ?>
-                <div class="prose">
-                    <h3><?= e($page['austritt']['title']) ?></h3>
+                <div class="fees__note">
+                    <h3 class="fees__note-title"><?= e($page['austritt']['title']) ?></h3>
                     <p><?= inline_links_html($page['austritt']['text']) ?></p>
                 </div>
 <?php endif; ?>