@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.psh-shop.de/wp-content/themes/woodmart/fonts/woodmart-font-1-700.woff2?v=8.2.5") format("woff2");
}

:root {
	--wd-text-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(36,36,36);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Red Hat Display", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(0,135,56);
	--wd-alternative-color: rgb(95,171,18);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(247,247,247);
	--btn-default-bgcolor-hover: rgb(239,239,239);
	--btn-accented-bgcolor: rgb(0,135,56);
	--btn-accented-bgcolor-hover: rgb(0,128,56);
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(248,248,248);
	background-image: url(https://www.psh-shop.de/wp-content/uploads/2022/05/popup-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 300px;
}
.wd-page-title {
	background-color: rgb(0,135,56);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-secondary > li > a {
	font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
	font-weight: 800;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-weight: 400;
	color: rgb(119,119,119);
}
.whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(36,36,36);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type] {
	font-size: 13px;
	background: rgb(0,135,56);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button {
	background: rgb(0,128,56);
}
html .lost_reset_password .button {
	font-size: 13px;
	color: rgb(255,255,255);
	background: rgb(0,135,56);
}
html .lost_reset_password .button:hover {
	color: rgb(255,255,255);
	background: rgb(0,128,56);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgba(15,15,15,0.04);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(238,238,34);
	color: rgb(0,0,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 500px;
}

@media (max-width: 768.98px) {
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 16px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.page-id-14 .wd-header-wishlist,
.page-id-14 .zuletzt-gekauft-header {
    display: none !important;
}


/* ============================================================
   Integrated CSS for "Zuletzt Gekauft" Sidebar
============================================================ */
/* 0. Header Symbol über Header Builder für stationäre Ansicht hinzugefügt, ruft Sidebar auf
------------------------------------------------------------ */
.zuletzt-gekauft-header {
  margin-top: 1px !important;
}

/* 1. Container & Basis
------------------------------------------------------------ */
/* Overlay */
#wd-purchased-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.19,1,0.22,1);
    z-index: 1040;
}
#wd-purchased-overlay.wd-close-side-opened {
    opacity: 1;
    pointer-events: auto;
}

/* Sidebar Container */
#wd-purchased-sidebar.purchased-widget-side.wd-side-hidden.wd-right {
    display: flex;
    flex-direction: column;
    width: 525px !important;
    max-width: 90%;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    background-color: #fff;
    position: fixed;
    z-index: 1050;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.19,1,0.22,1);
    overflow: hidden;
}
#wd-purchased-sidebar.wd-opened {
    transform: none;
}

/* Responsive Anpassungen (Sidebar mobil) */
@media (max-width: 576px) {
    #wd-purchased-sidebar.purchased-widget-side.wd-side-hidden.wd-right {
        left: 10px !important;
        right: 10px !important;
        top: 10px !important;
        bottom: 10px !important;
        width: auto !important;
        max-width: calc(100% - 20px) !important;
        border-radius: 10px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    }
    #wd-purchased-sidebar.purchased-widget-side.wd-side-hidden.wd-right:not(.wd-opened) {
        transform: translate3d(calc(100% + 20px), 0, 0) !important;
    }
    #wd-purchased-sidebar.purchased-widget-side.wd-side-hidden.wd-right.wd-opened {
        transform: none !important;
    }
}


/* 2. Header & Heading
------------------------------------------------------------ */
#wd-purchased-sidebar .wd-heading {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 20px;
    border-bottom: 1px solid var(--brdcolor-gray-300, #eee);
    background-color: #fff;
    position: relative;
    z-index: 1;
}
#wd-purchased-sidebar .wd-heading .title {
    margin-bottom: 0;
    font-size: 130%;
    line-height: 1.4;
    color: var(--wd-title-color, #333);
    text-transform: var(--wd-title-transform, none);
    font-weight: var(--wd-title-font-weight, 600);
    font-family: var(--wd-title-font, inherit);
}
#wd-purchased-sidebar .close-side-widget a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* 3. Content Bereich
------------------------------------------------------------ */
#wd-purchased-sidebar .widget.wd-purchased-widget {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    background-color: #f9f9f9;
}
#wd-purchased-sidebar .wd-purchased-content_sidebar {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0;
    position: relative;
    background-color: #fff;
    min-height: 150px;
}


/* 4. Kategorie-Titel & Produktliste
------------------------------------------------------------ */
/* Kategorie-Titel */
#wd-purchased-sidebar .purchased-category-title {
    padding: 5px 20px;
    margin: 25px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#wd-purchased-sidebar .purchased-grouped-list > .purchased-category-title:first-of-type {
    margin-top: 0;
    border-top: none;
}
#wd-purchased-sidebar h3.purchased-category-title + ul.purchased-items-list {
    margin-top: 0;
    padding-top: 0;
}

/* Produktliste */
#wd-purchased-sidebar .purchased-items-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#wd-purchased-sidebar .purchased-items-list li {
    margin-bottom: 0 !important;
}


/* 5. Subkategorie Styles
------------------------------------------------------------ */
#wd-purchased-sidebar .purchased-subcategory-list {
    margin-left: 0;
    margin-bottom: 1em;
    padding: 0;
    border-left: none;
}
#wd-purchased-sidebar .purchased-subcategory-title {
    font-size: 15px;
    font-weight: 600;
    margin: 1em 0 0.3em 20px;
    color: #555;
    display: none !important; /* Unterdrückt Subkategorien Anzeige */
}


/* 6. Produkt-Item (Thumbnail, Details, Preis)
------------------------------------------------------------ */
#wd-purchased-sidebar .purchased-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    position: relative;
    gap: 15px;
    background-color: #fff;
    transition: background-color 0.2s ease;
}
#wd-purchased-sidebar .purchased-item:last-child {
    border-bottom: none;
}
#wd-purchased-sidebar .purchased-item:hover {
    background-color: var(--bgcolor-gray-100, #f7f7f7);
}

/* Thumbnail */
#wd-purchased-sidebar .purchased-item-thumbnail {
    flex-shrink: 0;
}
#wd-purchased-sidebar .purchased-item-thumbnail img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #eee;
}

/* Details (Titel, Preis) */
#wd-purchased-sidebar .purchased-item-details {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#wd-purchased-sidebar .purchased-item-title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--wd-entities-title-color, #333);
    line-height: 1.4;
}
#wd-purchased-sidebar .purchased-item-price {
    font-size: 14px;
    color: var(--price-color, #777);
    font-weight: 600;
}
#wd-purchased-sidebar .purchased-item-price ins {
    text-decoration: none;
    font-weight: bold;
    color: var(--wd-primary-color);
}
#wd-purchased-sidebar .purchased-item-price del {
    font-size: 0.9em;
    margin-left: 5px;
    color: #aaa;
}
#wd-purchased-sidebar .nicht-vorraetig {
    display: inline-block;
    padding: 2px 6px;
    background: #eee;
    color: #666;
    font-size: 10px;
    border-radius: 4px;
}


/* 7. Footer
------------------------------------------------------------ */
#wd-purchased-sidebar .purchased-widget-footer {
    margin-top: auto;
    padding: 15px 20px;
    background-color: #fff;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
#wd-purchased-sidebar .purchased-widget-footer a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.2s ease;
}
#wd-purchased-sidebar .purchased-widget-footer a:hover {
    color: var(--wd-primary-color, #4CAF50);
    text-decoration: none;
}


/* 8. Quantity Stepper & Interaktive Elemente
------------------------------------------------------------ */
#wd-purchased-sidebar .purchased-quantity-stepper { 
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 100px;
    position: relative;
}

/* Initial Plus Buttons */
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 20px;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    color: #4CAF50;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding: 0;
    box-sizing: border-box;
}
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus:hover {
    background-color: #f5f5f5;
}
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus.simple { 
    width: auto;
    height: 34px;
    font-size: 24px;
    font-weight: bold;
    background-color: transparent;
    color: #4CAF50;
    padding: 0 10px;
    border: none;
}
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus.simple:hover {
    background-color: #f5f5f5;
}
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus.alternative { 
    width: auto;
    height: 34px;
    min-height: 34px;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
    color: #4CAF50;
    padding: 0 10px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    box-sizing: border-box;
}
#wd-purchased-sidebar .purchased-quantity-stepper .initial-plus.alternative:hover {
    background-color: #f5f5f5;
}

/* Stepper Controls */
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls { 
    display: flex;
    align-items: center;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    overflow: hidden;
    height: 34px;
    box-sizing: border-box;
    background-color: #fff;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls.is-hidden {
    display: none;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 100%;
    font-size: 18px;
    line-height: 1;
    border: none;
    background-color: transparent;
    color: #757575;
    cursor: pointer;
    transition: background-color 0.2s ease;
    padding: 0;
    position: relative;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button:hover {
    background-color: #f0f0f0;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button--minus {
    color: #F44336;
    border-right: 1px solid #eee;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button--plus {
    color: #4CAF50;
    border-left: 1px solid #eee;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-input {
    width: 40px;
    height: 100%;
    text-align: center;
    border: none;
    padding: 0 2px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background-color: transparent;
    -moz-appearance: textfield;
    box-sizing: border-box;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-input::-webkit-outer-spin-button,
#wd-purchased-sidebar .purchased-quantity-stepper .qty-input::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}

/* Mülleimer-Icon für Minus-Button im Trash-Zustand */
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button--minus.is-trash::before { 
    content: "\f147";
    font-family: 'woodmart-font';
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F44336;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button--minus.is-trash {
    font-size: 0 !important;
    color: transparent !important;
}
#wd-purchased-sidebar .purchased-quantity-stepper .qty-controls .qty-button--minus.is-trash:hover {
    background-color: #f0f0f0;
}

/* Versteckter AJAX Button */
#wd-purchased-sidebar .purchased-item-actions .hidden-ajax-add-to-cart {
    display: none !important;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

/* Zustände während AJAX */
#wd-purchased-sidebar .purchased-item.removing-process,
#wd-purchased-sidebar .purchased-quantity-stepper.removing-from-cart, 
#wd-purchased-sidebar .purchased-quantity-stepper.adding-to-cart { 
    opacity: 0.6;
    pointer-events: none;
}
#wd-purchased-sidebar .purchased-item-actions a.added::after,
#wd-purchased-sidebar .purchased-item-actions .added_to_cart { 
    display: none !important;
}

/* Spinner im Mengenfeld */
#wd-purchased-sidebar .qty-input-wrapper {
    position: relative; 
    display: flex;
    align-items: center;
    height: 100%;
}
#wd-purchased-sidebar .qty-spinner {
    position: absolute;
    top: 50%;                     
    left: 50%;
    width: 20px;                  
    height: 20px;
    margin-top: -10px;            
    margin-left: -10px;          
    background: rgba(255,255,255,0.8);
    border-radius: 50%;           
    display: none;
}
#wd-purchased-sidebar .qty-spinner .spinner { 
    box-sizing: border-box;     
    width: 100%;
    height: 100%;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #888;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* Collapsed View */
#wd-purchased-sidebar .qty-controls.is-hidden, 
#wd-purchased-sidebar .collapsed-view.is-hidden { 
    display: none !important;
}
#wd-purchased-sidebar .collapsed-view { 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #fff;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    min-width: 60px;
    box-sizing: border-box;
}
#wd-purchased-sidebar .collapsed-view .collapsed-cart-icon::before { 
    content: "\f147a";
    font-family: "woodmart-font";
    font-weight: 400;
    font-size: 16px;
    color: #4CAF50;
    display: inline-block;
    line-height: 1;
}
#wd-purchased-sidebar .collapsed-view .collapsed-quantity { 
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 1;
    min-width: 12px;
    text-align: center;
}
#wd-purchased-sidebar .collapsed-view:hover {
    background-color: #f5f5f5;
}


/* 9. Loading Indicator & Empty State
------------------------------------------------------------ */
#wd-purchased-sidebar .purchased-loading-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wd-purchased-sidebar .purchased-loading-overlay .spinner,
#wd-purchased-sidebar .purchased-loading-state .spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #ccc;
    border-top-color: var(--wd-primary-color, #4CAF50);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
#wd-purchased-sidebar .purchased-empty-state {
    padding: 40px 20px;
    text-align: center;
    color: #666;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
}
#wd-purchased-sidebar .purchased-empty-state.wd-empty-page:before {
    content: "\f148";
    font-family: "woodmart-font";
    display: block;
    margin-bottom: 25px;
    color: rgba(var(--bgcolor-black-rgb), 0.07);
    font-weight: 400;
    font-size: 6em;
    line-height: 1;
    text-align: center;
}
#wd-purchased-sidebar .purchased-empty-text {
    display: block;
    margin-bottom: 15px;
    color: var(--wd-text-color, #555);
    line-height: 1.5;
    text-align: center;
    max-width: 350px;
}
/* Ende Zuletzt Gekauft Sidebar CSS */


