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)

app/components/Navbar.tsx

@@ -58,7 +58,7 @@ function getNavLinks(singleActiveProduct: boolean) {
 // mark "Werkzeuge" active in the nav for the same reason — confirmed by
 // page-weekly-impulses's own breadcrumb ("Startseite › Werkzeuge ›
 // Impulse & Tipps") and active-underline position, same as page-todo-karten's.
-const WERKZEUGE_ROUTES = ["/todo-cards", "/challenge", "/newsletter"];
+const WERKZEUGE_ROUTES = ["/todo-cards", "/lebensuhr", "/newsletter"];
 
 function isNavLinkActive(href: string, pathname: string, activeSection: string): boolean {
   if (href === "#werkzeuge") {
@@ -519,10 +519,10 @@ export function Navbar({ singleActiveProduct }: { singleActiveProduct: boolean }
                 Newsletter
               </button>
               <Link
-                href="/challenge"
+                href="/lebensuhr"
                 className="px-6 py-4 rounded-sm bg-brand text-h4 font-bold text-text-primary whitespace-nowrap hover:bg-brand-hover active:scale-[0.97] transition-all"
               >
-                7-Tage-Challenge
+                Klarheitskompass
               </Link>
             </div>
 
@@ -668,11 +668,11 @@ export function Navbar({ singleActiveProduct }: { singleActiveProduct: boolean }
                   Newsletter
                 </button>
                 <Link
-                  href="/challenge"
+                  href="/lebensuhr"
                   onClick={closeMobile}
                   className="md:hidden min-h-11 flex items-center justify-center px-6 py-4 rounded-sm bg-brand text-h4 font-bold text-text-primary hover:bg-brand-hover active:scale-[0.97] transition-all"
                 >
-                  7-Tage-Challenge
+                  Klarheitskompass
                 </Link>
               </motion.div>
             </div>

app/components/Tools.tsx

@@ -26,7 +26,7 @@ export async function Tools() {
           className="font-semibold text-text-primary text-h-section"
           style={{ fontFamily: "var(--font-lora)" }}
         >
-          Werkzeuge für mehr Orientierung im Alltag
+          Für mehr Orientierung im Alltag
         </p>
       </Reveal>