/* TEMP FIX: hide filter toggle */
.archive.tax-product_tag .bwp-top-bar.top .button-filter-toggle,
.archive.tax-product_cat .bwp-top-bar.top .button-filter-toggle {
  display: none;
}

/* PRODUKT-BUTTON AUF PLP DEAKTIVIEREN */
.products-list.grid .product-wapper.content-product3 .product-button {
  display: none !important;
}

.cb-specialplp-loadmore {
  cursor: pointer;
  transition: all ease 0.3s;
  padding: 10px 40px !important;
}

.cb-specialplp-loadmore:hover {
  background-color: black;
  color: white;
}

/* LAYOUT */
/* Breadcrumbs anpassen */
.cb-header-plp .breadcrumb-noheading .container {
  max-width: 1440px;
  padding: 0;
}

.cb-header-plp .breadcrumb-noheading .breadcrumb a:hover,
.main-single-product .breadcrumb-noheading .breadcrumb a:hover {
  color: var(--red);
}

.cb-header-plp .breadcrumb-noheading .container .breadcrumb {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: var(--light-grey);
  margin-left: 0;
}
/* Inhaltsbreite */
.cb-header-plp .cb-header-plp-inner {
  /* 	max-width: 1440px; */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row nowrap;
}
.cb-header-plp .cb-header-plp-inner .cb-textcol {
  flex-basis: 45%;
  padding-left: calc(
    (100% - 1440px) / 2
  ); /* 	Berechnung: nimm die ganze Seitenbreite (100%), ziehe davon die Breite des Inhalts (1440px) ab, und halbiere das Ergebnis - damit bekommst 
                                               * 	du die Breite eines Seitenrands */
  padding-right: 10em;
  position: relative;
}
/* Padding left für kleinere Bildschirme */
@media only screen and (max-width: 1440px) {
  .cb-header-plp .cb-header-plp-inner .cb-textcol {
    padding-left: 3em;
  }

  /*.cb-header-plp .breadcrumb-noheading .container .breadcrumb{
		padding-left: 1.5em;
	}*/
}
.cb-header-plp .cb-header-plp-inner .cb-textcol:after {
  content: "";
  position: absolute;
  background-color: var(--white);
  left: 0;
  right: 0;
  bottom: 0;
  height: 15%;
}
.cb-header-plp .cb-header-plp-inner .cb-imgcol {
  flex-basis: 55%;
}
.cb-header-plp .cb-header-plp-inner .cb-imgcol img {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
}

/* Textanpassungen */
.cb-header-plp-inner .cb-textcol h1 {
  font-family: "Tertre";
  font-size: 1.75em;
  font-weight: bold;
  text-transform: uppercase;
}

.cb-textcol .cb-plp-desc {
  font-size: 1em;
  padding-bottom: 2em;
}

.cb-textcol .cb-plp-headerbtn {
  border: 1px solid;
  font-family: "Tertre";
  font-weight: 500;
  padding: 1em 1.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cb-textcol .cb-plp-headerbtn:hover {
  color: var(--red) !important;
}

/* Filter */
.container .bwp-top-bar.top {
  margin-top: 4em;
}

/* PRODUKT-KACHELN */
.specialplp-template-default .main-archive-product {
  margin-top: 5rem;
}
/* Titel */
.products-list.grid
  .products-entry.product-wapper
  .products-content
  .contents
  h3.product-title {
  /* das ist kein Fehler, die Klasse heißt wirklich .product-wapper, nicht -wrapper. Was für .product-wappler... */
  font-family: "Tertre";
  font-size: 0.9em;
  line-height: 15px;
  font-weight: 400;
}
.products-list.grid
  .products-entry.product-wapper
  .products-content
  .contents
  h3.product-title
  .cb-product-title-name {
  display: block;
  font-weight: bold;
}

.product-lable .onsale {
  background: var(--red);
  display: none;
}

.product-lable .hot {
  border: 1px solid var(--black);
  background: transparent;
  font-family: "Tertre";
  color: var(--black);
}

.cross_sell .title-block h2:before,
.related .title-block h2:before,
.upsells .title-block h2:before {
  background: var(--red) !important;
  height: 1px !important;
}

.cross_sell .title-block h2,
.related .title-block h2,
.upsells .title-block h2 {
  font-family: "Tertre";
  font-weight: bold;
}

.price ins bdi {
  color: var(--red);
}

.bwp-top-bar .woocommerce-pagination.shop-loadmore .woocommerce-load-more {
  font-family: "Tertre";
  text-transform: none;
}

.bwp-top-bar
  .woocommerce-pagination.shop-loadmore
  .woocommerce-load-more:before {
  display: none;
}

.bwp-top-bar
  .woocommerce-pagination.shop-loadmore
  .woocommerce-load-more:hover {
  background-color: var(--red);
  transition: all ease 0.3s;
  border-color: var(--red);
}

.bwp-top-bar .display.hidden-sm.hidden-xs,
.bwp-top-bar .woocommerce-result-count.hidden-md.hidden-sm.hidden-xs {
  display: none;
}

.container .bwp-top-bar .woocommerce-filter-title > button:hover {
  color: var(--red);
  border-color: var(--red);
}

.container .bwp-top-bar .woocommerce-ordering {
  text-transform: none;
}

.container .bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu li,
.container .bwp-top-bar .woocommerce-sort-count .pwb-dropdown-menu li {
  text-transform: none;
}

/** MOBILE **/
@media only screen and (max-width: 767px) {
  .cb-header-plp .cb-header-plp-inner {
    flex-flow: column;
    height: 500px;
  }
  .cb-header-plp .cb-header-plp-inner .cb-textcol {
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
  }
  .cb-header-plp-inner .cb-textcol h1 {
    margin: 0;
    margin-bottom: 0.5em;
  }
  .cb-header-plp .cb-header-plp-inner .cb-textcol:after {
    bottom: -40%;
  }
  .cb-header-plp .cb-header-plp-inner .cb-imgcol img {
    width: 95%;
    margin-top: 3em;
  }
  .cb-header-plp .cb-header-plp-inner .cb-imgcol {
    text-align: right;
  }
  .cb-header-plp .cb-header-plp-inner .cb-textcol {
    position: static;
  }
}