.site-header .wc-cart-wrapper {
border: 1px solid #e3e3e3;
border-radius: 6px;
padding: 7px 14px;
margin-left: 12px;
transition: border-color .2s ease, background-color .2s ease;
}
.site-header .wc-cart-wrapper:hover {
border-color: #dd9527;
background: #fffaf2;
} .site-header .at-wc-icon,
.site-header .at-wc-icon:hover,
.site-header .at-wc-icon:focus,
.site-header .cart-icon,
.site-header .cart-icon:hover,
.site-header .cart-icon:focus {
color: #2d2d2d;
text-decoration: none;
} .site-header .cart-icon { position: relative; }
.site-header .cart-value.cart-customlocation {
position: absolute;
top: -9px;
right: -14px;
min-width: 18px;
height: 18px;
line-height: 18px;
padding: 0 4px;
border-radius: 9px;
background: #dd9527;
color: #fff;
font-size: 11px;
font-weight: 700;
text-align: center;
box-sizing: border-box;
}
.site-header .cart-value.cart-customlocation:empty { display: none; } .site-header .wc-cart-wrapper .cart-icon::after {
content: "Warenkorb";
margin-left: 7px;
font-size: 13px;
font-weight: 600;
letter-spacing: .3px;
}
@media screen and (max-width: 767px) {
.site-header .wc-cart-wrapper {
margin: 10px auto;
display: table;
}
} .woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple,
.woocommerce-page ul.products li.product a.button.add_to_cart_button,
.woocommerce-page ul.products li.product a.button.product_type_simple,
.related.products ul.products li.product a.button,
.upsells.products ul.products li.product a.button,
.related.products ul.products li.product a.add_to_cart_button,
.upsells.products ul.products li.product a.add_to_cart_button,
ul.products li.product a.button.add_to_cart_button {
background-color: #7F54B3 !important;
color: #ffffff !important;
border: 0;
transition: background-color .2s ease;
}
.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.button.product_type_simple:hover,
.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.button.product_type_simple:hover,
.related.products ul.products li.product a.button:hover,
.upsells.products ul.products li.product a.button:hover,
.related.products ul.products li.product a.add_to_cart_button:hover,
.upsells.products ul.products li.product a.add_to_cart_button:hover,
ul.products li.product a.button.add_to_cart_button:hover {
background-color: #6a45a0 !important;
color: #ffffff !important;
} .woocommerce ul.products li.product a.button.add_to_cart_button.added,
ul.products li.product a.button.add_to_cart_button.added {
background-color: #2e7d32 !important;
color: #ffffff !important;
}
.woocommerce ul.products li.product a.button.added::after,
ul.products li.product a.button.added::after {
color: #ffffff !important;
} .woocommerce ul.products li.product a.button.loading,
.woocommerce ul.products li.product a.button.loading::after,
ul.products li.product a.button.loading,
ul.products li.product a.button.loading::after {
background-color: #7F54B3 !important;
color: #ffffff !important;
opacity: 1 !important;
} .woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
background-color: #6a45a0 !important;
color: #ffffff !important;
border-color: #6a45a0 !important;
} .woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce .single_add_to_cart_button:focus {
background-color: #6a45a0 !important;
color: #ffffff !important;
}  .woocommerce ul.products,
ul.products {
display: flex;
flex-wrap: wrap;
align-items: stretch;
column-gap: 20px;
row-gap: 26px;
float: none !important;
margin: 0;
padding: 0;
list-style: none;
} .woocommerce ul.products > li.product,
ul.products > li.product {
flex: 0 0 calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
}
.woocommerce ul.products.columns-3 > li.product, ul.products.columns-3 > li.product {
flex-basis: calc((100% - 40px) / 3);
max-width: calc((100% - 40px) / 3);
}
.woocommerce ul.products.columns-4 > li.product, ul.products.columns-4 > li.product {
flex-basis: calc((100% - 60px) / 4);
max-width: calc((100% - 60px) / 4);
}
.woocommerce ul.products.columns-5 > li.product, ul.products.columns-5 > li.product {
flex-basis: calc((100% - 80px) / 5);
max-width: calc((100% - 80px) / 5);
}
.woocommerce ul.products.columns-6 > li.product, ul.products.columns-6 > li.product {
flex-basis: calc((100% - 100px) / 6);
max-width: calc((100% - 100px) / 6);
} .woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
ul.products::before,
ul.products::after {
content: none !important;
display: none !important;
} .woocommerce ul.products li.product,
ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
display: flex;
flex-direction: column;
} .woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
ul.products li.product.first,
ul.products li.product.last {
clear: none !important;
} .woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple,
.woocommerce-page ul.products li.product a.button.add_to_cart_button,
.woocommerce-page ul.products li.product a.button.product_type_simple,
ul.products li.product a.button.add_to_cart_button {
margin-top: auto;
min-height: 39px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
} .woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
flex: 0 0 auto;
} @media screen and (max-width: 900px) {
.woocommerce ul.products.columns-4 > li.product, ul.products.columns-4 > li.product,
.woocommerce ul.products.columns-5 > li.product, ul.products.columns-5 > li.product,
.woocommerce ul.products.columns-6 > li.product, ul.products.columns-6 > li.product {
flex-basis: calc((100% - 40px) / 3);
max-width: calc((100% - 40px) / 3);
}
}
@media screen and (max-width: 640px) {
.woocommerce ul.products.columns-3 > li.product, ul.products.columns-3 > li.product,
.woocommerce ul.products.columns-4 > li.product, ul.products.columns-4 > li.product,
.woocommerce ul.products.columns-5 > li.product, ul.products.columns-5 > li.product,
.woocommerce ul.products.columns-6 > li.product, ul.products.columns-6 > li.product {
flex-basis: calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
}
}
@media screen and (max-width: 420px) {
.woocommerce ul.products.columns-3 > li.product, ul.products.columns-3 > li.product,
.woocommerce ul.products.columns-4 > li.product, ul.products.columns-4 > li.product,
.woocommerce ul.products.columns-5 > li.product, ul.products.columns-5 > li.product,
.woocommerce ul.products.columns-6 > li.product, ul.products.columns-6 > li.product {
flex-basis: 100%;
max-width: 100%;
}
}  .woocommerce .widget_shopping_cart_content .buttons,
.woocommerce.widget_shopping_cart .buttons,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
display: flex !important;
flex-direction: column;
flex-wrap: nowrap;
gap: 8px;
align-items: stretch;
text-align: center;
} .woocommerce .widget_shopping_cart_content .buttons a.button,
.woocommerce.widget_shopping_cart .buttons a.button,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button {
display: inline-flex !important;
align-items: center;
justify-content: center;
flex: 0 0 auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 11px 12px !important;
min-height: 42px;
box-sizing: border-box;
white-space: nowrap;
line-height: 1.2;
text-align: center; background-color: #7F54B3 !important;
color: #ffffff !important;
border: 0 none !important;
} .woocommerce .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce.widget_shopping_cart .buttons a.button:hover,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button:hover,
.woocommerce .widget_shopping_cart_content .buttons a.button:focus,
.woocommerce.widget_shopping_cart .buttons a.button:focus {
background-color: #6a45a0 !important;
color: #ffffff !important;
border-color: #6a45a0 !important;
} @media screen and (max-width: 360px) {
.woocommerce .widget_shopping_cart_content .buttons a.button,
.woocommerce.widget_shopping_cart .buttons a.button,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button {
white-space: normal;
word-break: break-word;
}
}  .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
background-color: #7F54B3 !important;
color: #ffffff !important;
border: 0 none !important;
border-radius: 4px;
}
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus {
background-color: #6a45a0 !important;
color: #ffffff !important;
} .woocommerce button.woocommerce-button.button,
.woocommerce button.woocommerce-Button.button,
.woocommerce form.login button.button,
.woocommerce form.register button.button,
.woocommerce form.lost_reset_password button.button,
.woocommerce-EditAccountForm button.button {
background-color: #7F54B3 !important;
color: #ffffff !important;
border: 0 none !important;
}
.woocommerce button.woocommerce-button.button:hover,
.woocommerce button.woocommerce-Button.button:hover,
.woocommerce form.login button.button:hover,
.woocommerce form.register button.button:hover,
.woocommerce form.lost_reset_password button.button:hover,
.woocommerce-EditAccountForm button.button:hover,
.woocommerce button.woocommerce-button.button:focus,
.woocommerce button.woocommerce-Button.button:focus,
.woocommerce form.login button.button:focus,
.woocommerce form.register button.button:focus {
background-color: #6a45a0 !important;
color: #ffffff !important;
} .woocommerce .wc-forward.button,
.woocommerce a.button.wc-forward {
background-color: #7F54B3 !important;
color: #ffffff !important;
border: 0 none !important;
}
.woocommerce .wc-forward.button:hover,
.woocommerce a.button.wc-forward:hover {
background-color: #6a45a0 !important;
color: #ffffff !important;
}  body.left-sidebar .content-area,
body.left-sidebar #primary {
float: none !important;
width: 100% !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
} body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary {
width: 48% !important;
}
@media screen and (max-width: 900px) {
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary {
width: 100% !important;
}
} #content.wrapper.site-content,
.content-wrapper.clearfix {
display: flow-root !important;
}
#content.wrapper.site-content::after,
.content-wrapper.clearfix::after {
content: "" !important;
display: block !important;
clear: both !important;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
position: relative;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
right: 0;
left: auto;
top: 0;
margin: 0;
} html, body {
overflow-x: hidden;
}