diff --git a/app/agb/page.tsx b/app/agb/page.tsx
index b4972c2..294d8b4 100644
--- a/app/agb/page.tsx
+++ b/app/agb/page.tsx
@@ -27,7 +27,7 @@ export default async function AgbPage() {
       <main className="flex flex-col flex-1 bg-bg-base">
         <Reveal className="flex flex-col gap-3 items-start pb-6 pt-10 px-[var(--layout-padding-x)] w-full">
           <p className="flex items-center gap-2 text-body-sm text-text-muted">
-            <Link href="/" className="text-brand hover:underline">Startseite</Link>
+            <Link href="/" className="hover:text-brand transition-colors">Startseite</Link>
             <span>›</span>
             <span className="text-text-primary">AGB</span>
           </p>
diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index a8eea35..ffe364e 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -66,8 +66,18 @@ export default async function BlogOverviewPage({
             hero-fade-left/hero-fade-bottom overlays (node 4577:330). */}
         <Reveal className="relative flex flex-col sm:flex-row items-center w-full min-h-[20rem] sm:min-h-[27.5rem] border-b border-border overflow-hidden">
           <div className="relative z-10 flex flex-col gap-4 items-start px-[var(--layout-padding-x)] py-10 sm:py-0 w-full sm:w-auto sm:max-w-[26rem]">
+            {/* Breadcrumb + text-h-feature heading — same treatment as
+                /shop's ShopHeader.tsx and every legal page, this hero was
+                the one page missing both (its own bespoke photo-bleed
+                layout predates that convention being established
+                elsewhere). */}
+            <p className="flex items-center gap-2 text-body-sm text-text-muted">
+              <Link href="/" className="hover:text-brand transition-colors">Startseite</Link>
+              <span>›</span>
+              <span className="text-text-primary">Blog</span>
+            </p>
             <p
-              className="font-semibold text-display text-text-primary"
+              className="font-semibold text-h-feature text-text-primary"
               style={{ fontFamily: "var(--font-lora)" }}
             >
               Blog
diff --git a/app/components/RichText.tsx b/app/components/RichText.tsx
index cf530d4..aa4daf7 100644
--- a/app/components/RichText.tsx
+++ b/app/components/RichText.tsx
@@ -160,6 +160,16 @@ function buildConverters(quoteLabel: string): JSXConvertersFunction {
         {nodesToJSX({ nodes: node.children })}
       </a>
     ),
+    // Lexical auto-detects a typed-out URL/email as its own "autolink" node,
+    // distinct from an editor-inserted "link" node — falls through to
+    // Payload's unstyled default converter without this, which is why the
+    // Impressum/AGB's typed-in-place mailto addresses rendered as plain
+    // black text instead of matching every editor-inserted link.
+    autolink: ({ node, nodesToJSX }) => (
+      <a href={node.fields?.url ?? "#"} className="text-brand hover:underline">
+        {nodesToJSX({ nodes: node.children })}
+      </a>
+    ),
     // Lexical's native blockquote feature — used by every post written
     // before Blocks existed. Kept working exactly as before (own comment on
     // Posts.ts's `content` field editor config on why this stays enabled
diff --git a/app/datenschutz/page.tsx b/app/datenschutz/page.tsx
index 93810dc..8864636 100644
--- a/app/datenschutz/page.tsx
+++ b/app/datenschutz/page.tsx
@@ -26,7 +26,7 @@ export default async function DatenschutzPage() {
       <main className="flex flex-col flex-1 bg-bg-base">
         <Reveal className="flex flex-col gap-3 items-start pb-6 pt-10 px-[var(--layout-padding-x)] w-full">
           <p className="flex items-center gap-2 text-body-sm text-text-muted">
-            <Link href="/" className="text-brand hover:underline">Startseite</Link>
+            <Link href="/" className="hover:text-brand transition-colors">Startseite</Link>
             <span>›</span>
             <span className="text-text-primary">Datenschutz</span>
           </p>
diff --git a/app/impressum/page.tsx b/app/impressum/page.tsx
index c30a345..f505e75 100644
--- a/app/impressum/page.tsx
+++ b/app/impressum/page.tsx
@@ -29,7 +29,7 @@ export default async function ImpressumPage() {
       <main className="flex flex-col flex-1 bg-bg-base">
         <Reveal className="flex flex-col gap-3 items-start pb-6 pt-10 px-[var(--layout-padding-x)] w-full">
           <p className="flex items-center gap-2 text-body-sm text-text-muted">
-            <Link href="/" className="text-brand hover:underline">Startseite</Link>
+            <Link href="/" className="hover:text-brand transition-colors">Startseite</Link>
             <span>›</span>
             <span className="text-text-primary">Impressum</span>
           </p>
diff --git a/app/widerruf/page.tsx b/app/widerruf/page.tsx
index e2f9d8b..ff1e9f1 100644
--- a/app/widerruf/page.tsx
+++ b/app/widerruf/page.tsx
@@ -27,7 +27,7 @@ export default async function WiderrufPage() {
       <main className="flex flex-col flex-1 bg-bg-base">
         <Reveal className="flex flex-col gap-3 items-start pb-6 pt-10 px-[var(--layout-padding-x)] w-full">
           <p className="flex items-center gap-2 text-body-sm text-text-muted">
-            <Link href="/" className="text-brand hover:underline">Startseite</Link>
+            <Link href="/" className="hover:text-brand transition-colors">Startseite</Link>
             <span>›</span>
             <span className="text-text-primary">Widerruf</span>
           </p>