/* ============================================================
   Favoriten Sidebar – Integrierter CSS-Code
============================================================ */

/* 1. Container & Basis
------------------------------------------------------------ */
/* Overlay */
#wd-favorites-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.7); 
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.19,1,0.22,1);
  z-index: 400;
}
#wd-favorites-overlay.wd-close-side-opened {
  opacity: 1;
  pointer-events: auto;
}

/* Sidebar Container */
#wd-favorites-sidebar.favorites-widget-side.wd-side-hidden.wd-right {
  display: flex;
  flex-direction: column;
  width: 525px !important;
  right: 10px !important;
  top: 10px !important;
  bottom: 10px !important;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  background-color: #fff;
  position: fixed;
  z-index: 500;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.19,1,0.22,1);
}
#wd-favorites-sidebar.wd-opened {
  transform: none; 
}

/* Responsive Anpassungen (Sidebar mobil) */
@media (max-width: 576px) {
  #wd-favorites-sidebar.favorites-widget-side.wd-side-hidden.wd-right {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
  }
  
  #wd-favorites-sidebar.favorites-widget-side.wd-side-hidden.wd-right:not(.wd-opened) {
    transform: translate3d(calc(100% + 20px), 0, 0) !important;
  }
  #wd-favorites-sidebar.favorites-widget-side.wd-side-hidden.wd-right.wd-opened {
    transform: none !important;
  }
}


/* 2. Header & Überschrift
------------------------------------------------------------ */
#wd-favorites-sidebar .wd-heading {
  display: flex;
  flex: 0 0 auto; 
  align-items: center;
  justify-content: flex-end; 
  gap: 10px;
  padding: 20px 15px;
  border-bottom: 1px solid var(--brdcolor-gray-300, #eee);
}
#wd-favorites-sidebar .wd-heading .title {
  flex: 1 1 auto;
  margin-bottom: 0;
  font-size: 130%; 
  line-height: 1.4;
  color: var(--wd-title-color, #333);
  text-transform: var(--wd-title-transform, none);
  font-weight: var(--wd-title-font-weight, 600);
  font-family: var(--wd-title-font, inherit);
}


/* 3. Widget-Container & Content Bereich
------------------------------------------------------------ */
#wd-favorites-sidebar .widget.wd-wishlist-widget {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* Wichtig, damit der mittlere Bereich scrollen kann */
  min-height: 0;
}
#wd-favorites-sidebar .wd-wishlist-content_sidebar {
  position: relative;	
  flex: 1 1 auto;
  min-height: 0;      
  overflow-y: auto;    
  padding: 0px;
}

/* Leerer Zustand & Empty State */
#wd-favorites-sidebar .favorites-empty-state {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
#wd-favorites-sidebar .favorites-empty-state.wd-empty-wishlist:before {
  content: "\f106";             /* Herz-Icon oder anderes Symbol */
  font-family: "woodmart-font"; /* Woodmart-Icon-Font */
  display: block;
  margin-bottom: 25px;
  color: rgba(var(--bgcolor-black-rgb), 0.07);
  font-weight: 400;
  font-size: 6em;
  line-height: 1;
  text-align: center;
}
#wd-favorites-sidebar .favorites-empty-text {
   display: block;
   margin-bottom: 15px;
   color: var(--wd-text-color, #555);
   line-height: 1.5;
   text-align: center;
   max-width: 350px;
}


/* 4. Loading Indicator & Spinner
------------------------------------------------------------ */
#wd-favorites-sidebar .favorites-loading-state {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column; /* Elemente untereinander anordnen */
  align-items: center;   /* horizontal zentrieren */
}
#wd-favorites-sidebar .favorites-loading-state .spinner {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border: 3px solid #ccc;
  border-top-color: var(--wd-primary-color, #4CAF50);	  
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
/* Sicherstellen, dass auch der Text zentriert ist */
#wd-favorites-sidebar .favorites-loading-state p {
  text-align: center;
  margin-top: 0;
}

/* Keyframes für Spinner */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}


/* 5. Listen & Listenelemente
------------------------------------------------------------ */
#wd-favorites-sidebar .favorites-items-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wd-favorites-sidebar .favorites-items-list li {
  margin-bottom: 0 !important;
}

/* Favoriten-Item */
#wd-favorites-sidebar .favorites-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;  
  padding: 15px;
  position: relative;
}
#wd-favorites-sidebar .favorites-item:last-child {
  border-bottom: none;
}
/* Hover-Hintergrund */
#wd-favorites-sidebar .favorites-item:hover {
  background-color: var(--bgcolor-gray-100, #f7f7f7);
}


/* 6. Item Thumbnail & Details
------------------------------------------------------------ */
/* Thumbnail */
#wd-favorites-sidebar .favorites-item-thumbnail {
  margin-right: 10px;
}
#wd-favorites-sidebar .favorites-item-thumbnail img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #eee;
  border-radius: 4px;
}
/* Beim Entfernen (Lade-Indikator im Thumbnail) */
#wd-favorites-sidebar .favorites-item.removing-process .favorites-item-thumbnail::after,
#wd-favorites-sidebar .wd-loading .favorites-item-thumbnail::after {
  opacity: 1;
  --wd-anim-state: running;
}
#wd-favorites-sidebar .favorites-item-thumbnail::after {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  opacity: 0;
  transition: opacity .6s ease;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0,0);
  border-left-color: var(--color-gray-900);
  border-radius: 50%;
  vertical-align: middle;
  animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused);
}
/* Details (Titel & Preis) */
#wd-favorites-sidebar .favorites-item-details {
  flex: 1;
}
#wd-favorites-sidebar .favorites-item-title {
  margin: 0 0 5px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
#wd-favorites-sidebar .favorites-item-price {
  font-size: 14px;
  color: #888;
}


/* 7. Interaktive Elemente & Aktionen
------------------------------------------------------------ */
/* Artikelbezeichnung (Link innerhalb des Titels) */
#wd-favorites-sidebar .favorites-item-title a {
  display: block;
  color: var(--wd-entities-title-color, #333);
  word-wrap: break-word;
  font-weight: var(--wd-entities-title-font-weight, 600);
  font-style: var(--wd-entities-title-font-style, normal);
  font-family: var(--wd-entities-title-font, inherit);
  text-transform: var(--wd-entities-title-transform, none);
  line-height: 1.4;
}

/* Remove-Button (X) mit Woodmart-Icon */
#wd-favorites-sidebar .favorites-item-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  min-height: auto !important;
  background-color: transparent !important;
  border: none !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-gray-800);
  font-size: 0;
  line-height: 1;
  font-weight: normal !important;
  cursor: pointer;
  margin-right: 10px;
}
#wd-favorites-sidebar .favorites-item-remove::after {
  content: "\f112";
  font-family: "woodmart-font";
  font-size: 10px;
}
#wd-favorites-sidebar .favorites-item-remove:hover {
  background-color: var(--bgcolor-white) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.1) !important;
}

/* Kaufen-Button */
#wd-favorites-sidebar .favorites-item-buy-btn {
  border-radius: var(--btn-accented-brd-radius, 4px);
  color: var(--btn-accented-color, #fff);
  box-shadow: var(--btn-accented-box-shadow, none);
  background-color: var(--btn-accented-bgcolor, #0073aa);
  text-transform: var(--btn-accented-transform, uppercase);
  font-weight: var(--btn-accented-font-weight, 600);
  font-family: var(--btn-accented-font-family, inherit);
  font-style: var(--btn-accented-font-style, normal);
  padding: 8px 14px;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
#wd-favorites-sidebar .favorites-item-buy-btn:hover {
  background-color: #005177;
}

#wd-favorites-sidebar .favorites-item-actions a.added::after,
#wd-favorites-sidebar .favorites-item-actions .added_to_cart {
  display: none !important;
}


/* 8. Footer
------------------------------------------------------------ */
#wd-favorites-sidebar .favorites-widget-footer {
  margin-top: auto;
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
#wd-favorites-sidebar .favorites-widget-footer a {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}
#wd-favorites-sidebar .favorites-widget-footer a:hover {
  color: var(--wd-primary-color, #4CAF50);
}


/* 9. Zusätzliche Stepper-Styles (Mengensteuerung)
------------------------------------------------------------ */
/* Basis CSS für den Stepper */
#wd-favorites-sidebar .favorites-quantity-stepper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 100px;
  position: relative;
}

/* Variante 1: Simple Initial Plus Button mit Kreis */
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid #E0E0E0;
  background-color: #fff;
  color: #4CAF50;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 0;
  box-sizing: border-box;
}
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus:hover {
  background-color: #f5f5f5;
}

/* Variante 2: Simple Initial Plus Button */
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus.simple {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 34px;
  font-size: 24px;
  font-weight: bold;
  background-color: transparent;
  color: #4CAF50;
  cursor: pointer;
  padding: 0 10px;
  border: none;
}
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus.simple:hover {
  background-color: #f5f5f5;
}

/* Variante 3: Initial Plus Button mit Rahmen */
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus.alternative {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 34px;
  min-height: 34px;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
  color: #4CAF50;
  cursor: pointer;
  padding: 0 10px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  box-sizing: border-box;
}
#wd-favorites-sidebar .favorites-quantity-stepper .initial-plus.alternative:hover {
  background-color: #f5f5f5;
}

/* Steuerungselemente (qty-controls) */
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls {
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  overflow: hidden;
  height: 34px;
  box-sizing: border-box;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls.is-hidden {
  display: none;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 34px;
  font-size: 18px;
  line-height: 1;
  border: none;
  background-color: #fff;
  color: #757575;
  cursor: pointer;
  transition: background-color 0.2s ease;
  padding: 0;
  position: relative;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button:hover {
  background-color: #f5f5f5;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button--minus {
  color: #F44336;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button--plus {
  color: #4CAF50;
}

/* Input-Feld für Menge */
#wd-favorites-sidebar .favorites-quantity-stepper .qty-input {
  width: 40px;
  height: 34px;
  text-align: center;
  border: none;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  padding: 0 2px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background-color: #fff;
  -moz-appearance: textfield;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-input::-webkit-outer-spin-button,
#wd-favorites-sidebar .favorites-quantity-stepper .qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Mülleimer-Icon bei 1 Stück */
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button--minus.is-trash::before {
  content: "\f147";
  font-family: 'woodmart-font';
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #F44336;
}
#wd-favorites-sidebar .favorites-quantity-stepper .qty-controls .qty-button--minus.is-trash {
  font-size: 0 !important;
  color: transparent !important;
}

/* Versteckte Ajax-Schaltfläche */
#wd-favorites-sidebar .favorites-item-actions .hidden-ajax-add-to-cart {
  display: none !important;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

/* Status beim Entfernen/Hinzufügen */
#wd-favorites-sidebar .favorites-item.removing-process,
#wd-favorites-sidebar .favorites-quantity-stepper.removing-from-cart,
#wd-favorites-sidebar .favorites-quantity-stepper.adding-to-cart {
  opacity: 0.5;
  pointer-events: none;
}

/* Lade-Overlay & Spinner im Mengenfeld */
#wd-favorites-sidebar .qty-input-wrapper {
  position: relative;
}
#wd-favorites-sidebar .qty-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  background: rgba(255,255,255,0.8);
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#wd-favorites-sidebar .qty-spinner .spinner {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #888;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: spin 0.8s linear infinite;
}

/* Collapsed View */
#wd-favorites-sidebar .qty-controls.is-hidden,
#wd-favorites-sidebar .collapsed-view.is-hidden {
  display: none !important;
}
#wd-favorites-sidebar .collapsed-view {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 0 8px;
  background-color: #fff;
  gap: 6px;
  cursor: pointer;
}
#wd-favorites-sidebar .collapsed-view .collapsed-cart-icon::before {
  content: "\f147a";
  font-family: "woodmart-font";
  font-weight: 400;
  font-size: 16px;
  color: #4CAF50;
  display: inline-block;
  line-height: 1;
}
#wd-favorites-sidebar .collapsed-view .collapsed-quantity {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 1;
}
#wd-favorites-sidebar .collapsed-view:hover {
  background-color: #f5f5f5;
}
/* ============================================================
   Ende Favoriten Sidebar
============================================================ */


