/** Shopify CDN: Minification failed

Line 351:0 Unexpected "}"
Line 643:0 Unexpected "}"

**/
div#CollectionSection-template--24318716215644__featured-collection .page-width,div#shopify-section-template--24318716215644__featured_collections_MM6icd  .page-width ,div#shopify-section-template--24318716215644__advanced_content_QfehUC .page-width{
    margin: 0 auto;
    max-width: unset;
}
@media screen and (max-width:749px){
  .mob_hide{display:none;}
  .desk_hide{display:block;}

  .collection-filter {position: unset !important;}
}
.product-card__title, .product-title {
    font-weight: 900 !important;
    font-size: 1.2em;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .product-single__title {
        text-align: left !important;
        margin-left: 15px;
    }
}
@media (max-width: 768px) {
    .product-block--price {
        text-align: left !important;
        margin-left: 20px;
    }
}
.product-block--price {
    font-weight: bold; /* Optional: macht den Text fett für bessere Sichtbarkeit */
}
.btn--small.return-link {
    display: none;
}
.payment-icons img {
  width: 40px; /* Passt die Breite an, falls nötig */
  height: auto;
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle; /* Zentriert die Icons vertikal */
}
.payment-icons {
  text-align: left; /* Icons nach links ausrichten */
  margin-left: 10px; /* Falls nötig, den linken Abstand anpassen */
}

.payment-icons img {
  width: 30px; /* Kleinere Breite, um Platz zu sparen */
  height: auto;
  margin: 0 3px; /* Kleinere Abstände zwischen den Icons */
  display: inline-block;
  vertical-align: middle;
}
.payment-icons {
  text-align: left; /* Links ausrichten */
  margin-left: 0; /* Entferne jeglichen linken Abstand */
  padding-left: 0; /* Entferne auch linken Innenabstand */
}

.payment-icons img {
  width: 30px; /* Behalte die aktuelle Größe bei */
  height: auto;
  margin: 0 5px; /* Leichter Abstand zwischen den Icons */
  display: inline-block;
  vertical-align: middle;
}
/* Alter Preis (durchgestrichen und schwarz) */
.grid-product__price--original {
  color: #A2A2A2 !important; /* Schwarz für den durchgestrichenen Preis */
  text-decoration: line-through !important;
  font-weight: normal;
}

