From dd092b65bc288fefaa4dfb0ddb3e383e111d2423 Mon Sep 17 00:00:00 2001 From: AIIrondev Date: Wed, 6 May 2026 17:23:08 +0200 Subject: [PATCH] feat: Enhance package card styling and improve chat responsiveness --- Website/templates/appointments.html | 51 ++++++++++++++++++++++++++--- Website/templates/base.html | 11 ++++++- Website/templates/chat.html | 15 ++++++--- 3 files changed, 68 insertions(+), 9 deletions(-) diff --git a/Website/templates/appointments.html b/Website/templates/appointments.html index 8550cfe..29a7e76 100644 --- a/Website/templates/appointments.html +++ b/Website/templates/appointments.html @@ -204,21 +204,64 @@ margin-top: 0.4rem; } + /* Highlight für Premium/Schulträger Angebot */ + .package-card--highlight { + border: 2px solid #1a748c; + background: linear-gradient(180deg, #ffffff 0%, #f4fafb 100%); + box-shadow: 0 20px 48px rgba(26, 116, 140, 0.12); + transform: scale(1.01); + } + + .package-card--highlight:hover { + border-color: #135567; + box-shadow: 0 24px 54px rgba(26, 116, 140, 0.18); + transform: translateY(-3px) scale(1.01); + } + + .package-card--highlight .package-card__tag { + background: #1a748c; + color: #ffffff; + } + @media (max-width: 760px) { .booking-hero { - padding: 1.6rem; + padding: 1.5rem 1.2rem; + border-radius: 18px; + } + + .booking-hero h1 { + font-size: 1.8rem; + } + + .packages-grid { + grid-template-columns: 1fr; + gap: 1.2rem; } .package-card { - padding: 1.4rem; + padding: 1.4rem 1.2rem; + border-radius: 18px; + gap: 1rem; } .package-card__header { - align-items: stretch; + flex-direction: column; + align-items: flex-start; + gap: 0.6rem; } .package-card__price { justify-content: flex-start; + margin-top: 0.2rem; + } + + .package-card__price span { + font-size: 2.2rem; + } + + .btn { + padding: 1rem 1.2rem; + font-size: 1.05rem; } } @@ -291,7 +334,7 @@ -
+
Premium diff --git a/Website/templates/base.html b/Website/templates/base.html index b6f62d1..d835c02 100644 --- a/Website/templates/base.html +++ b/Website/templates/base.html @@ -3,7 +3,7 @@ - + @@ -45,10 +45,19 @@ } * { box-sizing: border-box; } + /* Verhinderung von iOS Auto-Zoom bei Inputs */ + input, textarea, select, button { + font-family: inherit; + font-size: 16px; + } + html, body { margin: 0; padding: 0; + padding-bottom: env(safe-area-inset-bottom); + padding-left: env(safe-area-inset-left); + padding-right: env(safe-area-inset-right); min-height: 100%; font-family: "Public Sans", system-ui, sans-serif; color: var(--text-main); diff --git a/Website/templates/chat.html b/Website/templates/chat.html index b67f732..ca683f5 100644 --- a/Website/templates/chat.html +++ b/Website/templates/chat.html @@ -28,16 +28,23 @@ {% endblock %}