fix: css simplified and design adjusted to the available small space

src/QUI/ERP/Order/SimpleCheckout/Checkout.css

 .quiqqer-simple-checkout {
     --_gap: var(--gap, 3rem);
-    --_detailsEntryBorder: var(--detailsEntryBorder, 0.5rem);
-    --_detailsEntryBg: var(--detailsEntryBg, #fff);
-    --_detailsEntrySpacing: var(--detailsEntrySpacing, 0.5rem);
-    --_detailsEntryInnerPadding: var(--detailsEntryInnerPadding, 1rem);
-
     --_sectionSpacing: var(--sectionSpacing, 3rem);
     --_sectionPadding: var(--sectionPadding, 2rem);
+
+    --_order-listEntry-padding: var(--order-listEntry-padding, 1rem);
+    --_order-listEntry-bg: var(--order-listEntry-bg, #ffffff);
+    --_order-listEntry-bg--hover: var(--order-listEntry-bg--hover, #ffffff);
+    --_order-listEntry-radius: var(--order-listEntry-radius, 0.25rem);
+    --_order-listEntry-gap: var(--order-listEntry-gap, 0.25rem 2rem);
+    --_order-listEntry-spacing: var(--order-listEntry-spacing, 0.5rem);
 }
 
 @media screen and (max-width: 767px) {
@@ -181,3 +183,14 @@
 [data-nobody-log-in="1"] .quiqqer-order-ordering-timeline {
     display: none;
 }
+
+/**************/
+/* list entry */
+/**************/
+@media screen and (min-width: 768px) {
+    .quiqqer-simple-checkout .quiqqer-order-step-payments-list-entry,
+    .quiqqer-simple-checkout .quiqqer-order-step-shipping-list-entry {
+        grid-template-columns: auto max(25%, 150px) 1fr;
+        grid-template-areas: 'select icon text' '. . price';
+    }
+}
\ No newline at end of file

src/QUI/ERP/Order/SimpleCheckout/Steps/CheckoutBillingAddress.css

@@ -5,10 +5,14 @@
 }
 
 .quiqqer-simple-checkout-billing__entry {
-    padding: var(--_detailsEntryInnerPadding);
-    background-color: var(--_detailsEntryBg);
-    margin-bottom: var(--_detailsEntrySpacing);
-    border-radius: var(--_detailsEntryBorder);
+    background-color: var(--_order-listEntry-bg);
+    gap: var(--_order-listEntry-gap);
+    padding: var(--_order-listEntry-padding);
+    border-radius: var(--_order-listEntry-radius);
+}
+
+.quiqqer-simple-checkout-billing__entry:not(:last-child) {
+    margin-bottom: var(--_order-listEntry-spacing, 0.25rem);
 }
 
 .quiqqer-simple-checkout-billing__entry input {
@@ -43,7 +47,6 @@
     width: 100%;
 }
 
-
 .quiqqer-simple-checkout-billing label .qui-select {
     float: initial;
     width: 100%;
@@ -64,9 +67,8 @@
     flex: 1 0 calc(25% - var(--form-gap));
 }
 
-
 .quiqqer-simple-checkout-billing__entry:hover,
 .quiqqer-simple-checkout-billing__entry.selected {
-    background-color: var(--_detailsEntryBg);
+    background-color: var(--_order-listEntry-bg--hover);
     outline: 1px solid currentColor;
 }
\ No newline at end of file

src/QUI/ERP/Order/SimpleCheckout/Steps/CheckoutPayment.css

@@ -2,27 +2,7 @@
     display: none;
 }
 
-.quiqqer-simple-checkout-data-payment .quiqqer-order-step-payments-list .quiqqer-order-step-payments-list-entry,
-.quiqqer-order-processing-payments .quiqqer-order-step-payments-list .quiqqer-order-step-payments-list-entry {
-    background-color: var(--_detailsEntryBg);
-    margin-bottom: var(--_detailsEntrySpacing);
-    border-radius: var(--_detailsEntryBorder);
-    border-bottom: none;
-}
-
-.quiqqer-simple-checkout-data-payment .quiqqer-order-step-payments-list .quiqqer-order-step-payments-list-entry:hover,
-.quiqqer-simple-checkout-data-payment .quiqqer-order-step-payments-list .quiqqer-order-step-payments-list-entry.selected,
-.quiqqer-simple-checkout .quiqqer-order-step-payments-list-entry:hover{
-    background-color: var(--_detailsEntryBg) !important;
+.quiqqer-order-step-payments-list-entry:hover,
+.quiqqer-order-step-payments-list-entry.selected{
     outline: 1px solid currentColor;
-}
-
-.quiqqer-order-step-payments-description {
-    margin-bottom: 1rem;
-}
-
-/* workaround, it should be fixed in cologne */
-.quiqqer-simple-checkout-data-payment .quiqqer-order-step-payments-list-entry-select,
-.quiqqer-order-processing-payments .quiqqer-order-step-payments-list-entry-select {
-    padding-inline: 20px;
 }
\ No newline at end of file

src/QUI/ERP/Order/SimpleCheckout/Steps/CheckoutShipping.css

@@ -2,15 +2,7 @@
     display: none;
 }
 
-.quiqqer-simple-checkout-data-shipping .quiqqer-order-step-shipping-list .quiqqer-order-step-shipping-list-entry {
-    background-color: var(--_detailsEntryBg);
-    margin-bottom: var(--_detailsEntrySpacing);
-    border-radius: var(--_detailsEntryBorder);
-    border-bottom: none;
-}
-
-.quiqqer-simple-checkout-data-shipping .quiqqer-order-step-shipping-list .quiqqer-order-step-shipping-list-entry:hover,
-.quiqqer-simple-checkout-data-shipping .quiqqer-order-step-shipping-list .quiqqer-order-step-shipping-list-entry.selected {
-    background-color: var(--_detailsEntryBg) !important;
+.quiqqer-order-step-shipping-list-entry:hover,
+.quiqqer-order-step-shipping-list-entry.selected {
     outline: 1px solid currentColor;
 }
\ No newline at end of file