/* Kategorie Symbol in mobile Footer Bar*/
.wd-toolbar-sidebar.wd-filter-icon .wd-tools-icon:before {
    content: "\f122" !important;
    font-size: 18px !important;
}


/* PWA Installer Add to Homescreen */
.adhs-container .adhs-modal .adhs-button {
    background-color: #00883B;
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 10px 33px;
    border-radius: 9px;
}
.adhs-container.visible {
    background-color: #ffffffed;  /* #f7f7f7; ffffffe3*/
    opacity: 1;
}


/* Anpassungen Hauptmenü Sidebar Begin */
/* Geschlossener Zustand: Login-Layer außerhalb des Viewports schieben */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item:not(.wd-opened) {
  transform: translate3d(calc(-100% - 20px), 0, 0) !important;
}
/* Offener Zustand: Sidebar sichtbar machen */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item.wd-opened {
  transform: none !important;
}
/* Offener Zustand: Layout & Styling Sidebar */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item {
  width: 450px !important;    
  left: 10px !important;      
  top: 10px !important;      
  bottom: 10px !important;    
  border-radius: 10px;      
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Fügt den Text "Menü" ganz oben als Überschrift ein */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-item.wd-opened .wd-heading {
  justify-content: space-between;
}
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-item.wd-opened .wd-heading::before {
  content: "Menü";
  font-size: 130%;
  color: var(--wd-title-color);
  font-weight: var(--wd-title-font-weight);
  font-style: var(--wd-title-font-style);
  font-family: var(--wd-title-font);
  line-height: 1.4;	
}

/* "Kategorien" + "Sonstiges" Großbuchstaben entfernen */
.mobile-tab-title .nav-link-text {
    text-transform: none !important;
}

/* "Kategorien" + "Sonstiges" Schriftgröße ändern */
@media (max-width: 768.98px) {
    .mobile-tab-title .nav-link-text {
        font-size: 15px !important;
    }
}
@media (min-width: 769px) {
    .mobile-tab-title .nav-link-text {
        font-size: 14px !important;
    }
}

/* Vergrößern Schriftgröße Hauptkategorien + Subkategorien */
.wd-nav-mobile .woodmart-nav-link,
.wd-nav-mobile .nav-link-text {
    font-size: 14px; 
}

/* Vergrößern Schriftgröße Einträge unter "Sonstiges" */
.mobile-pages-menu .woodmart-nav-link,
.mobile-pages-menu .nav-link-text {
    font-size: 14px; 
}
/* Anpassungen Hauptmenü Sidebar Ende */


/* Anpassungen Anmeldung Sidebar Begin */
/* Geschlossener Zustand: Sidebar außerhalb des Viewports schieben */
.login-form-side.wd-side-hidden.wd-right:not(.wd-opened) {
  transform: translate3d(calc(100% + 20px), 0, 0) !important;
}
/* Offener Zustand: Sidebar sichtbar machen */
.login-form-side.wd-side-hidden.wd-right.wd-opened {
  transform: none !important; /* oder translate3d(0,0,0) */
}
/* Offener Zustand: Layout & Styling Sidebar */
.login-form-side.wd-side-hidden.wd-right {
  width: 450px !important;    
  right: 10px !important;      
  top: 10px !important;        
  bottom: 10px !important;     
  border-radius: 10px;       
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); 
}
/* Anpassungen Anmeldung Sidebar Ende */


