diff --git a/pages/login.js b/pages/login.js
index 8e91e51..b40afc4 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -26,8 +26,8 @@ function Login() {
                     <h1 className="custom-font">Login</h1>
                     <LoginForm/>
                     <div className="mt-3">
-                        <a href="#" className="mr-3">Account anlegen</a>
-                        <a href="#">Warum ist ein Account nötig?</a>
+                        <a href="/register" className="mr-3">Account anlegen</a>
+                        <a href="/register#account-requirement">Warum ist ein Account nötig?</a>
                     </div>
                 </CardBody>
             </Card>
@@ -46,7 +46,7 @@ function LoginForm() {
                 <Label for="password">Passwort</Label>
                 <Input type="password" name="password"/>
             </FormGroup>
-            <Button color="success" size="lg" className="w-100">Anmelden</Button>
+            <Button color="success" size="lg" className="w-100 shadow-sm">Anmelden</Button>
         </Form>
     );
 }
\ No newline at end of file
diff --git a/pages/register.js b/pages/register.js
index 60df774..69bf078 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -1,10 +1,75 @@
 import Head from 'next/head'
+import '../static/everypage.css'
+import '../static/css/login.css'
+import {Footer, TurniereNavigation} from "../js/CommonComponents";
+import React from "react";
+import {Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label} from "reactstrap";
 
 export default () => (
-    <div>
+    <div className="main stadium-bg">
         <Head>
-            <title>Turnie.re - Registrierung</title>
+            <title>Registrieren: turnie.re</title>
         </Head>
-        <p>Registrierung</p>
+        <TurniereNavigation/>
+        <div>
+            <Register/>
+            <AccountRequirementMarketing/>
+        </div>
+        <Footer/>
     </div>
 )
+
+function Register() {
+    return (
+        <Container className="py-5">
+            <Card className="shadow">
+                <CardBody>
+                    <h1 className="custom-font">Account anlegen</h1>
+                    <RegisterForm/>
+                    <div className="mt-3">
+                        <a href="/login" className="mr-3">Ich habe bereits einen Account!</a>
+                    </div>
+                </CardBody>
+            </Card>
+        </Container>
+    );
+}
+
+function RegisterForm() {
+    return (
+        <Form>
+            <FormGroup>
+                <Label for="username">Benutzername</Label>
+                <Input name="username"/>
+                <FormText>Wenn du anderen dein Turnier zeigst, können sie deinen Benutzernamen sehen.</FormText>
+            </FormGroup>
+            <FormGroup>
+                <Label for="email">E-Mail-Adresse</Label>
+                <Input type="email" name="email"/>
+                <FormText>Deine E-Mail-Adresse kann nur von dir gesehen werden.</FormText>
+            </FormGroup>
+            <FormGroup>
+                <Label for="password">Passwort</Label>
+                <Input type="password" name="password"/>
+                <FormText>Dein Passwort muss mindestens 12 Zeichen lang sein. Alle Zeichen sind erlaubt.</FormText>
+            </FormGroup>
+            <FormText className="mb-2 mt-4">
+                Du akzeptierst die <a href="/privacy">Datenschutzbestimmungen</a>, wenn du auf Registrieren klickst.
+            </FormText>
+            <Button color="success" size="lg" className="w-100 shadow-sm">Registrieren</Button>
+        </Form>
+    );
+}
+
+function AccountRequirementMarketing() {
+    return (
+        <Container>
+            <Card id="account-requirement">
+                <CardBody>
+                    <h3 className="custom-font">Warum ein Account nötig ist</h3>
+                    <p>Du benötigst deinen Account, damit nur du dein Turnier bearbeiten kannst.</p>
+                </CardBody>
+            </Card>
+        </Container>
+    );
+}
\ No newline at end of file
diff --git a/static/css/login.css b/static/css/login.css
index ea52c58..87b73d1 100644
--- a/static/css/login.css
+++ b/static/css/login.css
@@ -1,5 +1,5 @@
 .stadium-bg {
-    background: url("/static/images/landingpage-background.jpg") no-repeat center;
+    background: url("/static/images/tennis-blurred.jpg") no-repeat center;
     background-size: cover;
     min-height: 100vh;
 }
\ No newline at end of file