/* Neuer Preis (grün) */
.grid-product__price {
  color: #000000 !important; /* Grün für den neuen Preis */
  font-weight: bold !important;
}
/* Links ausrichten für den gesamten Shop auf mobilen Geräten */
@media (max-width: 768px) {
  /* Hauptcontainer und Textelemente */
  .product-single__title,
  .product-single__price,
  .product__description,
  .product__policies,
  .product__availability,
  .grid-product__meta,
  .grid-product__price,
  .grid-product__title,
  .price-item,
  .price,
  .product__info-item,
  .product__meta-item,
  .product__rating,
  .product__stock-level,
  .product__color-options,
  .product__size-options,
  .product__actions,
  .product__inventory-indicator,
  .product-form__controls-group,
  .product-form__cart-submit,
  .product__discount-badge,
  .product__shipping-info,
  .product__guarantee-options,
  .product__form {
    text-align: left !important;
    margin-left: 0 !important;
  }

  /* Zusätzliche Stile für Rabatte, Verfügbarkeitsanzeige und CTA */
  .product__discount-badge,
  .product__availability,
  .product__info-wrapper {
    display: flex;
    align-items: center;
    margin-left: 0 !important;
  }

  /* Button zentriert */
  .product-form__cart-submit {
    width: 100%;
    text-align: center;
  }
}
/* Links ausrichten für Bullet Points und Symbole auf mobilen Geräten */
@media (max-width: 768px) {
  .product__description ul,
  .product__policies ul,
  .product__availability ul,
  .product__info-item ul,
  .product__meta-item ul,
  .product__info-item,
  .product__meta-item {
    padding-left: 0 !important; /* Entfernt den Standardabstand der Bullet Points */
    margin-left: 0 !important; /* Entfernt zusätzlichen linken Rand */
    list-style-position: inside !important; /* Bullet Points innerhalb des Textes anzeigen */
    text-align: left !important;
  }

  /* Zusätzliche Anpassung für Icon und Text */
  .product__info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
/* Links ausrichten für .features-list auf mobilen Geräten */
@media (max-width: 768px) {
  .features-list {
    padding-left: 0 !important; /* Entfernt den Standardabstand */
    margin-left: 0 !important; /* Entfernt zusätzlichen linken Rand */
    list-style: none; /* Entfernt die standardmäßigen Bullet Points */
  }

  .features-list li {
    display: flex;
    align-items: center;
    text-align: left !important;
    margin-left: 0 !important;
  }

  .features-list li span.material-icons-outlined {
    margin-right: 8px; /* Abstand zwischen Icon und Text */
  }
}
@media only screen and (max-width: 600px) {
  .features-list {
    padding-left: 0;
    list-style-position: inside;
    text-align: left;
  }

  .features-list li {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }

  .features-list li strong {
    display: inline;
    text-align: left;
  }
}
.drawer__title {
    font-size: 1.5rem; /* Anpassung der Schriftgröße, z. B. auf 1.5rem */
    font-weight: bold; /* optional: lässt den Text fett erscheinen */
}
@media (max-width: 767px) {
    .drawer__title {
        font-size: 1.5rem; /* Ändere die Größe nach Bedarf, z.B. auf 1.25rem */
        font-weight: bold; /* Optional: Beibehaltung der fetten Schrift */
    }
}
@media (max-width: 767px) {
    .text-center.page-width.page-width--narrow {
        text-align: left;
    }
    .text-center.page-width.page-width--narrow h2,
    .text-center.page-width.page-width--narrow .enlarge-text {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .section-header__title {
        text-align: left;
      word-break: break-word;
    }
}
@media (max-width: 767px) {
    h2 {
        text-align: left;
    }
}
@media (min-width: 768px) { /* Ändere die Breite hier, um nur den Desktop anzusprechen */
  .payment-icon {
    width: 100px; /* gewünschte Breite für Desktop */
    height: auto; /* Höhe automatisch anpassen */
  }
}
button.btn.btn--full.add-to-cart,
button.btn.btn--full.add-to-cart:hover {
    background-color: #127A07 !important; /* Die gewünschte grüne Farbe */
    color: #ffffff !important; /* Weißer Text für bessere Lesbarkeit */
    border: none !important; /* Stellt sicher, dass keine Rahmenfarbe überschrieben wird */
}
.discount-label {
    background-color: #d4f5d0;
    color: #4CAF50;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
}
.product-block--price {
    text-align: left; /* Aligns the price text to the left */
    margin-left: 0; /* Ensures there’s no extra margin on the left */
}
.swatch-navigable {
    text-align: left; /* Aligns the content to the left */
    margin-left: 0; /* Removes any left margin */
    padding-left: 0; /* Removes any left padding if present */
}
.swatch-label.swatch-label-image {
    display: flex;
    justify-content: flex-start; /* Aligns the label to the left */
    margin-left: 0; /* Removes any additional left margin */
    padding-left: 0; /* Removes any additional left padding */
}
.swatch-option-name {
    text-align: left; /* Aligns the text to the left */
    display: block; /* Ensures it takes up the full width, aligning to the left */
    margin-left: 0; /* Removes any additional left margin */
    padding-left: 0; /* Removes any additional left padding */
}
/* Allgemeiner Container */
.dropdown-container {
  width: 100%;
  font-family: 'Twentieth Century', sans-serif;
}

/* Button-Styling */
.dropdown-button {
  width: 100%;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  background-color: #ffffff;
  color: #000;
  border: 1px solid #ddd;
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.dropdown-button:hover {
  background-color: #f0f0f0;
  color: #333;
}

/* Pfeil-Styling */
.dropdown-button .arrow {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg); /* Pfeil zeigt nach unten */
  transition: transform 0.3s ease;
}

/* Gedrehter Pfeil (nach oben) */
.dropdown-button.active .arrow {
  transform: rotate(-135deg); /* Pfeil zeigt nach oben */
}

/* Dropdown-Inhalt */
.dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  background-color: #ffffff;
  border: 1px solid #ddd;
  padding: 0 15px;
  opacity: 0;
}

/* Aktiver Inhalt */
.dropdown-content.active {
  max-height: 500px; /* Passt sich dem Inhalt an */
  opacity: 1;
}

/* Text linksbündig */
.dropdown-content p {
  text-align: left; /* Links ausgerichtet */
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  margin: 15px 0;
}
.alert-box {
  display: flex; /* Flexbox für Layout */
  align-items: center; /* Vertikale Ausrichtung */
  background-color: #f8d7da; /* Hintergrundfarbe (optional) */
  padding: 10px;
  border: 1px solid #f5c6cb; /* Rahmenfarbe */
  border-radius: 4px; /* Abgerundete Ecken */
}

.alert-text {
  text-align: left; /* Text linksbündig */
  font-size: 14px;
  color: #721c24; /* Textfarbe */
  line-height: 1.5;
}
}
[data-type_product_capitalize="true"] .collection-item__title span {
  font-size: 0.6em;
}
h2.collection-heading {
  color: #ffffff;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
[data-type_product_capitalize="true"] .collection-item__title span {
  font-size: 0.4em;
}
  h2.collection-heading {
  color: #ffffff;
  font-size: 14px;
}
}
.icon--inventory:after, .icon--inventory:before {
    background: #c20000;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 0;
    margin: 8px;
    position: absolute;
    top: 0;
    width: 12px;
}
@media only screen and (max-width: 768px) {
    .sales-point .icon-and-text {
        justify-content: left;
    }
}
[data-center-text=true] .collapsible-trigger-btn {
    text-align: left;
    font-weight: 700;
}
.collection-item__title--overlaid-box>span {

    padding: 6px 10px;
}
.grid-product__price--savings {
    display: none;
}
.star {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.half-star::before {
    background-color: #00B67A !important;
}
.star {
    font-size: 18px;
    color: #000000; /* Weißer Stern */
    background-color: #FFFFFF; /* Grüner Hintergrund */
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    border-radius: 4px;
}
button.btn.btn--full.add-to-cart {
    background-color: #000000 !important; /* Schwarzer Hintergrund */
    color: #FFFFFF !important; /* Weißer Text */
    border-color: #000000 !important; /* Schwarzer Rahmen */
}
button.btn.btn--full.add-to-cart:hover {
    background-color: #333333 !important; /* Dunkelgrau bei Hover */
    color: #FFFFFF !important; /* Weißer Text */
}

span.product_price.on-sale {
    font-size: 100px !important; /* Größere Schriftgröße */
    font-weight: bold; /* Optional: Fettgedruckt */
    color: #0000; /* Optional: Andere Farbe, z. B. Rot */
}
.swatch-view-stack {
    text-align: left !important; /* Text linksbündig ausrichten */
    display: block; /* Sicherstellen, dass der Inhalt blockweise angeordnet ist */
    margin-left: 0; /* Entfernt eventuelle zusätzliche Einrückungen */
}
.featured-collection {
  display: flex;
  flex-wrap: nowrap; /* Produkte bleiben in einer Zeile */
  overflow-x: auto; /* Horizontal scrollen, falls Platz nicht reicht */
  gap: 15px; /* Abstände zwischen Produkten */
}

.featured-collection .product-item {
  flex: 0 0 auto; /* Produkte behalten ihre Größe */
}
.product_price {
  font-size: 30px; /* Ändert die Schriftgröße auf 24px */
  font-weight: bold; /* Optional: Macht den Preis fett */
  color: #000; /* Optional: Ändert die Farbe auf Schwarz */
}
span[data-product-inventory="In stock, ready to ship"] {
  color: red;
}
.scrolling-gallery {
  display: flex;
  overflow: hidden; /* Verhindert sichtbare Scrollbalken */
  gap: 15px; /* Abstand zwischen den Bildern */
  padding: 10px 0; /* Optional: Abstand oben und unten */
}

.scrolling-gallery img {
  flex-shrink: 0; /* Verhindert, dass Bilder schrumpfen */
  max-width: 250px; /* Bildgröße */
  height: auto;
  border-radius: 10px; /* Abgerundete Ecken */
  transition: transform 0.3s ease; /* Hover-Effekt */
}
/* Überschrift oberhalb der Galerie */
.gallery-header {
  text-align: center;
  margin-bottom: 20px; /* Abstand zur Galerie */
}

.gallery-header h2 {
  font-size: 36px; /* Größere Schrift */
  font-weight: bold;
  color: #000; /* Schwarze Schrift */
  text-transform: uppercase; /* Alles groß schreiben */
  margin: 0; /* Kein zusätzlicher Abstand */
}

/* Box mit @Legacy */
.gallery-footer {
  position: relative;
  text-align: center;
  margin-top: -50px; /* Lässt die Box in die Galerie hineinragen */
}

.tag-box {
  display: inline-block;
  background-color: #fff; /* Weiße Box */
  border: 1px solid #ccc; /* Rahmen */
  border-radius: 10px; /* Abgerundete Ecken */
  padding: 15px 30px; /* Größerer Innenabstand */
  font-size: 18px; /* Größere Schrift */
  font-weight: bold;
  color: #000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
  position: relative;
  z-index: 10; /* Über den Bildern */
}
/* Container für die gesamte Zeile */
.text-columns-with-icons {
  display: flex; /* Horizontale Ausrichtung */
  flex-wrap: nowrap; /* Kein Zeilenumbruch */
  justify-content: space-between; /* Gleichmäßiger Abstand */
  align-items: center; /* Vertikale Zentrierung */
  gap: 10px; /* Kleinerer Abstand zwischen den Spalten */
}

/* Stil für jede Spalte */
.text-columns-with-icons .text-with-icons_block {
  flex: 1; /* Alle Spalten haben die gleiche Breite */
  text-align: center; /* Zentrierte Inhalte */
  max-width: 150px; /* Begrenzung der Breite */
  padding: 5px; /* Innenabstand für Luftigkeit */
}

/* Stil für Icons */
.text-columns-with-icons .text-with-icons_block img {
  width: 40px; /* Kleinere Icons */
  height: 40px; /* Gleiche Höhe wie Breite */
  margin-bottom: 10px; /* Abstand zwischen Icon und Text */
}

/* Stil für Titel */
.text-columns-with-icons .text-with-icons_block h3 {
  font-size: 14px; /* Kleinere Schriftgröße für Titel */
  margin: 5px 0; /* Weniger Abstand zum Text darunter */
}

/* Stil für Beschreibung */
.text-columns-with-icons .text-with-icons_block p {
  font-size: 12px; /* Kleinere Schriftgröße für Beschreibung */
  line-height: 1.4; /* Zeilenabstand anpassen */
}
/* Anpassungen für mobile Geräte */
@media (max-width: 768px) {
  /* Größe und Zentrierung von #BUILDYOURLEGACY */
  .gallery-header h2 {
    font-size: 24px; /* Kleinere Schriftgröße */
    font-weight: bold; /* Fettgedruckt */
    text-align: center; /* Zentriere den Text */
    margin-bottom: 10px; /* Weniger Abstand nach unten */
  }

  /* Bilder in der Galerie verkleinern */
  .scrolling-gallery img {
    width: 150px; /* Kleinere Bildbreite */
    height: auto; /* Automatische Höhe, um das Verhältnis zu wahren */
  }

  /* Abstand um die Galerie herum reduzieren */
  .scrolling-gallery {
    padding: 10px 0; /* Weniger Abstand oben und unten */
  }

  /* @Legacy Box kleiner machen */
  .tag-box {
    font-size: 14px; /* Kleinere Schrift */
    padding: 8px 16px; /* Weniger Innenabstand */
    text-align: center; /* Zentriere den Text in der Box */
  }
}
/* Container für Scrollbereich */
.icon-scrolling-container {
  display: flex; /* Horizontale Ausrichtung */
  overflow-x: auto; /* Ermöglicht horizontales Scrollen */
  scroll-behavior: smooth; /* Sanftes Scrollen */
  gap: 20px; /* Abstand zwischen den Icons */
  padding: 10px; /* Innenabstand */
}

/* Icons nebeneinander ausrichten */
.icon-box {
  flex: 0 0 auto; /* Verhindert, dass Icons umbrechen */
  width: 150px; /* Feste Breite für die Boxen */
  text-align: center; /* Zentriere den Text */
}
/* Container für Scrollbereich */
.icon-scrolling-container {
  display: flex; /* Horizontale Ausrichtung */
  overflow-x: auto; /* Ermöglicht horizontales Scrollen */
  scroll-behavior: smooth; /* Sanftes Scrollen */
  gap: 20px; /* Abstand zwischen den Icons */
  padding: 10px; /* Innenabstand */
  justify-content: center; /* Zentriert die Inhalte */
  align-items: center; /* Vertikale Zentrierung */
}

/* Icons nebeneinander ausrichten */
.icon-box {
  flex: 0 0 auto; /* Verhindert, dass Icons umbrechen */
  width: 150px; /* Feste Breite für die Boxen */
  text-align: center; /* Zentriere den Text */
  display: flex;
  flex-direction: column; /* Text unter das Icon */
  align-items: center; /* Zentriert die Inhalte in der Box */
}

/* Stil der Bilder */
.icon-box img {
  width: 80px; /* Bildgröße */
  height: auto; /* Verhältnis beibehalten */
  margin-bottom: 10px; /* Abstand zwischen Bild und Text */
}

/* Stil für Texte */
.icon-box h3 {
  font-size: 16px; /* Schriftgröße für Titel */
  margin-bottom: 5px; /* Abstand zwischen Titel und Beschreibung */
}

.icon-box p {
  font-size: 14px; /* Schriftgröße für Beschreibung */
  line-height: 1.5; /* Lesbarkeit verbessern */
}
.sale-badge {
    background-color: #ff0000; /* Rot */
    color: #fff; /* Weißer Text */
    padding: 5px 10px; /* Abstand */
    border-radius: 5px; /* Runde Ecken */
    font-weight: bold; /* Fett */
}
/* Zentriert den Inhalt der Footer-Logos und Texte */
#footer .footer-group {
  display: flex;
  justify-content: center; /* Horizontal zentrieren */
  align-items: center;     /* Vertikal zentrieren */
  text-align: center;      /* Text zentrieren */
  flex-wrap: wrap;         /* Falls der Platz nicht ausreicht, Text und Logos umbrechen */
}

