diff --git a/public/bestellformular/bestellformular.html b/public/bestellformular/bestellformular.html
index 80dda50..4da7e81 100644
--- a/public/bestellformular/bestellformular.html
+++ b/public/bestellformular/bestellformular.html
@@ -8,16 +8,25 @@
diff --git a/static/Styles/bestellformular/bestellformular.css b/static/Styles/bestellformular/bestellformular.css
index fc2003d..3857f2d 100644
--- a/static/Styles/bestellformular/bestellformular.css
+++ b/static/Styles/bestellformular/bestellformular.css
@@ -1,48 +1,50 @@
body {
font-family: Arial, sans-serif;
+ background-color: #f2f2f2;
padding: 20px;
- background-color: #f7f7f7;
}
-.form-container form {
+.form-container {
max-width: 600px;
margin: auto;
- padding: 20px;
- background-color: white;
- border: 1px solid #ccc;
+ background-color: #ffffff;
+ padding: 25px;
border-radius: 8px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
form h2 {
- margin-top: 0;
text-align: center;
+ margin-bottom: 20px;
}
-
label {
display: block;
- margin-bottom: 10px;
+ margin-top: 15px;
font-weight: bold;
}
input[type="text"],
+input[type="tel"],
textarea {
width: 100%;
- padding: 8px;
- margin-bottom: 15px;
+ padding: 10px;
+ margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
+ margin-top: 20px;
background-color: #ff6600;
color: white;
- padding: 10px 20px;
border: none;
- border-radius: 4px;
- cursor: pointer;
+ padding: 12px;
+ border-radius: 5px;
font-size: 16px;
+ cursor: pointer;
+ width: 100%;
}
input[type="submit"]:hover {