frontend/src/components/HeroSection.css

@@ -30,6 +30,7 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
+  min-width: 60%;
 }
 
 .hero-btns .btn {

frontend/src/components/HeroSection.js

@@ -3,12 +3,26 @@ import "../App.css";
 import { Button } from "./Button";
 import "./HeroSection.css";
 import "@fortawesome/fontawesome-free/css/all.css";
+import { useAuth } from "../auth/AuthProvider";
 
 function HeroSection() {
+  const [isLoggedIn] = useAuth();
+
   return (
     <div className="hero-container">
       <h1>Herzlich Willkommen</h1>
       <div className="hero-btns">
+        {isLoggedIn ? (
+          <Button
+            className="btns"
+            buttonStyle="btn--primary"
+            buttonSize="btn--large"
+            newTo="behavior"
+          >
+            Zur Studie
+          </Button>
+        ) : (
+          <>
             <Button
               className="btns"
               buttonStyle="btn--primary"
@@ -25,6 +39,8 @@ function HeroSection() {
             >
               Registrieren (falls du das erste Mal hier bist)
             </Button>
+          </>
+        )}
         <Button
           className="btns"
           buttonStyle="btn--primary"