/* Optional: Für bessere Anpassung der Schriftgröße */
#footer h2 {
  font-size: 18px; /* Passt die Schriftgröße an */
}

/* Falls du spezifische Bereiche wie Logos oder Text weiter anpassen möchtest */
#footer .footer-group img,
#footer .footer-group .text {
  margin: 10px; /* Abstände zwischen den Logos/Texts */
}
}
/* Nur für Mobilgeräte */
@media only screen and (max-width: 768px) {
    .guarantees-slider {
        display: flex;
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        max-width: 600px;
        margin: 0 auto;
    }

    .swiper-wrapper {
        display: flex;
    }

    .swiper-slide {
        flex: 0 0 auto;
        width: 80%;
        text-align: center;
        scroll-snap-align: start;
    }

    .swiper-slide img {
        width: 50px;
        margin: 0 auto;
    }

    .swiper-pagination {
        text-align: center;
        margin-top: 10px;
    }
}
/* Für alle Geräte */
.icon-box img {
  margin-bottom: 10px; /* Verkleinert den Abstand zwischen Bild und Text */
}

.icon-box h3 {
  margin-top: 5px; /* Verkleinert den Abstand zwischen Überschrift und Text */
  margin-bottom: 5px; /* Verkleinert den Abstand nach unten */
}

