diff --git a/artifacts/joachim-portfolio/src/components/hero.tsx b/artifacts/joachim-portfolio/src/components/hero.tsx
index 58c7d17..fe906c6 100644
--- a/artifacts/joachim-portfolio/src/components/hero.tsx
+++ b/artifacts/joachim-portfolio/src/components/hero.tsx
@@ -36,8 +36,10 @@ export function Hero() {
           <span className="text-primary">Hummel</span>
         </h1>
 
-        <p className="text-lg md:text-xl font-medium text-muted-foreground mb-4 tracking-wide" data-testid="text-hero-title">
-          Senior IT-Consultant &middot; Service Manager &middot; Technical Writer &middot; Vibe-Coder
+        <p className="text-base md:text-lg font-medium text-muted-foreground mb-4 tracking-wide leading-relaxed" data-testid="text-hero-title">
+          Senior IT-Consultant &middot; Service Manager &middot; Technical Writer
+          <br className="hidden sm:block" />
+          KI-Automation Experte &middot; IT-Systems Engineer &middot; Vibe-Coder
         </p>
 
         <p className="text-base md:text-lg text-muted-foreground max-w-2xl mx-auto leading-relaxed mb-10" data-testid="text-hero-description">
diff --git a/artifacts/joachim-portfolio/src/components/navbar.tsx b/artifacts/joachim-portfolio/src/components/navbar.tsx
index f64465b..aba42c3 100644
--- a/artifacts/joachim-portfolio/src/components/navbar.tsx
+++ b/artifacts/joachim-portfolio/src/components/navbar.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { motion, useScroll, useMotionValueEvent } from "framer-motion";
-import { Menu, X } from "lucide-react";
+import { Menu, X, ExternalLink } from "lucide-react";
 
 export function Navbar() {
   const [isScrolled, setIsScrolled] = useState(false);
@@ -12,11 +12,16 @@ export function Navbar() {
   });
 
   const navLinks = [
-    { name: "Kompetenzen", href: "#competencies" },
-    { name: "Stärken", href: "#strengths" },
-    { name: "Projekte", href: "#projects" },
-    { name: "Über mich", href: "#bio" },
-    { name: "Kontakt", href: "#contact" },
+    { name: "Kompetenzen", href: "#competencies", external: false },
+    { name: "Stärken", href: "#strengths", external: false },
+    { name: "Projekte", href: "#projects", external: false },
+    { name: "Über mich", href: "#bio", external: false },
+    { name: "Kontakt", href: "#contact", external: false },
+  ];
+
+  const blogLinks = [
+    { name: "Tech-Blog", href: "https://blog.unixweb.de" },
+    { name: "KI-Blog", href: "https://ki-blog.unixweb.de" },
   ];
 
   return (
@@ -53,6 +58,20 @@ export function Navbar() {
               {link.name}
             </a>
           ))}
+          <div className="w-px h-4 bg-border mx-1" />
+          {blogLinks.map((link) => (
+            <a
+              key={link.name}
+              href={link.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-1 px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-secondary rounded-lg transition-all"
+              data-testid={`link-nav-${link.name.toLowerCase().replace(/\s/g, '-')}`}
+            >
+              {link.name}
+              <ExternalLink className="w-3 h-3 opacity-50" />
+            </a>
+          ))}
         </nav>
 
         <div className="hidden md:block">
@@ -90,6 +109,19 @@ export function Navbar() {
               {link.name}
             </a>
           ))}
+          <div className="border-t border-border my-1" />
+          {blogLinks.map((link) => (
+            <a
+              key={link.name}
+              href={link.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-secondary rounded-lg transition-all"
+            >
+              {link.name}
+              <ExternalLink className="w-3 h-3 opacity-50" />
+            </a>
+          ))}
           <a
             href="#contact"
             onClick={() => setMobileOpen(false)}
diff --git a/artifacts/joachim-portfolio/src/components/projects.tsx b/artifacts/joachim-portfolio/src/components/projects.tsx
index 3a1c27b..6836b1f 100644
--- a/artifacts/joachim-portfolio/src/components/projects.tsx
+++ b/artifacts/joachim-portfolio/src/components/projects.tsx
@@ -46,7 +46,6 @@ const projects = [
   },
   {
     icon: Server,
-    color: "from-slate-500 to-gray-600",
     iconBg: "bg-slate-100 text-slate-600",
     title: "Mailserver & Groupware",
     desc: "Betrieb eigener Mailinfrastruktur mit iRedMail, Mailcow, SOGo inklusive vollständiger DNS-Konfiguration, SPF/DKIM/DMARC und Zustellbarkeitsanalyse.",