/** Shopify CDN: Minification failed

Line 169:0 Unexpected "="

**/
/* ==========================================
   ÜBERSCHRIFTEN-GEWICHT
   ========================================== */
:root {
  --font-heading-weight: 400 !important;
}

h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4, .h5 {
  font-weight: 400 !important;
}

/* ==========================================
   BADGE
   ========================================== */
.card__badge.top.right {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.card-wrapper,
.card,
.product-card-wrapper {
  position: relative !important;
}

.badge.badge--bottom-left {
  font-weight: 400 !important;
  font-size: 1.6rem !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: 0 !important;
  letter-spacing: 0.06rem !important;
  border: none !important;
}

.badge--sale {
  font-weight: 400 !important;
  font-size: 1.6rem !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: 0 !important;
  letter-spacing: 0.06rem !important;
}

.custom-badge {
  background: #998675 !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  padding: 0.8rem 1.5rem !important;
  font-size: 1.6rem !important;
  border-radius: 0 !important;
  letter-spacing: 0.06rem !important;
  border: none !important;
}

.badge--new.custom-badge {
  background: #47484a !important;
}

@media screen and (max-width: 749px) {
  .card__badge.top.right {
    top: -2px !important;
    right: -2px !important;
  }
  .custom-badge {
    font-size: 1.2rem !important;
    padding: 0.5rem 1rem !important;
  }
}



/* ==========================================
   VENDOR-NAME
   ========================================== */
.product .caption-with-letter-spacing {
  font-size: 1.6rem !important;
  font-weight: 500;
}

/* ==========================================
   KONTAKTFORMULAR LINKS
   ========================================== */
.contact-form a,
.contact__fields a,
.field__input + label a,
[id*="contact"] a {
  color: rgb(var(--color-link)) !important;
  text-decoration: underline !important;
}

/* ==========================================
   FOOTER
   ========================================== */
.footer {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* ==========================================
   NAVIGATION
   ========================================== */

.header__menu-item,
.header__inline-menu .list-menu__item a {
  font-size: 18px !important;
}

.mega-menu__link,
.header__submenu .list-menu__item a {
  font-size: 16px !important;
}

.mega-menu__heading {
  font-size: 17px !important;
  font-weight: 600;
}
/* ==========================================
   SUCHE - BILDER
   ========================================== */

/* Predictive Search Dropdown */
.predictive-search__image {
  object-fit: contain !important;
  object-position: center !important;
}

/* Suchergebnisseite */
.search-result-page-image,
.search .card__media img,
.search .media img,
.template-search .card__media img {
  object-fit: contain !important;
  object-position: center !important;
}
/* ==========================================
   MOBILE OVERFLOW FIX - Global
   ========================================== */
@media screen and (max-width: 749px) {
  html, body {
    overflow-x: hidden;
  }
}
/* ==========================================
   H2/H3 GRÖßE PRODUKTBESCHREIBUNG
   ========================================== */
.product_description h2,
.product_description h3,
.product__description h2,
.product__description h3 {
  font-size: 2rem !important;
}
/* ==========================================
   GEWÄHRLEISTUNGSLABEL AUSBLENDEN
   ========================================== */
.gewaehrleistung-wrapper,
#gw-lightbox {
  display: none !important;
}
==========================================
   LINKFARBE
   ========================================== */
/* ==========================================
   LINKFARBE
   ========================================== */
a:not(.btn):not(.button):not(.link--text) {
  color: inherit !important;
  text-decoration: none !important;
}

.rte a,
.metafield-rich-text-field a,
.collection-double-text a,
.collection-text-block a,
.collection-faq-wrapper a {
  color: inherit !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* ==========================================
   SILBENTRENNUNG & SCHRIFTGRÖSSE MOBILE
   ========================================== */
@media screen and (max-width: 749px) {
  h1 { font-size: 2.8rem !important; }
  h2 { font-size: 2.2rem !important; }
  h3 { font-size: 1.8rem !important; }

  h1, h2, h3, h4, h5, h6 {
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }
}
/* ==========================================
   SALE BADGE PRODUKTSEITE
   ========================================== */
.color-scheme-4 {
  --color-badge-background: 155, 27, 48 !important;
}
/* ==========================================
   AUSVERKAUFT BADGE AUSBLENDEN
   ========================================== */
.badge--bottom-left.color-scheme-3 {
  display: none !important;
}
/* Footer-Überschriften einheitlich auf allen Seiten */
.footer-block__heading {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
/* Copyright-Bereich komplett ausblenden */
.copyright__content {
  display: none !important;
}
/* ==========================================
   MULTICOLUMN - KLICKBAR
   ========================================== */
.multicolumn-card {
  position: relative;
}

.multicolumn-card__info a {
  position: static;
}

.multicolumn-card__info a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.multicolumn-card:has(a):hover {
  cursor: pointer;
}