diff --git a/components/footer.tsx b/components/footer.tsx
index 74fb971..28320a3 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -57,10 +57,13 @@ export function Footer({ email }: { email?: string }) {
                   <span className="text-sm">{repoLink.label}</span>
                   <ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" />
                 </Link>
-                <span className="flex items-center gap-2 text-muted-foreground">
+                <Link
+                  href={`mailto:${email ?? '[Emailadresse]'}`}
+                  className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
+                >
                   <Mail className="size-5 shrink-0" />
                   <span className="text-sm">{email ?? '[Emailadresse]'}</span>
-                </span>
+                </Link>
               </div>
             </div>