/* Anpassungen Warenkorb Sidebar Begin */
/* Geschlossener Zustand: Sidebar außerhalb des Viewports schieben */
.wd-side-hidden.wd-right:not(.wd-opened) {
  /* Reicht oft, es 120% (oder calc(100% + 20px)) nach rechts zu verschieben */
  transform: translate3d(calc(100% + 20px), 0, 0) !important;
}
/* Offener Zustand: Sidebar sichtbar machen */
.wd-side-hidden.wd-right.wd-opened {
  transform: none !important; /* oder translate3d(0,0,0) */
}
/* Offener Zustand: Layout & Styling Sidebar */
.cart-widget-side.wd-side-hidden.wd-right {
  width: 425px !important;  
  right: 10px !important;     
  top: 10px !important;       
  bottom: 10px !important;    
  border-radius: 10px;        
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Warenkorb Widget von rechts per Off Canvas: Verlinkung auf Artikeldetailseite deaktiveren, damit insb. mobil nicht bei Veränderung der Menge man aus versehen auf der Detailseite landet (weil man nicht die plus oder minus Buttons getroffen hat sondern den Hintergrund */
.cart-item-link.wd-fill {
    pointer-events: none;
}
/* Anpassungen Warenkorb Sidebar Ende */


/* Anpassungen Filter/Kategorien Sidebar Begin */
/* Geschlossener Zustand: Login-Layer außerhalb des Viewports schieben */
.wd-side-hidden.wd-left:not(.wd-opened) {
  transform: translate3d(calc(-100% - 20px), 0, 0) !important;
}
/* Offener Zustand: Sidebar sichtbar machen */
.wd-side-hidden.wd-left.wd-opened {
  transform: none !important;
}
/* Offener Zustand: Layout & Styling Sidebar */
.elementor-column.wd-col-offcanvas-md-sm.wd-side-hidden.wd-left {
  position: fixed; 
	width: 450px !important;
  left: 10px !important;       
  right: auto !important;
  top: 10px !important;        
  bottom: 10px !important;     
	border-radius: 10px;         
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);  
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
/* Überschreibe den linken Offset nur für den Off-Canvas Sidebar Layer */
.elementor-column.wd-col-offcanvas-md-sm.wd-side-hidden.wd-left {
  left: 10px !important;
}

/* Überschriften Widgets (Produktkategorien etc.) vergrößern */		
/* Deaktivieren, wenn nur ein Filter - in der Regel Produktkategorien - aktiv sind
@media (max-width: 768.98px) {
    .widgettitle, .widget-title {
        font-size: 20px !important;    	
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .widgettitle, .widget-title {
        font-size: 20px !important;
    }
}	

/* Überschriften Widgets (Produktkategorien etc.) ausblenden */		
/* Aktivieren, wenn nur ein Filter - in der Regel Produktkategorien - aktiv sind */
@media (max-width: 768.98px) {
    .widgettitle, .widget-title {
        display: none !important;    	
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .widgettitle, .widget-title {
        display: none !important;
    }
}	

/* Fügt den Text "Filter" bzw. "Kategorien" ganz oben als Überschrift ein */
.elementor-column[data-id="34ed8d8"] .wd-heading {
  justify-content: space-between;
}
.elementor-column[data-id="34ed8d8"] .wd-heading::before {
  content: "Kategorien"; /* Wenn mehrere Filter vorhanden dann -> content: "Filter"; */
	font-size: 130%;
  color: var(--wd-title-color);
  font-weight: var(--wd-title-font-weight);
  font-style: var(--wd-title-font-style);
  font-family: var(--wd-title-font);
  line-height: 1.4;		
}
/* Anpassungen Filter/Kategorien Sidebar Ende */ 


/* Anpassungen Hauptmenü Sidebar, Anmeldung Sidebar, Warenkorb Sidebar, Filter/Kategorien Sidebar: Ab gewisser Bildschirmbreite alles "Fullscreen" mit 10px Rand Begin */
@media (max-width: 576px) {
  /* Alle 4 Sidebars zusammenfassen */
  .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item,
  .login-form-side.wd-side-hidden.wd-right,
  .cart-widget-side.wd-side-hidden.wd-right,
  .wd-side-hidden.wd-left {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
  }

  /* ================ Menü‐Sidebar (linke Seite) ================ */
  .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item:not(.wd-opened) {
    transform: translate3d(calc(-100% - 20px), 0, 0) !important;
  }
  .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opener-item.wd-opened {
    transform: none !important;
  }

  /* ================ Login‐Sidebar (rechte Seite) ================ */
  .login-form-side.wd-side-hidden.wd-right:not(.wd-opened) {
    transform: translate3d(calc(100% + 20px), 0, 0) !important;
  }
  .login-form-side.wd-side-hidden.wd-right.wd-opened {
    transform: none !important;
  }

  /* ================ Warenkorb‐Sidebar (rechte Seite) ================ */
  .cart-widget-side.wd-side-hidden.wd-right:not(.wd-opened) {
    transform: translate3d(calc(100% + 20px), 0, 0) !important;
  }
  .cart-widget-side.wd-side-hidden.wd-right.wd-opened {
    transform: none !important;
  }

  /* ================ Filter/Kategorien‐Sidebar (linke Seite) ================ */
  .wd-side-hidden.wd-left:not(.wd-opened) {
    transform: translate3d(calc(-100% - 20px), 0, 0) !important;
  }
  .wd-side-hidden.wd-left.wd-opened {
    transform: none !important;
  }
}
/* Anpassungen Hauptmenü Sidebar, Anmeldung Sidebar, Warenkorb Sidebar, Filter/Kategorien Sidebar: Ab gewisser Bildschirmbreite alles "Fullscreen" mit 10px Rand Ende */


/* Mein Konto On Mouse Over Menü im Header angemeldeter Zustand Begin */
.wd-dropdown-my-account .wd-sub-menu li > a {
  font-weight: bold !important;
	font-size: 15px !important;
}
/* DIV breiter setzen */
.wd-header-my-account .wd-dropdown-menu.wd-design-default {    
    --wd-dropdown-width: 280px !important;
}

/* Ausblenden Mein Bestellformular Link unter Mein Konto -> wird erzeugt vom Quick Order Formular */
.woocommerce-MyAccount-navigation-link--bestellung-schnelleingabe {
    display: none !important;
}
/* Mein Konto On Mouse Over Menü im Header angemeldeter Zustand Ende */


/* Begin Quick View Customisation */
/* Schließen-Button Anpassungen */
.wd-popup-slide-from-left .wd-popup.popup-quick-view button.mfp-close {
    inset-inline-end: 0px !important;
    height: 150px !important;
    color: #242424 !important;
    transition: none !important;
}

/* Ausblenden Kaufen + Mengenbuttons */
.wd-popup-slide-from-left .wd-popup.popup-quick-view form.cart {
  display: none !important;
}

/* Mengenangaben */
.wd-popup-slide-from-left .popup-quick-view .quantity input.minus,
.wd-popup-slide-from-left .popup-quick-view .quantity input.plus,
.wd-popup-slide-from-left .popup-quick-view .quantity input.qty {
    width: 40px !important;
}

/* Ausblenden Zurück zu Kategorie in Quick View Ansicht */
div.quick-view-vertical div.back-to-category {
    display: none;
}

/* Ausblenden "Details Anzeigen" Button */
@media (max-width: 1024px) {
.wd-popup-slide-from-left .wd-popup.popup-quick-view .view-details-btn {
    display: none;
   }
}	

/* Ausblenden Zeile Hauptgruppe */
.product-quick-view .woocommerce-product-attributes-item--attribute_pa_55,
.product-quick-view .posted_in {
    display: none !important;
}

/* Ausblenden Zeile pa_66 */
.product-quick-view .woocommerce-product-attributes-item--attribute_pa_66,
.product-quick-view .posted_in {
    display: none !important;
}

/* Erhöhe den oberen Abstand der Attribut-Tabelle im Quick View */
.wd-popup-slide-from-left .wd-popup.popup-quick-view .woocommerce-product-attributes.shop_attributes {
    margin-top: 30px !important;
}

/* Begin Neue Animation */
/* Definiere die Animation für das Öffnen des modalen Fensters von unten */
@keyframes slideInFromBottom {
  0% {
  transform: translateY(50%);
  }
  100% {
  transform: translateY(0);
  }
}

/* Definiere die Animation für das Schließen des modalen Fensters nach unten */
@keyframes slideOutToBottom {
  0% {
  transform: translateY(0);
  }
  100% {
  transform: translateY(50%);
  }
}        
		
/* Definiere die Animation für das Öffnen des modalen Fensters von rechts */
@keyframes slideInFromRight {
  0% {
  transform: translateX(50%);
  }
  100% {
  transform: translateX(0);
  }
}

/* Definiere die Animation für das Schließen des modalen Fensters nach rechts */
@keyframes slideOutToRight {
  0% {
  transform: translateX(0);
  }
  100% {
  transform: translateX(50%);
  }
}

/* Deaktiviere die alte Animation */
.mfp-wrap.wd-popup-slide-from-left.mfp-removing .wd-popup.popup-quick-view,
.mfp-wrap.wd-popup-slide-from-left .wd-popup.popup-quick-view {
  transform: none;
}		

/* Wende die Animationen nur auf Desktop-Systemen an */
@media (min-width: 768px) {
/* Wende die Animation für das Öffnen des modalen Fensters von rechts an */
 .mfp-wrap.wd-popup-slide-from-left .wd-popup.popup-quick-view {
   animation: slideInFromRight 0.4s ease-out !important;
 }

/* Wende die Animation für das Schließen des modalen Fensters nach rechts an */
 .mfp-wrap.wd-popup-slide-from-left.mfp-removing .wd-popup.popup-quick-view {
   animation: slideOutToRight 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
 }
}		

/* Wende die Animationen nur auf Mobilgeräten an */
@media (max-width: 767px) {
/* Wende die Animation für das Öffnen des modalen Fensters von unten an */
  .mfp-wrap.wd-popup-slide-from-left .wd-popup.popup-quick-view {
 	 animation: slideInFromBottom 0.4s ease-out !important;
 }
	
/* Wende die Animation für das Schließen des modalen Fensters nach unten an */
  .mfp-wrap.wd-popup-slide-from-left.mfp-removing .wd-popup.popup-quick-view {
 	 animation: slideOutToBottom 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
  }
}
/* End Neue Animation */

/* Begin Layoutanpassungen des Quick View für >767 und <767 oder für beide Fälle */
/* Setze Layer nach rechts und nicht mittig, Abstände oben und unten zum Bildschirmrand auf 0 setzen */
@media (min-width: 768px) {
	/* Begin Layer soll scrollbar sein */
	/* Setze die overflow Eigenschaft für den gesamten Layer (grauer Bereich) */
	.mfp-wrap.wd-popup-slide-from-left .mfp-wrap .wd-popup.popup-quick-view {
	  overflow-y: hidden !important;
		overflow-x: hidden !important; /* Verhindert kurzes Anzeigen eines horizontalen Scrollbalkens solange Layer lädt */
	}
	
	/* Setze die max-height Eigenschaft für den Inhaltsbereich */
	.mfp-wrap.wd-popup-slide-from-left .wd-scroll-content .wd-popup.popup-quick-view {
  	max-height: none !important;
	}

	/* Inhaltsbereich soll scrollbar bleiben, auch wenn komplette Höhe des Browserfensters eingenommen wird */
	.mfp-wrap.wd-popup-slide-from-left div.wd-popup.popup-quick-view {
  	height: 100%;
  	overflow: auto;
  	overflow-x: hidden;
	}	
	/* End Layer soll scrollbar sein */
	
	/* Layer soll komplette Höhe des Browserfensters einnehmen */
	.wd-popup-slide-from-left .wd-popup.popup-quick-view {
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: 550px !important;         
    margin: 0 !important;  /* kein Margin, weil wir top/bottom = 20px nehmen */
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);			
		/* Anstatt starrem height: 100%, eine max-height, 
      damit du oben und unten 20px Platz behältst */
    max-height: calc(100% - 20px) !important;  
    
    overflow-y: hidden !important;  /* Sonst kommt neben dem kleinen Scrollbalken rechts ein normaler Scrollbalken für gesamten Layer */
    overflow-x: hidden !important;  /* nur vertikales Scrollen */		
  }
	
	.wd-popup-slide-from-left .mfp-content {	
    height: 100% !important;
  }
	
  .popup-quick-view .summary-inner {
     padding-bottom: 0px;
  }

  .wd-scroll-content {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Angenommen, das Bild ist 440px hoch */
    max-height: calc(100vh - 440px - 100px);		
  }		
}

/* Deaktiviere den Fade-Out-Effekt, der unten im Layer im Standard implementiert war bei Auflsg. > 769 px */
@media (min-width: 769px) {
  .mfp-wrap.wd-popup-slide-from-left .popup-quick-view .entry-summary {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* Begin Layoutanpassungen des Quick View für <767 */
@media (max-width: 767px) {
	/* Begin Layer soll scrollbar sein */
	/* Setze die overflow Eigenschaft für den gesamten Layer (grauer Bereich) */
	.mfp-wrap.wd-popup-slide-from-left .mfp-wrap .wd-popup.popup-quick-view {
	  overflow-y: hidden !important;
		overflow-x: hidden !important; /* Verhindert kurzes Anzeigen eines horizontalen Scrollbalkens solange Layer lädt */
	}

	/* Setze die max-height Eigenschaft für den Inhaltsbereich */
	.mfp-wrap.wd-popup-slide-from-left .wd-scroll-content .wd-popup.popup-quick-view {
  	max-height: none !important;
	}

	/* Inhaltsbereich Layer soll scrollbar bleiben */
	.mfp-wrap.wd-popup-slide-from-left div.wd-popup.popup-quick-view {
  	height: 100%;
  	overflow: auto;
  	overflow-x: hidden;
	}	
	/* End Layer soll scrollbar sein */		

  /* Rechts und links vom Layer ist ein kleiner Abstand von 8px, der wird auf 0 gesetzt */
  .wd-popup-slide-from-left .mfp-container { 
     padding-right: 0px !important;	
		 padding-left: 0px !important;				
   }

  /* Setze Layer mittig */
	.wd-popup-slide-from-left .wd-popup.popup-quick-view {
     border-top-left-radius: 15px !important;
     border-top-right-radius: 15px !important;  
     margin-bottom: 0px !important; 		
	}
		
  /* Setze die Höhe des Layers auf 95% bzw. 70% ohne Bild */
  .wd-popup-slide-from-left .mfp-content {
     height: 95% !important;  /* Wenn Bild ausgeblendet (siehe unten, genügt 70%, sonst 95% mit Bild) */
     position: fixed !important;
     bottom: 0 !important;
     right:0 !important
  }	
	
  /* Ausblenden Bild + Platzhalterbild oben im Quick View  
  .wd-popup-slide-from-left .mfp-content .woocommerce-product-gallery__image {
    display: none;
  }	
  .wd-popup-slide-from-left .mfp-content .woocommerce-product-gallery__image--placeholder {
    display: none;
  }	
	*/	
	
	/* Scrollbalken: hier noch rausnehmen was nicht gebraucht wird */
  .mfp-bg, .mfp-wrap, .mfp-container, .mfp-iframe-scaler iframe {
      overflow-y: hidden !important;
	}

  /* Scrollbalken: hier noch rausnehmen was nicht gebraucht wird */
    body {
      overflow-y: hidden !important;
			overflow-x: hidden !important;			
		}
}

.wd-buttons .wd-quick-view-icon, .wd-buttons .wd-compare-btn { 
display: block !important; 
}

/* Hiding SKU and tags from Product Quick View 
.wd-popup-slide-from-left .wd-popup.popup-quick-view .product_meta .sku_wrapper,
.wd-popup-slide-from-left .wd-popup.popup-quick-view .product_meta .tagged_as {
    display: none;
}
*/
/* End Quick View Customisation */


/* Aublenden Infos Artikeldetailseite */
div.woocommerce-Tabs-panel--additional_information table.woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}
div.woocommerce-Tabs-panel--additional_information table.woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}


/* Mengen, +,- Buttons Artikeldetailseite breiter seitzen */
.single-product-page .cart .quantity .input-text.qty {
    width: 40px !important;
}
.single-product-page .cart .quantity .minus,
.single-product-page .cart .quantity .plus {
    width: 40px !important;
}


/* Lieferzeiten ausblenden im Sticky Add To Cart Button der auf Aritkeldetailseite unten angezeigt wird, weil kein Platz */
.wd-sticky-btn.wd-sticky-btn-shown .wd-sticky-btn-container.container .wd-sticky-btn-cart .woocommerce-message {
    display: none;
}


/* Ausblenden der Links auf der Homepage rechts oben von Bestseller, Aktionen, Neue Produkte */
.wd-tabs .wd-nav-tabs .wd-active .nav-link-text {
    display: none;
}


/* Ausblenden des Teilen-Buttons auf der (Fullscreen) Bild Anzeige Foto Lightbox */
.pswp__button--share {
    display: none !important;
}


/* Ausblenden des Share-Modals (Fullscreen) Bild Anzeige Foto Lightbox falls vorhanden */
.pswp__share-modal {
    display: none !important;
}


/* Foto Lightbox den Hintergrund durchsichtiger machen */
.pswp__bg {
    opacity: 0.9 !important;
}


/* Foto Lightbox den Hintergrund weiß setzen -> Hinweis: Weitere Elemente müssen grafisch angepasst werden, wenn vom Standard Schwarz auf Weiß gewechselt wird, deswegen wurde zunächst die Hintergrundfarbe schwarz bei der Foto Lightbox beibehalten und die opacity auf 0.5 gesetzt!! */
/* .pswp__bg {	
    background-color: white;
}
*/


/* Ausblenden Search Bar im Header auf dem Product Table Formular */
.page-id-77968 .wd-search-form {
    visibility: hidden;
}


/* Anpassung Farbgestaltung Kategorien Widget */
.widget_product_categories .product-categories li:not(.cat-parent) a:hover+.count,
.widget_product_categories .product-categories li:not(.cat-parent).current-cat>.count {
  color: #fff !important;
  background-color: var(--wd-primary-color) !important;
  border-color: var(--wd-primary-color) !important;
}


/* Favoriten/Wishlist Popup Desktop breiter setzen */
@media (min-width: 768px) {
   .wd-popup-wishlist {
     --wd-popup-width: 400px;
   }	
}	


/* Begin Kasse Seite */
/* Optimierung Kasse Seite Begin Responsiveness */
@media (min-width: 768px) {
	.page-id-14 .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: auto !important;
	}
}
@media (min-width: 1200px) {
	.page-id-14 .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: 80% !important;
	}
}    
@media (max-width: 599px) {
	.page-id-14 .wd-checkout-prod-img {
		display: none !important;
	}
}
@media (max-width: 599px) {
	.page-id-14 .wd-checkout-remove-btn-wrapp {
    margin-inline: -5px 20px !important;
	}
}
@media (max-width: 599px) {
	.page-id-14 .wd-checkout-prod-total.product-total {
		padding-top: 5px !important;
		font-weight: 800 !important;
		text-align: right !important;
	}
}
/* Optimierung Kasse Seite End Responsiveness */

/* Formatierung Grundpreis Begin */
.page-id-14 .unit-price-cart {
    font-size: .8em !important;
    display: block !important;
    margin-top: 0px !important;     
}
.wd-entities-title .unit-price-cart {
    display: none;
}

/* Damit Artikelgesamtpreis (Menge x Preis) nicht komisch verrückt wird  (vorher im Original -> Display: block;) */
@media (max-width: 576px) {
   	.page-id-14  .wd-checkout-prod-cont {
        display: contents !important;
    }
}

/* Entfernen Zeile Zwischensumme vor Gesamtsumme */
.page-id-14 .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
    display: none;
}
/* Ende Kasse Seite */


