/* Custom CSS theme */
@charset "UTF-8";
/* ======================================
   1. Kategorie-Navigation Styling
   ====================================== */
/* Entfernen des weißen Hintergrunds vom Container */
#my-categories-24318047.ecwid.ec-storefront-v3.horizontal-menu-container {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Entfernen aller möglichen Rahmen und Schatten */
#my-categories-24318047,
#my-categories-24318047 .horizontal-menu,
#my-categories-24318047 .horizontal-menu-parent {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hauptstyle für die Kategorie-Buttons */
#my-categories-24318047 .horizontal-menu-item a {
  display: inline-block !important;
  background-color: #48004B !important;
  color: #F7F7F7 !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  margin: 0 5px !important;
  transition: background-color 0.3s ease !important;
  font-weight: 500 !important;
}

/* Textfarbe im Span */
#my-categories-24318047 .horizontal-menu-item a span {
  color: #F7F7F7 !important;
}

/* Hover Effekt für Kategorie-Navigation */
#my-categories-24318047 .horizontal-menu-item a:hover {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

#my-categories-24318047 .horizontal-menu-item a:hover span {
  color: #F7F7F7 !important;
}

/* Aktive Kategorie */
#my-categories-24318047 .horizontal-menu-item--active a {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

#my-categories-24318047 .horizontal-menu-item--active a span {
  color: #F7F7F7 !important;
}

/* Entfernen von Hintergründen auf Listenelementen */
#my-categories-24318047 .horizontal-menu-item {
  background: none !important;
  background-color: transparent !important;
}

/* Menü Container */
#my-categories-24318047 .horizontal-menu-parent {
  background: none !important;
  background-color: transparent !important;
}

/* ======================================
   2. Produkt-Button Korrektur
   ====================================== */
/* In den Warenkorb Button */
.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button {
  background-color: #48004B !important;
  color: #F7F7F7 !important;
}

