style(warenkorb-neu): Positionen und Anmerkung als weisse Karten mit Rand und runden Ecken

web/intelectra_shop/themes/theme2/templates/content_shoppingcart_neu.tpl

@@ -138,7 +138,9 @@
 /* Zeile zweistufig (Tom, 18.09.): oben Bild + Name/Nr, darunter Stepper + Zeilensumme.
    Die Inhaltsspalte des Themes ist nur 722px breit, fuenf Spalten nebeneinander tragen da nicht. */
 .wk-row { display: grid; grid-template-columns: 72px 1fr auto; grid-template-areas: "img info del" "img qty sum";
-          column-gap: 14px; row-gap: 10px; align-items: center; padding: 14px 0; border-bottom: 1px solid #e6e6e6; }
+          column-gap: 14px; row-gap: 10px; align-items: center;
+          /* Karte wie in der Kasse: weiss, Rand, runde Ecken -- grau auf grau war schlecht erkennbar (Tom, 18.09.) */
+          padding: 14px 16px; margin-bottom: 10px; background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; }
 .wk-img { grid-area: img; align-self: start; } .wk-info { grid-area: info; } .wk-del { grid-area: del; }
 .wk-qty { grid-area: qty; justify-self: start; } .wk-sum { grid-area: sum; }
 .wk-img img { width: 72px; height: 72px; object-fit: contain; background: #fff; border: 1px solid #eee; border-radius: 6px; display: block; }
@@ -156,7 +158,7 @@
 .wk-del { color: #999; text-decoration: none; font-size: 22px; line-height: 1; text-align: center; }
 .wk-del:hover { color: #d00; }
 
-.wk-note { margin: 16px 0 0; padding: 12px 14px; border: 1px dashed #d5d5d5; border-radius: 6px; }
+.wk-note { margin: 16px 0 0; padding: 12px 16px; background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; }
 .wk-note summary { cursor: pointer; font-weight: 700; }
 .wk-note p { margin: 8px 0 6px; font-size: 13px; }
 .wk-note textarea { width: 100%; border: 1px solid #cfcfcf; border-radius: 6px; padding: 8px; font: inherit; }