/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
  --search-filter-input-selection-background-color: red;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("assets/fonts/IBMPlexSans-Regular.woff2") format("woff2"),
    url("assets/fonts/IBMPlexSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("assets/fonts/IBMPlexSans-Bold.woff2") format("woff2"),
    url("assets/fonts/IBMPlexSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("assets/fonts/IBMPlexSans-Light.woff2") format("woff2"),
    url("assets/fonts/IBMPlexSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.user-info-secondary {
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding-left: 20px;
}

.font-bold a {
  font-weight: 800;
}

.show-on-mobile {
  display: none !important;
}

.search-filter-style--id-1.search-filter-style--choice-select {
  --search-filter-scale-font-size: 15px !important;
}

.search-filter-component-combobox-base__listbox-option {
  font-size: 15px !important;
}

.product-brand {
  max-width: 140px;
  width: 100%;
}

.product-brand img {
  margin-bottom: 0 !important;
}

.product-attributes-wrapper,
.title-artikel-wrapper .product-attributes-wrapper {
  order: 3;
}

.filter__btn{
  display: inline-block;
  width: 200px;
  text-align: center;
  padding: 15px !important;
  min-height: 56px;
}

.title-artikel-wrapper .product-brand {
  order: 1;
}

.customclasslistView .product-brand {
  margin-bottom: 0px;
}

.customclasslistView .product-attributes-wrapper {
  margin-bottom: 20px;
  padding-right: 30px;
}

.user-info-secondary a {
  color: var(--global-color-4);
  position: relative;
}

.user-info-secondary a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  border-bottom: 1px solid var(--global-color-4);
  width: 0%;
  transition: 0.3s ease-in-out;
}

.user-info-secondary a:hover::after {
  width: 100%;
}

/* #GLOBAL */

.wp-block-button__link {
  border-radius: 8px;
}

.wc-block-cart-items__header-total {
  display: none;
}

.logged-in .secondary-navigation .inside-navigation {
  justify-content: space-between !important;
}

.btn-design-2 {
  color: #fff !important;
}

.hero-bg {
  background-color: url("/wp-content/uploads/2025/04/Group-6207.jpg");
}

html {
  overflow-x: hidden;
  scroll-padding-top: 120px;
}

.btn-design-2 .gb-shape {
  margin-left: 20px;
}

a {
  transition: 0.3s ease-in-out;
}

body.archive .site-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.custom-subtaxonomies {
  width: 100%;
  /* padding: 40px; */
  padding-bottom: 0;
}

.custom-subtaxonomies ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(433px, 1fr));
  list-style: none;
  margin: 0;
}

.out-of-stock,
.stock-status.out-of-stock.txt-orange {
  color: orange !important;
}

.out-of-stock,
.stock-status.out-of-stock.txt-orange::before {
  color: orange !important;
}

.custom-subtaxonomies ul li:hover .subcategory-thumb {
  border-color: var(--global-color-4) !important;
}

.subcategory-thumb {
  max-width: 66px !important;
  border: 1px solid #eaebea !important;
  border-radius: 8px;
  margin-left: -2px;
  transition: 0.3s ease-in-out;
}

.custom-subtaxonomies li a {
  color: #000;
  text-decoration: none;
  text-transform: capitalize;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
}
.custom-subtaxonomies li a::after {
  content: "";
  border-bottom: 1px solid var(--global-color-4);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  width: 0%;
  transition: 0.3s ease-in-out;
}

.custom-subtaxonomies li a:hover::after {
  width: 100%;
}

.custom-subtaxonomies li:hover {
  /* border: 1px solid #000; */
}

.filter-btn-wrapper {
  margin-bottom: 20px;
}

.custom-subtaxonomies li {
  /* padding: 10px 20px; */
  background: #fff;
  margin: 0 20px 20px 0;
  border: 1px solid #fff;
}

.woocommerce-products-header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.custom-title-layout {
  margin: auto 0;
}

.layout-switcher {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}

.wrapbtnradio1 img,
.wrapbtnradio2 img {
  position: absolute;
}

.wrapbtnradio1:hover,
.wrapbtnradio2:hover {
  cursor: pointer;
  border: 1px solid #dedede;
}

.wrapbtnradio1 {
  margin-right: 10px;
}

.wrapbtnradio1,
.wrapbtnradio2 {
  width: 40px;
  border: 1px solid #f7f8f9;
}

.customclasslistView li.product {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
}

.customclasslistView a.woocommerce-LoopProduct-link .price {
  margin: auto 25px !important;
}

.customclasslistView a.woocommerce-LoopProduct-link h2 {
  margin: auto 25px !important;
}

.customclasslistView a.woocommerce-LoopProduct-link img {
  max-width: 200px !important;
}

.customclasslistView a.woocommerce-LoopProduct-link {
  display: flex !important;
  align-content: center !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  width: 90% !important;
}

a.add_to_cart_button.ajax_add_to_cart {
  font-size: 16px;
  margin: auto;
  margin-top: auto !important;
}

.accordionwrap .gb-accordion__item .gb-accordion__toggle-3ac520b1 {
  justify-content: flex-end;
  font-size: 14px;
  margin-bottom: 30px;
}
.accordionwrap .gb-accordion__item {
  padding: 0;
  border: 0;
}

.gb-element-3427a343 {
  padding-bottom: 5px;
}

.gb-element-a9cfe975,
.gb-element-7a0b0745,
.gb-element-f8ab2cc0 {
  align-items: end;
}

.customclasslistView a.woocommerce-LoopProduct-link {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
  width: 100% !important;
  border: 2px solid #a8aea6 !important;
  padding-bottom: 0 !important;
  border-radius: 8px 0 0px 8px !important;
  border-right: 0 !important;
}

.customclasslistView a.woocommerce-LoopProduct-link img {
  margin-bottom: 0 !important;
}

.customclasslistView .product-top {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  gap: 30px;
  margin-bottom: -2px;
}

.customclasslistView .title-artikel-wrapper{
  display: grid !important; 
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  align-items: center !important;
}

.stock-status.in-stock {
  padding-left: 10px;
  position: relative;
  color: #3fc60e;
}

.stock-status.in-stock::before {
  content: "●";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  color: #3fc60e;
}

.stock-status.out-of-stock {
  padding-left: 10px;
  position: relative;
  color: var(--wc-red);
}

.stock-status.out-of-stock::before {
  content: "●";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  color: orange;
}

.cart-qty-price-wrap {
  position: relative;
}

.stock-status.on-backorder {
  padding-left: 10px;
  position: relative;
  color: #eda437;
}

