Kasse: „Ihre Bestellung“ neben dem Formular im Modus „neu“

Posten, Versand, Summe und MwSt. in Kundendaten und Versand/Zahlung; schmal unter dem Formular (Punkt 8.10).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 14 insertions, 0 deletions

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index 2993174..7dd86e3 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -175,6 +175,20 @@
 .wpsg_checkout :where(.wpsg_checkout2button) { float:right; }
 /* Zurück als Link (Punkt 8.12): links, auf Höhe des Knopfs rechts */
 .wpsg-checkout__back { float:left; display:inline-block; padding:var(--wpsg-button-padding); padding-inline-start:0; color:inherit; }
+/* Kasse zweispaltig (Punkt 8.10): Formular links, „Ihre Bestellung“ rechts; schmal untereinander */
+.wpsg-checkout__layout { display:grid; grid-template-columns:minmax(0, 1fr); gap:calc(var(--wpsg-gap) * 2); align-items:start; }
+@media (min-width: 900px) { .wpsg-checkout__layout { grid-template-columns:minmax(0, 2fr) minmax(16rem, 1fr); } .wpsg-checkout__summary { position:sticky; top:var(--wpsg-gap); } }
+.wpsg-checkout__layout > form { min-width:0; }
+.wpsg-checkout__summary { padding:calc(var(--wpsg-gap) * 1.5); border:var(--wpsg-field-border); border-radius:var(--wpsg-radius); background:var(--wpsg-color-surface); }
+.wpsg-checkout__summary-title { margin:0 0 0.75em; font-size:1.25em; }
+.wpsg-checkout__summary-items { margin:0; padding:0; list-style:none; }
+.wpsg-checkout__summary-row { display:flex; justify-content:space-between; gap:var(--wpsg-gap); margin:0 0 0.5em; }
+.wpsg-checkout__summary-row > span:last-child { white-space:nowrap; text-align:right; }
+.wpsg-checkout__summary-row > span:first-child { overflow-wrap:break-word; hyphens:auto; }
+.wpsg-checkout__summary-variant { display:block; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); }
+.wpsg-checkout__summary-row.is-muted, .wpsg-checkout__summary-tax { opacity:var(--wpsg-muted-opacity); }
+.wpsg-checkout__summary-total { margin-top:0.75em; padding-top:0.75em; border-top:var(--wpsg-field-border); font-weight:700; font-size:1.1em; }
+.wpsg-checkout__summary-tax { margin:0.25em 0 0; font-size:var(--wpsg-font-size-small); }
 .wpsg_checkout :where(.wpsg_mod_ordervars), .wpsg_checkout :where(.wpsg_mod_shippingadress) { margin-bottom:var(--wpsg-gap); }
 .wpsg_checkout :where(.wpsg_mod_ordervars_field) { display:inline; }
 :where(.wpsg_checkout h2) { padding:10px 0; }