.cart_step_active {
    opacity: .6;
    background-color: white;
}

.cart-header tr td{
    padding-left: 2px;
    padding-right:  2px;
    width: 20%;
}

/*--------------------------------------------------------------------------
	Step 1
--------------------------------------------------------------------------*/

#no_login_div div:nth-child(2) {
    margin-top: 1em;
    margin-bottom: 1em;
}

#login_div , #no_login_div, #kundendaten{
    display: none;
}

.basic-login input[type="checkbox"] {
    margin-top: 8px;
}

#lieferadresse_div {
    display:none;
}

#versandpreise .radio {
    line-height: 1em;
    min-height: 1em;
    margin: 0px;
    padding-top: 8px;
}

#versandpreise td:nth-child(2) {
    padding-left: 1em;
    padding-top: 0.5em;
}

#zahlungpreise td:nth-child(2) {
    padding-left: 1em;
}

#zahlung_submit, #zahlung_back, #adressen_submit, #adressen_back {
    margin-top: 1em;
}

.btn {
    margin-left: 0.5em;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background-color: #f2dede;
}
/*--------------------------------------------------------------------------
	Step 2
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
	Step 3
--------------------------------------------------------------------------*/
#warenkorb_table{width: 100%; }
#warenkorb_table tr td {padding-left: 0.5em; vertical-align: top;}
#warenkorb_table tr td:first-child {padding-left: 0px;}
#warenkorb_table tr td:nth-child(4),#warenkorb_table tr td:nth-child(5),#warenkorb_table tr td:nth-child(6) {text-align: right;}
#warenkorb_table th:nth-child(4),#warenkorb_table th:nth-child(5),#warenkorb_table th:nth-child(6) {text-align: right;}

.warenkorb_rechts{text-align: right;}
.warenkorb_summe td:nth-child(2) {text-align: right;}
.warenkorb_gesamt{ font-weight: bold; padding-top: 1em;}

#checkout_agbs {
    overflow-y: auto;
    height: 150px;
    margin-bottom: 15px;
    border: 1px solid #dde5eb;
    background-color: #eee;
}
#vk_table tr td{
    padding: 10px;
}

.vk_table_ueschrift {
    font-weight: bold;
}
.klein {
    
}

