Update main.css

css/main.css

@@ -3,6 +3,7 @@ main {
     max-width:1200px;
     margin: 0 auto;
     padding: 20px;
+    font-family: Arial, sans-serif;
 }
 
 body {
@@ -11,10 +12,6 @@ body {
     margin: 0;
 }
 
-a, button, input, select, textarea, label, main{
-    font-family: Arial, Helvetica, sans-serif;
-}
-
 .flexbox {
     display: flex;
     flex-direction: column;
@@ -128,15 +125,17 @@ a, button, input, select, textarea, label, main{
     width: 100%;
     padding: 12px;
     margin-bottom: 20px;
-    border: 1px solid white;
-    border-radius: 4px;
+    border: 1px solid #d1d5db;
+    border-radius: 6px;
     box-sizing: border-box;
     font-size: 1rem;
+    background-color: white;
 }
 
 .login-input:focus {
     outline: none;
     border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
 }
 
 .checkbox-wrapper {
@@ -185,3 +184,19 @@ a, button, input, select, textarea, label, main{
 .screenreader-only {
     display: none;
 }
+/* Allgemeine Formularseiten */
+.form-page {
+    display: flex;
+    justify-content: center;
+    padding: 40px 20px;
+}
+
+.form-container {
+    width: 90%;
+    max-width: 600px;
+    padding: 30px;
+    background-color: white;
+    border: 1px solid #dbe3ec;
+    border-radius: 10px;
+    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
+}