diff --git a/app/components/About.tsx b/app/components/About.tsx
index ba511ad..7b6c422 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -1,6 +1,6 @@
 export function About() {
   return (
-    <section className="bg-[#111] flex items-stretch w-full">
+    <section id="ueber-bjoern" className="bg-[#111] flex items-stretch w-full">
 
       {/* Left: text content */}
       <div className="flex-1 flex flex-col gap-4 justify-center px-[5rem] py-8 min-w-0">
diff --git a/app/components/Blog.tsx b/app/components/Blog.tsx
index f728a3f..ad6ba39 100644
--- a/app/components/Blog.tsx
+++ b/app/components/Blog.tsx
@@ -33,7 +33,7 @@ const secondary = [
 
 export function Blog() {
   return (
-    <div className="flex flex-col gap-[3rem] items-start pb-[4rem] w-full bg-[#f5f0e8]">
+    <div id="blog" className="flex flex-col gap-[3rem] items-start pb-[4rem] w-full bg-[#f5f0e8]">
 
       {/* Section header */}
       <div className="flex flex-col gap-[0.5rem] items-start px-[5rem] w-full">
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index 87bbc3b..c41af7f 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -2,9 +2,9 @@ import Link from "next/link";
 import Image from "next/image";
 
 const navLinks = [
-  { label: "Werkzeuge", href: "/werkzeuge" },
-  { label: "Blog", href: "/blog" },
-  { label: "Über Björn", href: "/ueber-bjoern" },
+  { label: "Werkzeuge", href: "#werkzeuge" },
+  { label: "Blog", href: "#blog" },
+  { label: "Über Björn", href: "#ueber-bjoern" },
   { label: "Shop", href: "/shop" },
 ];
 
diff --git a/app/components/Tools.tsx b/app/components/Tools.tsx
index 8ad7dd2..5abc20b 100644
--- a/app/components/Tools.tsx
+++ b/app/components/Tools.tsx
@@ -26,7 +26,7 @@ const tools = [
 
 export function Tools() {
   return (
-    <div className="flex flex-col gap-[3rem] items-start pb-[4rem] pt-[2rem] w-full bg-[#f5f0e8]">
+    <div id="werkzeuge" className="flex flex-col gap-[3rem] items-start pb-[4rem] pt-[2rem] w-full bg-[#f5f0e8]">
 
       {/* Section header */}
       <div className="flex flex-col gap-[0.5rem] items-start px-[5rem] w-full whitespace-nowrap overflow-clip">