diff options
| -rw-r--r-- | views/css/wpsg-theme.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 98abfcb..2993174 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -184,6 +184,12 @@ .wpsg_checkout :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.street), .wpsg_mod_request_requestpage :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.street) { flex-grow:1; padding-right:15px; } .wpsg_checkout :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr), .wpsg_mod_request_requestpage :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr) { flex:0 0 6em; } :where(.wpsg_checkout, .wpsg_mod_request_requestpage) :where(#wpsg_streetnr.wpsg_checkoutblock, #wpsg_shipping_streetnr.wpsg_checkoutblock) :where(.nr input) { width:100%; } +/* Felder paarweise (Punkt 8.11): Vorname/Name und PLZ/Ort nebeneinander, alle anderen über die ganze Breite */ +@media (min-width: 600px) { +.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--wpsg-gap); align-items:start; } +.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) > * { grid-column:1 / -1; } +.wpsg_checkout .wpsg_inner:has(> #wpsg_vorname, > #wpsg_postleitzahl) > :is(#wpsg_vorname, #wpsg_name, #wpsg_postleitzahl, #wpsg_ort) { grid-column:auto; } +} .wpsg_checkout :where(label[for="wpsg_mod_trustedshops_set"]) { margin:var(--wpsg-gap) 0; display:block; } /* Versand- und Zahlungsart */ |