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 @@
-

Bestellformular

+

Bestellformular

- - + + + + + + + + + + + - +
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 {