/* Begin Mini Cart */ 
/* Bilder ausblenden */
.cart-widget-side .cart-item-image {
    margin-left: -75px;
    position: static !important; 
    flex: initial !important; 
    overflow: visible !important; 
}
.cart-widget-side .cart-item-image img {
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Mengenangaben raus */
.woocommerce-mini-cart .cart-info div.quantity {
    display: none;
}

/* Ausblenden Warenkorb Button ganz unten */
.woocommerce-mini-cart__buttons .btn-cart {
    display: none !important;
}
/* Ende Mini Cart */ 


/* Mobile List View: Nach 7.3 muss dieser Code dazu, damit Listendarstellung funktioniert, ist dieser Code nicht aktiv, dann 1 Produkt Kacheldarstellung */ 
body .product-list-item .product-wrapper {
	flex-direction: row;
}

body .product-list-item .product-element-top {
	margin-right: 0 !important;
}

body .product.product-list-item .wd-add-btn {
	justify-content: end;
}


/* Optimierung Artikeldarstellung auf Shop und Kategorieseiten */
@media (min-width: 1551px) {
		.products.wd-products.wd-grid-g.grid-columns-6.elements-grid.products-bordered-grid-ins.wd-quantity-enabled.pagination-infinit.wd-stretch-cont-lg.wd-stretch-cont-md.wd-stretch-cont-sm {
    --wd-col-lg: 6 !important;
	}
}

@media (min-width: 1024px) and (max-width: 1550px) {
	.products.wd-products.wd-grid-g.grid-columns-6.elements-grid.products-bordered-grid-ins.wd-quantity-enabled.pagination-infinit.wd-stretch-cont-lg.wd-stretch-cont-md.wd-stretch-cont-sm {
    --wd-col-lg: 4 !important;
	}
    .shop-view.per-row-5,
    .shop-view.per-row-6 {
        display: none;
    }
}


/* Globales CSS für die Darstellung der Artikel auf den Shopseiten...wenn die Umschaltung möglich sein soll auch bei Tablets (da wird im Standard nur Kacheldarstellung angezeigt -> damit dieses CSS Sinn macht muss die Layout3 CSS auch im Tabletmode aktiviert sein */
@media (min-width: 769px) and (max-width: 1024px) {
    .shop-view.per-row-2,
    .shop-view.per-row-4,
    .shop-view.per-row-5,
    .shop-view.per-row-6 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .shop-view.per-row-3,
    .shop-view.per-row-4,
    .shop-view.per-row-5,
	  .shop-view.per-row-6 {
        display: none;
    }
}


/* Ausblenden von überflüssigen Informationen - konkret Produkteigenschaften die on mouse over in den Artikelkarten (das sind in der Regel (auf jeden Fall die Hauptgruppe) nur interne Informationen aus der ADS Anwendung, die dem Endkunden keinen Mehrwert bieten) - erscheinen - Ausblenden des Elements, wenn man mit der Maus über das übergeordnete Element mit der Klasse product-grid-item fährt. Auf den Artikeldetailseiten bleiben die Informationen bestehen! 
*/
/* Lieferland 
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_22 {
    display: none;
}

/* HKL */
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_33 {
    display: none;
}

/* Hauptgruppe */
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}

/* pa_66 */
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}

/* Einzeleinheit 
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_111 {
    display: none;
}

/* Gebinde 
.product-grid-item .woocommerce-product-attributes-item--attribute_pa_99 {
    display: none;
}  


/* Ausblenden Testimonials Bild */
.wd-testimon-thumb {
    display: none;
}


/* Homepage: Link Element Bestseller / Sonderangebot (nur mobil sichtbar) vertikale Abstände */
.elementor-8477 .elementor-element.elementor-element-cd245b6:not(.elementor-motion-effects-element-type-background), .elementor-8477 .elementor-element.elementor-element-cd245b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    margin-bottom: -40px !important;
    margin-top: -25px !important;
}


/* Footer Überschriften rot D41212 */
.elementor-489 .elementor-element.elementor-element-d245bef .info-box-title {
	color: #FFFFFF !important; 
  /*  color: #EA1B23 !important; */
	/*  text-shadow: -1px 0 0.5px white, 0 1px 0.5px white, 1px 0 0.5px white, 0 -1px 0.5px white; */
}
.elementor-13493 .elementor-element.elementor-element-72af310 .info-box-title {
	color: #FFFFFF !important; 
  /*  color: #EA1B23 !important; */
	/*  text-shadow: -1px 0 0.5px white, 0 1px 0.5px white, 1px 0 0.5px white, 0 -1px 0.5px white; */
}


/* Ausblenden Copy und Preisinfos im Footer */
@media (max-width: 1024px) {
	body:not(.home) .vat-info,
	body:not(.home) .copyrights-wrapper {
    display: none !important;
	}
}


/* Footer kompakt zentriert  */ 
@media(max-width: 1024px) {
    .elementor-13493 .elementor-element.elementor-element-63435f8 {
        width: 100% !important;
    }
    .elementor-13493 .elementor-element.elementor-element-d786061 {
        width: 0% !important;
    }
    .elementor-13493 .elementor-element.elementor-element-847813e {
        width: 0% !important;
    }
}


/* B2B Preis+Kauf nach Anmeldelink Farbegestaltung*/
.anmelde_link {
    color: #1246ab !important;
}


/* Passwort Zurücksetzen Seite */
/* Schriftgröße 100% statt 110% */
.lost_reset_password {
  font-size: 100% !important;
}


/* Anmelde bzw. Registrierungsseite Begin */
/* Vertikalen Abstand ODER Divider erhöhen <768px*/
@media (max-width: 768px) {
	.wd-login-divider {
	  margin-top: 50px !important;
	  margin-bottom: 50px !important;
	}
}	
/* Anmelde bzw. Registrierungsseite Ende */


/* Suche Begin */
/* Suche Search Suggestions vom Standardformular 2 statt 4 Produkte nebeneinander (vorher Wert 240px) 
   Macht nur Sinn wenn Search Suggestions nicht Full Screen angezeigt werden! */
.autocomplete-suggestions {    
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
}

@media (max-width: 600px) {
  /* Suchvorschläge < 600 nicht anzeigen */
	.search-results-wrapper { 
    display: none;
	}
  /* Suchlupe rechts dauerhaft einblenden, Loading Indicator der Ajax Suche nicht anzeigen */
	.searchform.search-loading .searchsubmit:before {
    display: none !important;
	}
	.searchform.search-loading .searchsubmit:after {
    opacity: 1 !important;
	}
}
/* Suche Ende */


/* Kacheldarstellung entfernen Strich, der direkt unter Add to Cart Button sitzt, onmouseover 
.wd-hover-fw-button .hover-content-wrap {
    border-top: 0px solid var(--brdcolor-gray-300) !important; 
}


.popup-added_to_cart {
  margin-top: 200px !important;
}


/* Begin Optimierung Favoriten unter "Mein Konto"
/* Nur aktiv setzen wenn mehrere Wishlists aktiv 
body.page-id-291 .wd-wishlist-group {    
    border: 0px !important;    
}
*/

/* Nur aktiv setzen wenn mehrere Wishlists aktiv 
body.page-id-291 .wd-group-enable .wd-wishlist-head {
    margin-top: -10px;
    margin-right: 20px;
}	
*/

/* Links und rechts vom Grid 20px Abstand > 1024px */
@media (min-width: 1025px) {
  body.page-id-291 .wd-wishlist-content .wd-products-element [class*="wd-grid"] {
    margin-right: 20px;
    margin-left: 20px;
  }
}

/* Artikelzahl je Reihe in abh. der Bildschirmaufloesung + Entfernen X Button und Checkbox layouttechnisch Abstaende angepasst */
@media (min-width: 1501px) {
    .page-id-291 .grid-columns-3 {
      --wd-col-lg: 6 !important;	
			--wd-gap-lg: 0px !important;
    }
}

@media (min-width: 1251px) and (max-width: 1500px) {
    .page-id-291 .grid-columns-3 {
			--wd-col-lg: 5 !important;	
			--wd-gap-lg: 0px !important;
    }
}

@media (min-width: 200px) and (max-width: 1250px) {
    .page-id-291 .grid-columns-3 {
			--wd-col-lg: 3 !important;
      --wd-col-md: 3 !important;
			--wd-gap-lg: 0px !important;
    }
}
/* Entfernen X Button und Checkbox layouttechnisch Abstaende angepasst */ 
.wd-wishlist-product-actions {
    margin-bottom: 15px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
/* Artikelzahl je Reihe in abh. der Bildschirmaufloesung + Entfernen X Button und Checkbox layouttechnisch Abstände angepasst */
/* Ende Optimierung Favoriten unter "Mein Konto" */


/* Begin Mein Konto - Linke Navigation bei Auflösung < Bildschirmauflösung Abstand erhöhen im Contentbereich damit es Mobil besser aussieht */
@media (max-width: 768.98px) {
.woocommerce-MyAccount-content {
    padding-left: 45px;
    padding-right: 45px;
  }
}
/* Ende Mein Konto - Linke Navigation bei Auflösung < Bildschirmauflösung Abstand erhöhen im Contentbereich damit es Mobil besser aussieht */


/* Begin Mein Konto - Rechter Bereich Content Breite in abh. der Bildschirmauflösung angepasst */
.woocommerce-MyAccount-content {
    flex: 1 0 75%;
    max-width: none !important;
    width: auto !important;
}
/* End Mein Konto - Rechter Bereich Content Breite in abh. der Bildschirmauflösung angepasst */


/* Begin Mein Konto - Seite "Gekaufte Artikel" - Artikelzahl je Reihe in abh. der Bildschirmaufloesung angepasst */
@media (min-width: 1501px) {
    .page-id-15 .grid-columns-5 {
   	  --wd-col-lg: 6 !important;
      --wd-gap-lg: 0px !important;
    }
}

@media (min-width: 1251px) and (max-width: 1500px) {
    .page-id-15 .grid-columns-5 {
   	  --wd-col-lg: 5 !important;
      --wd-gap-lg: 0px !important;
    }
}

@media (min-width: 769px) and (max-width: 1250px) {
    .page-id-15 .grid-columns-5 {
   	  --wd-col-lg: 3 !important;
      --wd-gap-lg: 0px !important;			
    }
    .page-id-15 [class*="wd-grid"] {
      --wd-col: var(--wd-col-lg) !important;       
    }
}

/* Nur im angemeldeten Zustand 2 Spalten, da sonst Registrierungsseite auch 2 spaltig dargestellt wird */
@media (min-width: 200px) and (max-width: 950px) {
    .logged-in.page-id-15 .grid-columns-5 {
        --wd-col-lg: 2 !important;
        --wd-gap-lg: 0px !important;
    }
    .logged-in.page-id-15 [class*="wd-grid"] {
        --wd-col: var(--wd-col-lg) !important;
    }
}
/* End Mein Konto - Seite "Gekaufte Artikel" - Artikelzahl je Reihe in abh. der Bildschirmaufloesung angepasst */


/* Begin Gestaltung Anzahl Artikel abh. von Auflösung für "Ajax Produkt Tabs Element auf Homepage" */
/* Von 1251px bis 1500px sollen 5 Produkte nebeneinander in der Kacheloptik dargestellt werden; >1500px wie im Standard 6 */
@media (min-width: 1251px) and (max-width: 1500px) {
    .page-id-8477 .products.wd-products {
    --wd-col-lg: 6 !important;
	}
}

@media (min-width: 1000px) and (max-width: 1250px) {
    .page-id-8477 .products.wd-products {
    --wd-col-lg: 4 !important;
	}
}

@media (min-width: 769px) and (max-width: 999px) {
    .page-id-8477 .products.wd-products {
    --wd-col-lg: 3 !important;
	}
}
/* End Gestaltung Anzahl Artikel abh. von Auflösung für "Ajax Produkt Tabs Element auf Homepage" */


/* Grüner Haken vor Lagerstatus "instock" entfernen */
/* Auf der Artikeldetailseite und in der Schnellansicht */
p.stock.wd-style-with-bg.in-stock span::before {
  margin-inline-end: 5px;
  content: none !important;
  font-family: "woodmart-font";
}
/* Grüner Haken vor Lagerstatus "instock" entfernen */


/* Grüner Haken vor Lagerstatus "custom-status1" bis "custom-status5" entfernen */
p.stock.wd-style-with-bg.custom-status-1 span::before,
p.stock.wd-style-with-bg.custom-status-2 span::before,
p.stock.wd-style-with-bg.custom-status-3 span::before,
p.stock.wd-style-with-bg.custom-status-4 span::before,
p.stock.wd-style-with-bg.custom-status-5 span::before {
  margin-inline-end: 5px;
  content: none !important;
  font-family: "woodmart-font";
}
/* Grüner Haken vor Lagerstatus "custom-status-1" bis "custom-status-5" entfernen */


/* Custom Stock Status "custom-status-1" bis "custom-status-5" genauso designen wie in stock und availablle on backorder, könnte natürlich individualisiert werden Begin */
p.stock.wd-style-with-bg:is(.custom-status-1, .custom-status-2, .custom-status-3, .custom-status-4, .custom-status-5) span {
  background-color: #F1F7EB;
  color: #85B951;
}
/* Custom Stock Status "custom-status-1" bis "custom-status-5" genauso designen wie in stock und availablle on backorder, könnte natürlich individualisiert werden End */


/* Labels die im Standard nicht von Woodmart mitgebracht werden per CSS designen (Lagerstatus) Begin */
.product-labels {
    top: 7px !important;
    max-width: 75% !important; 
}
.product-label {
	  text-transform: none !important;  /* War vorher auf uppercase! */
}
.product-labels .product-label.in-stock {
	background-color:#438e44;
}
.product-labels .product-label.on-backorder {
  background-color:#438e44; 	
	/* background-color:#d89b65; // helles braun */
}
.product-labels .product-label.custom1 {
  background-color:#438e44;	
	/* background-color:#5562ed; // Blau */
}
.product-labels .product-label.custom2 {
	background-color:#d89b65;
}
.product-labels .product-label.custom3 {
	background-color:#d89b65;
}
.product-labels .product-label.custom4 {
	background-color:#d89b65;
}
.product-labels .product-label.custom5 {
	background-color:#d89b65;
}
/* Labels die im Standard nicht von Woodmart mitgebracht werden per CSS designen (Lagerstatus) End */


/* Layout Hintergrundfarbe der aktivierten/geklickten Swatches/Buttons bei variablen Produkten, die die Gebindegrößen vorgeben auf den Kacheln, der Schnellanzeigeansicht und der Artikeldetailansicht  */
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)), [class*="wd-swatches"].wd-text-style-4 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text {
	  /* Vorschlag 1: Schwarz (Standard)
    border-color: var(--color-gray-900);
    background-color: var(--color-gray-900);
    color: var(--color-white);
	  */
    /* Vorschlag 2: Dunkelblau wie die restlichen Buttons 
    border-color: var(--color-gray-900);
    background-color: #313ba9 !important;
    color: var(--color-white);
	  /* Vorschlag 3: grün wie die Buttons in den Warenkorb legen auf der Schnellansicht und den Artikeldetailseiten */
    border-color: #5bad20 !important;
    background-color: #5bad20 !important;
    color: var(--color-white);
}


