/*
NOT Warenkorb
NOT Kasse
*/


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
  font-size: .7em;
  color: #767676;
  text-transform: uppercase;
  font-weight:700;
}


/* Laptop / kleiner Desktop (zwischen 1025px und 768px) */
@media (max-width: 1700px) {
}

/* Tablet (zwischen 768px und 481px) */
@media (max-width: 1024px) {
}

/* Smartphone (unter 480px) */
@media (max-width: 767px) {

}




/* woocommerce */


@media (max-width: 575px) {
  .wp-block-woocommerce-cart.alignwide{
    margin-inline: 0; 
  }
  body:not([class*="elementor-page-"]) .site-main {
    padding-inline-end: 18px;
    padding-inline-start: 18px;
  }
}

@media (min-width: 576px) {
  body:not([class*="elementor-page-"]) .site-main {
    padding-inline-end: 18px;
    padding-inline-start: 18px;
    max-width: 100%;
  } 
  .wp-block-woocommerce-cart.alignwide{
    margin-inline: 0; 
  } 
  
}

@media (min-width: 768px) {
    body:not([class*="elementor-page-"]) .site-main {
    padding-inline-end: 18px;
    padding-inline-start: 18px;
    max-width: 100%;
  } 
  .wp-block-woocommerce-cart.alignwide{
    margin-inline: 0; 
  } 
}

@media (min-width: 992px) {
    body:not([class*="elementor-page-"]) .site-main {
    padding-inline-end: 18px;
    padding-inline-start: 18px;
    max-width: 100%;
  } 
  .wp-block-woocommerce-cart.alignwide{
    margin-inline: 0; 
  } 
}

@media (min-width: 1100px) {
    body:not([class*="elementor-page-"]) .site-main {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
    max-width: 1140px;
  } 
  .wp-block-woocommerce-cart.alignwide{
    margin-inline: 0; 
  } 
}





/*Woocommerce*/
/*Warenkorb*/
/*Tabelle*/
/* Basis-Layout die Tabelle */
.short-description-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.0em;
  margin-block-end: 15px;
  table-layout: auto;
}

/* Tabellenkopf-Zellen */
.short-description-table th {
  white-space: nowrap;
  width: 1%;
  text-align: left;
  padding: 4px 0px;
  font-weight: 700;
  background: #f6f6f6;
}

/* Tabellen-Zellen */
.short-description-table td {
  padding: 4px 0px;
  text-align: right
}

/* Rahmen nur horizontal */
.short-description-table th,
.short-description-table td {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: none;
  border-right: none;
  vertical-align: top;
  line-height: 1.4;
}

/* Zebra-Streifen – beginnen mit weiß */
.short-description-table tbody > tr:nth-child(odd) td,
.short-description-table tbody > tr:nth-child(odd) th {
  background: #fff;
}
.short-description-table tbody > tr:nth-child(even) td,
.short-description-table tbody > tr:nth-child(even) th {
  background: #fff;
}

/* Erste Zeile schwarz mit weißer Schrift */
.short-description-table tbody tr:first-child td,
.short-description-table tbody tr:first-child th {
  background: #000 !important;
  color: #fff;
  padding: 12px 12px;
}

/* Hover-Effekt */
.short-description-table tbody tr:hover td,
.short-description-table tbody tr:hover th {
  background: #fff;
}

/* Mobile-Ansicht: kleinere Schrift und Polster */
@media (max-width: 767px) {
  .short-description-table {
    font-size: .8em;
  }
  .short-description-table td,
  .short-description-table th {
    padding: 6px 8px;
    line-height: 1.3;
  }
}



/* Form auf Flexbox setzen */
form.cart {
  display: flex;
}

form.cart .button {
  width: 100%;
  background-color: black;
  font-size:0.75em

}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
  background-color: black;
}

.ajax_add_to_cart, .product_type_simple{
  display: inline-block!important;
  margin-top: 1em!important;
  width: 100%!important;
  text-align: center!important;
  background-color:black!important;
  color:white!important;
}

.added_to_cart .wc-forward{
  display: inline-block;
  border: 1px solid black;
  width: 100%;
  padding: .618em 1em;
  text-align: left;
  vertical-align: bottom;
  line-height: 1em;
}

form.cart div.quantity {
/*  width: 5em;*/
}


input[type="number"] {
  padding: .5rem;
}

.short-description-table tbody tr:nth-child(2) td,
.short-description-table tbody tr:nth-child(2) th {
  padding-top: 20px; /* z. B. größer als die Standardzellen */
}  


.related.products{
  padding-top: 2em
}