.stock-status.on-backorder::before {
  content: "●";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  color: #eda437;
}

.customclasslistView .product-bottom {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}

.customclasslistView .woocommerce-Price-amount.amount {
  font-size: 24px !important;
}

.customclasslistView .price-sku-wrap {
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: end;
}

.customclasslistView .title-artikel-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.search-filter-field__input {
  margin: var(--search-filter-input-margin);
  width: calc(
    100% - var(--search-filter-input-margin-left) -
      var(--search-filter-input-margin-right)
  );
  max-width: 200px !important;
}
.customclasslistView .title-artikel-wrapper h2.woocommerce-loop-product__title {
  margin: 0 !important;
}

.customclasslistView .view-product-button {
  margin-left: auto !important;
  margin-right: unset !important;
}

.customclasslistView .woocommerce-LoopProduct-link {
  position: relative;
}

.customclasslistView .woocommerce-LoopProduct-link::after {
  content: "";
  position: absolute;
  left: 65%;
  top: 0;
  bottom: 0;
  border-right: 1px solid #a8aea6 !important;
  height: 80%;
  margin-top: auto;
  margin-bottom: auto;
}

.product-top .product-attributes-wrapper p {
  margin-bottom: 0 !important;
}

.title-sku-wrapper{
  display: flex;
  flex-direction: column;
}

/* #HEADER */

#menu-primary-menu li a {
  padding-right: 40px !important;
  height: 100%;
}

.woocommerce-ordering,
#menu-primary-menu > .menu-item-has-children > a {
  position: relative;
}

#menu-primary-menu > .menu-item-has-children > a::after {
  content: url("/wp-content/uploads/2025/04/Path-10427.svg");
  position: absolute;
  right: 15px;
  top: 0;
  transform: rotate(90deg);
  transition: 0.3s ease-in-out;
}

#menu-primary-menu > .menu-item-has-children:hover > a::after {
  transform: rotate(270deg);
}

.woocommerce-ordering select.orderby {
  background: #eaebea !important;
  border: none !important;
  border-radius: 8px;
  padding: 10px 40px 10px 10px;
  font-size: 16px;
  color: #2a3526;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23a8ada6' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 95% center !important;
  background-size: 18px 12px !important;
  cursor: pointer;
}

.header-woo-menu button,
.header-woo-menu a:not(.product__link) {
  background-color: var(--global-color-4);
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}

#menu-secondary-menu .current-menu-item a::after {
  width: 100%;
}

.header-woo-menu button:hover,
.header-woo-menu a:not(.product__link):hover {
  background-color: #000;
}

.wc-block-mini-cart__badge,
.header-woo-menu button,
.header-woo-menu a svg {
  color: #fff;
}

.wc-block-mini-cart__badge {
  font-weight: 300 !important;
}

#menu-primary-menu li {
  transition: 0.3s ease-in-out;
}

#menu-secondary-menu li a {
  position: relative;
}

#menu-secondary-menu li a:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--global-color-4);
  width: 0%;
  transition: 0.3s ease-in-out;
}

#menu-secondary-menu li a:hover:after {
  width: 100%;
}

#menu-primary-menu li:hover {
  /* background-color: var(--global-color-4); */
  /* color: #fff; */
}

.mega-menu > .sub-menu {
  padding-top: 40px;
  padding-bottom: 40px;
}

.main-navigation .main-nav ul ul li a {
  text-align: left;
}

.site-header {
  position: relative;
  transition: transform 0.4s ease-in-out;
}

.site-header::after {
  content: "";
  border-bottom: 2px solid #a8aea6;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

#primary-menu {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

#menu-primary-menu {
  width: 100%;
  justify-content: space-between;
}

.main-navigation .main-nav ul li a {
  line-height: 52px;
}

.main-navigation .main-nav > ul {
  flex-wrap: nowrap !important;
}

#menu-primary-menu > li {
  background-color: #eaebea;
  border-radius: 8px;
  max-width: 200px;
  width: 100%;
  text-align: center;
}

#menu-primary-menu li .sub-menu {
  box-shadow: none !important;
  border-radius: 8px;
}

#menu-primary-menu .gp-icon svg {
  width: 2em;
  height: 2em;
  top: 50%;
  right: 10px;
  position: relative;
  transform: translateY(10px);
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-right: 0;
  padding-left: 0;
}

#menu-primary-menu li .sub-menu li {
  border-radius: 8px;
  border: none;
}

#menu-primary-menu {
  gap: 20px;
  padding-top: 40px;
}

#menu-primary-menu .dropdown-menu-toggle {
  position: absolute;
  right: 0;
}

#menu-primary-menu li a {
  padding-right: 20px;
}

/* #CART */

.woocommerce-button.order-actions-button:hover,
.wc-block-components-quantity-selector__button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.woocommerce-button.order-actions-button,
.wc-block-cart__submit-container a {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}

.wc-block-cart__submit-container a:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.wc-block-components-checkout-place-order-button {
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}

.wc-block-components-checkout-place-order-button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.woocommerce-checkout .entry-content .alignwide,
.woocommerce-cart .entry-content .alignwide {
  margin-left: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wc-block-components-order-summary-item__quantity {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}

.wp-block-woocommerce-mini-cart-title-items-counter-block {
  display: none;
}

.wc-block-components-quantity-selector__button {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}

.wc-block-components-quantity-selector
  .wc-block-components-quantity-selector__button {
  opacity: 1 !important;
}

.wc-block-components-product-name {
  text-decoration: none;
}

.wc-block-cart-item__remove-link,
.wc-block-components-product-name {
  color: var(--global-color-4) !important;
  position: relative;
  text-decoration: none !important;
}

.wc-block-cart-item__total {
  display: none;
}

.wc-block-mini-cart__footer-actions a {
  text-decoration: none;
}

.wc-block-mini-cart__footer-actions a {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 10px 20px;
  transition: 0.3s ease-in-out;
}

.wc-block-mini-cart__footer-actions a:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.wc-block-cart-item__remove-link::after,
.wc-block-components-product-name::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--global-color-4);
  width: 0%;
  transition: 0.3s ease-in-out;
}

.wc-block-cart-item__remove-link:hover::after,
.wc-block-components-product-name:hover::after {
  width: 100%;
}

/* table,
tbody,
thead,
td,
th,
tr, */
/* .woocommerce table.shop_table, */
/* .woocommerce table.shop_table td, */
.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-components-totals-wrapper,
.is-large.wc-block-cart .wc-block-cart-items,
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block tr,
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block tr td,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block {
  border-color: #a8aea7 !important;
}