.icon-box p {
  margin-top: 5px; /* Verkleinert den Abstand über dem Text */
}

/* Nur für Mobilgeräte */
@media (max-width: 768px) {
  .icon-box img {
    margin-bottom: 5px; /* Noch kleinerer Abstand auf Handys */
  }

  .icon-box h3,
  .icon-box p {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
/* Verschiebe nur das Sustainability-Element nach oben */
@media (max-width: 768px) {
  .icon-box:first-child {
    margin-top: -20px; /* Passt den Abstand an */
  }
}
@media (min-width: 769px) {
  .icon-section.guarantees-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 1200px; /* Begrenzung für größere Bildschirme */
  }

  .icon-box.guarantee-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 20px; /* Abstand zwischen den Icons */
  }

  .icon-box.guarantee-item img {
    max-width: 100px; /* Icon-Größe für PC */
    margin-bottom: 15px; /* Abstand zwischen Icon und Text */
  }

  .icon-box.guarantee-item h3 {
    font-size: 20px; /* Größere Schrift für PC */
    font-weight: bold;
    margin-bottom: 8px;
  }

  .icon-box.guarantee-item p {
    font-size: 16px; /* Größere Schrift für Beschreibung */
    line-height: 1.6;
  }
}
@media (min-width: 769px) {
  .icon-box.guarantee-item:first-child {
    margin-top: -5px; /* Wert anpassen, um "Sustainability" nach oben zu schieben */
  }
}
span.pulse-text {
    color: #c20000;
}
.product__price.on-sale {
    font-size: 23px;
    font-weight: 400;
}
a.mobile-nav__link.\/account {
    display: none;
}
.footer__logo a {
    display: flex
;
    justify-content: center;
}
.collection-item__title {
        font-size: 45px;
        font-weight: bold;
        line-height: 1.4;
    }