/* Bei  aktivierten/geklickten Swatches/Buttons bei variablen Produkten, die die Gebindegrößen vorgeben, das ausgewählte Gebinde nochmals als Label hingeschrieben auf der Artikeldetailseite -> nimmt insb. mobil zuviel Platz weg -> deswegen wird das Label überall ausgeblendet, der Nutzer erkennt an der Hintergrundfarbe welches Gebinde er ausgewählt hat so wie bei allen anderen Bildschirmauflösungen  */ 
table.variations .label span {
    margin-left: 5px;
    display: none !important;
}


/* Auf der Suchergebnisseite kann - bspw. wenn keine Suchergebnistreffer vorliegen - eine weitere Suchmöglichkeit erscheinen. Diese macht keinen Sinn, da über den Header schon gesucht werden kann, deswegen wird die weitere Suchmöglichkeit ausgeblendet */
.no-products-footer .wd-search-form {
    display: none;
}


/* Produktsuche "Formular": also Suchvorschläge direkt sichtbar, das Dropdown "Kategorie wählen" im Suchfeld breiter setzen und z-index verändern, da sonst Suchergebnisse ÜBER dem Dropdown liegen Hinweis: im Moment nicht im Einsatz weil Vollbild Suche aktiv, wenn Suche "Formular" aktiv sein soll dann muss nachfolgender Code aktiv sein! */
.wd-dropdown-search-cat.wd-design-default {
   z-index: 999 !important;
}
.wd-search-cat>a {
    width: 180px !important;
}


/* Aktiver Link der blauen Navigationsleiste soll nicht grau sein sondern weiß bleiben */
:is(.color-scheme-light,.whb-color-light) .wd-nav[class*="wd-style-"] {
    --nav-color-active: white;
}


/* Unter den Karussels den Navigationspunkte Abstand nach oben verkürzen - in der Regel werden Karussels sowieso ohne diese Navigationspunkte im Frontend angezeigt */
.owl-dots {
  margin-top: -20px !important;
  text-align: center;
}


/* Warenkorb Seite: Ausblenden der Zeile "Zwischensumme" im "Warenkorb Summen" Kasten */
.cart-subtotal {
 display: none;
}


/* Kasse Begin */
/* Kassen Seite: Ausblenden der Rechnungsinformationen bei Kasse Layout 1 */
.elementor-element-c3ba8b7 {
 display: none;	
}
/* Kassen Seite: Ausblenden der Rechnungsinformationen bei Kasse Layout 2 */
.elementor-element-fb1a4a {
 display: none;	
}
/* Kassen Seite: Ausblenden des Strichs vor dem Button "Zahlungspflichtig bestellen" */
.woocommerce-terms-and-conditions-wrapper {
 display: none;	
}	
/* Kasse Seite: Hintergrundfarbe Edit Feld Liefer-/Abholdatum */
#e_deliverydate{
	background-color:#F2F2F2 !important;	
}
/* Kasse Seite: Abstand zwischen Liefer/Abholdatum und Bestellhinweisen erhöhen */
#orddd-lite-checkout-fields {
	margin-bottom:35px;
}	
/* Kasse Seite: Hintergrundfarbe Shop Table */
.woocommerce-checkout .shop_table {
    background-color: rgba(255,255,255,0.9);
}
/* Kasse Ende */


/* Mein Konto Bestellungen Detailseite Entfernen des Blocks Rechnungsadresse */
.woocommerce-customer-details {
	display: none;
}	


/* Mein Konto Bestellbestätigungsseite erneute Übersicht Bestellung ausblenden aber NUR DORT und nicht unter Mein Konto > Bestellungen deswegen mit page-id gearbeitet */
.page-id-14 .woocommerce-order-details {
	display: none;
}	


/* Mein Konto Bereich Dropdown im angemeldeten Zustand Neuanordnung Elemente Reihenfolge Begin */
.wd-dropdown.wd-dropdown-menu.wd-dropdown-my-account.wd-design-default ul {
    flex-direction: column;
    display: flex !important;
}
/* Gekaufte Artikel Eintrag (ehemals Dashboard) */
.woocommerce-MyAccount-navigation-link--dashboard {
    order: -20;
}
/* Alte Bestellungen Eintrag */
.woocommerce-MyAccount-navigation-link--orders {
    order: -5;
}
/* Einkaufslisten/Merkzettel Link*/ 
.woocommerce-MyAccount-navigation-link--wishlist {
    order: -15;
}
/* Bestellformular Link*/ 
.woocommerce-MyAccount-navigation-link--bestellung-schnelleingabe {
    order: -13;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
    order: 50;
}
/* Mein Konto Bereich Dropdown im angemeldeten Zustand Neuanordnung Elemente Reihenfolge End */


/* Ausblenden der Grundpreis/Einzelpreisinformation aus dem Plugin Woocommerce Germanized im NICHT ANGEMELDETEN ZUSTAND in allen Kacheln (also Kategorieseiten etc.) und in den Widgets "Zuletzt angesehene Produkte"; Hinweis: Es wird mit dem String ".b2bking_logged_out" gearbeitet, das ist ein CSS Selektion des Plugins B2BKing, dass diesen String mitliefert und mittels CSS für nicht angemeldete Benutzer bestimmte Elemente auszublenden! Damit das Ausblenden also funktioniert für nicht angemeldete Benutzer muss das Plugin B2BKing installiert sein! */
.b2bking_logged_out .price.price-unit.smaller.wc-gzd-additional-info.wc-gzd-additional-info-loop{
    display:none !important;
}

.b2bking_logged_out .price.price-unit.smaller.wc-gzd-additional-info{
    display:none !important;
}


/* Regeln Salesking Begin */
/* Begin Agent Switcher */
/* Position auf Flex gesetzt aus Positionierungsgründen 
#salesking_agent_switched_bar {
    position: unset !important; 
    z-index: 99999;
}
/* body padding-top auf 0px weil Agent Switcher nicht mehr im Header ist 
body {
    padding-top: 0px !important;
}
/* End Agent Switcher */

/* Begin Warenkorb Seite Buttons und DIV oben mit Buttons 
@media (min-width: 1025px) {
    body.page-id-13 .buttonsoben:after {
        content: "";
        display: block;
        height: 30px;
    }
}

@media (min-width: 577px) {
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto button + button,
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto button + input[type="submit"],
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto input[type="submit"] + button,
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto input[type="submit"] + input[type="submit"],
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto a + button,
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto a + input[type="submit"],
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto button + a,
    .page-id-13 .col-12.order-first.order-md-last.col-md-auto input[type="submit"] + a {
        margin-left: 10px;
    }
}
@media (max-width: 576px) {
    .page-id-13 .weitereinkaufen {
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
	  .page-id-13 .col-12.order-first.order-md-last.col-md-auto.buttonsoben {
  		  margin-top: -15px;
    		margin-bottom: 40px;
		}
}

/* Preis 
@media (max-width: 768.98px) {
		.page-id-13 .product-price input[type="number"] {
		    width: 105px;
				height: 40px;
				//font-size: 18px !important; 
		}
}

/* Menge 
@media (max-width: 768.98px) {
    body.page-id-13 :is(.woocommerce-cart-form__contents,.group_table) td.product-quantity :is(input[type="button"],input[type="number"],input[type="text"]) {
        height: 45px;
    }
}

/* Zwischensumme 
@media (max-width: 768.98px) {
		.page-id-13 .shop_table tr :is(td,th):last-child {
  		  text-align: right;
	  	  margin-top: 25px;    
	}
		.page-id-13 td.product-subtotal span {
	 	   font-size: 18px !important;
	}
}
/* Ende Warenkorb Seite Buttons und DIV oben mit Buttons */
/* Regeln für Salesking */
@media (min-width: 1025px) {
	/* Begin Mein Konto Erneut bestellen Fixing Aktionsbuttons Positionierung */
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
    display: table-cell !important;
    gap: 5px;
    justify-content: flex-end;
}
.order-again {
    margin-bottom: 0px !important;
    margin-left: 5px !important;
}
/* Ende Mein Konto Erneut Bestellen Fixing Aktionsbuttons Positionierung */

/* Sticky Loading Indicator auf Kategorien/Shopseiten Positionsanpassungen */
.wd-sticky-loader .wd-loader {
  position: fixed !important;
  /* Nur vertikal zentrieren */
  top: 47% !important;
  transform: translateY(-47%) !important;
  z-index: 1000 !important;
  /* Keine left-Angabe, damit das Theme die horizontale Ausrichtung regelt */
}


/* Mein Konto Sidebar ausblenden - Links ansteuerbar über Dropdown Mein Konto Icon rechts oben */
.wd-my-account-sidebar {
  display: none !important;
}

/* Ausblenden von überflüssigen Informationen - konkret Produkteigenschaften die on mouse over in den Artikelkarten (das sind in der Regel (auf jeden Fall die Hauptgruppe) nur interne Informationen aus der ADS Anwendung, die dem Endkunden keinen Mehrwert bieten) - erscheinen, hier konkret Haupt- und Nebengruppe: Dieser Code blendet das Element mit der Klasse woocommerce-product-attributes-item--attribute_pa_66 und woocommerce-product-attributes-item--attribute_pa_66 aus, wenn man mit der Maus über das übergeordnete Element mit der Klasse product-grid-item fährt. Auf den Artikeldetailseiten bleiben die Informationen bestehen! 
.product-grid-item:hover .woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}
.product-grid-item:hover .woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}
*/

/* Beim Standard Listview (also Tabellendarstellung anstatt Kacheln) ist im Standard max-heigt auf 154px begrenzt. Wenn dann viele Eigenschaftswerte angezeigt werden erscheint ein Scrollbalken rechts neben den Eigeschaftswerten für jedes Produkt. Das sieht nicht nur schlecht aus sondern erschwert die Bedienung (wenn man mit der Maus in dem Bereich ist scrollt man die Eigenschaftswerte und nicht die Seite) -> max-height wurde aus diesem Grund auf 354px erhöht! Dann sollten mindesten 8 Eigenschaftswerte untereinander passen bevor der Scrollbalken erscheint */
.product-list-item .shop_attributes tbody {
    max-height: 354px !important;
}

/* Vertikalene Abstand beim Standard Listview (also Tabellendarstellung anstatt Kacheln) zwischen 2 Produkten verkleinern -> padding-bottom auf 10px reduziert und flex von 30% auf 20% Teil2 Begin */
.product-list-item:not(:last-child) .product-wrapper {
    padding-bottom: 10px !important; 
}
/* Vertikalene Abstand beim Listview zwischen 2 Produkten verkleinern -> padding-bottom auf 10px reduziert und flex von 30% auf 20% Teil2 End */


