#block-7, #block-12, #block-15 { min-width: 0 !important; }

/*-- View Cart Single Product Override --*/
.single-product div.product form.cart { display: block !important; }
.single-product div.product form.cart .quantity { margin-top: 6px; }
div.viewcartbox { display: block; width: 100%; margin-top: 60px; }
.button.viewcart.single { display: inline-block; width: fit-content; margin: 0 0 0 0; background: var(--white) !important; color: var(--blue) !important; }
@media screen and (max-width: 768px) {
.single-product div.product form.cart { text-align: center; }
.single-product div.product form.cart .quantity { display: inline; float: none; }
}
/*-- Buttons unter Artikel --*/
.content-box .cartbutton { display: none; }
ul.products li.product .button { min-width: 199px; }
.button.addtocartbutton.more { display: block; width: fit-content; margin: 10px auto 0 auto; background: var(--white) !important; color: var(--blue) !important; }
.button.viewcart { display: block; width: fit-content; margin: 14px auto 0 auto; background: var(--white) !important; color: var(--blue) !important; }
.button.addtocartbutton.more:hover, .button.viewcart:hover, .button.viewcart.single:hover { background: var(--blue) !important; color: var(--white) !important; }

/*-- Sprachauswahl im Header ausblenden --*/
nav#language-picker { display: none; }
/*-- Banner Farbe --*/
#banner-container svg { fill: var(--blue) !important; }
/*-- HERZ Farbe --*/
span.heart { color: #E63625 !important; font-size: 0.85em; }
/*-- CONTENT BOX STARTSEITE --*/
div.content-box { margin: 0 auto; max-width: 932px; }
/*-- FOOTER Korrektur auf Wunsch .... --*/
.footer-widget-2, .footer-widget-3 { display: none !important; }
.footer-widget-1, .footer-widget-4 { width: 50% !important; }
.footer-widget-1 { display: flex; justify-content: flex-start; align-items: center; }
.footer-widget-4 { display: flex; justify-content: flex-end; align-items: center; }
footer.site-footer ul li { display: inline; margin: 5px 14px !important; }
footer.site-footer ul li:nth-child(1) { font-size: inherit !important; }
@media screen and (max-width: 768px) {
.footer-widget-1, .footer-widget-4 { width: 100% !important; justify-content: center !important; }
}
/*-- Product SHORTDESC .... --*/
div.woocommerce-product-details__short-description { font-size: 1.2em; }
/*-- Product TABS .... --*/
.woocommerce-Tabs-panel div.column { display: block !important; margin: 0 auto; }
table.woocommerce-product-attributes.shop_attributes { max-width: 440px; margin: 0 auto; font-size: 1.2em; }
#tab-description ul li div, .woocommerce-Tabs-panel div.column { width: auto; display: inline-block; font-size: 1.2em; text-align: center; color: var(--blue);} 
@media screen and (max-width: 768px) {
div.woocommerce-product-details__short-description, table.woocommerce-product-attributes.shop_attributes, 
#tab-description ul li, #tab-description ul li div, .woocommerce-Tabs-panel div.column { font-size: 1em; color: var(--blue);}
}
@media screen and (max-width: 586px) {
#tab-description ul { text-align: left !important; padding-left: 10px; list-style-position: inherit !important; }
#tab-description ul li div { display: inline; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 0.5em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 0.75em; }
}






/*-- WPML Hinweis ausblenden (sandbox mode) --*/
.otgs-development-site-front-end { display: none; }


#BorlabsCookieBox ._brlbs-box-wrap { max-width: 425px !important; }

a.cartbutton { padding: .6180469716em 1.41575em; font-weight: 600; }

/*----------------------------------------------------------------------------------
SECTION PANEL
----------------------------------------------------------------------------------*/
#page { max-width: 1800px; margin: 0 auto; box-shadow: var(--shadow); }
.panel { width: 100%; height: auto; }

section#content { margin: 0 auto; padding: 20px 2.5% 80px 2.5%; background: var(--white); }
/*----------------------------------------------------------------------------------
WooCommerce Theme Anpassung
----------------------------------------------------------------------------------*/
/*-- Breite --*/
.col-full { max-width: 1800px; margin: 0 auto; padding: 0; }
/*-- Full Col Anpassung für Backbutton --*/
#content .col-full { position: relative; }
/*-- Standard Abstand entfernen --*/
.content-area, .widget-area, .site-main, .page-description, .hentry { margin-bottom: 0 !important; }
/*-- Right Widget Area --*/
#primary { width: 100%; }
#secondary { display: none; }
/*-- Titel ausblenden | Skip Links ausblenden --*/
.page-title, .skip-link { display: none; }
/*-- MESSAGE --*/
.woocommerce-message { margin: 0 2.5% 20px 2.5% !important; }
.woocommerce-message a { display: none !important; }
/*----------------------------------------------------------------------------------
FARBEN || COLOR
----------------------------------------------------------------------------------*/
:root {
  --white: #FFFFFF; 
  --black: #000000;
  --cream: #f8f3e7;
  --gold: #fdae0b;
  --blue: #0082a0;
  --red: #e73425;

  --textshadow: 0px 4px 8px rgba(50,47,47,0.45);
  --textshadowstrong: 0px 1px 5px rgba(50,47,47,1);
  --shadow: 0px 0px 4px 0px rgba(50,47,47,0.35);
  --shadowscale: 0px 0px 12px 0px rgba(50,47,47,0.55);
  --shadowbox: 0px 0px 4px 0px rgba(0,0,0,0.15);
  --transitionall: all 0.6s ease;
}
/*----------------------------------------------------------------------------------
CSS RESET
----------------------------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
html, body { height: 100%; }
body { line-height: calc(1em + 0.5rem); text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, p { overflow-wrap: break-word; }
ul, ol { list-style: none; }
img, picture, video, canvas, svg, iframe { display: block; max-width: 100%; }
a:not([class]) { text-decoration-skip-ink: auto; }
a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }
input, button, textarea, select { font: inherit; }
strong { font-weight: bolder; }
:where(button, [type='button' i], [type='reset' i], [type='submit' i]) { -webkit-appearance: button; }
small { font-size: 80%; }
table { border-collapse: collapse; border-spacing: 0; caption-side: bottom; }
textarea { white-space: revert; }
@media (prefers-reduced-motion: no-preference) {  html:focus-within { scroll-behavior: smooth; }  }
@media (prefers-reduced-motion: reduce) {  html:focus-within { scroll-behavior: auto; }  }

/*----------------------------------------------------------------------------------
ALLGEMEIN || FONT
----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'WorkSans-Bold'; font-display: swap;
  src: url("https://mickleimedia.de/font/WorkSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'WorkSans-ExtraBold'; font-display: swap;
  src: url("https://mickleimedia.de/font/WorkSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: 'Roboto-Medium'; font-display: swap;
  src: url("https://mickleimedia.de/font/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'Tangerine'; font-display: swap;
  src: url("https://mickleimedia.de/font/Tangerine-Bold.ttf") format("truetype");
}

html { font-size: 19px; scroll-padding-top: 60px; }
body { background: var(--white); color: var(--blue); max-width: 100vw; overflow-x: hidden; }
.noscroll {overflow: hidden !important; max-height: 100vh; }

a, p, div, span, article, body, input, textarea { font-family: 'Roboto-Medium', sans-serif !important; }
h1, h2 { font-family: 'Roboto-Medium', sans-serif !important; line-height: normal; font-weight: 500; letter-spacing: -0.025em; text-transform: uppercase; position: relative; z-index: 10; }
h3, h3 span, h4, h5, .woocommerce-order-received .woocommerce-order-details h2 { font-family: 'WorkSans-Bold', sans-serif !important; line-height: 1; font-weight: 500; letter-spacing: -0.025em; position: relative; z-index: 10; color: var(--blue); }
.outofstock::before { font-family: 'WorkSans-Bold', sans-serif !important; line-height: 1; font-weight: 500; letter-spacing: -0.025em; }

h1.product_title, h1.entry-title { font-size: 2.5em; color: var(--blue); }
.single-product div.product p.price { font-size: 1.25em; }

.related>h2:first-child, .upsells>h2:first-child { color: var(--blue); }

a { text-decoration: none; color: inherit; outline: none !important; box-shadow: none !important; }

.main-navigation ul li a, .site-title a, .site-header ul.menu li.current-menu-item a, .site-header ul.menu li.current-menu-item > a { color: var(--black); }
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover { color: var(--blue); }

footer.site-footer { font-size: 0.75em; color: var(--white); }
.woocommerce-breadcrumb { font-size: 0.75em; }

@media screen and (max-width: 768px) {
html { font-size: 18px; }
.single-product h1.product_title { font-size: 2em; text-align: center; }
.single-product div.product p.price { text-align: center; }
}
@media screen and (max-width: 524px) {
h1.entry-title, div.content-box h2 { font-size: 1.75em; }
.single-product h1.product_title { font-size: 1.75em; text-align: center; color: var(--blue);}
.single-product div.product p.price { font-size: 1em; color: var(--blue);}
.single-product .woocommerce-breadcrumb { display: none; }
}
/*----------------------------------------------------------------------------------
BUTTONS
----------------------------------------------------------------------------------*/
/*-- Standard Button --*/
a.button, button.single_add_to_cart_button, div.wc-proceed-to-checkout a.checkout-button, .place-order button { display: inline-block; width: auto; height: auto; background: var(--blue) !important; border: 2px solid var(--blue) !important; border-radius: 24px; color: var(--white) !important; transition: var(--transitionall); }
a.button:hover, a.button.checkout.wc-forward:hover, button.single_add_to_cart_button:hover, div.wc-proceed-to-checkout a.checkout-button:hover, .place-order button:hover { background: transparent !important; color: var(--blue) !important; }

a.button.checkout.wc-forward { background: var(--blue) !important; border: 2px solid var(--blue) !important; border-radius: 24px; color: var(--white) !important; transition: var(--transitionall); }
a.button.wc-forward, .woocommerce-cart-form button.button, div.content-box a.cartbutton { width: auto; height: auto; background: transparent !important; border: 2px solid var(--blue) !important; border-radius: 24px; color: var(--blue) !important; transition: var(--transitionall); }
a.button.wc-forward:hover, .woocommerce-cart-form button.button:hover, div.content-box a.cartbutton:hover { background: var(--blue) !important; color: var(--white) !important; }

/*-- Back Button --*/
.woocommerce-shop .back-btn { display: none !important; }
.back-btn { position: absolute; top: -60px; left: 1.5%; transform: scale(0.75);
width: auto; height: auto; background: transparent !important; border: 2px solid var(--blue) !important; border-radius: 24px; color: var(--blue) !important; transition: var(--transitionall); cursor: pointer; }
.back-btn:hover { background: var(--blue) !important; color: var(--white) !important; }

/*-- Breadcrumb --*/
.woocommerce-shop .storefront-breadcrumb { display: none !important; }
.storefront-breadcrumb { padding: 0 2.5%; margin-top: 20px; }
.single-product .woocommerce-breadcrumb .breadcrumb-separator:first-of-type, .single-product .woocommerce-breadcrumb a:nth-of-type(2) { display: none !important; }

@media screen and (max-width: 524px) {
a.button, button.single_add_to_cart_button, div.wc-proceed-to-checkout a.checkout-button, .place-order button, a.button.checkout.wc-forward { padding: 0.45em 1em; }
}
/*----------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------*/
.site-header { margin-bottom: 0 !important; border: 0; padding: 0 2.5%; box-shadow: var(--shadow); }
header#masthead { display: flex; justify-content: center; }
header#masthead .col-full { width: auto; margin: 0; }
header#masthead.site-header .site-branding img { border-radius: 0 !important; }
header#masthead .storefront-primary-navigation { width: 80%; }
header#masthead .storefront-primary-navigation .col-full { width: 100%; margin: 0; display: flex; justify-content: flex-end; align-items: center; }
header#masthead .storefront-primary-navigation .col-full nav#language-picker { order: 2; }
header#masthead .storefront-primary-navigation .col-full ul#site-header-cart { order: 1; }
header#masthead .site-branding { display: flex; align-items: center; margin: 0; width: 100% !important; height: 100%; }
/*-- Warenkorb Header --*/
.woocommerce-active .site-header .main-navigation { width: 60%; margin-right: 0; }
.woocommerce-active .site-header .site-header-cart { width: 80%; max-width: 460px; }
.site-header-cart .cart-contents { text-align: right; }
.site-header-cart .cart-contents span.count { margin-right: 40px; }
/*-- Warenkorb Dropdown --*/
.site-header-cart .cart-contents::after { color: var(--blue) !important; line-height: initial; font-size: 1.25em; }
.site-header-cart .widget_shopping_cart { background: var(--white); }
.site-header-cart .widget_shopping_cart .buttons, .site-header-cart .widget_shopping_cart .total  { background: var(--white); }
.widget.woocommerce.widget_shopping_cart { box-shadow: var(--shadow); }
ul#site-header-cart .total-cart-tax, ul#site-header-cart .shipping-costs-cart-info { display: none !important; }
.site-header-cart .widget_shopping_cart a { padding-left: 26px; }
.site-header-cart span.quantity { margin-left: 26px; }
/*-- Button --*/
a.remove::before { color: var(--black); }
a.remove:hover::before { color: var(--blue); }
.wc-forward::after, p#ppc-button-minicart { display: none; }
/*-- WOO RESPONSIVE OVERRIDE CART ICON --*/
.site-header-cart .cart-contents { display: block !important; padding: 1.618em 0; position: relative; height: auto; width: auto; text-indent: 0; }
.site-header-cart .cart-contents .count { font-weight: 400; opacity: .5; font-size: .875em; }
.site-header-cart .cart-contents::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: baseline; content: ""; float: right; margin-bottom: 34px; }


