diff --git a/app/challenge/page.tsx b/app/challenge/page.tsx
index 0d46761..034a340 100644
--- a/app/challenge/page.tsx
+++ b/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 */}
diff --git a/app/components/Newsletter.tsx b/app/components/Newsletter.tsx
index 2c38f31..ec9274c 100644
--- a/app/components/Newsletter.tsx
+++ b/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 (
diff --git a/app/components/NewsletterModal.tsx b/app/components/NewsletterModal.tsx
index e9de47f..0bda90e 100644
--- a/app/components/NewsletterModal.tsx
+++ b/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">
diff --git a/app/newsletter/components/WeeklyImpulsesHero.tsx b/app/newsletter/components/WeeklyImpulsesHero.tsx
index ccc45a0..d565df4 100644
--- a/app/newsletter/components/WeeklyImpulsesHero.tsx
+++ b/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">
diff --git a/app/todo-cards/components/TodoKartenHero.tsx b/app/todo-cards/components/TodoKartenHero.tsx
index 1faba69..cbc7d99 100644
--- a/app/todo-cards/components/TodoKartenHero.tsx
+++ b/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"