.woocommerce .woocommerce-customer-details address {
  border: 1px solid #a8aea6;
}

/* .woocommerce table.shop_table td{ border: none;} */

.wc-block-components-radio-control--highlight-checked
  .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: #2a3526 !important;
}
.wc-block-components-radio-control
  .wc-block-components-radio-control__input:checked:before {
  background: var(--global-color-4) !important;
}

.woocommerce-thankyou-order-received {
  background: var(--global-color-4);
  color: #fff;
  padding: 40px;
}

/* #ACCOUNT */

.woocommerce-MyAccount-navigation ul {
  margin-left: 0px !important;
  list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
  text-align: center;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li a {
  background-color: #eaebea;
  text-align: center;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 10px;
  transition: 0.3s ease-in-out;
  width: 100%;
}

.wc-block-components-button,
.woocommerce-Button,
.woocommerce-button {
  background-color: var(--global-color-4) !important;
  color: #fff !important  ;
  font-weight: 400 !important;
  border-radius: 8px !important;
}

.woocommerce-LostPassword a {
  text-decoration: none !important;
  position: relative;
}

.woocommerce-LostPassword a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--global-color-4);
  width: 0%;
  transition: 0.3s ease-in-out;
}

.woocommerce-LostPassword a:hover::after {
  width: 100%;
}

.wc-block-components-button:hover,
.woocommerce-Button:hover,
.woocommerce-button:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.woocommerce-MyAccount-navigation ul li {
  display: flex;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}

/* #SINGLE PRODUCT */

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div {
  border: none;
}

.woocommerce-product-gallery .flex-viewport {
  border: 1px solid #a8ada6;
  border-radius: 8px;
}

.woocommerce-product-gallery
  .flex-control-nav.flex-control-thumbs
  > li:first-child {
  margin-left: 0 !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  margin-top: 20px !important;
  margin-left: 0 !important;
}

.single-product .up-sells ul.products li.product .onsale {
  bottom: 25px !important;
  right: 9px !important;
  top: unset !important;
}

.single-product .up-sells ul.products li.product .image-wrapper {
  position: relative !important;
}

.single-hero-image-wrapper {
  position: relative;
}

.woocommerce-Tabs-panel ul {
  margin-left: 17px;
  margin-bottom: 17px;
}

.single-hero-image-wrapper .onsale {
  top: 20px !important;
}

.layout-custom-single-product {
  display: grid;
  grid-template-columns: 20% 80%;
}

.back-to-category-button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 90px;
}

.woocommerce-product-details__short-description {
  margin-bottom: 30px;
}

.single-product-desc .product-sku {
  margin-bottom: 30px;
}

.back-to-category-button p {
  margin-bottom: 0;
}

.single-product .entry-summary .price {
  display: flex;
  flex-direction: column;
}

form.cart {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 20px;
}

form.cart .single_add_to_cart_button {
  max-width: 250px;
  background-color: #a8ada6 !important;
  color: #fff !important;
  font-weight: 400 !important;
  border-radius: 8px !important;
  position: relative;
  padding-bottom: 13px;
  transition: 0.3s ease-in-out;
}

form.cart .single_add_to_cart_button:hover {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}

form.cart .single_add_to_cart_button::after {
  content: url("/wp-content/uploads/2025/04/Group-6118.svg");
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  background: var(--global-color-4);
  border-radius: 8px;
}

form.cart .price {
  color: #2a3526 !important;
}

form.cart .woocommerce-Price-amount.amount {
  font-weight: 800 !important;
}

form.cart .woocommerce-price-suffix {
  color: #a8ada6;
}

form.cart input[type="number"] {
  border: 2px solid #a8ada6;
  border-radius: 8px;
  padding: 10px 7px;
  color: #a8ada6;
  font-weight: 800;
}

.woocommerce-product-details__short-description {
  position: relative;
  padding-top: 100px;
  padding-bottom: 40px;
  border-bottom: 1px solid #a8ada6;
  border-top: 1px solid #a8ada6;
}

.woocommerce-product-details__short-description::before {
  content: "Produktbeschrieb";
  position: absolute;
  top: 40px;
  font-size: 24px;
  font-weight: 800;
}

.woocommerce-product-gallery__wrapper {
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  overflow: hidden;
}

form.cart p {
  /* order: -1; */
  /* position: absolute; */
  /* left: 90px; */
  /* top: 15px; */
}

.file-list .file-item {
  margin-bottom: 15px !important;
}

.cart-qty-price-wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}

.cart-qty-price-wrap .price {
  margin-bottom: 0;
}

.filter-reset,
.add_to_cart_button.ajax_add_to_cart,
.single-product-button {
  text-decoration: none;
  background-color: var(--global-color-4) !important;
  color: #fff !important;
  padding: 10px 10px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}

.filter-reset {
  padding: 13px 20px;
}

.filter-toggle {
  border-radius: 8px;
}

.filter-toggle:hover,
.filter-reset:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.tabs.wc-tabs {
  padding-top: 120px !important;
  padding-left: 5vw !important;
  margin-bottom: 0 !important;
}

.tabs.wc-tabs li {
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 8px !important;
  margin-left: 10px;
  border-color: #a8ada6 !important;
  transition: 0.3s ease-in-out;
}

.tabs.wc-tabs li:hover {
  background-color: #d4d6d3 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-color: #a8ada6 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  content: none;
}

.subcategory-item {
  margin-bottom: 20px !important;
}

.subcategory-item.parent__cat a{
  padding:20px;
}