/* Schatten Effekt hinter den Popups Hotline und Nachricht im Header -> nur im Desktop Modus notwendig weil Tablet/Mobil der Header die Links zu den Popups nicht besitzt! */
.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark {
  /* box-shadow: 0px 0px 20px 0px; ->	sehr kräftiger Schatten */
	/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; /* -> sehr leichter Schatten sieht auch sehr gut aus */
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  /*	-> mittelkräftiger Schatten */	
}

/* Wishlist (Einkaufliste/Merkliste Herz Symbol) Tooltip soll umbrechen wenn in der horizontalen nicht genug Platz ist auf den Kacheln */
.wd-buttons[class*="wd-pos-r"] .wd-wishlist-btn .wd-tooltip-label {
    margin-top: 0;
    transform: translate(0, -50%);
    height: auto;
    line-height: 1.2;
    padding: 10px 15px !important;
    min-width: 90px;
    white-space: unset;
}

/* Zeige immer alle Eigenschaftswerte auf den Kacheln auf einmal an (im Standard werden nur 3 angezeigt und dann erscheinen 3 Punkte auf die man klicken muss damit sich die Kachel vertikal erweitert -> soll dieser Effekt erscheinen nachfolgenden Code einfach wieder auskommentieren */
.website-wrapper .product-grid-item .wd-more-desc-btn {
    display: none;
}
.website-wrapper .product-grid-item .wd-more-desc {
    max-height: 100%;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Begin Mein Konto Erneut bestellen Fixing Aktionsbuttons Positionierung */
.order-again {
    margin-bottom: 0px !important;
    margin-left: 5px !important;
}
/* Ende Mein Konto Erneut Bestellen Fixing Aktionsbuttons Positionierung */


/* Sticky Loading Indicator auf Kategorien/Shopseiten Positionsanpassungen */
.wd-sticky-loader .wd-loader {
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -40%) !important;
  z-index: 1000 !important;
}


/* Mein Konto Sidebar ausblenden - Links ansteuerbar über Off Canvas Layer rechts unten Mein Konto */
.wd-my-account-sidebar {
  display: none !important;
}

/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/
/* Ohne diesen Code würde das Produkte in der Standard Ansicht dargestellt werden: entweder 2 Produkte nebeneinander (kacheloptik) (LAYOUT 1) oder weil ein Preset existiert ein großes Bild und darunter die Eigenschaften (LAYOUT 2) */
/* Bei diesem Layout ist es kurz und knapp Bild links und rechts Titel, Preis und Warenkorb Button + Mengenfeld: es wird also das Preset LAYOUT 2 mittels CSS modifiziert! */
body .product-list-item .product-wrapper {
		display: flex;
		align-items: center;
    flex-wrap: nowrap;
}

body .product-list-item .product-element-top {
		flex: 0 0 30%;
    margin-bottom: 0 !important;
    margin-right: 15px;
}

body .product-list-item .product-list-content {
		flex: 1 1 auto;
		text-align: start;
}

body .product-list-item .woocommerce-product-details__short-description {
	display: block;
}
/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn a {
	width: 50px;
	height: 35px;
}

body .product-list-item .product-wrapper .wd-add-btn-replace .add-to-cart-loop:before {
    transform: translateY(0) translateZ(0);
}

body .product-list-item .product-wrapper .wd-add-btn a span {
		display: none;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn {
	text-align: right;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Ausblenden von überflüssigen Informationen - konkret Produkteigenschaften die tabellarisch in der alternativen mobilen Ansicht (TABELLENLAYOUT -> List View siehe globales CSS ganz oben) (das sind in der Regel (auf jeden Fall die Hauptgruppe) nur interne Informationen aus der ADS Anwendung, die dem Endkunden keinen Mehrwert bieten) - erscheinen, hier konkret Hauptgruppe: Dieser Code blendet das Element mit der Klasse woocommerce-product-attributes-item--attribute_pa_66 und woocommerce-product-attributes-item--attribute_pa_66 aus, wenn man mit der Maus über das übergeordnete Element mit der Klasse product-grid-item fährt. Auf den Artikeldetailseiten bleiben die Informationen bestehen! /* Gebinde */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_11 {
    display: none;
}

/* Lieferland */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_22 {
    display: none;
}

/* HKL */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_33 {
    display: none;
}

/* Mengeneinheit2 */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_44 {
    display: none;
}

/* Hauptgruppe */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}

/* Herstellung */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}

/* Materialgruppe */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_77 {
    display: none;
}

/* Materialgruppe2 */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_88 {
    display: none;
}

/* PortalME */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_99 {
    display: none;
}

/* Einzeleinheit */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_111 {
    display: none;
}

/* Marke */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_222 {
    display: none;
}

/* Umstellungsartikel */
.product-list-content .woocommerce-product-attributes-item--attribute_pa_333 {
    display: none;
}

/* Beim Standard Listview (also Tabellendarstellung anstatt Kacheln) ist im Standard max-heigt auf 154px begrenzt. Wenn dann viele Eigenschaftswerte angezeigt werden erscheint ein Scrollbalken rechts neben den Eigeschaftswerten für jedes Produkt. Das sieht nicht nur schlecht aus sondern erschwert die Bedienung (wenn man mit der Maus in dem Bereich ist scrollt man die Eigenschaftswerte und nicht die Seite) -> max-height wurde aus diesem Grund auf 354px erhöht! Dann sollten mindesten 8 Eigenschaftswerte untereinander passen bevor der Scrollbalken erscheint */
.product-list-item .shop_attributes tbody {
    max-height: 354px !important;
}

/* Vertikalene Abstand beim Standard Listview (also Tabellendarstellung anstatt Kacheln) zwischen 2 Produkten verkleinern -> padding-bottom auf 10px reduziert Teil2 */
.product-list-item:not(:last-child) .product-wrapper {
    padding-bottom: 10px !important; 
}


/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-tools-element.wd-header-mobile-nav.wd-style-icon.wd-design-1.whb-e224ild7od7oenwibfmt {
	width: 55px !important;
	height: 40px !important;
}

/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-header-my-account.wd-tools-element.wd-event-hover.wd-design-1.wd-account-style-icon.login-side-opener.whb-wtesvuratkokmrpv4ixr {
	width: 55px !important;
	height: 40px !important;
}

}

@media (min-width: 577px) and (max-width: 767px) {
	/* Begin Mein Konto Erneut bestellen Fixing Aktionsbuttons Positionierung */
.order-again {
    margin-bottom: 0px !important;
    margin-left: 5px !important;
}
/* Ende Mein Konto Erneut Bestellen Fixing Aktionsbuttons Positionierung */


/* Sticky Loading Indicator auf Kategorien/Shopseiten Positionsanpassungen */
.wd-sticky-loader .wd-loader {
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -40%) !important;
  z-index: 1000 !important;
}


/* Mein Konto Sidebar ausblenden - Links ansteuerbar über Off Canvas Layer rechts unten Mein Konto */
.wd-my-account-sidebar {
  display: none !important;
}

/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/
/* Ohne diesen Code würde das Produkte in der Standard Ansicht dargestellt werden: entweder 2 Produkte nebeneinander (kacheloptik) (LAYOUT 1) oder weil ein Preset existiert ein großes Bild und darunter die Eigenschaften (LAYOUT 2) */
/* Bei diesem Layout ist es kurz und knapp Bild links und rechts Titel, Preis und Warenkorb Button + Mengenfeld: es wird also das Preset LAYOUT 2 mittels CSS modifiziert! */
/* Striche/Rahmen entfernen, der um die Produkte gelegt wird */
.product-list-item .product-wrapper {
    border: 0px !important; 
}

body .product-list-item .product-wrapper {
		display: flex;
		align-items: center;
    flex-wrap: nowrap;
}

body .product-list-item .product-element-top {
		flex: 0 0 30%;
    margin-bottom: 0 !important;
    margin-right: 15px;
}

body .product-list-item .product-list-content {
		flex: 1 1 auto;
		text-align: start;
}

body .product-list-item .woocommerce-product-details__short-description {
	display: block;
}
/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn a {
	width: 50px;
	height: 35px;
}

body .product-list-item .product-wrapper .wd-add-btn-replace .add-to-cart-loop:before {
    transform: translateY(0) translateZ(0);
}

body .product-list-item .product-wrapper .wd-add-btn a span {
		display: none;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn {
	text-align: right;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Vertikalene Abstand beim Listview zwischen 2 Produkten verkleinern -> margin-bottom von 30px auf 20px reduziert Teil1 -> Hinweis: um den vertikalen Abstand weiter zu verkleinern gibt's weitere CSS nur für den Desktop und das Tablet -> siehe nach Einträgen "Teil2"*/
.elementor-default .product-list-item:not(:last-child) .product-wrapper {
    margin-bottom: 20px !important;
}

/* Ausblenden von überflüssigen Informationen - konkret Produkteigenschaften die tabellarisch in der alternativen mobilen Ansicht (TABELLENLAYOUT -> List View siehe globales CSS ganz oben) (das sind in der Regel (auf jeden Fall die Hauptgruppe) nur interne Informationen aus der ADS Anwendung, die dem Endkunden keinen Mehrwert bieten) - erscheinen, hier konkret Hauptgruppe: Dieser Code blendet das Element mit der Klasse woocommerce-product-attributes-item--attribute_pa_66 und woocommerce-product-attributes-item--attribute_pa_66 aus, wenn man mit der Maus über das übergeordnete Element mit der Klasse product-grid-item fährt. Auf den Artikeldetailseiten bleiben die Informationen bestehen! */
/* Gebinde */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_11 {
    display: none;
}

/* Lieferland */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_22 {
    display: none;
}

/* HKL */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_33 {
    display: none;
}

/* Mengeneinheit2 */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_44 {
    display: none;
}

/* Hauptgruppe */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}

/* Herstellung */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}

/* Materialgruppe */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_77 {
    display: none;
}

/* Materialgruppe2 */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_88 {
    display: none;
}

/* PortalME */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_99 {
    display: none;
}

/* Einzeleinheit */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_111 {
    display: none;
}

/* Marke */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_222 {
    display: none;
}

/* Umstellungsartikel */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_333 {
    display: none;
}

/* Beim Standard Listview (also Tabellendarstellung anstatt Kacheln) ist im Standard max-heigt auf 154px begrenzt. Wenn dann viele Eigenschaftswerte angezeigt werden erscheint ein Scrollbalken rechts neben den Eigeschaftswerten für jedes Produkt. Das sieht nicht nur schlecht aus sondern erschwert die Bedienung (wenn man mit der Maus in dem Bereich ist scrollt man die Eigenschaftswerte und nicht die Seite) -> max-height wurde aus diesem Grund auf 354px erhöht! Dann sollten mindesten 8 Eigenschaftswerte untereinander passen bevor der Scrollbalken erscheint */
.product-list-item .shop_attributes tbody {
    max-height: 354px !important;
}

/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-tools-element.wd-header-mobile-nav.wd-style-icon.wd-design-1.whb-e224ild7od7oenwibfmt {
	width: 55px !important;
	height: 40px !important;
}

/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-header-my-account.wd-tools-element.wd-event-hover.wd-design-1.wd-account-style-icon.login-side-opener.whb-wtesvuratkokmrpv4ixr {
	width: 55px !important;
	height: 40px !important;
}

}

@media (max-width: 576px) {
	.wd-quantity-overlap {
    --quantity-space: 100px !important;
}


/* Begin Mein Konto Erneut bestellen Fixing Aktionsbuttons Positionierung */
.order-again {
    margin-bottom: 0px !important;
    margin-left: 5px !important;
}
/* Ende Mein Konto Erneut Bestellen Fixing Aktionsbuttons Positionierung */


/* Optimierung List View mobil */ 
@media (max-width: 576px) {
    /* Labels tiefer setzen */
    body .product-list-item .product-labels {
        position: static;
        margin-top: 40px !important;
    }
	
    /* Quick View + Favoriten Button tiefer seten*/
    .wd-buttons.wd-pos-r-t {
        top: 30px !important; 
    }	

    /* Abstand über den einzelnen Produkten */	
    .wd-product .product-wrapper {
        padding-top: 0px !important;
    }	
}

/* Sticky Loading Indicator auf Kategorien/Shopseiten Positionsanpassungen */
.wd-sticky-loader .wd-loader {
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -40%) !important;
  z-index: 1000 !important;
}


