Lebensuhr: add age range to each life phase card

The four phases (Morgen/Vormittag/Nachmittag/Abend) had no explicit
tie back to age — readers had to infer it themselves from the clock
metaphor. Added an approximate age range per phase, using the same
age/90 = time/24 scale as the table (Vormittag ends exactly at 12:00
= age 45, which conveniently lines up with "Mittag").

app/lebensuhr/page.tsx

@@ -111,20 +111,28 @@ function Check() {
   );
 }
 
+// Age boundaries — same 90-year scale as lebensuhrRows below (age/90 =
+// time/24), picked so "Vormittag" ends exactly at 12:00 (age 45), which
+// also happens to line up with "Mittag" as the literal midpoint between
+// Vormittag and Nachmittag. Independent of lebensuhrRows (different
+// breakpoints), not derived from it.
 const phases = [
   {
     icon: <IconSunrise />,
     title: "Der Morgen: Ausprobieren",
+    ageRange: "ca. 0–25 Jahre",
     desc: "Man probiert aus, lernt, macht Fehler, entdeckt Interessen. Man muss noch nicht alles perfekt können.",
   },
   {
     icon: <IconGrowthBars />,
     title: "Der Vormittag: Aufbauen",
+    ageRange: "ca. 25–45 Jahre",
     desc: "Jetzt wird gebaut – Gewohnheiten, Beziehungen, Fähigkeiten. Ein Leben, das sich nach dem eigenen anfühlt.",
   },
   {
     icon: <IconSunHigh />,
     title: "Der Nachmittag: Stärken",
+    ageRange: "ca. 45–65 Jahre",
     desc: "Nicht alles neu, sondern das Bestehende wird stärker: Erfahrung zahlt sich aus, Entscheidungen fallen leichter.",
   },
   {
@@ -132,6 +140,7 @@ const phases = [
     // the same arc-above-the-horizon silhouette, rays above it.
     icon: <IconSunrise />,
     title: "Der Abend: Weitergeben",
+    ageRange: "ca. 65–90 Jahre",
     desc: "Weniger Wachstum, mehr Bedeutung – weiterzugeben, was man aufgebaut hat.",
   },
 ];
@@ -302,6 +311,7 @@ export default function LebensuhrPage() {
                   </div>
                   <div className="flex flex-col gap-1 text-center">
                     <p className="font-semibold text-text-primary text-[1rem]">{phase.title}</p>
+                    <p className="font-semibold text-[0.75rem] text-brand">{phase.ageRange}</p>
                     <p className="text-[0.875rem] text-text-muted leading-[1.5]">{phase.desc}</p>
                   </div>
                 </RevealItem>,