diff --git a/src/app.js b/src/app.js
index 00214dd..00c4ed6 100644
--- a/src/app.js
+++ b/src/app.js
@@ -16,6 +16,7 @@ const state = {
 const elements = {
 	// Header
 	menuBtn: document.getElementById("menu-btn"),
+	logoLink: document.getElementById("logo-link"),
 	langBtn: document.getElementById("lang-btn"),
 	helpBtn: document.getElementById("help-btn"),
 
@@ -699,6 +700,13 @@ function init() {
 	elements.closeSidebar.addEventListener("click", closeSidebar);
 	elements.sidebarBackdrop.addEventListener("click", closeSidebar);
 
+	// Logo click - navigate to welcome
+	elements.logoLink.addEventListener("click", (e) => {
+		e.preventDefault();
+		lessonEngine.setModuleById("welcome");
+		loadCurrentLesson();
+	});
+
 	// Language toggle
 	elements.langBtn.addEventListener("click", toggleLanguage);
 
diff --git a/src/index.html b/src/index.html
index 25fa342..4045de3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,10 +15,10 @@
 				<button id="menu-btn" class="menu-toggle" data-i18n-aria-label="menuOpen" aria-label="Open menu">
 					<span class="hamburger-icon"></span>
 				</button>
-				<div class="logo">
+				<a href="#" id="logo-link" class="logo">
 					<img src="./bowl.png" width="40" alt="CODE CRISPIES Logo" />
 					<h1><span class="code-text">CODE</span><span>CRISPIES</span></h1>
-				</div>
+				</a>
 				<div class="header-actions">
 					<button id="lang-btn" class="lang-switch" data-i18n-aria-label="langSwitchLabel" data-i18n="langSwitch" aria-label="Sprache wechseln: Deutsch">DE</button>
 					<button id="help-btn" class="help-toggle" data-i18n-aria-label="help" aria-label="Help">?</button>
diff --git a/src/main.css b/src/main.css
index 4369ac8..69c6c89 100644
--- a/src/main.css
+++ b/src/main.css
@@ -170,6 +170,8 @@ code, kbd {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
+	text-decoration: none;
+	cursor: pointer;
 }
 
 .logo h1 {