.subtaxonomies-column li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 40px;
}
.custom-subtaxonomies-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.custom-subtaxonomies-columns ul {
  flex: 1;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.subcategory-item a {
  background-color: #eaebea !important;
  padding: 0px 20px 0px 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap:20px;
  transition: 0.3s ease-in-out;
}

.subcategory-item a:hover {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}

.custom-subtaxonomies li a::after {
  content: none;
}

.subcategory-item a svg {
  margin-left: auto;
}

.subcategory-item a svg path {
  fill: #a9aea8 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin-right: 10px;
}

.tabs.wc-tabs li.active {
  background-color: #d4d6d3 !important;
  border-radius: 8px 8px 0 0 !important;
}

.tabs.wc-tabs li a {
  font-weight: 300 !important;
}

.add_to_cart_button.ajax_add_to_cart:hover,
.single-product-button:hover {
  background-color: #000 !important;
}

.add_to_cart_button.ajax_add_to_cart {
  font-weight: 300 !important;
}

.file-item svg {
  margin-left: 10px;
}

div#shipping
  .wc-block-components-text-input.wc-block-components-address-form__custom-billing-invoice-email-custom {
  display: none;
}

.file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.related.products {
  margin-top: 160px;
  border-bottom: 1px solid #a8ada6;
  padding-bottom: 30px;
}

.related.products h2 {
  font-size: 48px;
  color: #a8ada6 !important;
  font-weight: 300 !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
  max-width: 52px;
  border-radius: 8px;
  border: 1px solid #a8ada6 !important;
  overflow: hidden;
  margin-left: 16px !important;
}

.woocommerce-Tabs-panel {
  padding-left: 4.5vw !important;
  padding-right: 4.5vw !important;
  border: 1px solid #a8ada6 !important;
  border-top: none !important;
  padding-top: 3vw !important;
  padding-bottom: 3vw !important;
}

.message-locked {
  display: flex;
  align-items: center;
  gap: 40px;
}

.cstm-tab-icon {
  max-width: 16px !important;
  margin-right: 10px;
}

.cat-buttons {
  padding: 1rem 1rem 1rem 2rem !important;
  width: 100%;
  position: relative;
}

.gb-element-3d5f545e .cat-buttons {
  display: flex;
  align-items: center;
}

.gb-element-3d5f545e .cat-buttons .gb-text {
  hyphens: auto;
}

.gb-element-3d5f545e .cat-buttons {
  height: 100%;
}

.gb-element-3d5f545e .cat-buttons {
  padding: 1rem 2rem 1rem 2rem !important;
}

.cat-buttons .gb-shape {
  position: absolute;
  right: 1vw;
}

.cat-buttons:hover {
  background-color: #2a3526 !important;
  color: #fff !important;
}

.cat-buttons .gb-shape {
  margin-left: 2vw;
}

.cat-buttons .gb-text {
  font-size: 24px;
}

.glossar-wrapper table {
  text-align: left;
}

.eigenschaften-tooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #888;
}
.eigenschaften-tooltip .eigenschaften-tooltip-text {
  visibility: hidden;
  width: 220px;
  background: #222;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px 12px;
  position: absolute;
  z-index: 10;
  bottom: 125%; /* Show above */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.2s;
  font-size: 13px;
  pointer-events: none;
}
.eigenschaften-tooltip:hover .eigenschaften-tooltip-text {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.overlay-bg {
  position: relative;
}

.overlay-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
}

/* #SHOP */

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: transparent;
  color: var(--global-color-4);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a {
  position: relative;
}

.woocommerce nav.woocommerce-pagination ul li span.current::after,
.woocommerce nav.woocommerce-pagination ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  border-bottom: 1px solid var(--global-color-4);
  width: 0%;
  transition: 0.3s ease-in-out;
}
.woocommerce nav.woocommerce-pagination ul li span.current::after,
.woocommerce nav.woocommerce-pagination ul li a:hover::after {
  width: 100%;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
}

.woocommerce-products-header {
  flex-direction: column;
}

.custom-tax-shop-layout-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-shop-layout-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.woocommerce-no-products-found {
  margin-top: 40px;
}

/* .woocommerce-result-count, */
.post-type-archive-product .filter-toggle {
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  border-radius: 8px;
}

.custom-shop-layout-wrapper .page-description {
  order: -1;
}

/* .post-type-archive-product .woocommerce-products-header{
  gap: 30px;
} */

.search-filter-label {
  border-bottom: 1px solid #a8aea6 !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

.search-filter-component-combobox {
  border-radius: 50px !important;
}

/* 
.search-filter-query--id-1 { position: relative; }

.search-filter-query--id-1 .gb-accordion__content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px ;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    z-index: 9;
    -webkit-box-shadow: -2px 43px 53px -12px rgba(0,0,0,0.23);
    -moz-box-shadow: -2px 43px 53px -12px rgba(0,0,0,0.23);
    box-shadow: -2px 43px 53px -12px rgba(0,0,0,0.23);
} */

.woocommerce-loop-product__title {
  font-weight: 800 !important;
  color: var(--global-color-4) !important;
  font-size: 24px !important;
}

.woocommerce table.shop_attributes th {
  width: 40%;
  border: 1px solid #eee !important;
  padding-left: 8px;
  text-align: left !important;
}

.woocommerce table.shop_attributes {
  border: none;
}

.woocommerce table.shop_attributes td {
  width: 60%;
  border: 1px solid #eee !important;
  padding-left: 8px;
  border-left: none !important;
}

/* .archive */
.products li .price {
  color: var(--global-color-4) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* .archive */
.products li .price .woocommerce-price-suffix {
  color: #a8ada6 !important;
  font-weight: 300 !important;
  display: block !important;
  font-size: 14px !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border-bottom: 1px solid #a8aea6 !important;
  padding-bottom: 40px !important;
}

.woocommerce ul.products li.product a img {
  border-radius: 8px !important;
  border: 1px solid #a8aea6 !important;
}

.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
}

.woocommerce-loop-product__link .product-sku {
  margin-bottom: 5px;
  order: 2;
  font-size: 16px;
}



.woocommerce-loop-product__link .price {
  margin-bottom: 14px !important;
  order: 3;
}

.gb-element-3427a343,
.gb-element-a9cfe975 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Optional: space between items */
}

.search-filter-label {
  font-weight: 800 !important;
  font-size: 16px !important;
}

.gb-element-3427a343 > div,
.gb-element-a9cfe975 > div {
  flex: 0 1 200px; /* Grow/shrink, min width of 200px */
  max-width: 100%;
}

.related.products h2.woocommerce-loop-product__title {
  font-weight: 800 !important;
  color: #2a3526 !important;
  font-size: 24px !important;
}

.single-product .entry-summary .price {
  top: -6px;
}

.products
  li
  .woocommerce-loop-product__link
  a.add_to_cart_button.ajax_add_to_cart {
  order: 5;
  margin-left: unset !important;
}

.customclasslistView
  li
  .woocommerce-loop-product__link
  a.add_to_cart_button.ajax_add_to_cart {
  order: 5;
  margin-left: auto !important;
}

.woocommerce .customclasslistView li.product .woocommerce-loop-product__title {
  min-height: auto !important;
}

.single-product.woocommerce .single-product-desc span.onsale {
  background-color: #d05d5d;
  border-radius: 8px;
  margin: 0;
  padding: 0 10px;
  top: 130px;
  left: 20px;
}

.woocommerce .products .price-sku-wrap .price {
  display: flex !important;
  flex-direction: column;
}

/* .upsells.products{ display: none;} */

.up-sells.upsells.products {
  margin-top: 160px;
}

