Add brand-colored accent dot to hero/newsletter headline endings

app/challenge/page.tsx

@@ -209,7 +209,7 @@ export default function ChallengePage() {
               >
                 7 Tage.<br />
                 Mehr Klarheit.<br />
-                Weniger Stress.
+                Weniger Stress<span className="text-brand">.</span>
               </h1>
 
               {/* Subtitle */}

app/components/Newsletter.tsx

@@ -1,7 +1,8 @@
+import type { ReactNode } from "react";
 import { Reveal } from "./Reveal";
 
 type NewsletterProps = {
-  title?: string;
+  title?: ReactNode;
   description?: string;
 };
 
@@ -13,7 +14,7 @@ type NewsletterProps = {
  * instead of a second near-duplicate component.
  */
 export function Newsletter({
-  title = "Starte mit einer Woche voller Klarheit",
+  title = <>Starte mit einer Woche voller Klarheit<span className="text-brand">.</span></>,
   description = "Melde dich zum Newsletter an und erhalte die 7-Tage-Challenge, mit der du durch mehr Struktur weniger Stress spürst.",
 }: NewsletterProps = {}) {
   return (

app/components/NewsletterModal.tsx

@@ -178,7 +178,7 @@ export function NewsletterModal({ open, onClose }: { open: boolean; onClose: ()
               className="font-semibold text-h-feature text-text-primary leading-[1.15]"
               style={{ fontFamily: "var(--font-lora)" }}
             >
-              Starte mit einer Woche voller Klarheit
+              Starte mit einer Woche voller Klarheit<span className="text-brand">.</span>
             </p>
 
             <p className="text-body text-text-primary">

app/newsletter/components/WeeklyImpulsesHero.tsx

@@ -63,7 +63,7 @@ export function WeeklyImpulsesHero() {
               <br />
               Wöchentliche Klarheit
               <br />
-              für deinen Alltag.
+              für deinen Alltag<span className="text-brand">.</span>
             </p>
 
             <p className="text-body text-text-body">

app/todo-cards/components/TodoKartenHero.tsx

@@ -67,7 +67,7 @@ export async function TodoKartenHero() {
                 className="font-semibold text-h-page text-text-primary"
                 style={{ fontFamily: "var(--font-playfair)" }}
               >
-                ToDo-Karten
+                ToDo-Karten<span className="text-brand">.</span>
               </p>
               <p
                 className="font-semibold text-h3 text-text-primary"