ueberarbeitung mit bjoern

app/components/Hero.tsx

@@ -77,7 +77,7 @@ export function Hero() {
             style={{ fontFamily: "var(--font-playfair)" }}
           >
             <span className="text-h1 lg:text-display">
-              Finde heraus, was wichtig ist
+              Verlier&apos; dich nicht im mehr, verankere was zählt
             </span>
             {/* Brand's signature orange dot (also in the logo/footer) —
                 bouncy pop-in once the heading scrolls into view, timed to
@@ -96,14 +96,14 @@ export function Hero() {
               own 20px floor read too large next to the now-smaller CTA
               text. leading shrinks to match, not just font-size. */}
           <p className="font-semibold leading-[1.75rem] lg:leading-[2.375rem] min-w-full shrink-0 text-text-primary text-[1rem] lg:text-h-emphasis w-[min-content] text-center sm:text-left [word-break:break-word] not-italic">
-            Ich helfe dir, zwischen Job, Familie und eigenen Projekten nicht unterzugehen
+            Ich helfe dir, zwischen Job, Familie und eigenen Projekten nicht unterzugehen.
           </p>
 
           {/* CTA — centered below sm: (reads better against the centered
               image/banner above it on true Mobile), left-aligned with the
               rest of the text column again from sm: up. */}
           <Link
-            href="/challenge"
+            href="/lebensuhr"
             className="flex gap-4 items-center justify-center overflow-clip px-6 py-3 rounded-sm shrink-0 max-w-full bg-brand hover:brightness-95 active:scale-[0.97] transition-all self-center sm:self-auto"
           >
             {/* Letting this wrap to two lines below lg: (tried 2026-07-24)