.single-product-desc .product-categories {
  display: none;
}

.woocommerce ul.products li.product .onsale {
  background-color: #d05d5d;
  border-radius: 8px;
  right: 7px;
  top: 170px;
  margin: 0;
  padding: 0 10px;
}

.best-selling-products > img {
  height: 250px;
  max-width: 250px;
  object-fit: contain;
}

.best-selling-products .product-brand img {
  border: none !important;
}

.best-selling-products span.onsale,
.woocommerce ul.products.customclasslistView li.product .onsale {
  background-color: #d05d5d;
  border-radius: 8px;
  right: 0px;
  top: 11px;
  margin: 0;
  padding: 0 10px;
}

.best-selling-products span.onsale {
  position: absolute;
  position: absolute;
  background-color: #d05d5d;
  border-radius: 8px;
  right: 7px;
  top: 206px;
  margin: 0;
  padding: 0 10px;
  right: 15px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700;
}

.best-selling-products .woocommerce-loop-product__link {
  position: relative;
}

/* #FOOTER */

.generate-back-to-top.generate-back-to-top__show {
  background-color: var(--global-color-4);
  border-radius: 8px;
}

.btn-design-2::after {
  content: none !important;
}

.footer {
  position: relative;
}

.footer::after {
  content: "";
  background: url("/wp-content/uploads/2025/04/AdobeStock_610826707.png");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
}

.footer-links a {
  text-decoration: none;
  position: relative;
}

.footer-links a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #2a3526;
  width: 0;
  transition: 0.3s ease-in-out;
}

.footer-links a:hover::after {
  width: 100%;
}

/* Container for live search */
.make__50__width button,
.make__50__width a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-search-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  margin-right: 114px;
  margin-left: 70px;
}
.live-search-icon {
  position: absolute;
  top: 0;
  right: -40px;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: #2a3526;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-search-results p {
  margin: 0;
}
.live-search-loader {
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
}

/* HTML: <div class="loader"></div> */
.live-search-container .loader__search {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #0000;
  border-right-color: #2a352697;
  position: relative;
  animation: l24 1s infinite linear;
}
.live-search-container .loader__search:before,
.live-search-container .loader__search:after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 2s;
}
.live-search-container .loader__search:after {
  animation-duration: 4s;
}
@keyframes l24 {
  100% {
    transform: rotate(1turn);
  }
}
input#live-search {
  border-radius: 8px;
  height: 50px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* Style the search input */
.live-search-input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}

/* Container for live search results */
.live-search-results {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 999999;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
  margin: 0;
  border-radius: 8px;
}

/* Hide empty results container */
.live-search-results:empty {
  display: none;
}

/* Each product item in the live search */
.product__live__search {
  display: flex;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #eee;
  transition: background-color 0.3s ease;
}

.product__live__search:hover {
  background-color: #f9f9f9;
}

.product__live__search:last-child {
  border-bottom: none;
}

/* Thumbnail image container */
.product__image {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 4px;
}

.product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content for product title and price */
.product__content {
  flex: 1;
}

.product__title {
  font-size: 16px;
  margin: 0 0 4px;
  color: #333;
  line-height: 1.2;
}
.product__content a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.product__price {
  font-size: 14px;
  color: #888;
}

/*homepage*/
a.gb-text.btn-main {
  color: #d4d6d3;
  position: relative;
  display: inline-flex;
}
a.gb-text.btn-main:after {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.667' height='14' viewBox='0 0 18.667 14'%3E%3Cpath id='arrow_right_alt' d='M10.033,12.308l4.142-4.142H0V5.833H14.175L10.033,1.692,11.667,0l7,7-7,7Z' fill='%23d4d6d3' style='isolation: isolate'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 14px;
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
}
a.gb-text.btn-main:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18.667' height='14' viewBox='0 0 18.667 14'%3E%3Cpath id='arrow_right_alt' d='M10.033,12.308l4.142-4.142H0V5.833H14.175L10.033,1.692,11.667,0l7,7-7,7Z' fill='%232a3526' style='isolation: isolate'/%3E%3C/svg%3E%0A");
}

.gb-text.btn-main:hover {
  color: var(--global-color-4);
}
.woocommerce ul.products.customclasslistView li.product a .product-top img {
  margin-left: -1px;
  margin-top: -1px;
  border: 2px solid #a8aea6 !important;
  height: 100%;
  object-fit: cover;
}

.woocommerce ul.products.customclasslistView li.product {
  border: none !important;
  padding-bottom: 0 !important;
}

.post-type-archive-product .products.columns-5 .sale-image-wrapper {
  position: relative;
}

/* .post-type-archive-product .products.columns-5 .sale-image-wrapper .onsale{
  bottom: 30px;
  top: unset;
} */

/* #ERROR404 */

.error404 #page {
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error404 .wp-container-6228c31dd73fe.wp-block-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.error404 .wp-container-6228c31dd73fe.wp-block-buttons a:hover {
  background-color: #000;
  color: #fff;
}

.customclasslistView .product-attributes-wrapper .product-lpr,
.customclasslistView
  .product-attributes-wrapper
  .product-spannzange-systemgroesse,
.customclasslistView .product-attributes-wrapper .product-dconws {
  display: block;
}

.product-attributes-wrapper .product-lpr,
.product-attributes-wrapper .product-spannzange-systemgroesse,
.product-attributes-wrapper .product-dconws {
  display: none;
}

.title-artikel-wrapper .product-sku {
  margin-bottom: 0;
}

/* #FORM */
body .gform_wrapper input,
body .gform_wrapper textarea {
  background-color: #eaebea !important;
  border: none !important;
  border-radius: 8px;
  padding: 10px;
}

.gform_wrapper .gform_footer input[type="submit"] {
  background-color: var(--global-color-4) !important;
  color: #fff !important;
  transition: 0.3s ease-in-out;
  padding: 10px 30px !important;
  border-radius: 6px !important;
  border: none !important;
  float: right !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
  background-color: #000 !important;
}

.gform-theme--framework
  input[type="checkbox"]:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ):checked::before {
  color: var(--global-color-4) !important;
  box-shadow: none !important;
}

.gform-theme--framework input[type="checkbox"] {
  cursor: pointer;
}

.gform-theme--framework input[type="checkbox"]:is(:focus) {
  box-shadow: none !important;
  outline: none !important;
}

.gform_fields {
  gap: 20px !important;
}


select {
  background-color: #eaebea !important;
  border: none !important;
  border-radius: 8px;
  padding: 10px;
  font-size: 16px;
  color: #2a3526;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.products li .price .woocommerce-price-suffix {
  color: #909290 !important;
}

