.add_to_cart_button,
.single_add_to_cart_button {
 position: relative;
 overflow: hidden;
}

.button-content {
 transition: all 0.2s;
}

.loading .button-content {
 opacity: 0;
}

.button-spinner {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 opacity: 0;
 transition: all 0.2s;
}

.loading .button-spinner {
 opacity: 1;
}

.automato-spinner-svg {
 animation: spin 1s linear infinite;
 fill: #ffffff;
}

@keyframes spin {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(360deg);
 }
}
.add_to_cart_button.added {
 display: none !important;
}

/* Zeige den "Warenkorb anzeigen"-Button, wenn er hinzugefügt wird */
.added_to_cart.wc-forward {
 display: inline-block !important;
}

/* Optional: Styling für den "Warenkorb anzeigen"-Button */
.added_to_cart.wc-forward {
 margin-left: 5px;
 padding: 0.5em 1em;
 background-color: #f0f0f0;
 color: #333;
 text-decoration: none;
 border-radius: 3px;
}

/* Entferne den WooCommerce Standard-Spinner */
.add_to_cart_button.loading::after {
 display: none !important;
}
.quick-automato-cart {
 display: inline-flex;
 align-items: center;
 text-decoration: none;
 color: inherit;
}

.quick-automato-cart .text {
 margin-right: 5px;
}

.quick-automato-cart .uk-icon {
 position: relative;
}

.quick-automato-cart .uk-badge {
 position: absolute;
 top: -8px;
 right: -20px;
 min-width: 18px;
 height: 18px;
 padding: 0 5px;
 font-size: 12px;
 line-height: 18px;
}

.woocommerce-mini-cart-item {
 position: relative;
 transition: opacity 0.3s ease;
}

.woocommerce-mini-cart-item.removing {
 opacity: 0.5;
}

.woocommerce-mini-cart-item.removed {
 opacity: 0.3;
}

.woocommerce-mini-cart-item {
 position: relative;
 transition: opacity 0.3s ease;
}

.woocommerce-mini-cart-item.removing {
 opacity: 0.5;
}

.woocommerce-mini-cart-item.removed {
 opacity: 0.3;
}
/* Perfect Scrollbars */
.ps {
 -ms-touch-action: auto;
 touch-action: auto;
 overflow: hidden !important;  /* Override plugin style */
 -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
 .ps {
  overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .ps {
  overflow: auto !important; } }
.ps.ps--active-y > .ps__scrollbar-y-rail {
 display: block;
 background-color: transparent; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
 background-color: #eee;
 opacity: 0.9; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
 background-color: #999;
 /*width: 11px;*/ }
.ps > .ps__scrollbar-y-rail {
 display: none;
 position: absolute;
 /* please don't change 'position' */
 opacity: 0;
 -webkit-transition: background-color .2s linear, opacity .2s linear;
 -o-transition: background-color .2s linear, opacity .2s linear;
 -moz-transition: background-color .2s linear, opacity .2s linear;
 transition: background-color .2s linear, opacity .2s linear;
 right: 0;
 /* there must be 'right' for ps__scrollbar-y-rail */
 width: 10px;
 border-radius: 6px; }
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
 position: absolute;
 /* please don't change 'position' */
 background-color: #aaa;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
 transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
 -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
 transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
 right: 2px;
 /* there must be 'right' for ps__scrollbar-y */
 width: 6px; }
/*.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
    width: 11px; }*/
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
 background-color: #eee;
 opacity: 0.9; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
 background-color: #999;
 /*width: 11px;*/ }
.ps:hover > .ps__scrollbar-y-rail {
 opacity: 0.6; }
.ps:hover > .ps__scrollbar-y-rail:hover {
 background-color: #eee;
 opacity: 0.9; }
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
 background-color: #999; }

#customer_details>.col-2 {
 clear:left;
}