Footer: E-Mail als klickbarer mailto-Link mit obfuskiertem Text

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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>