diff --git a/app/frontend/src/components/Navigation/NavigationHeadline.tsx b/app/frontend/src/components/Navigation/NavigationHeadline.tsx
index 2897b26..b0ef547 100644
--- a/app/frontend/src/components/Navigation/NavigationHeadline.tsx
+++ b/app/frontend/src/components/Navigation/NavigationHeadline.tsx
@@ -15,17 +15,25 @@ const Link = styled(RouterLink)({
   textDecoration: "none",
 });
 
-type NavigationHeadlineProps = Partial<Pick<RouterLinkProps, "to">>;
+type NavigationHeadlineProps =
+  | (Partial<Pick<RouterLinkProps, "to">> & {
+      href?: undefined;
+    })
+  | {
+      href?: string;
+      to?: undefined;
+    };
 
 const NavigationHeadline: React.FC<
   React.PropsWithChildren<NavigationHeadlineProps>
 > = (props) => {
-  const { children, to } = props;
+  const { children, href, to } = props;
 
   return (
     <Headline>
       {to && <Link to={to}>{children}</Link>}
-      {!to && children}
+      {href && <a href={href}>{children}</a>}
+      {!to && !href && children}
     </Headline>
   );
 };