@media only screen and (max-width: 768px) {
    [data-center-text=true] .site-footer {
        text-align: left;
    }

}
@media only screen and (max-width: 768px) {
 .announcement-text {

    font-size: .7em;

}
}
h1.h2.product-single__title {
    font-size: 31px; /* Adjust size as needed */
    line-height: 0,3; /* Optional: adjust spacing */
    font-weight: 400; /* Font weight */
    color: #000000; /* Font color */
    margin: 0 0 10px 0; /* Margins */
    line-height: 1.2; /* Line height */
    letter-spacing: normal; /* Default letter spacing */
}
button.btn.btn--full.add-to-cart {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3); /* Adjust the shadow as needed */
    transition: box-shadow 0.3s ease; /* Smooth transition for hover effect */
}

button.btn.btn--full.add-to-cart:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4); /* Slightly larger shadow on hover */
}
.product_price-savings {
  display: none !important;
}
label.variant__label {
    font-size: 31px; /* Adjust size as needed */
    line-height: 0,3; /* Optional: adjust spacing */
    font-weight: 400; /* Font weight */
    color: #000000; /* Font color */
    margin: 0 0 10px 0; /* Margins */
    line-height: 1.2; /* Line height */
    letter-spacing: normal; /* Default letter spacing */
}
.product-block {
    margin-bottom: 20px;
}
.variant-wrapper {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.variant-wrapper-dropdown {
    text-align: left;
}

.quantity-selector {
    text-align: left;
    margin-top: 10px;
}
.variant-wrapper select {
    width: 110px; /* Adjust the width as needed */
    height: 40px; /* Adjust the height as needed */
    font-size: 16px; /* Increase font size for better readability */
    padding: 8px; /* Add padding for better appearance */
    border: 0.5px solid #000; /* Dickere Ränder, schwarz */
}

.quantity-selector input {
    width: 80px; /* Adjust width of quantity input */
    height: 40px; /* Adjust height */
    font-size: 16px;
    text-align: center;
    padding: 5px;
    border: 0.5px solid #000; /* Dickere Ränder, schwarz */
}

.quantity-selector button {
    width: 40px; /* Adjust button size */
    height: 40px; /* Adjust button height */
    font-size: 18px; /* Adjust button text size */
    border: 0.5px solid #000; /* Dickere Ränder, schwarz */
}
.js-qty__num {
    width: 60px; /* Adjust width */
    height: 40px; /* Adjust height */
    text-align: center; /* Align text in the center */
    border: 0.5px solid #000; /* Make borders thicker */
}
span.product__price.on-sale {
    color: #000000;
    font-weight: bold;
}
.enlarge-text {
    padding: 15px; /* Abstand innerhalb der Box */
    font-size: 14px; /* Kleinere Schriftgröße */
    background-color: #f9f9f9; /* Optional: Helle Hintergrundfarbe */
}
/* Nur für Mobilgeräte */
@media only screen and (max-width: 768px) {
    .guarantees-slider {
        display: flex;
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        max-width: 600px;
        margin: 0 auto;
    }

    .swiper-wrapper {
        display: flex;
    }

    .swiper-slide {
        flex: 0 0 auto;
        width: 80%;
        text-align: center;
        scroll-snap-align: start;
    }

    .swiper-slide img {
        width: 50px;
        margin: 0 auto;
    }

    .swiper-pagination {
        text-align: center;
        margin-top: 10px;
    }
}

#Email-newsletter_Bp6MH9.footer__newsletter-input {
    background-color: #222222; /* Weißer Hintergrund für die Box */
    padding: 10px; /* Innenabstand, damit der Text nicht direkt am Rand klebt */
    border-radius: 5px; /* Abgerundete Ecken */
    color: #ffffff; /* Textfarbe */
    font-size: 16px; /* Schriftgröße */
    width: 100%; /* Box füllt die Breite */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}