.woocommerce
  ul.products.customclasslistView
  li.product
  a
  .product-top
  .product-brand
  img,
.woocommerce ul.products li.product .product-brand img {
  border: none !important;
}

.woocommerce-MyAccount-content{
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}

.woocommerce-MyAccount-content > p:first-of-type {
    display: none;
}

.woocommerce-MyAccount-content #custom{ display: none;}

.woocommerce-address-fields__field-wrapper p:last-child{ display: none;}

.woocommerce-MyAccount-cstm{
  order: -1;
}

.custom-cart-button{ margin-top: 20px; }

.custom-cart-btn{
  display: flex;
  flex-direction: column-reverse !important;
  margin-bottom: 10px;
}

.woocommerce a.added_to_cart{ display: block; }

.customclasslistView .custom-cart-btn {
  display: flex;
  flex-direction: column-reverse;
}

 .custom-cart-btn a{
  width: max-content;
 }

 .woocommerce ul.products li.product  .custom-cart-btn a img{ border-radius: 0 !important;}

.custom-cart-btn a{ 
  display: grid !important;
  grid-template-columns: 5fr 1fr !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product .custom-cart-btn a.button img{
  border:  none !important;
  border-radius: none !important;
  margin-bottom: 0 !important;
}

.custom-cart-btn img{ margin-bottom: 14px !important; }

.customclasslistView  .custom-cart-btn a{ border: none !important; }

.custom-cart-btn a::after {
  content: none !important;
}

.customclasslistView .custom-cart-btn{ 
  margin-bottom: 10px;
  margin-right: 25px; }

.customclasslistView .price-sku-wrap{
    flex-direction: column-reverse;
    align-items: end;
}




@media (min-width: 1025px) {
  nav .main-nav .mega-menu {
    position: static;
  }

  nav .main-nav .mega-menu > ul {
    position: absolute;
    width: 100%;
    left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    max-width: 93vw !important;
    margin: 0 auto;
    left: 0;
    right: 0;
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  nav .main-nav .mega-menu > ul > li > a {
    font-weight: bold;
  }

  nav .main-nav .mega-menu > ul > li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
  }

  nav .main-nav .mega-menu.mega-menu-col-2 > ul > li {
    width: 50%;
  }

  nav .main-nav .mega-menu.mega-menu-col-3 > ul > li {
    width: 33.3333%;
  }

  nav .main-nav .mega-menu.mega-menu-col-5 > ul > li {
    width: 18%;
  }

  nav .main-nav .mega-menu > ul > li a {
    position: relative;
  }

  nav .main-nav .mega-menu > ul > li a {
    padding-left: 0;
    padding-right: 0;
  }

  nav .main-nav .mega-menu > ul > li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    border-bottom: 1px solid #a8aea7 !important;
    width: 100%;
    transition: 0.3s ease-in-out;
  }

  nav .main-nav .mega-menu > ul > li a::before {
    content: url("/wp-content/uploads/2025/04/Path-10427.svg");
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out;
  }

  nav .main-nav .mega-menu > ul > li a:hover::before {
    filter: invert(0%) sepia(91%) saturate(5%) hue-rotate(220deg)
      brightness(93%) contrast(101%);
  }

  nav .main-nav .mega-menu > ul > .menu-item-has-children .sub-menu a:hover {
    font-weight: normal;
    text-shadow: 0px 0px 1px black;
  }

  nav .main-nav .mega-menu > ul > li a:hover::after {
    border-color: var(--global-color-4) !important;
  }

  nav .main-nav .mega-menu > ul > li:hover > a,
  nav .main-nav .mega-menu > ul > li:focus > a,
  nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
  nav .main-nav .mega-menu ul ul {
    background-color: transparent !important;
    color: inherit;
  }

  nav .main-nav .mega-menu ul .sub-menu {
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    width: 100%;
    box-shadow: 0 0 0;
    left: 0;
    height: auto;
    pointer-events: auto;
    transform: scale(1);
  }

  nav .main-nav .mega-menu ul.toggled-on .sub-menu {
    pointer-events: auto;
  }

  nav
    .main-nav
    .mega-menu
    .sub-menu
    .menu-item-has-children
    .dropdown-menu-toggle {
    display: none;
  }
}

@media (min-width: 1400px) {
  nav .main-nav .mega-menu > ul {
    max-width: 1360px !important;
  }
}

@media (min-width: 1600px) {
  .gb-element-613151bf {
    margin-left: auto;
    max-width: 86vw !important;
  }
}

@media (max-width: 1599px) {
  .gb-element-613151bf {
    margin-left: auto;
    max-width: 95vw !important;
  }

  a.filter-reset,
  .filter-btn-wrapper button,
  .filter-btn-wrapper a {
    width: 100%;
    max-width: 200px !important;
    display: inline-block;
    padding: 13px;
    text-align: center;
  }

  .filter-btn-wrapper {
    margin-bottom: 30px;
  }
}

@media (max-width: 1200px) {
  .gb-element-19d58576 {
    grid-template-columns: 1fr !important;
    row-gap: 40px;
  }
}