/* Mein Konto Sidebar ausblenden - Links ansteuerbar über Off Canvas Layer rechts unten Mein Konto */
.wd-my-account-sidebar {
  display: none !important;
}

.close-side-widget {
    pointer-events: auto;
    z-index: 1 !important; /* Stelle sicher, dass dieser Wert nicht höher ist als der des Buttons */
}

/* Shop- und Kategorieseite ganz oben Weißraum entfernen nach Header */
/* Kategorien */
[data-elementor-type="wp-post"][data-elementor-id="1283"].elementor-1283 {
    margin-top: -50px !important;
}
/* Shopseite */
[data-elementor-type="wp-post"][data-elementor-id="1229"].elementor-1229 {
    margin-top: -50px !important;
}

div.quantity input[type="number"] {
    width: 15px !important; 
}
.wd-quantity-overlap div.quantity input[type="button"] {
    min-width: 45px !important;    
}

/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-tools-element.wd-header-mobile-nav.wd-style-icon.wd-design-1.whb-e224ild7od7oenwibfmt {
	width: 55px !important;
	height: 40px !important;
}

/* Klickbaren Bereich im linken Hamburger Menü erhöhen, damit wenn man mit Touch unterwegs ist und damit Fingerbedienung hat die Trefferfläche größer ist */
.wd-header-my-account.wd-tools-element.wd-event-hover.wd-design-1.wd-account-style-icon.login-side-opener.whb-wtesvuratkokmrpv4ixr {
	width: 55px !important;
	height: 40px !important;
}

/* Begin Optimierung "Mein Konto" Navigationsblock */
.woocommerce-MyAccount-title {
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
/* Ende Optimierung "Mein Konto" Navigationsblock */

/* Für alle Mein Konto Seiten Abstände links rechts vom Container */
.woocommerce-MyAccount-content {
    padding-left: 30px; 
    padding-right: 30px; 
}

/* Optimierung Favoriten unter "Mein Konto" */
.page-id-291 .products-bordered-grid-ins .product-wrapper {   
	 padding: 6px !important;
	 --wd-gap-lg: 0px !important;
}


/* Optimierung Letzte gekaufte Artikel unter "Mein Konto": Artikeldarstellung (Listendarstellung) Abstände links und rechts */
.page-id-15 .products-bordered-grid-ins .product-wrapper {   
	 margin: -14px !important;
}

/* Meist verkaufte Artikel - Optimierung Kacheldarstellung */
.page-id-12035 .products.wd-stretch-cont-sm {    
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.page-id-12035 .products {
    --wd-gap-lg: 0px !important;
}

/* Neue Artikel - Optimierung Kacheldarstellung */
.page-id-12079 .products.wd-stretch-cont-sm {    
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.page-id-12079 .products {
    --wd-gap-lg: 0px !important;
}

/* Empfohlene Artikel/Sonderangebote - Optimierung Kacheldarstellung */
.page-id-12010 .products.wd-stretch-cont-sm {    
    margin-left: -20px !important;
    margin-right: -20px !important;
    --wd-gap-lg: 0px !important;
}
.page-id-12010 .products {
    --wd-gap-lg: 0px !important;
}

/* Shop- und Kategorieseiten und alle Seiten in denen Listendarstellung benutzt wird: Kaufen Button */
.product-list-item .wd-add-btn .add-to-cart-loop span {
    padding-left: 5px !important;
    padding-right: 5px !important;	
}

/* Kategorieseiten Artikeldarstellung (Listendarstellung) Abstände links und rechts */
.elementor-1283 .elementor-element.elementor-element-023c2c3 {
    margin: -14px !important;
}

/* Shopseiten Artikeldarstellung (Listendarstellung) Abstände links und rechts */
.elementor-1229 .elementor-element.elementor-element-0000ff6 {
    margin: -14px !important;
}

/* Kategorieseiten Abstände Kategorieüberschriften (graue Box) links und rechts */
.elementor-1283 .elementor-element.elementor-element-804f58a {
    margin-left: -20px !important;
    margin-right: -20px !important;	
}

/* Shopseiten Abstände Kategorieüberschriften (graue Box) links und rechts */
.elementor-element-c385ca1 {
    margin-left: -20px !important;
    margin-right: -20px !important;	
}

/* Styling Mengen- + Buy Buttons List View */
/* Begin Anpassung wegen Wood 7.3 */
body .product.product-list-item .wd-add-btn {
	display: block;
}
/* End Anpassung wegen Wood 7.3 */
.product-list-item.wd-quantity .wd-add-btn div.quantity :is(input[type="button"],input[type="number"],input[type="text"]) {
    height: 45px !important;
    width: 40px !important;
    margin-bottom: 8px !important;	  
}
.product-list-item .wd-add-btn .add-to-cart-loop span {
    min-height: 45px !important;
}
.product-list-item div.quantity {
    margin-right: 8px !important;	    
}
.product.product-list-item .product-list-content {
     gap: 7px !important;
}

/* Styling Mengen- + Buy Buttons Quick View Layer */
.mfp-with-anim.wd-popup.popup-quick-view form.cart {
    gap: 15px !important;
    height: 50px !important;
}
.mfp-with-anim.wd-popup.popup-quick-view div.quantity input[type="button"] {
    height: 50px !important;  
	  min-width: 45px !important;    
}
.mfp-with-anim.wd-popup.popup-quick-view div.quantity input[type="number"] {
    width: 45px !important; 
}
.mfp-with-anim.wd-popup.popup-quick-view div.quantity :is(input[type="number"],input[type="text"]) {
    height: 50px !important;
}

/* Styling Mengen- + Mini Cart Layer */
.widget_shopping_cart_content form.cart {
    gap: 15px !important;
    height: 45px !important;
}
.widget_shopping_cart_content div.quantity input[type="button"] {
    height: 45px !important;  
	  min-width: 40px !important;    
}
.widget_shopping_cart_content div.quantity input[type="number"] {
    width: 40px !important; 
}
.widget_shopping_cart_content div.quantity :is(input[type="number"],input[type="text"]) {
    height: 45px !important;
}

/* Styling Kasse Seite Mengen Buttons */
.woocommerce-checkout-review-order-table div.quantity input[type="button"] {
    height: 45px !important;  
	  min-width: 40px !important;    
}
.woocommerce-checkout-review-order-table div.quantity input[type="number"] {
    width: 40px !important; 
}
.woocommerce-checkout-review-order-table div.quantity :is(input[type="number"],input[type="text"]) {
    height: 45px !important;
}



/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/
/* Ohne diesen Code würde das Produkte in der Standard Ansicht dargestellt werden: entweder 2 Produkte nebeneinander (kacheloptik) (LAYOUT 1) oder weil ein Preset existiert ein großes Bild und darunter die Eigenschaften (LAYOUT 2) */
/* Bei diesem Layout ist es kurz und knapp Bild links und rechts Titel, Preis und Warenkorb Button + Mengenfeld: es wird also das Preset LAYOUT 2 mittels CSS modifiziert! */

/* Striche/Rahmen entfernen, der um die Produkte gelegt wird */
.product-list-item .product-wrapper {
    border: 0px !important; 
}

/* Platz über dem Preis und unter dem Preis */
body .product-grid-item .price {
    margin-bottom: 13px !important;
    margin-top: 13px !important;
}

/* Patz über und unter dem Kaufen Butto erhöhen */
body .product-list-item .wd-add-btn {
    margin-top: 20px !important;
    margin-bottom: 5px !important;
}

/* Diese Regel setzt die Productlabels weiter nach oben links als im Standard, wo sie im im Layout 3 dann die Produktbilder überlagern würden */
body .product-list-item .product-labels {
  position: static; /* Setze die Position auf static, um die vorherige Regel zu überschreiben */
}

body .product-list-item .product-wrapper {
		display: flex;
	  align-items: center;	/* wird diese Zeile weggelassen beginn die Labels ganz oben links in der Ecke */
    flex-wrap: nowrap;
}

body .product-list-item .product-element-top {
		flex: 0 0 40%;  /* von urspr. 30% auf 40% gesetzt - Wert bestimmt Größe des Produktbildes (bzw. des DIVS wo das Bild drinliegt) */
    margin-bottom: 0 !important;
    margin-right: 15px;
}

body .product-list-item .product-list-content {
		flex: 1 1 auto;
		text-align: start;
}

body .product-list-item .woocommerce-product-details__short-description {
	display: block;
}
/* List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3*/

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn a {
	width: 50px;
	height: 35px;
}

body .product-list-item .product-wrapper .wd-add-btn-replace .add-to-cart-loop:before {
    transform: translateY(0) translateZ(0);
}

body .product-list-item .product-wrapper .wd-add-btn a span {
		display: none;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) Begin  
body .product-list-item .product-wrapper .wd-add-btn {
	text-align: right;
}
/* Weitere Anpassungen List View auf Shop- und Kategorieseiten NUR AUF MOBILE SMARTPHONE Begin LAYOUT 3 Add To Cart Button (remove the text and leave the icon) End */

/* Vertikalene Abstand beim Listview zwischen 2 Produkten verkleinern -> margin-bottom von 30px auf 20px reduziert Teil1 -> Hinweis: um den vertikalen Abstand weiter zu verkleinern gibt's weitere CSS nur für den Desktop und das Tablet -> siehe nach Einträgen "Teil2"*/
.elementor-default .product-list-item:not(:last-child) .product-wrapper {
    margin-bottom: 0px !important;
}

/* Ausblenden von überflüssigen Informationen - konkret Produkteigenschaften die tabellarisch in der alternativen mobilen Ansicht (TABELLENLAYOUT -> List View siehe globales CSS ganz oben) (das sind in der Regel (auf jeden Fall die Hauptgruppe) nur interne Informationen aus der ADS Anwendung, die dem Endkunden keinen Mehrwert bieten) - erscheinen, hier konkret Hauptgruppe: Dieser Code blendet das Element mit der Klasse woocommerce-product-attributes-item--attribute_pa_66 und woocommerce-product-attributes-item--attribute_pa_66 aus, wenn man mit der Maus über das übergeordnete Element mit der Klasse product-grid-item fährt. Auf den Artikeldetailseiten bleiben die Informationen bestehen! */
/* Gebinde */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_11 {
    display: none;
}

/* Lieferland */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_22 {
    display: none;
}

/* HKL */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_33 {
    display: none;
}

/* Mengeneinheit2 */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_44 {
    display: none;
}

/* Hauptgruppe */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_55 {
    display: none;
}

/* Herstellung */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_66 {
    display: none;
}

/* Materialgruppe */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_77 {
    display: none;
}

/* Materialgruppe2 */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_88 {
    display: none;
}

/* PortalME */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_99 {
    display: none;
}

/* Einzeleinheit */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_111 {
    display: none;
}


/* Marke */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_222 {
    display: none;
}


/* Umstellungsartikel */
.product-list-content.wd-scroll .woocommerce-product-attributes-item--attribute_pa_333 {
    display: none;
}



/* Beim Standard Listview (also Tabellendarstellung anstatt Kacheln) ist im Standard max-heigt auf 154px begrenzt. Wenn dann viele Eigenschaftswerte angezeigt werden erscheint ein Scrollbalken rechts neben den Eigeschaftswerten für jedes Produkt. Das sieht nicht nur schlecht aus sondern erschwert die Bedienung (wenn man mit der Maus in dem Bereich ist scrollt man die Eigenschaftswerte und nicht die Seite) -> max-height wurde aus diesem Grund auf 354px erhöht! Dann sollten mindesten 8 Eigenschaftswerte untereinander passen bevor der Scrollbalken erscheint */
.product-list-item .shop_attributes tbody {
    max-height: 354px !important;
}

/* Checkout Page / Kasse Bestellbestätigungsseite Alle Striche weg zwischen Bestellnummer, Datum und E-Mail im Hochkantmodus */
:is(.woocommerce-thankyou-order-details,.wc-bacs-bank-details) li {
    border-bottom: none !important;
}

/* Suche "Full Screen 2 / Vollbild 2": leichte justierung damit auch auf etwas kleineren Smartphones immer ZWEI Artikel bei den Suchergebnissen nebeneinander stehen und nicht nur 1 */ 
/* Anstatt 160 steht im Original Code 170 und dann wird nur 1 Ergebnistreffer anstatt 2 nebeneinander angezeigt */
.wd-search-full-screen-2 .autocomplete-suggestions {
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr)) !important; 
}



}