make all pages responsiv

Made endpage, anmeldepage and regisitrierung responsive (prefer moblie view)

src/Pages/anmeldepage.jsx

@@ -5,25 +5,31 @@ import bild from "../pizza_logo_dark.png";
 
 function Anmeldepage(props) {
   return (
-    <div class="sm: m-2">
-      <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 class="sm: m-2 items-center">
+      <div class="flex justify-center">
+        <img class="w-60 h-45" src={props.bild || bild} 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} placeholder="Mail"></Eingabefeld>
-      <label class="absolute left-0">Passwort:</label>
-      <Eingabefeld isPassword={true} placeholder="Passwort"></Eingabefeld>
+      <div class="md:flex justify-center sm:w-full">
+        <label className="sm:absolute-left-0">E-Mail:</label>
+      </div>
+      <div class="md:flex justify-center sm:w-full">
+        <Eingabefeld isPassword={false} placeholder="Mail"></Eingabefeld>
+      </div>
+
+      <div class="md:flex justify-center sm:w-full">
+        <label className="sm:absolute-left-0">Passwort:</label>
+      </div>
+      <div class="md:flex justify-center sm:w-full">
+        <Eingabefeld isPassword={true} placeholder="Passwort"></Eingabefeld>
+      </div>
       <br></br>
       <br></br>
-      <div class="sm: flex justify-between">
+      <div class="flex justify-between md:justify-center">
         <ButtonPrimary name="Registieren"></ButtonPrimary>
         <ButtonPrimary name="Anmelden"></ButtonPrimary>
       </div>