@media screen and (max-width: 632px) {
.site-header-cart .cart-contents span, .site-header-cart .cart-contents small { display: none; } 
header#masthead.site-header .site-branding img { width: auto; max-width: 198px; }
}

/*----------------------------------------------------------------------------------
LANGUAGE PICKER // SPRACHEN DROPDOWN
----------------------------------------------------------------------------------*/
div.wpml-ls-legacy-dropdown, .wpml-ls-legacy-dropdown>ul { height: 100%; }
#language-picker ul:nth-child(1) li { height: 100%; display: flex; justify-content: flex-end; align-items: center; background: transparent; outline: none !important; }
#language-picker ul:nth-child(1) li a { padding: 5px 20px; line-height: normal; }
#language-picker ul:nth-child(1) li a img { width: 22px; height: 15px; margin-bottom: 4px; border-radius: 0px !important; }
#language-picker ul.wpml-ls-sub-menu li a img { width: 16px; height: 11px; margin-bottom: 0px; } 
#language-picker { display: flex; justify-content: flex-end; align-items: center; max-width: 80px; overflow: visible; }
#language-picker svg { display: none; }
#language-picker div.wpml-ls-legacy-dropdown { min-width: 220px; } 
#language-picker span.wpml-ls-native { display: none; }
.wpml-ls-legacy-dropdown { width: 220px; }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
.wpml-ls-legacy-dropdown a { border: none; color: var(--black); }
.wpml-ls-legacy-dropdown a:hover { text-decoration: underline; }
li.wpml-ls-current-language a { text-align: right; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-top: none; border: 1px solid #fbfbfb; border-radius: 4px; box-shadow: var(--shadow); }
.wpml-ls-sub-menu a { text-align: left !important; }
ul.wpml-ls-sub-menu { width: 100%; background: var(--white); }
ul.wpml-ls-sub-menu li { display: block !important; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { background: var(--white) !important; }
.wpml-ls-legacy-dropdown .wpml-ls-flag+span { font-size: 0.9em; }

@media screen and (max-width: 524px) {
#language-picker { max-width: 60px; }
}
/*----------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------*/
.storefront-handheld-footer-bar { display: none; }
.footer-widgets { padding: 0 !important; border: 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-widgets.col-4 .block { margin-right: 0; }
.footer-widgets .block { display: flex; } 
.footer-widgets .widget.widget_block { min-width: 150px; }
.footer-widgets .widget, footer.site-footer ul { margin: 0 !important; }
footer.site-footer { width: 100%; height: auto; padding: 20px 2.5%; background: var(--blue); color: var(--white); }

footer.site-footer ul li { margin: 5px 0; } 
footer.site-footer ul li:nth-child(1) { font-size: 1.75em; margin-left: 0 !important; }
footer.site-footer li a { text-decoration: none; color: var(--white) !important; }
footer.site-footer li a:hover { text-decoration: underline; }

footer.site-footer .spitzbub a { display: block; width: auto; text-align: right; margin: 15px 0 0 0; color: var(--white) !important; text-decoration: none; }
.footer-widgets .footer-widget-4 img { height: 24px; width: auto; }

@media screen and (max-width: 768px) {
.footer-widgets .footer-widget-4 img { height: 24px; margin-top: 10px;  }
.footer-widgets .widget.widget_block { min-width: 118px; }
}
/*----------------------------------------------------------------------------------
INDEX SPRACHAUSWAHL
----------------------------------------------------------------------------------*/
#index.panel { height: auto; min-height: calc(var(--vh, 1vh) * 100); padding: 80px 2.5% 0px 2.5%; }
section#footer.index { background: var(--blue); }

section#index { display: flex; justify-content: center; flex-direction: column; background: var(--blue); }
section#index #logo-box { position: relative; height: auto; width: 100%; margin-bottom: 50px; z-index: 10; }
section#index #logo-box svg { height: auto; width: 40%; max-width: 350px; margin: 0 auto; fill: var(--white); } 

#language-container { position: relative; width: 100%; max-width: 1200px; height: auto; margin: 0 auto; z-index: 10; background: transparent; display: flex; justify-content: center; flex-wrap: wrap; padding: 1.5% 0; }
#language-container .col { width: 24%; margin: 0; overflow: hidden; border-radius: 2px; box-shadow: var(--shadow); margin: 0.5%; }
#language-container .col a { display: block; width: 100%; height: 100%; text-decoration: none; }


#language-container .col div.lang-head { display: flex; justify-content: center; align-items: center; height: 40px; background: var(--white); 
border-color: var(--white); border-style: solid; border-width: 3px 3px 0px 3px; }
#language-container .col div.lang-head span { width: 100%; font-size: 1.15em; text-align: center; } 

#language-container .col div.lang-img { position: relative; display: block; overflow: hidden; border: 3px solid var(--white); }
#language-container .col div.lang-img img.lang-flag { z-index: 10; height: 42px; box-shadow: var(--shadow); position: absolute; top: 0; right: 0; border-radius: 0 !important; } 
#language-container .col div.lang-img img.lang-pic { z-index: 5; display: block; width: 100%; height: auto; transition: var(--transitionall); border-radius: 0 !important; }
#language-container .col:hover div.lang-img img.lang-pic { transform: scale(1.05); }

#footer-box { display: flex; justify-content: space-between; width: 100%; height: auto; padding: 10px 2.5%; }
#footer-box .col { width: auto; } 
#footer-box .col { font-size: 0.65em; color: var(--white); }
#footer-box .col a { text-decoration: none; } 

@media screen and (max-width: 768px) {
#language-container .col div.lang-head span { font-size: 1em; }
#language-container .col div.lang-img img.lang-flag { height: 26px; }
}
@media screen and (max-width: 524px) {
section#index #logo-box svg { height: auto; width: 60%; }
#language-container .col { width: 44%; margin: 2% !important; }
}
/*----------------------------------------------------------------------------------
STARTSEITE
----------------------------------------------------------------------------------*/
#banner-container { position: relative; }
#banner-container img { border-radius: 0 !important; } 
.banner-head { position: relative; width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 40px 0; }
.banner-head span { font-size: 1.25em; color: var(--blue); text-align: center; }
#banner-container svg { height: 52px; width: auto; margin: 20px 0; fill: var(--black); } 
.banner-box img { height: 460px; width: 100%; object-fit: cover; }

div.content-box { text-align: center; }
div.content-box h2 { color: var(--blue); margin-top: 80px; font-weight: 800; font-size: 2.2em; }
div.content-box p { font-size: 1.1em; color: var(--blue); }
img.certificate { display: inline; height: 46px; width: auto; }
img.certificate.second { margin: 0 50px; }
span.small-txt { font-size: 0.75em; display: inline-block; color: var(--blue); }

@media screen and (max-width: 768px) {
#banner-container svg { height: 46px; }
.banner-box img { height: 380px; }
img.certificate { height: 38px; }
}
@media screen and (max-width: 524px) {
#banner-container svg { height: 42px; }
.banner-head span { font-size: 1em; color: var(--blue); }
.banner-box img { height: 300px; }
}
/*----------------------------------------------------------------------------------
INHALT SEITEN IMPRESSUM WIDERRUF ETC
----------------------------------------------------------------------------------*/
.woocommerce-checkout main article h1.entry-title, .woocommerce-cart main article h1.entry-title { padding: 0 !important; }
main article h1.entry-title { padding: 0 2.5%; }
#inhalt-container { padding: 0 2.5% 40px 2.5%; min-height: 60vh; }
#inhalt-container div { min-height: 20px; }
#inhalt-container span { font-size: inherit !important; }
#inhalt-container ul, #inhalt-container ol { list-style: disc; }

#inhalt-container h2 { margin: 40px 0 20px 0 !important; color: var(--black); font-size: 1.5em; } 

@media screen and (max-width: 524px) {
#inhalt-container h2, #inhalt-container h3, #inhalt-container h4 { font-size: 1.25em; } 
#inhalt-container { font-size: 0.85em; line-height: 1.5; } 
#inhalt-container ul, #inhalt-container ol { margin-left: 1em; }
}
/*----------------------------------------------------------------------------------
PRODUCT LIST INDEX
----------------------------------------------------------------------------------*/
ul.products { margin-top: 0; }
ul.products li { background: var(--white); padding: 1.25%; }

ul.products li .added_to_cart { display: none; }

ul.products li h2.woocommerce-loop-product__title { min-height: 58px; color: var(--blue); font-size: 1.5em !important; }
ul.products li span.price { color: var(--blue) !important; font-size: 1.45em; }

.site-main ul.products { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 80px 0; }
.site-main ul.products.columns-3 li.product { width: 32%; margin-right: 0; margin: 0 0.5%; padding: 0; }
.site-main ul.products li.product img { margin: 0 auto 10px auto; width: 100%; max-width: 400px; border-radius: 0; }

.site-main ul.products li.product { overflow: hidden; }
.site-main ul.products li.product img { transition: all 0.6s ease; }
.site-main ul.products li.product img:hover { transform: scale(1.025); }

@media screen and (max-width: 1236px) {
ul.products li h2.woocommerce-loop-product__title { min-height: 71px; font-size: 1.25em !important; display: flex; justify-content: center; align-items: center; }
}
@media screen and (max-width: 768px) {
ul.products li { padding: 0.25%; }
ul.products li h2.woocommerce-loop-product__title { font-size: 1.15em !important; color: var(--blue);}
ul.products li span.price { font-size: 1em; color: var(--blue);}
.site-main ul.products { margin: 0 0 40px 0; }
.site-main ul.products.columns-3 li.product { width: 44%; margin: 0 3% 40px 3%; }
.site-main ul.products li.product img:hover { transform: none; }
}
@media screen and (max-width: 524px) {
.site-main ul.products.columns-3 li.product { width: 98%; margin: 0 1% 40px 1%; }
.site-main ul.products li.product img { max-width: 320px; }
}
/*----------------------------------------------------------------------------------
SOLD OUT FLAG // Product List Only
----------------------------------------------------------------------------------*/
ul.products .outofstock::before { position: absolute; top: 5%; right: 10%; padding: 5px 10px; background: red; color: var(--white); }
:lang(de) ul.products .outofstock::before { content: 'Ausverkauft'; }
:lang(en) ul.products .outofstock::before { content: 'Out of stock'; }
:lang(fr) ul.products .outofstock::before { content: 'Épuisé'; }
/*----------------------------------------------------------------------------------
PRODUCT PAGE
----------------------------------------------------------------------------------*/
/*-- PRODUCT --*/
div.product { padding: 0 2.5%; }
div.product_meta { display: none !important; }
.single-product div.product { margin-top: 40px; }
.woocommerce-product-gallery { pointer-events: none !important; margin-bottom: 20px !important; }
.single-product div.product .woocommerce-product-gallery img { width: 100%; max-width: 600px; margin: 0 auto; }
.single-product div.product .summary { margin-bottom: 0 !important; margin-top: 50px; }
 
.single-product div.product form.cart { display: flex; align-items: center; }
/*-- PRODUCT TABS --*/
.product .woocommerce-tabs { width: 90%; float: none; margin: 0 auto; padding-top: 0 !important;  }
.woocommerce-tabs .panel { padding: 0 2.5%; }
#tab-description h2, #tab-additional_information h2 { display: none !important; }
#tab-description ul { margin: 0 !important; list-style: disc; list-style-position: inside; text-align: center; }
.product .woocommerce-tabs ul.tabs { width: 100%; float: none; margin-right: 5.8823529412%; border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 2.618em 0 1.618em 0; overflow: hidden; position: relative; text-align: center; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { position: absolute; content: ' '; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #d3ced2; background-color: #ebe9eb; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; margin: 0 -5px; padding: 0 1em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 0; height: 0; content: ' '; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { left: -6px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: 2px 2px 0 #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { right: -6px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow: -2px 2px 0 #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 0; font-weight: 700; color: #515151; text-decoration: none; outline: 0; font-size: 1.2em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; }
.wc-tab { float: none !important; width: 100% !important;  }

/*-- RELATED PRODUCTS --*/
section.related.products { display: inline-block; width: 100%; margin: 40px 0; }
section.related.products h2 { text-align: center; }
section.related.products ul { display: flex; justify-content: center; }
section.related.products ul li { margin: 0 20px !important; }
section.related.products ul li img { max-height: 324px; width: auto !important; margin: 0 auto 10px auto !important; }

@media screen and (max-width: 768px) {
.single-product div.product .woocommerce-product-gallery img { max-width: 460px; }
.woocommerce-product-details__short-description { text-align: center; }
.single-product div.product form.cart { justify-content: center; }
.product .woocommerce-tabs { width: 95%; float: none; }
}
@media screen and (max-width: 524px) {
section.related.products ul li { margin: 0 1% 40px 1% !important; }
}
/*----------------------------------------------------------------------------------
WARENKORB CART
----------------------------------------------------------------------------------*/
.woocommerce-page article { padding: 0 2.5%; }
.woocommerce-cart h1.entry-title { margin: 0 0 40px 0; }
.woocommerce-cart-form { margin-bottom: 0 !important; }
.woocommerce-cart-form a { text-decoration: none !important; }
.woocommerce-cart-form a:hover { text-decoration: underline !important; }
.woocommerce-cart-form table.cart th { padding: 10px 0 !important; background: var(--blue); color: var(--white); text-align: left !important; }
.woocommerce-cart-form table.cart td { padding: 0 !important; background: var(--white); vertical-align: middle; }
table.cart td.product-remove a.remove { margin: 0 auto; }
p.cart-empty { width: 100%; }
/*-- CART FLEX ANSICHT --*/
.woocommerce-page article .woocommerce { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.woocommerce-page article .woocommerce .woocommerce-notices-wrapper { display: block; width: 100%; }
.woocommerce-page article .woocommerce .woocommerce-cart-form { width: 56%; margin-right: 4%; border: 2px solid #f8f8f8; border-radius: 4px; }
.woocommerce-page article .woocommerce .cart-collaterals { width: 40%; }
/*-- CART FLEX PRODUKT LISTE --*/
.woocommerce-cart-form thead { display: none !important; }
tr.woocommerce-cart-form__cart-item { display: flex; flex-wrap: wrap; width: 100%; padding: 10px; }
.woocommerce-cart-form .product-remove { order: 3; width: 10%; max-width: 10%; }
.woocommerce-cart-form .product-thumbnail { order: 1; width: 20%; max-width: 120px; }
.woocommerce-cart-form .product-name { order: 2; width: 70%; }
.woocommerce-cart-form .product-price { order: 4; width: 20%; max-width: 120px; visibility: hidden; }
.woocommerce-cart-form .product-quantity { order: 6; width: 40%; text-align: right; }
.woocommerce-cart-form .product-subtotal { order: 5; width: 40%; display: flex; align-items: center; justify-content: flex-start; }
/*-- CART FLEX PRODUKT LISTE INHALT --*/
table.cart .product-thumbnail img { max-width: 100%; width: auto; height: auto; max-height: 100px; }
.woocommerce-cart-form a.remove { height: 100%; }
.woocommerce-cart-form .product-name a, .woocommerce-cart-form .product-quantity div { padding: 0 4px; }
.woocommerce-cart-form .product-name a, .woocommerce-cart-form a.remove::before { display: flex; height: 100%; align-items: center; }
.woocommerce-cart-form table:not( .has-background ) tbody tr:nth-child(2n) { background: #fbfbfb; }
table.cart { margin-bottom: 0 !important; }
table.cart td.actions { text-align: left; }
table.cart td.actions button { margin-left: 10px; }
table.cart td.actions button:disabled { visibility: hidden; }
/*-- Warenkorb Summe --*/
.woocommerce-page article .woocommerce .cart-collaterals { border: 2px solid #f8f8f8; border-radius: 4px; padding: 10px; }
.woocommerce-page article .woocommerce .cart-collaterals table tr th, .woocommerce-page article .woocommerce .cart-collaterals table tr td { background: transparent; }
.woocommerce-page article .woocommerce .cart-collaterals table tr:nth-child(2n) { background: #fbfbfb; }
.cart-collaterals .cart_totals { float: none; width: 100%; }
.cart-collaterals .cart_totals h2 { display: none; }
.cart-collaterals .cart_totals td { text-align: right; }
table.shop_table th, table.shop_table td { padding: 10px 4px !important; vertical-align: middle; }
table.shop_table ul { margin: 0 !important; }
table.shop_table tr.order-tax { font-size: 0.75em; }
div.wc-proceed-to-checkout { text-align: center; }
.wc-proceed-to-checkout .button.checkout-button { font-size: inherit; margin-bottom: 25px; }
/*-- Versandart vor Preis ausblenden --*/
ul#shipping_method li label { visibility: hidden; font-size: 0; }
ul#shipping_method li label span.woocommerce-Price-amount { visibility: visible; font-size: initial; }

@media screen and (max-width: 768px) {
.woocommerce-page article .woocommerce .woocommerce-cart-form { width: 100%; margin-right: 0; margin-bottom: 40px !important; }
.woocommerce-page article .woocommerce .cart-collaterals { width: 100%; }
.woocommerce-page article .woocommerce table.shop_table_responsive tr td.product-name::before, .woocommerce-page article .woocommerce table.shop_table_responsive tr td.product-quantity::before,
.woocommerce-page article .woocommerce table.shop_table_responsive tr td.product-subtotal::before { display: none; }
}
@media screen and (max-width: 524px) {
.woocommerce-cart-form .product-thumbnail { width: 40%; min-width: 40%; }
.woocommerce-cart-form .product-thumbnail img { margin: 0 !important; }
.woocommerce-cart-form td.product-remove { width: 60%; min-width: 60%; border: 0 !important; }
.woocommerce-cart-form .product-name { text-align: left; order: 3; width: 100%; margin: 20px 0; }
.woocommerce-cart-form .product-price { width: 1%; max-height: 10px; }
}
/*----------------------------------------------------------------------------------
CHECKOUT
----------------------------------------------------------------------------------*/
/*-- ERROR MESSAGE --*/
.woocommerce-NoticeGroup-checkout { width: 100%; }
/*-- FORM NAME ADRESS... --*/
abbr.required { text-decoration: none !important; }
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text { color: var(--black) !important; padding: 8px; outline: none !important; }
.form-row.woocommerce-validated input.input-text { box-shadow: none; outline: none; }
/*-- ReOrder Checkout --*/
form.checkout { display: flex; flex-wrap: wrap; margin-top: 20px; }
form.checkout .col2-set { width: 52%; float: none; margin-right: 4%; margin-left: 0; }
form.checkout #order_review { width: 44%; }
/*-- ReOrder Bestellübersicht --*/
#order_review { display: flex; flex-direction: column; }
#order_review h3#order_payment_heading { order: 3; }
#order_review #payment { order: 4; }
#order_review h3#order_review_heading { order: 1; }
#order_review .wc-gzd-checkbox-placeholder { order: 7; margin: 20px 0; }
#order_review .dhl-preferred-service-content { order: 5; }
#order_review .woocommerce-checkout-review-order-table { order: 2; }
#order_review .wc-gzd-order-submit { order: 6; }
/*-- Zahlmethoden --*/
#payment .payment_methods>.wc_payment_method>label::before { color: var(--blue); opacity: 0.65; }
#payment .payment_methods li input[type=radio]:first-child:checked+label:before { color: var(--blue); opacity: 1; }
#payment .payment_methods li label { margin: 0; background: var(--white); border-bottom: 1px solid #fbfbfb; }
/*-- Weitere --*/
table.woocommerce-checkout-review-order-table .product-name { display: flex; flex-wrap: wrap; width: 100% !important; }
.woocommerce-checkout h3, .woocommerce-checkout h3 span { color: var(--white); }
.woocommerce-checkout h3 { font-size: 1.25em; width: 100% !important; background: var(--blue); border-radius: 4px 4px 0 0; padding: 10px !important; margin-bottom: 0; }
.woocommerce-checkout-review-order-table, #payment ul.payment_methods, .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
border: 2px solid #f8f8f8; border-radius: 4px; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { padding: 10px 1%; }
#ship-to-different-address .woocommerce-form__input-checkbox { right: 2.5%; }
.woocommerce-additional-fields { margin-top: 20px; padding: 10px 1%; }
.wc-gzd-product-name-right { display: flex; align-items: center; }
.place-order button { float: left; }
#zoid-paypal-buttons-uid_ccb466dbbe_mtm6ndu6nde { max-width: 450px !important; }

/*-- Bestellbestätigung Page --*/
.woocommerce-order-received ul.order_details::before, .woocommerce-order-received ul.order_details::after { display: none; }
.woocommerce-order-received .woocommerce-order-details h2 { font-size: 1.25em; color: var(--white); width: 100% !important; background: var(--blue); border-radius: 4px 4px 0 0; padding: 10px !important; margin-bottom: 0; }
.woocommerce-order-received .woocommerce-table--order-details { border: 2px solid #f8f8f8; border-radius: 4px; }
.woocommerce-order-received table:not( .has-background ) th { min-width: 200px; }
.woocommerce-order-received .shop_table td, .woocommerce-order-received .shop_table th { padding: 10px 8px !important; }


@media screen and (max-width: 768px) {
form.checkout .col2-set { width: 100%; margin-right: 0; }
form.checkout #order_review { width: 100%; }
}

@media screen and (max-width: 524px) {
.wc-gzd-product-name-left { width: 100%; max-width: inherit; margin-right: 0; }
.wc-gzd-product-name-left img { max-width: 100px; margin-bottom: 10px; }
.wc-gzd-product-name-right { display: block; }
.wc-gzd-product-name-right strong { font-weight: normal; }
#order_review .wc-gzd-checkbox-placeholder p.form-row label { display: flex; align-items: flex-start; }
#order_review .wc-gzd-checkbox-placeholder p.form-row label input { order: 1; margin-top: 6px; }
#order_review .wc-gzd-checkbox-placeholder p.form-row label span { order: 3; }
#order_review .wc-gzd-checkbox-placeholder p.form-row label abbr { order: 2; margin-right: 4px; }
}