From 729b0f08a1711d09b10b264a652e226ece28607b Mon Sep 17 00:00:00 2001
From: NOrtmann1 <145041949+NOrtmann1@users.noreply.github.com>
Date: Wed, 13 May 2026 22:49:57 +0200
Subject: [PATCH] Update main.css

---
 css/main.css | 67 ++++++++++++++++++++++++++++++++--------------------
 1 file changed, 41 insertions(+), 26 deletions(-)

diff --git a/css/main.css b/css/main.css
index ce1a6e5..c09a6dc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,8 +1,9 @@
 
 main {
-  max-width:1200px;
-  margin: 0 auto;
-  padding: 20px;
+    max-width:1200px;
+    margin: 0 auto;
+    padding: 20px;
+    font-family: Arial, sans-serif;
 }
 
 body {
@@ -11,15 +12,11 @@ body {
     margin: 0;
 }
 
-a, button, input, select, textarea, label, main{
-    font-family: Arial, Helvetica, sans-serif;
-}
-
 .flexbox {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  margin-top: 30px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-top: 30px;
 }
 
 .container {
@@ -37,15 +34,15 @@ a, button, input, select, textarea, label, main{
 }
 
 .category-link {
-  display: block;
-  text-align: left;
-  text-decoration: none;
-  font-weight: bold;
-  padding: 12px;
-  background-color: #2563eb;
-  color: white;
-  border-radius: 8px;
-  margin-bottom: 10px;
+    display: block;
+    text-align: left;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 12px;
+    background-color: #2563eb;
+    color: white;
+    border-radius: 8px;
+    margin-bottom: 10px;
     transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
 }
 
@@ -69,9 +66,9 @@ a, button, input, select, textarea, label, main{
 
 
 @media (min-width: 1024px) {
-  .container {
-    padding: 25px;
-  }
+    .container {
+        padding: 25px;
+    }
 }
 
 /* Seite wird horizontal und vertikal zentriert */
@@ -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 {
@@ -183,5 +182,21 @@ a, button, input, select, textarea, label, main{
 
 /* Versteckt das doppelte Label fuer Screenreader/Accessibility */
 .screenreader-only {
-  display: none;
+    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);
 }