.footer__newsletter {
    display: flex; /* Für horizontale Ausrichtung */
    align-items: center; /* Zentriert das Icon vertikal */
    gap: 10px; /* Abstand zwischen Eingabefeld und Icon */
}

.footer__newsletter-input {
    flex-grow: 1; /* Eingabefeld nimmt den verbleibenden Platz ein */
}

.footer__newsletter button {
    margin-left: 0px; /* Entfernt zusätzlichen Abstand links */
    padding: 10px 15px; /* Passe die Größe des Buttons an */
}


/* colelction promotion */
.grid__item.ws_image-with-text{
  display:none;
}
.grid__item.ws_image-with-text.\34 {
    margin-block: 3rem;
    display: block;
}
.ws_image-with-text .feature-row__text {
    flex: 0 1 70%;
    min-width: 70%;
    padding: 0;
}
.ws_image-with-text  .feature-row__item {
    flex: 0 1 25%;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.ws_image-with-text     .feature-row {
        gap: 20px;
    }
}

.ws_image-with-text img.feature-row__image.image-element {
    border-radius: 50%;
}
.product-info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}

/* Low Stock Bereich */
.low-stock-indicator {
    display: flex;
    align-items: center;
    color: black; /* Low Stock in Rot */
    font-weight: bold;
}

/* Blinker für Low Stock */
.low-stock-dot {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    margin-right: 8px;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    20% { opacity: 1; }
    50% { opacity: 0; }
    80% { opacity: 1; }
}

/* Return Policy Bereich */
.return-policy {
    display: flex;
    align-items: center;
    color: black;
}

.return-policy img {
    width: 18px;
    height: auto;
    margin-right: 5px;
}