diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 2647e4c..6b9a58b 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -8,11 +8,13 @@
 		
 	<div class="grid">
 		<h1>Login</h1>
-		<label for="username">Benutzername: </label><input type="text" id="username" form="form_login" name="username" />
+		<label for="username">E-Mail: </label><input type="text" id="username" form="form_login" name="email" />
 		<label for="password">Passwort: </label><input type="password" id="password" form="form_login" name="password" />
 		<button type="submit" form="form_login">-></button>
 	</div>
 
+	<p><a href="/login/register">Noch nicht registriert? Klicke hier!</a></p>
+
 </div>
 
 <style>
diff --git a/src/routes/login/register/+page.server.ts b/src/routes/login/register/+page.server.ts
new file mode 100644
index 0000000..febf509
--- /dev/null
+++ b/src/routes/login/register/+page.server.ts
@@ -0,0 +1,10 @@
+import type { Actions } from "./$types";
+
+export const actions = {
+	register: async ({ request }) => {
+			
+		console.log("register")
+
+		return { message: "Erfolg" }
+	}
+} satisfies Actions
diff --git a/src/routes/login/register/+page.svelte b/src/routes/login/register/+page.svelte
new file mode 100644
index 0000000..82480f6
--- /dev/null
+++ b/src/routes/login/register/+page.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+
+</script>
+
+<form action="?/register" method="POST" id="form_register"></form>
+
+<div class="container">
+		
+	<div class="grid">
+		<h1>Login</h1>
+		<label for="username">E-Mail: </label><input type="text" id="username" form="form_register" name="email" />
+		<label for="password">Passwort: </label><input type="password" id="password" form="form_register" name="password" />
+		<label for="display_name">Anzeigename: </label><input type="text" id="display_name" form="form_register" name="display_name" />
+		<button type="submit" form="form_register">Registrieren</button>
+	</div>
+
+	<p><a href="/login">Schon registriert? Klicke hier!</a></p>
+
+</div>
+
+<style>
+
+	.container {
+		display: flex;
+		width: 100%;
+		height: 100%;
+
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.grid {
+		display: grid;
+		gap: 10px 50px;
+		grid-template-columns: 1fr 3fr;
+		justify-content: space-between;
+	}
+
+	.grid > h1 {
+		width: 100%;
+		text-align: center;
+		grid-column: 1 / span 2;
+	}
+
+	.grid > button {
+		width: 50%;
+		margin-top: 10px;
+		margin-left: auto;
+		grid-column: 2;
+	}
+
+</style>