From 15a45a07d8ff9a4a4efed947d7e288deb10969e3 Mon Sep 17 00:00:00 2001 From: rgemm Date: Thu, 24 Apr 2025 18:18:35 +0200 Subject: [PATCH] =?UTF-8?q?CSS=20ge=C3=A4ndert?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/bestellformular/bestellformular.html | 17 ++++++++--- .../bestellformular/bestellformular.css | 28 ++++++++++--------- 2 files changed, 28 insertions(+), 17 deletions(-) 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 {