@media (max-width: 1024px) {
  .layout-switcher {
    justify-content: left;
  }

 .slide-opened .wc-block-customer-account__account-icon circle {
    stroke: var(--global-color-4) !important;
  }

  .slideout-navigation.do-overlay .inside-navigation {
    max-width: 1024px !important;
  }

  .main-navigation .main-nav > ul {
    padding-left: 20px !important;
  }

  .inside-header {
    /* border-top: 20px solid #D4D6D3; */
    background-color: #eaebea;
    transition: 0.3s ease-in-out;
  }

  .menu-toggle .gp-icon.icon-menu-bars {
    padding: 10px;
    background-color: #fff;
  }

  .slide-opened .inside-header,
  .slide-opened.mobile-menu-open .inside-header {
    /* border-top: 20px solid #D4D6D3; */
    background-color: transparent;
  }

  .live-search-container input {
    background: #fff !important;
  }

  .show-on-mobile {
    display: block !important;
  }

  .slide-opened .site-logo img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(125deg)
      brightness(103%) contrast(103%);
  }

  .main-navigation .main-nav > ul {
    padding: 10px;
  }

  #generate-slideout-menu .main-nav {
    padding-top: 200px;
  }

  .site-header::after {
    content: none;
  }

  .slide-opened .live-search-icon {
    transition: 0.3s ease-in-out;
  }

  .slide-opened .header-woo-menu button,
  .slide-opened .header-woo-menu a:not(.product__link) {
    background-color: #a8ada8;
  }

  .slide-opened .live-search-icon path,
  .slide-opened .header-woo-menu button svg circle,
  .slide-opened .header-woo-menu button svg path,
  .slide-opened .header-woo-menu a:not(.product__link) svg path {
    fill: var(--global-color-4) !important;
  }
  .slide-opened .live-search-icon {
    background-color: #a8ada8;
  }

  .slide-opened input[type="search"] {
    background-color: #fff !important;
  }

  .slide-opened .site-header {
    z-index: 1000002 !important;
    background: var(--global-color-4) !important;
  }

  .slideout-exit.has-svg-icon {
    position: fixed !important;
    z-index: 1000008;
  }

  .slide-opened .slideout-exit.has-svg-icon {
    z-index: 1000009 !important;
  }

  #menu-primary-menu-1 li a {
    padding-left: 0;
    width: 100%;
  }

  #menu-primary-menu-1 .menu-item-has-children > a {
    font-weight: 800;
  }

  #menu-primary-menu-1 li a {
    border-bottom: 1px solid #a8aea7 !important;
  }

  #menu-primary-menu-1 .sub-menu {
    padding-left: 30px;
  }

  #menu-primary-menu-1 li.sfHover a .gp-icon.icon-arrow {
    transform: rotate(360deg);
  }

  #menu-primary-menu-1 li a .gp-icon.icon-arrow {
    transform: rotate(270deg);
    transition: 0.3s ease-in-out;
  }

  .home #page {
    padding-top: 200px;
  }

  #page {
    padding-top: 190px;
  }

  #generate-slideout-menu.do-overlay .slideout-menu li {
    text-align: left !important;
  }

  #masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }

  #site-navigation {
    position: fixed;
    top: 43px;
    right: 10px;
    z-index: 1000008;
    transition: transform 0.4s ease-in-out;
  }

  .slide-opened .gp-icon.icon-menu-bars svg:nth-child(2) {
    display: none;
  }

  .slide-opened.mobile-menu-open .gp-icon.icon-menu-bars:nth-child(2),
  .slide-opened .gp-icon.icon-menu-bars svg:nth-child(2) {
    display: block !important;
    background-color: #a8ada8 !important;
    border-radius: 8px;
  }

  #site-navigation .menu-toggle {
    text-align: end;
    padding-right: 10px;
  }

  .slide-opened.mobile-menu-open .gp-icon.icon-menu-bars svg:first-child,
  .slide-opened .gp-icon.icon-menu-bars svg:first-child {
    display: none !important;
  }

  .slide-opened .wc-block-mini-cart__badge {
    color: var(--global-color-4);
  }

  .gp-icon.icon-menu-bars {
    /* padding: 10px; */
    border-radius: 8px;
  }

  .slide-opened .menu-toggle .gp-icon.icon-menu-bars {
    background-color: #a8ada8;
    padding: 10px;
    border-radius: 8px;
  }

  #site-navigation .menu-toggle svg {
    height: 2em;
    width: 2em;
    top: 0.125em;
    position: relative;
    fill: currentColor;
  }

  .slide-opened .toggled .icon-menu-bars svg:nth-child(2),
  .slide-opened.mobile-menu-open .toggled .icon-menu-bars svg:nth-child(2),
  .mobile-menu-open .toggled .icon-menu-bars svg:nth-child(1) {
    display: block !important;
  }

  .mobile-menu-open .toggled .icon-menu-bars svg:nth-child(2) {
    display: none !important;
  }

  .slideout-exit.has-svg-icon {
    position: fixed !important;
    z-index: 1000008;
    right: 10px !important;
    top: 20px !important;
    background-color: #a8ada8 !important;
  }

  .slideout-exit.has-svg-icon {
    position: fixed !important;
    z-index: 1000008;
    right: 10px !important;
    top: 20px !important;
    background-color: #a8ada8 !important;
    display: none !important;
  }

  #site-navigation .menu-toggle {
    text-align: end;
  }

  /* #site-navigation, */
  #secondary-navigation {
    display: none;
  }

  .cloned-navigation {
    display: block !important;
  }

  span.mobile-menu {
    display: none !important;
  }

  .main-navigation .main-nav > ul {
    flex-wrap: wrap !important;
  }

  .site-logo {
    max-width: 240px;
    margin-right: unset !important;
  }
  .inside-header {
    display: flex;
    align-items: self-start;
    flex-direction: column;
  }

  .live-search-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    margin-right: 44px;
    margin-left: 0;
  }

  .gb-element-329dc960 {
    margin-top: 40px;
    padding-left: 0 !important;
  }

  /* .site-header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }



  .slideout-exit.has-svg-icon{
    position: fixed !important;
    right: 30px !important;
    top: 30px !important;
    z-index: 999999;
  } */

  .gb-element-433eecdc {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    padding-left: 50px;
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .gb-element-fd15a20b {
    padding-bottom: 0 !important;
  }

  .gb-element-f94fc448 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: -1;
  }

  .back-to-category-button {
    margin-bottom: 40px;
  }

  .up-sells.upsells.products .products.columns-5 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    column-gap: 20px !important;
  }
  .up-sells.upsells.products .products.columns-5::before {
    content: none;
  }

  .up-sells.upsells.products .products.columns-5 li {
    width: 100% !important;
  }

  .woocommerce-loop-product__title {
    font-size: 20px !important;
  }
}

@media (max-width: 991px) {
  .customclasslistView .price-sku-wrap * {
    font-size: 15px;
  }
  #site-navigation {
    transition: 0.3s ease-in-out;
  }

  #site-navigation {
    position: fixed;
    top: 30px;
    right: 0px;
  }
  .mobile-menu-open #site-navigation {
    position: fixed;
    top: 30px;
    right: 0px;
  }
  .slide-opened #site-navigation {
    position: fixed;
    top: 30px;
    right: 0px;
  }

  /* .customclasslistView .woocommerce-LoopProduct-link::after {
    left: 53%;
  } */

  .customclasslistView .product-top {
    gap: 10px;
  }

  .customclasslistView .title-artikel-wrapper * {
    font-size: 14px !important;
  }

  .customclasslistView .sale-image-wrapper h2 {
    font-size: 17px !important;
  }

  .woocommerce ul.products.customclasslistView li.product a .product-top img {
    height: auto;
  }

  .customclasslistView .product-top {
    grid-template-columns: 20% 77%;
    align-items: center;
  }
  .customclasslistView
    li
    .woocommerce-loop-product__link
    a.add_to_cart_button.ajax_add_to_cart {
    margin-bottom: unset !important;
  }
  .customclasslistView .product-bottom {
    padding-bottom: 15px;
  }
}

