diff --git a/src/App.js b/src/App.js
index cec7b95..a438a9c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,13 +12,13 @@ import img_alaturca from "./alaturca.jpg";
 import Eingabefeld from "./Components/eingabefeld";
 import "../node_modules/font-awesome/css/font-awesome.min.css";
 import Liste from "./Components/liste";
-import Anmeldefeld from "./Pages/anmeldepage";
 import Anmeldepage from "./Pages/anmeldepage";
+import Registrierung from "./Pages/registrierung";
 
 function App() {
   return (
     <div className="App">
-      <Anmeldepage></Anmeldepage>
+      <Registrierung></Registrierung>
     </div>
   );
 }
diff --git a/src/Components/eingabefeld.jsx b/src/Components/eingabefeld.jsx
index a8f25b1..b6a219d 100644
--- a/src/Components/eingabefeld.jsx
+++ b/src/Components/eingabefeld.jsx
@@ -3,7 +3,7 @@ import React, { useState } from "react";
 function Eingabefeld(props) {
   const [usepollName, setPollName] = useState("");
   return (
-    <div>
+    <div class="pb-2">
       <br />
       <input
         className="form-control
diff --git a/src/Pages/anmeldepage.jsx b/src/Pages/anmeldepage.jsx
index 10a7c6a..4b09218 100644
--- a/src/Pages/anmeldepage.jsx
+++ b/src/Pages/anmeldepage.jsx
@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import ButtonPrimary from "../Components/buttonPrimary";
 import Eingabefeld from "../Components/eingabefeld";
 import bild from "../pizza_logo_dark.png";
 
@@ -12,10 +13,20 @@ function Anmeldepage(props) {
           alt="Logo"></img>
       </div>
       <br></br>
+      <br></br>
       <label class="font-medium leading-tight text-3xl mt-0 mb-2">Anmelden</label>
       <br></br>
+      <br></br>
       <label class="absolute left-0">E-Mail:</label>
-      <Eingabefeld isPassword={false}></Eingabefeld>
+      <Eingabefeld isPassword={false} placeholder="Mail"></Eingabefeld>
+      <label class="absolute left-0">Passwort:</label>
+      <Eingabefeld isPassword={true} placeholder="Passwort"></Eingabefeld>
+      <br></br>
+      <br></br>
+      <div class="sm: flex justify-between">
+        <ButtonPrimary name="Registieren"></ButtonPrimary>
+        <ButtonPrimary name="Anmelden"></ButtonPrimary>
+      </div>
     </div>
   );
 }
diff --git a/src/Pages/registrierung.jsx b/src/Pages/registrierung.jsx
new file mode 100644
index 0000000..17c79d0
--- /dev/null
+++ b/src/Pages/registrierung.jsx
@@ -0,0 +1,59 @@
+import React, { useState } from "react";
+import ButtonPrimary from "../Components/buttonPrimary";
+import Eingabefeld from "../Components/eingabefeld";
+import bild from "../pizza_logo_dark.png";
+
+function Registrierung(props) {
+  return (
+    <div class="sm: m-5">
+      <div class="sm:  grid grid-cols-5 items-center">
+        <img
+          class="sm:w-60 h-45 p-5 grid col-span-3 col-start-2 place-content-center"
+          src={props.bild || bild}
+          alt="Logo"></img>
+      </div>
+
+      <br></br>
+      <br></br>
+      <label class="font-medium leading-tight text-3xl mt-0 mb-2">Registrieren</label>
+      <br></br>
+      <br></br>
+      <div class="grid grid-cols-2 grid-rows-2 justify-items-start p-0 gap-x-1 gap-y-0 h-10">
+        <label class="col-start-1 col-end-1 row-start-1 row-end-1">Vorname:</label>
+        <label class="col-start-2 col-end-2 row-start-1 row-end-1">Passwort:</label>
+        <Eingabefeld
+          isPassword={false}
+          placeholder="Mail"
+          class="col-start-1 col-end-1 row-start-2 row-end-2"></Eingabefeld>
+        <Eingabefeld
+          isPassword={true}
+          placeholder="Passwort"
+          class="col-start-2 col-end-2 row-start-2 row-end-2"></Eingabefeld>
+      </div>
+      <br></br>
+      <br></br>
+      <div class="pt-2">
+        <label class="absolute left-2">E-Mail:</label>
+        <Eingabefeld isPassword={false} placeholder="Mail"></Eingabefeld>
+      </div>
+
+      <div class="pt-2">
+        <label class="absolute left-2">Passwort:</label>
+        <Eingabefeld isPassword={true} placeholder="Passwort"></Eingabefeld>
+      </div>
+
+      <div class="pt-2">
+        <label class="absolute left-2">Passwort erneut:</label>
+        <Eingabefeld isPassword={false} placeholder="Passwort erneut"></Eingabefeld>
+      </div>
+
+      <br></br>
+      <br></br>
+      <div class="sm: flex justify-between">
+        <ButtonPrimary name="Registieren"></ButtonPrimary>
+        <ButtonPrimary name="Anmelden"></ButtonPrimary>
+      </div>
+    </div>
+  );
+}
+export default Registrierung;