.ec-size .ec-store .details-product-purchase__add-buttons .form-control__button:hover {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

/* Zur Kasse Button */
.ec-size .ec-store .form-control--primary.form-control--flexible.details-product-purchase__checkout .form-control__button {
  background-color: #48004B !important;
  color: #F7F7F7 !important;
}

.ec-size .ec-store .form-control--primary.form-control--flexible.details-product-purchase__checkout .form-control__button:hover {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

/* Kasse Button im Warenkorb */
.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button {
  background-color: #48004B !important;
  color: #F7F7F7 !important;
}

.ec-size .ec-store .form-control--primary.ec-cart__button--checkout .form-control__button:hover {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

/* Weiter Button */
.ec-size .ec-store .ec-form__row--continue .form-control__button {
  background-color: #48004B !important;
  color: #F7F7F7 !important;
}

.ec-size .ec-store .ec-form__row--continue .form-control__button:hover {
  background-color: #B4767E !important;
  color: #F7F7F7 !important;
}

/* ======================================
   3. Produkt-Links Hover Farbe
   ====================================== */
/* Produktkachel normaler Zustand - weißer Hintergrund */
.ec-wrapper .grid-product .grid-product__wrap-inner {
  background-color: #FFFFFF !important;
}

/* Produktkachel Hover - weißer Hintergrund bleibt */
.ec-wrapper .grid-product:hover .grid-product__wrap-inner {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  box-shadow: none !important;
}

/* Entfernen aller Hover-Effekte auf der Kachel */
.ec-wrapper .grid-product:hover {
  box-shadow: none !important;
  border-color: transparent !important;
}

.ec-wrapper .grid-product:hover .grid-product__image {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Produkt-Titel Hover - nur Textfarbe ändert sich */
.ec-wrapper .grid-product:hover .grid-product__title,
.ec-wrapper .grid-product:hover .grid-product__title-inner {
  color: #B4767E !important;
}

/* Links im Produkt-Titel */
.ec-wrapper a.grid-product__title:hover,
.ec-wrapper a.grid-product__title:hover .grid-product__title-inner {
  color: #B4767E !important;
}

/* Hintergrund beim Hover bleibt weiß */
.ec-wrapper .grid-product:hover .grid-product__bg {
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}

/* Produktkachel Shadow beim Hover deaktivieren */
.ec-wrapper .grid-product--has-shadow:hover {
  box-shadow: none !important;
}

/* Sicherstellen, dass kein oranger Rahmen erscheint */
.ec-wrapper .grid-product:hover,
.ec-wrapper .grid-product:hover .grid-product__wrap-inner,
.ec-wrapper .grid-product:hover .grid-product__image {
  outline: none !important;
  border: none !important;
}

/* Produkt-Preis beim Hover (falls auch betroffen) */
.ec-wrapper .grid-product:hover .grid-product__price-value {
  color: #B4767E !important;
}

/* ======================================
   4. Extra Korrekturen
   ====================================== */
/* Sicherstellen, dass keine blauen Farben mehr verwendet werden */
.ec-wrapper a,
.ec-wrapper .ec-link,
.ec-wrapper .form-control--primary {
  color: #48004B !important;
}

/* Icons und SVGs */
.ec-wrapper .svg-icon--color-primary path {
  fill: #48004B !important;
}

.ec-wrapper .svg-icon--color-primary:hover path {
  fill: #B4767E !important;
}

/* Select-Elemente */
.ec-wrapper .form-control__select {
  border-color: #48004B !important;
  color: #48004B !important;
}

.ec-wrapper .form-control__select:hover {
  border-color: #B4767E !important;
  color: #B4767E !important;
}

/* ======================================
   5. Sanftere Hover-Animationen
   ====================================== */
/* Sanftere Übergänge für alle Produktkachel-Elemente */
.ec-wrapper .grid-product,
.ec-wrapper .grid-product__wrap-inner {
  transition: transform 0.3s ease !important;
}

/* Sanfte Transformation beim Hover */
.ec-wrapper .grid-product:hover .grid-product__wrap-inner {
  transform: scale(1.01) !important;
}

/* Sanfte Textfarben-Animation */
.ec-wrapper .grid-product__title,
.ec-wrapper .grid-product__title-inner,
.ec-wrapper .grid-product__price-value {
  transition: color 0.3s ease !important;
}

/* Sanfterer Bildwechsel */
.ec-wrapper .grid-product__picture,
.ec-wrapper .grid-product__picture--hover,
.ec-wrapper .grid-product__hover-image {
  transition: opacity 0.5s ease-in-out !important;
}

/* ======================================
   6. Minicart Styling
   ====================================== */
/* SVG Kreis violett färben */
.ec-minicart__icon .cart-not-empty,
.ec-minicart circle.cart-not-empty {
  fill: #48004B !important;
}

/* Hover-Effekt für den Kreis */
.ec-minicart:hover .ec-minicart__icon .cart-not-empty,
.ec-minicart:hover circle.cart-not-empty {
  fill: #B4767E !important;
}

/* Falls es noch andere SVG-Elemente gibt, die gefärbt werden müssen */
.ec-minicart svg path {
  stroke: #48004B !important;
}

/* Hover-Effekt für den SVG-Pfad */
.ec-minicart:hover svg path {
  stroke: #B4767E !important;
}

/* Überschreibe das blaue ::after Element im Warenkorb-Zähler */
html#ecwid_html body#top .ec-minicart--xs .ec-minicart__counter::after,
html#ecwid_html body#top .ec-minicart--s .ec-minicart__counter::after,
html#ecwid_html body#top .ec-minicart--m .ec-minicart__counter::after,
html#ecwid_html body#top .ec-minicart--l .ec-minicart__counter::after,
html#ecwid_html body#top .ec-minicart--xl .ec-minicart__counter::after,
html#ecwid_html body#top .ec-minicart--xxl .ec-minicart__counter::after {
  background-color: #48004B !important;
}

/* Hover-Effekt für das ::after Element */
html#ecwid_html body#top .ec-minicart:hover .ec-minicart__counter::after {
  background-color: #B4767E !important;
}

/* Warenkorb-Zähler selbst */
.ec-minicart__counter {
  color: #F7F7F7 !important;
}

/* RFQ für Produktgruppe ausblenden -------------------------------*/
/*In den Warenkorb ausblenden*/
.ec-size .ec-store.ec-store__product-page--c49673786 .details-product-purchase__controls {
  display: none;
}

.ec-size .ec-store.ec-store__product-page--c49673786 .product-details-module.details-product-purchase {
  margin-bottom: 0px;
}

/*Preis für das Produkt aus dem Produktraster ausblenden*/
.ec-size .ec-store .grid-product--id-12345 .grid-product__price {
  display: none;
}

/*Preis für das Produkt auf der Produktseite ausblenden*/
.ec-store__product-page--c49673786 .product-details__product-price {
  display: none;
}

/*Schaltfläche „Jetzt kaufen“ für das Produkt im Produktraster ausblenden*/
.ec-size .ec-store .grid-product.grid-product--id-c49673786 .grid-product__buy-now .form-control__button {
  display: none;
}

/* Maßeinheiten und Einzelpreis ausblenden */
.ec-size .ec-store.ec-store__product-page--c49673786 .product-details__price-per-unit-block {
  display: none;
}

/* MWST und Versandinformationen ausblenden */
.ec-size .ec-store.ec-store__product-page--c49673786 .product-details__product-price-taxes {
  display: none;
}

/* H1 auf Startseite oder für Empfohlene Produkte ausblenden */
.ec-size .ec-page-title__featured-products {
  display: none;
}

/* Kategorien auf der Startseite ausblenden */
.ec-size .ec-store.ec-store__category-page--0 .ec-grid .grid__categories {
  display: none;
}