@media (max-width: 768px) {

  .custom-subtaxonomies-columns ul{ flex: 100%; }

  .layout-switcher{ display: none;}

  .woocommerce ul.products.customclasslistView li.product a .product-top img {
    border: none !important;
    margin-left: 0px;
    margin-top: 0px;
  }

  .woocommerce-price-suffix{
    text-align: start !important;
  }

  .main-navigation .main-nav > ul {
    padding: 10px !important;
  }

  .live-search-results {
    margin-right: calc(-120vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    left: 0;
    right: 0;
    margin-left: 0px;
  }

  .cat-buttons .gb-shape {
    margin-right: 20px;
  }

  .slider-post-repeater .aktion-custom-arrow.slick-next {
    right: -17px !important;
  }

  .custom-subtaxonomies ul {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
  }

  .subcategory-item {
    margin-right: 0 !important;
  }

  .custom-tax-shop-layout-wrapper {
    flex-direction: column;
  }

  /* .customclasslistView a.woocommerce-LoopProduct-link .price{ margin-right: 0 !important;} */

  .customclasslistView a.woocommerce-LoopProduct-link {
    border-right: 2px solid #a8aea7 !important;
    padding-right: 10px;
    border-radius: 8px !important;
  }

  .woocommerce ul.products.customclasslistView li.product .onsale {
    right: unset;
    left: 10px;
  }

  .post-type-archive-product .filter-toggle {
    margin-bottom: 20px;
  }

  .filter-btn-wrapper {
    gap: 30px;
    margin-bottom: 30px;
  }

  .customclasslistView .product-bottom {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    padding-bottom: 15px;
  }

  .customclasslistView .woocommerce-LoopProduct-link::after {
    content: none;
  }

  .customclasslistView .product-top {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .customclasslistView .product-bottom {
    padding-left: 10px;
  }

  .customclasslistView .product-bottom a {
    margin-top: 10px !important;
  }

  .customclasslistView a.woocommerce-LoopProduct-link {
    grid-template-columns: 1fr;
  }
  .customclasslistView .title-artikel-wrapper {
    padding: 15px;
    padding-top: 0;
    right: 0;
  }

  .products
    li
    .woocommerce-loop-product__link
    a.add_to_cart_button.ajax_add_to_cart {
    margin-left: unset !important;
  }

  .products.columns-1.customclasslistView {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 500px !important;
    margin: 0 auto !important;
  }

  .products.columns-1.customclasslistView li {
    width: 100% !important;
  }

  .up-sells.upsells.products {
    margin-top: 50px;
  }

  .woocommerce-Tabs-panel h2 {
    font-size: 25px !important;
  }

  .wc-tabs {
    display: none !important;
  }
  .woocommerce-tabs .accordion-tabs {
    display: block;
  }
  .accordion-tab {
    border-bottom: 1px solid #ddd;
  }
  .accordion-tab-title {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 18px;
    background: #f9f9f9;
    color: #000;
    border: 1px solid #a8ada6;
    /* font-weight: 600; */
    text-align: left;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
    transition: background 0.2s;
  }

  .accordion-tab-title.active,
  .accordion-tab-title:focus {
    /* background: #e0e0e0; */
    background: #a8ada6 !important;
    /* outline: none; */
  }

  .accordion-tab-content {
    display: none;
    padding: 18px;
    background: #fff;
    animation: fadeIn 0.3s;
  }
  .accordion-tab-content.active {
    display: block;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .woocommerce-tabs.wc-tabs-wrapper
    .accordion-tabs
    .accordion-tab
    .accordion-tab-title {
    position: relative;
  }

  .woocommerce-tabs.wc-tabs-wrapper
    .accordion-tabs
    .accordion-tab
    .accordion-tab-title::after {
    content: "-";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out;
  }

  .woocommerce-tabs.wc-tabs-wrapper
    .accordion-tabs
    .accordion-tab
    .accordion-tab-title.active::after {
    content: "+";
  }
  .search-filter-field__input {
    margin: var(--search-filter-input-margin);
    width: calc(
      100% - var(--search-filter-input-margin-left) -
        var(--search-filter-input-margin-right)
    );
    max-width: 300px !important;
  }


  .customclasslistView li > div{
    width: 100%;
    grid-template-columns: 1fr;
  }

  .customclasslistView .title-artikel-wrapper{
    grid-template-columns: 1fr  !important;
  }

  .customclasslistView .product-bottom{
    grid-template-columns: 1fr  !important;
  }

  .customclasslistView a.woocommerce-LoopProduct-link img,
  .customclasslistView .product-top img{ max-width: 100% !important; }

  .woocommerce .products .price-sku-wrap .price{
    display:  block !important;
  }

  .customclasslistView .price-sku-wrap{
    justify-content: start !important;
  }

  .customclasslistView a.woocommerce-LoopProduct-link .price{
    margin-left: unset !important;
  }

}

@media (max-width: 600px) {
  .filter-btn-wrapper button,
  .filter-btn-wrapper a {
    width: 100%;
    max-width: 100%;
  }

  /* .gb-element-3427a343, .gb-element-a9cfe975 {
      display: grid !important;
      grid-template-columns: 1fr !important;
  }

  .search-filter-field__input{
    max-width: 100% !important;
    width: 100% !important;
  } */

  .filter-btn-wrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .gb-element-3427a343 > div,
  .gb-element-a9cfe975 > div {
    flex: 0 1 350px;
  }

  .customclasslistView a.woocommerce-LoopProduct-link .price {
    margin-right: 0 !important;
  }

  .customclasslistView .product-bottom {
    grid-template-columns: 1fr;
  }
}

.woocommerce-Tabs-panel {
  border-top: 1px solid #a8ada6 !important;
}

.customclasslistView .woocommerce-Price-amount.amount {
  font-size: 24px !important;
}

.customclasslistView del{ 
  position: relative;
  text-decoration: none !important;}

.customclasslistView del::after {
  content: " ";
  position: absolute;
top: 50%;
left: 0;
right: 0;
border-bottom: 2px solid var(--global-color-4);
opacity: 0.5;
}

.customclasslistView del .woocommerce-Price-amount.amount  span,
.customclasslistView   del .woocommerce-Price-amount.amount bdi {
  position: relative;
  /* text-decoration: none !important; */

}

.search-filter-component-combobox-base__listbox-option--selected,
.search-filter-base li:hover{
  background-color: var(--global-color-4) !important;
  color: #fff !important;
}