.swFett {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Josefin Sans', 'JosefinSans';
    
    line-height: 20px;
    color: #535b60;}
/*--------------------------------------------------------------------------
	Step 4
--------------------------------------------------------------------------*/


/* Waltmann – Kasse: ausschließlich auf den fünf Checkout-Seiten. */
body.wm-checkout-page{--wm-checkout-brown:#594333;--wm-checkout-cream:#faf7f1;--wm-checkout-border:#e8ded0;color:var(--wm-checkout-brown)}
body.wm-checkout-page .wm-checkout-shell{
 width:calc(100% - 40px);max-width:1200px;margin-left:auto;margin-right:auto;
 padding-left:0;padding-right:0;box-sizing:border-box;
}
body.wm-checkout-page .wm-checkout-shell>.row{margin-left:-10px;margin-right:-10px}
body.wm-checkout-page .wm-checkout-shell .row>[class*="col-"]{min-width:0}
/* Fortschrittsleiste mit den bestehenden cart_*.jpg-Grafiken */
body.wm-checkout-page .cart-header{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:8px 0;margin:12px 0 22px}
body.wm-checkout-page .cart-header tr{width:100%}
body.wm-checkout-page .cart-header td{width:20%;padding:0!important;text-align:center;vertical-align:middle;background:var(--wm-checkout-cream);border:1px solid var(--wm-checkout-border);border-radius:10px;overflow:hidden}
body.wm-checkout-page .cart-header td img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;margin:0 auto}
body.wm-checkout-page .cart-header .cart_step_active{background:#f1e6d7;opacity:1;border-color:#bda58a}
body.wm-checkout-page .panel,
body.wm-checkout-page .basic-login,
body.wm-checkout-page .well{border:1px solid var(--wm-checkout-border);border-radius:10px;background:#fff;box-shadow:none;color:var(--wm-checkout-brown)}
body.wm-checkout-page .panel-heading{background:var(--wm-checkout-cream)!important;border-bottom:1px solid var(--wm-checkout-border)!important;color:var(--wm-checkout-brown)!important;font-weight:600;border-radius:10px 10px 0 0}
body.wm-checkout-page .panel-body{color:var(--wm-checkout-brown)}
body.wm-checkout-page .form-control{border:1px solid #d9cbbc;border-radius:6px;box-shadow:none;background:#fff;color:var(--wm-checkout-brown)}
body.wm-checkout-page .form-control:focus{border-color:#9d7d60;box-shadow:0 0 0 2px rgba(157,125,96,.13)}
body.wm-checkout-page .btn{border-radius:7px;white-space:normal}
body.wm-checkout-page .shopping-cart,
body.wm-checkout-page #warenkorb_table{width:100%;max-width:100%;border-collapse:collapse}
body.wm-checkout-page .shopping-cart td,
body.wm-checkout-page #warenkorb_table td,
body.wm-checkout-page #warenkorb_table th{border-bottom:1px solid var(--wm-checkout-border);padding:10px 8px;vertical-align:middle}
body.wm-checkout-page .shopping-cart .actions{display:table-cell;width:auto;overflow:visible}
body.wm-checkout-page .shopping-cart .actions .btn{margin:0 2px}
body.wm-checkout-page td.hide_bild{display:table-cell;width:100px;overflow:visible;white-space:normal}
body.wm-checkout-page td.hide_bild img{width:86px;max-width:100%;height:auto;border-radius:6px}
body.wm-checkout-page #datum_lieferung_div,
body.wm-checkout-page #datum_selbstabholung_div{width:100%;max-width:100%;padding:0}
body.wm-checkout-page #checkout_agbs{background:var(--wm-checkout-cream);border-color:var(--wm-checkout-border)}
@media(max-width:767px){
 body.wm-checkout-page .wm-checkout-shell{width:calc(100% - 28px)}
 body.wm-checkout-page .cart-header{border-spacing:3px 0}
 body.wm-checkout-page .cart-header td{border-radius:5px}
 body.wm-checkout-page .wm-checkout-shell>.row>[class*="col-xs-3"]{width:25%}
 body.wm-checkout-page .wm-checkout-shell>.row>[class*="col-xs-9"]{width:75%}
 body.wm-checkout-page .shopping-cart{display:block;overflow-x:auto}
 body.wm-checkout-page #warenkorb_table{display:block;overflow-x:auto}
 body.wm-checkout-page .shopping-cart td{padding:6px 4px}
 body.wm-checkout-page td.hide_bild{display:none}
}

/* wm-catalog-intro erbt Breite und Abstaende ausschliesslich aus header.css. */

/* Gemeinsame Inhaltsbreite: Warenkorb und alle vier Kassenschritte.
   Nur die äußeren Container begrenzen, nicht .wm-catalog-intro selbst. */
body.wm-checkout-page .wm-checkout-intro-shell,
body.wm-checkout-page .wm-checkout-shell {
  width:calc(100% - 40px); max-width:1100px; margin-left:auto; margin-right:auto;
  box-sizing:border-box; padding-left:15px; padding-right:15px;
}
body.wm-checkout-page .wm-checkout-shell .shopping-cart {width:100%;max-width:100%;}
@media(max-width:767px){
 body.wm-checkout-page .wm-checkout-intro-shell,
 body.wm-checkout-page .wm-checkout-shell {width:calc(100% - 24px);padding-left:8px;padding-right:8px;}
}

/* Bestellfortschritt: dieselbe Breite wie der Kassen-Inhaltsbereich.
   Die eingebundene dist/inc/kasse/header.inc bleibt unverändert. */
body.wm-checkout-page table.table-responsive.cart-header,
body.wm-checkout-page .table-responsive.cart-header {
  display:table;
  width:calc(100% - 40px);
  max-width:1070px;
  margin:16px auto 26px;
  border-collapse:separate;
  border-spacing:8px 0;
  table-layout:fixed;
  overflow:visible;
  background:transparent;
  border:0;
}
body.wm-checkout-page .cart-header tbody,
body.wm-checkout-page .cart-header tr {width:100%;}
body.wm-checkout-page .cart-header td {
  width:20%;
  padding:8px!important;
  background:#faf7f1;
  border:1px solid #e8ded0;
  border-radius:8px;
  text-align:center;
  vertical-align:middle;
  box-shadow:none;
  overflow:hidden;
  transition:none;
}
body.wm-checkout-page .cart-header td img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:90px;
  object-fit:contain;
  margin:0 auto;
  border:0;
  border-radius:0;
}
body.wm-checkout-page .cart-header td.cart_step_active,
body.wm-checkout-page .cart-header .cart_step_active {
  opacity:1;
  background:#f1e6d7;
  border-color:#bda58a;
  box-shadow:inset 0 -3px 0 #8d6b4d;
}
body.wm-checkout-page .cart-header td:not(.cart_step_active) img {opacity:.75;}
@media(max-width:767px){
  body.wm-checkout-page table.table-responsive.cart-header,
  body.wm-checkout-page .table-responsive.cart-header {
    width:calc(100% - 24px);
    border-spacing:3px 0;
    margin:10px auto 18px;
  }
  body.wm-checkout-page .cart-header td {padding:3px!important;border-radius:5px;}
  body.wm-checkout-page .cart-header td img {max-height:52px;}
}

/* Bestellfortschritt: abgeschlossen/verlinkt, aktuell, noch nicht erreichbar.
   Der PHP-Include kann die Aktiv-Klasse am td, Link oder Bild setzen. */
body.wm-checkout-page .cart-header td,
body.wm-checkout-page .cart-header td:not(:has(a[href])) {
  background:#f4f1ec;
  border-color:#e4dfd8;
  box-shadow:none;
}
body.wm-checkout-page .cart-header td img {opacity:.48;filter:grayscale(1);}
/* Erreichbare Schritte mit funktionierendem Link */
body.wm-checkout-page .cart-header td:has(a[href]) {
  background:#eaf0e8;
  border-color:#a9bca6;
  box-shadow:inset 0 -3px 0 #789272;
}
body.wm-checkout-page .cart-header td:has(a[href]) img {opacity:1;filter:none;}
body.wm-checkout-page .cart-header td a {display:block;text-decoration:none;}
body.wm-checkout-page .cart-header td a:focus-visible {outline:2px solid #76543d;outline-offset:-2px;border-radius:4px;}
/* Aktueller Schritt hat immer Vorrang, unabhängig vom Ort der Aktiv-Klasse */
body.wm-checkout-page .cart-header td.cart_step_active,
body.wm-checkout-page .cart-header td:has(.cart_step_active),
body.wm-checkout-page .cart-header td:has([class*="step_active"]),
body.wm-checkout-page .cart-header td:has([class*="step-aktiv"]) {
  background:#e8d3b6;
  border:2px solid #8d603b;
  box-shadow:inset 0 -4px 0 #8d603b;
}
body.wm-checkout-page .cart-header td.cart_step_active img,
body.wm-checkout-page .cart-header td:has(.cart_step_active) img,
body.wm-checkout-page .cart-header td:has([class*="step_active"]) img,
body.wm-checkout-page .cart-header td:has([class*="step-aktiv"]) img {opacity:1;filter:none;}

/* Aktuellen Bestellschritt zuverlässig hervorheben – auch ohne Aktivklasse
   im serverseitig eingebundenen header.inc. Warenkorb ist Position 1. */
body.wm-checkout-page.wm-kasse-step-1 .cart-header tr > td:nth-child(2),
body.wm-checkout-page.wm-kasse-step-2 .cart-header tr > td:nth-child(3),
body.wm-checkout-page.wm-kasse-step-3 .cart-header tr > td:nth-child(4),
body.wm-checkout-page.wm-kasse-step-4 .cart-header tr > td:nth-child(5),
body.wm-checkout-page .cart-header td.cart_step_active,
body.wm-checkout-page .cart-header td:has(.cart_step_active) {
  background:#e8d3b6!important;
  border:2px solid #805333!important;
  box-shadow:inset 0 -5px 0 #805333,0 0 0 2px #f6eadb!important;
  opacity:1!important;
}
body.wm-checkout-page.wm-kasse-step-1 .cart-header tr > td:nth-child(2) img,
body.wm-checkout-page.wm-kasse-step-2 .cart-header tr > td:nth-child(3) img,
body.wm-checkout-page.wm-kasse-step-3 .cart-header tr > td:nth-child(4) img,
body.wm-checkout-page.wm-kasse-step-4 .cart-header tr > td:nth-child(5) img,
body.wm-checkout-page .cart-header td.cart_step_active img,
body.wm-checkout-page .cart-header td:has(.cart_step_active) img {
  opacity:1!important;filter:none!important;
}

/* Statusfarben: vergangen/verlinkt = sanftes Salbeigrün,
   aktuell = warmes Gold, zukünftig = neutrales Hellgrau.
   Die Step-Klasse am body wird von den vier Kassenseiten gesetzt. */
body.wm-checkout-page .cart-header tr > td {position:relative;}
body.wm-checkout-page .cart-header tr > td:has(a[href]) {
  background:#e7eee7!important;
  border:1px solid #9db39d!important;
  box-shadow:inset 0 -3px 0 #658765!important;
}
body.wm-checkout-page .cart-header tr > td:not(:has(a[href])) {
  background:#f2f0ed!important;
  border:1px solid #ddd8d1!important;
  box-shadow:none!important;
}
body.wm-checkout-page .cart-header tr > td:not(:has(a[href])) img {
  opacity:.48!important;
  filter:grayscale(1)!important;
}
/* Der aktuelle Schritt hat bewusst eine andere Farbe als beide Gruppen. */
body.wm-checkout-page.wm-kasse-step-1 .cart-header tr > td:nth-child(2),
body.wm-checkout-page.wm-kasse-step-2 .cart-header tr > td:nth-child(3),
body.wm-checkout-page.wm-kasse-step-3 .cart-header tr > td:nth-child(4),
body.wm-checkout-page.wm-kasse-step-4 .cart-header tr > td:nth-child(5) {
  background:#f6d98f!important;
  border:2px solid #a66d1c!important;
  box-shadow:inset 0 -5px 0 #a66d1c,0 2px 8px rgba(111,75,26,.15)!important;
}
body.wm-checkout-page.wm-kasse-step-1 .cart-header tr > td:nth-child(2) img,
body.wm-checkout-page.wm-kasse-step-2 .cart-header tr > td:nth-child(3) img,
body.wm-checkout-page.wm-kasse-step-3 .cart-header tr > td:nth-child(4) img,
body.wm-checkout-page.wm-kasse-step-4 .cart-header tr > td:nth-child(5) img {
  opacity:1!important;
  filter:none!important;
}