diff --git a/Website/templates/schnell_buchung.html b/Website/templates/schnell_buchung.html index c375a43..78e5955 100644 --- a/Website/templates/schnell_buchung.html +++ b/Website/templates/schnell_buchung.html @@ -163,7 +163,7 @@ margin-top: 1.5rem; } - /* NEU: Loading State UI */ + /* Loading State UI */ #setup-loading-state, #setup-success-state { display: none; @@ -190,7 +190,7 @@ height: 2rem; } - /* NEU: Success State UI */ + /* Success State UI */ .success-icon { width: 70px; height: 70px; @@ -210,7 +210,7 @@ border-radius: 12px; padding: 1.5rem; margin: 1.5rem auto; - max-width: 400px; + max-width: 450px; text-align: left; } @@ -232,9 +232,28 @@ border-radius: 8px; margin-bottom: 1.5rem; } + + .btn.success-btn { + background-color: #1b8a3e; + border-color: #1b8a3e; + color: #fff; + } + .btn.success-btn:hover { + background-color: #146c2e; + border-color: #146c2e; + } @media (max-width: 720px) { .booking-review__grid, .booking-review__form-grid { grid-template-columns: 1fr; } + .booking-review__actions { flex-direction: column; } + .booking-review__actions .btn { width: 100%; min-width: 0; } + } + + /* Verstecke UI-Elemente beim Drucken */ + @media print { + header, footer, nav, .booking-review__actions { display: none !important; } + body { background: white; } + .booking-review__panel { box-shadow: none; border: none; padding: 0; } } {% endblock %} @@ -255,9 +274,11 @@ Paket