.elementor-13896 .elementor-element.elementor-element-2a3d48ae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card{background-color:#EEEEEE;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card .fct-product-view-button, .elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card .fluent-cart-add-to-cart-button{background-color:var( --e-global-color-d2dc33d );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );width:100%;text-align:center;color:#FFFFFF;border-style:none;border-radius:15px 15px 15px 15px;padding:10px 20px 10px 20px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card .fct-product-view-button:hover, .elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card .fluent-cart-add-to-cart-button:hover{background-color:var( --e-global-color-fbb2168 );color:#FFFFFF;border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-products-container{column-gap:10px;row-gap:10px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-image{border-style:none;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-image-wrap{border-radius:10px 10px 10px 10px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-d2dc33d );margin-bottom:50px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-title a{color:var( --e-global-color-d2dc33d );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-title:hover{color:var( --e-global-color-fbb2168 );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-title a:hover{color:var( --e-global-color-fbb2168 );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-prices{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-a88a2e5 );margin-bottom:10px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-product-card-prices .fct-compare-price{color:var( --e-global-color-primary );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-filter-form .item-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-checkbox{color:var( --e-global-color-text );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-product-search .fct-shop-input{background-color:#EEEEEE;border-color:var( --e-global-color-secondary );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-apply-filter-button{color:#FFFFFF;background-color:var( --e-global-color-d2dc33d );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-paginator{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-fbb2168 );margin-top:10px;}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-paginator-pager button{color:var( --e-global-color-fbb2168 );}.elementor-13896 .elementor-element.elementor-element-9726768 .fct-shop-paginator-pager .active button{color:var( --e-global-color-accent );background-color:var( --e-global-color-169dfae );}@media(max-width:1024px){.elementor-13896 .elementor-element.elementor-element-2a3d48ae{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}}/* Start custom CSS for fluent_cart_shop_app, class: .elementor-element-9726768 *//* =========================================
   FluentCart – Produktmodal schließen
   weißes X sicher anzeigen
========================================= */

/* Original-SVG weg */
.fct-product-modal-close svg {
  display: none !important;
}

/* Button selbst sauber zentrieren */
.fct-product-modal-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'><path d='M12.8337 1.16663L1.16699 12.8333M1.16699 1.16663L12.8337 12.8333' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

/* In allen Zuständen weiß lassen */
.fct-product-modal-close:hover,
.fct-product-modal-close:focus,
.fct-product-modal-close:active {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'><path d='M12.8337 1.16663L1.16699 12.8333M1.16699 1.16663L12.8337 12.8333' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}
/* =========================================
   FluentCart – Add to Cart Button sauber fixen
========================================= */

button.fluent-cart-add-to-cart-button,
button.fluent-cart-add-to-cart-button[data-fluent-cart-add-to-cart-button] {
  background-color: #149bd7 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  outline: none !important;

  width: auto !important;
  min-width: fit-content !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 10px 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;

  font-family: 'Istok Web', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

/* Text sichtbar halten */
button.fluent-cart-add-to-cart-button .text,
button.fluent-cart-add-to-cart-button span.text {
  display: inline-flex !important;
  align-items: center !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  z-index: 2 !important;
}

/* Loader standardmäßig verstecken */
button.fluent-cart-add-to-cart-button .fluent-cart-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* Nur wenn FluentCart wirklich Loading setzt, Loader zeigen */
button.fluent-cart-add-to-cart-button.loading .fluent-cart-loader,
button.fluent-cart-add-to-cart-button.is-loading .fluent-cart-loader,
button.fluent-cart-add-to-cart-button[aria-busy="true"] .fluent-cart-loader {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

/* Beim echten Loading optional Text ausblenden */
button.fluent-cart-add-to-cart-button.loading .text,
button.fluent-cart-add-to-cart-button.is-loading .text,
button.fluent-cart-add-to-cart-button[aria-busy="true"] .text {
  display: none !important;
}

/* Icon links */
button.fluent-cart-add-to-cart-button::before {
  content: "\f07a" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* Hover */
button.fluent-cart-add-to-cart-button:hover,
button.fluent-cart-add-to-cart-button:focus {
  background-color: #616160 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Mobile */
@media (max-width: 1024px) {
  button.fluent-cart-add-to-cart-button,
  button.fluent-cart-add-to-cart-button[data-fluent-cart-add-to-cart-button] {
    width: 100% !important;
    min-width: 100% !important;
  }
}
.fct-shop-filter-item {
border-color: #54595F !important;
}
.elementor-kit-12 input.fc_price_range_input {
background-color: transparent !important;
}
/* FluentCart – Jetzt kaufen Button */
a.fluent-cart-direct-checkout-button {
  background-color: #149bd7;
  color: #ffffff !important;
  height: 40px;
  line-height: 18px;
  font-family: 'Istok Web', sans-serif;
  font-weight: 700;
  border-radius: 15px;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* Icon */
a.fluent-cart-direct-checkout-button::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f788"; /* cash-register */
  font-size: 16px;
  color: currentColor;
}

/* Hover */
a.fluent-cart-direct-checkout-button:hover {
  background-color: #616160;
  color: #ffffff !important;
}
/* FluentCart – Mengenfeld sauber sichtbar machen */
.fct-product-quantity {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.fct-product-quantity .fct-quantity-input {
  width: 50px !important;           /* genug Platz für die Ziffern */
  min-width: 70px !important;
  height: 40px !important;
  padding: 0 8px !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 40px !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  background: #eeeeee !important;
  color: #7a7a7a !important;
  box-sizing: border-box !important;
  appearance: textfield;
  -moz-appearance: textfield;
}

/* Chrome/Safari Pfeile im Number-Field entfernen */
.fct-product-quantity .fct-quantity-input::-webkit-outer-spin-button,
.fct-product-quantity .fct-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Fokus wie bei deinem restlichen Stil */
.fct-product-quantity .fct-quantity-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #54595F !important;
}
/* Thumbnail-Button: kein blauer Außenrand */
.fct-gallery-thumb-control-button,
.fct-gallery-thumb-control-button:hover,
.fct-gallery-thumb-control-button:focus,
.fct-gallery-thumb-control-button.active,
.fct-gallery-thumb-control-button[aria-pressed="true"] {
  border: 1px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Auch kein blauer Fokus-Ring vom Browser */
.fct-gallery-thumb-control-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Rahmen direkt um das Bild */
.fct-gallery-thumb-control-button img.fct-gallery-control-thumb {
  display: block;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Optional: beim Hover und aktiv gleicher Rahmen, kein zusätzlicher Außenrand */
.fct-gallery-thumb-control-button:hover img.fct-gallery-control-thumb,
.fct-gallery-thumb-control-button.active img.fct-gallery-control-thumb,
.fct-gallery-thumb-control-button[aria-pressed="true"] img.fct-gallery-control-thumb {
  border: 1px solid #54595F !important;
}
/* Haupt-Produktbild – Rahmen im Benedikt-Style */
.fct-product-gallery-thumb {
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  background: transparent !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Bild sauber im Container */
.fct-product-gallery-thumb img[data-fluent-cart-single-product-page-product-thumbnail] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
}
/* =========================================
   FluentCart Shop-Filter – responsive
========================================= */

/* Wrapper darf flexibel reagieren */
.fct-shop-filter-wrapper.fluent-cart-shop-app-filter-wrapper {
  width: 100%;
  box-sizing: border-box;
}

.fluent-cart-shop-app-filter-wrapper-inner {
  width: 100%;
  box-sizing: border-box;
}

/* Formular sauber aufbauen */
.fct-shop-filter-form {
  width: 100%;
  box-sizing: border-box;
}

/* Suchfeld / Filterelemente dürfen nicht rauslaufen */
.fct-shop-product-search,
.fct-shop-filter-item,
.fct-shop-checkbox-group,
.fct-shop-price-range-container {
  width: 100%;
  box-sizing: border-box;
}

/* Suchfeld im gewohnten Rahmen */
.fct-shop-input {
  width: 100%;
  box-sizing: border-box;
}

/* Preisfelder nebeneinander auf größeren Geräten */
.fct-shop-price-range-wrap {
  display: flex;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.fct-shop-price-range {
  flex: 1 1 0;
  min-width: 0;
}

/* Inputs sauber */
.fc_price_range_input {
  width: 100%;
  box-sizing: border-box;
}

/* =========================================
   TABLET
========================================= */
@media (max-width: 1024px) {
  /* Filterblock darf volle Breite nutzen */
  .fct-shop-filter-wrapper.fluent-cart-shop-app-filter-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  .fluent-cart-shop-app-filter-wrapper-inner,
  .fct-shop-filter-form {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Preisbereich darf noch nebeneinander bleiben */
  .fct-shop-price-range-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .fct-shop-price-range {
    flex: 1 1 calc(50% - 5px);
    min-width: 140px;
  }
}

/* =========================================
   HANDY
========================================= */
@media (max-width: 767px) {
  /* Filter immer volle Breite */
  .fct-shop-filter-wrapper.fluent-cart-shop-app-filter-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .fluent-cart-shop-app-filter-wrapper-inner,
  .fct-shop-filter-form {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Suchbereich volle Breite */
  .fct-shop-product-search {
    width: 100% !important;
  }

  /* Preisfelder untereinander */
  .fct-shop-price-range-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .fct-shop-price-range {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  .fc_price_range_input {
    width: 100% !important;
  }

  /* Slider ebenfalls sauber */
  .fct-shop-range-slider {
    width: 100% !important;
    box-sizing: border-box;
  }
}
/* View Switcher – Icons in allen Zuständen immer schwarz */
.fct-shop-view-switcher button,
.fct-shop-view-switcher button svg,
.fct-shop-view-switcher button svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}

/* Hover / Fokus / aktiv – weiterhin schwarz */
.fct-shop-view-switcher button:hover,
.fct-shop-view-switcher button:focus,
.fct-shop-view-switcher button:active,
.fct-shop-view-switcher button.active,
.fct-shop-view-switcher button[aria-pressed="true"],
.fct-shop-view-switcher button:hover svg,
.fct-shop-view-switcher button:focus svg,
.fct-shop-view-switcher button:active svg,
.fct-shop-view-switcher button.active svg,
.fct-shop-view-switcher button[aria-pressed="true"] svg,
.fct-shop-view-switcher button:hover svg path,
.fct-shop-view-switcher button:focus svg path,
.fct-shop-view-switcher button:active svg path,
.fct-shop-view-switcher button.active svg path,
.fct-shop-view-switcher button[aria-pressed="true"] svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}

/* Falls das Plugin auf Hover Hintergrund setzt: Text/Icon trotzdem schwarz */
.fct-shop-view-switcher button:hover,
.fct-shop-view-switcher button.active,
.fct-shop-view-switcher button[aria-pressed="true"] {
  color: #000000 !important;
}
/* View Switcher – Grundzustand */
.fct-shop-view-switcher button {
  color: #000000 !important;
  background: transparent !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* SVGs immer schwarz */
.fct-shop-view-switcher button svg,
.fct-shop-view-switcher button svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}

/* Hover / Fokus / aktiv = blauer Hintergrund, aber Icons weiter schwarz */
.fct-shop-view-switcher button:hover,
.fct-shop-view-switcher button:focus,
.fct-shop-view-switcher button:active,
.fct-shop-view-switcher button.active,
.fct-shop-view-switcher button[aria-pressed="true"] {
  background-color: #149bd7 !important;
  border-color: #149bd7 !important;
  color: #000000 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Auch im Hover/aktiv bleiben SVGs schwarz */
.fct-shop-view-switcher button:hover svg,
.fct-shop-view-switcher button:focus svg,
.fct-shop-view-switcher button:active svg,
.fct-shop-view-switcher button.active svg,
.fct-shop-view-switcher button[aria-pressed="true"] svg,
.fct-shop-view-switcher button:hover svg path,
.fct-shop-view-switcher button:focus svg path,
.fct-shop-view-switcher button:active svg path,
.fct-shop-view-switcher button.active svg path,
.fct-shop-view-switcher button[aria-pressed="true"] svg path {
  color: #000000 !important;
  stroke: #000000 !important;
  fill: none !important;
}

/* Fokus-Ring killen */
.fct-shop-view-switcher button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* Tablet + Mobile: Buttons untereinander und volle Breite */
@media (max-width: 1024px) {
  .fct-product-buttons-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .fct-product-buttons-wrap .fluent-cart-direct-checkout-button,
  .fct-product-buttons-wrap .fluent-cart-add-to-cart-button {
    width: 100% !important;
    min-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
}
.fct-product-modal-close:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

.fct-product-modal-close:hover svg,
.fct-product-modal-close:hover svg path {
  stroke: #ffffff !important;
}
.fct-shop-product-search .fct-shop-input {
  padding-left: 30px !important;
}
a.checkout-button {
  background-color: #149bd7 !important;
  color: #ffffff !important;
  height: 40px !important;
  line-height: 18px !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease !important;
}

a.checkout-button::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f788" !important; /* cash-register */
  font-size: 16px !important;
  color: currentColor !important;
}

a.checkout-button:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}
/* FluentCart – Button "Optionen anzeigen" mit Auge */
.fct-product-view-button.fct-single-product-card-view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.fct-product-view-button.fct-single-product-card-view-button .fct-button-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.fct-product-view-button.fct-single-product-card-view-button .fct-button-text::before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  color: currentColor;
}/* End custom CSS */