.elementor-widget-theme-archive-title .elementor-heading-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-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4622 .elementor-element.elementor-element-e6e18da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4622 .elementor-element.elementor-element-e6e18da.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4622 .elementor-element.elementor-element-76331d0{--display:flex;}@media(max-width:1024px){.elementor-4622 .elementor-element.elementor-element-e6e18da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4622 .elementor-element.elementor-element-e6e18da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* =========================================================
   MY-FEUERWERK – PRODUCT ARCHIVE 2026
   GRUNDLAYOUT + HEAD
   ========================================================= */


/* ---------------------------------------------------------
   OUTER SECTION
   --------------------------------------------------------- */

.mf-archive-section {
  width: 100%;
  background: #f6f5f3;
  color: #161616;
}


/* ---------------------------------------------------------
   INNER WIDTH
   --------------------------------------------------------- */

.mf-archive-inner {
  width: min(1400px, calc(100% - 48px));
  margin: 0 auto;
  padding: 48px 0 72px;
}


/* ---------------------------------------------------------
   ARCHIVE HEAD
   --------------------------------------------------------- */

.mf-archive-head {
  max-width: 900px;
  margin-bottom: 38px;
}


/* Breadcrumb */

.mf-archive-breadcrumb {
  margin: 0 0 14px !important;
}

.mf-archive-breadcrumb,
.mf-archive-breadcrumb * {
  color: #8a8a8a !important;

  font-family: "Lato", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.mf-archive-breadcrumb a {
  color: #6f6f6f !important;
  text-decoration: none !important;
}

.mf-archive-breadcrumb a:hover {
  color: #FF4D1F !important;
}


/* Title */

.mf-archive-title {
  margin: 0 !important;
}

.mf-archive-title,
.mf-archive-title * {
  margin: 0 !important;

  color: #161616 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -1px !important;
}


/* Description */

.mf-archive-description {
  max-width: 760px;
  margin: 16px 0 0 !important;
}

.mf-archive-description,
.mf-archive-description * {
  margin: 0 !important;

  color: #666666 !important;

  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}


/* ---------------------------------------------------------
   MAIN ARCHIVE LAYOUT
   --------------------------------------------------------- */

.mf-archive-layout {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;

  gap: 28px !important;
}


/* Sidebar */

.mf-archive-sidebar {
  flex: 0 0 280px !important;
  width: 280px !important;
}


/* Product Area */

.mf-archive-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

  .mf-archive-inner {
    width: min(100% - 36px, 1000px);
    padding: 42px 0 62px;
  }

  .mf-archive-head {
    margin-bottom: 32px;
  }

  .mf-archive-layout {
    gap: 22px !important;
  }

  .mf-archive-sidebar {
    flex-basis: 240px !important;
    width: 240px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .mf-archive-inner {
    width: calc(100% - 28px);
    padding: 34px 0 50px;
  }

  .mf-archive-head {
    margin-bottom: 26px;
  }

  .mf-archive-title,
  .mf-archive-title * {
    font-size: 36px !important;
  }

  .mf-archive-description,
  .mf-archive-description * {
    font-size: 15px !important;
  }

  .mf-archive-layout {
    flex-direction: column !important;
    gap: 22px !important;
  }

  .mf-archive-sidebar,
  .mf-archive-main {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

}

/* =========================================================
   MY-FEUERWERK – PRODUCT ARCHIVE PRODUCTS
   FLATSOME-SAFE
   ========================================================= */

.mf-archive-products {
  width: 100%;
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.mf-archive-products .products.row {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.mf-archive-products .product-small.col {
  padding-left: 8px !important;
  padding-right: 8px !important;
}


/* ---------------------------------------------------------
   OUTER WRAPPER
   --------------------------------------------------------- */

.mf-archive-products .product-small.col,
.mf-archive-products .product-small.col > .col-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.mf-archive-products .product-small.box {
  background: #ffffff !important;

  border: 1px solid #e4e2df !important;
  border-radius: 14px !important;

  overflow: hidden !important;

  box-shadow: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

.mf-archive-products .product-small.box:hover {
  transform: translateY(-3px);

  border-color: #d8d4cf !important;

  box-shadow: 0 14px 30px rgba(0,0,0,.08) !important;
}


/* ---------------------------------------------------------
   IMAGE
   Flatsome-Bildlogik bewusst NICHT überschreiben
   --------------------------------------------------------- */

.mf-archive-products .box-image {
  background: #ffffff !important;
}

.mf-archive-products .image-tools {
  display: none !important;
}


/* ---------------------------------------------------------
   TEXT
   --------------------------------------------------------- */

.mf-archive-products .box-text.box-text-products {
  padding: 15px 15px 17px !important;

  background: #ffffff !important;

  text-align: left !important;
}


/* Kategorie */

.mf-archive-products .product-cat {
  margin-bottom: 5px !important;

  color: #8b8b8b !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .5px !important;

  text-transform: uppercase !important;
}


/* Produkttitel */

.mf-archive-products .name.product-title,
.mf-archive-products .name.product-title a {
  color: #161616 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  text-decoration: none !important;
}


/* ---------------------------------------------------------
   PRICE
   --------------------------------------------------------- */

.mf-archive-products .price-wrapper {
  margin-top: 9px !important;
}

.mf-archive-products .price {
  color: #161616 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.mf-archive-products .price ins {
  color: #FF4D1F !important;
  text-decoration: none !important;
}

.mf-archive-products .price del {
  color: #999999 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}


/* ---------------------------------------------------------
   BUTTON INNERHALB DER KARTE
   --------------------------------------------------------- */

.mf-archive-products .add-to-cart-button {
  margin-top: 12px !important;
}

.mf-archive-products .add-to-cart-button a.button {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 10px 11px !important;

  background: #161616 !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .35px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  transition:
    background-color .25s ease,
    transform .25s ease !important;
}

.mf-archive-products .add-to-cart-button a.button:hover {
  background: #FF4D1F !important;
}


/* ---------------------------------------------------------
   DIREKTER FLATSOME BUTTON UNTERHALB DER KARTE
   BLEIBT BEWUSST ERHALTEN
   --------------------------------------------------------- */

.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_simple,
.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_variable,
.mf-archive-products
.product-small.col > .col-inner > a.button.add_to_cart_button {
  display: block !important;

  width: 100% !important;

  margin: 10px 0 0 !important;
  padding: 10px 11px !important;

  background: #FF4D1F !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .35px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  transition:
    background-color .25s ease,
    transform .25s ease !important;
}

.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_simple:hover,
.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_variable:hover,
.mf-archive-products
.product-small.col > .col-inner > a.button.add_to_cart_button:hover {
  background: #d93f18 !important;
}


/* ---------------------------------------------------------
   GERMANIZED-ZEILE AUSSERHALB ENTFERNEN
   --------------------------------------------------------- */

.mf-archive-products
.product-small.col > .col-inner > .wc-gzd-additional-info,

.mf-archive-products
.product-small.col > .col-inner > p.wc-gzd-additional-info,

.mf-archive-products
.product-small.col > .col-inner > .tax-info,

.mf-archive-products
.product-small.col > .col-inner > .shipping-costs-info {
  display: none !important;
}


/* ---------------------------------------------------------
   GERMANIZED INFOS INNERHALB DER KARTE
   --------------------------------------------------------- */

.mf-archive-products .wc-gzd-additional-info {
  color: #777777 !important;

  font-family: "Lato", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.35 !important;

  margin-top: 5px !important;
}


/* ---------------------------------------------------------
   BADGE
   --------------------------------------------------------- */

.mf-archive-products .badge-container {
  top: 12px !important;
  left: 12px !important;
}

.mf-archive-products .badge-inner {
  padding: 6px 8px !important;

  background: #FF4D1F !important;
  color: #ffffff !important;

  border-radius: 5px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

  .mf-archive-products .product-small.col {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .mf-archive-products .box-text.box-text-products {
    padding: 13px 12px 15px !important;
  }

  .mf-archive-products .name.product-title,
  .mf-archive-products .name.product-title a {
    font-size: 13px !important;
  }

  .mf-archive-products .price {
    font-size: 15px !important;
  }

  .mf-archive-products .add-to-cart-button a.button,
  .mf-archive-products
  .product-small.col > .col-inner > a.button.product_type_simple,
  .mf-archive-products
  .product-small.col > .col-inner > a.button.product_type_variable,
  .mf-archive-products
  .product-small.col > .col-inner > a.button.add_to_cart_button {
    font-size: 9px !important;
    padding: 9px 8px !important;
  }

}

/* =========================================================
   ARCHIVE – EXTERNER ACTION BUTTON FEINSCHLIFF
   ========================================================= */

.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_simple,
.mf-archive-products
.product-small.col > .col-inner > a.button.product_type_variable,
.mf-archive-products
.product-small.col > .col-inner > a.button.add_to_cart_button {

  margin-top: 6px !important;

  border-radius: 7px !important;

  background: #FF4D1F !important;
  color: #ffffff !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;

  box-shadow: none !important;
}

/* =========================================================
   MY-FEUERWERK – ARCHIVE FILTERS + TOOLBAR
   ========================================================= */


/* ---------------------------------------------------------
   FILTER SIDEBAR
   --------------------------------------------------------- */

.mf-archive-sidebar {
  flex: 0 0 280px !important;
  width: 280px !important;
}

.mf-archive-filters {
  width: 100%;

  padding: 22px;

  background: #ffffff;
  border: 1px solid #e4e2df;
  border-radius: 14px;
}


/* ---------------------------------------------------------
   TOOLBAR
   --------------------------------------------------------- */

.mf-archive-toolbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100%;

  min-height: 54px;

  margin: 0 0 18px !important;
  padding: 8px 10px 8px 16px;

  background: #ffffff;
  border: 1px solid #e4e2df;
  border-radius: 12px;
}

.mf-archive-toolbar-left,
.mf-archive-toolbar-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  width: auto !important;
}

.mf-archive-toolbar-right {
  margin-left: auto;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

  .mf-archive-sidebar {
    flex-basis: 240px !important;
    width: 240px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .mf-archive-sidebar {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .mf-archive-toolbar {
    min-height: 50px;
    padding: 7px 10px 7px 12px;
  }

}

/* =========================================================
   MY-FEUERWERK – BEROCKET FILTER SIDEBAR
   FINAL
   ========================================================= */

.mf-archive-filters {
  width: 100%;

  padding: 22px 20px;

  background: #ffffff;
  border: 1px solid #e4e2df;
  border-radius: 14px;
}


/* ---------------------------------------------------------
   FILTERGRUPPEN
   --------------------------------------------------------- */

.mf-archive-filters .berocket_single_filter_widget,
.mf-archive-filters .berocket_aapf_widget,
.mf-archive-filters .bapf_sfilter {
  margin: 0 0 20px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

.mf-archive-filters .berocket_single_filter_widget:last-child,
.mf-archive-filters .berocket_aapf_widget:last-child,
.mf-archive-filters .bapf_sfilter:last-child {
  margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   FILTER-ÜBERSCHRIFTEN
   --------------------------------------------------------- */

.mf-archive-filters .bapf_head,
.mf-archive-filters .bapf_head h3,
.mf-archive-filters .bapf_head h4,
.mf-archive-filters .berocket_aapf_widget-title {
  margin: 0 0 10px !important;

  color: #161616 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}


/* Pfeile / Collapse */
.mf-archive-filters .bapf_colaps_smb {
  color: #161616 !important;
}


/* ---------------------------------------------------------
   ION RANGE SLIDER
   --------------------------------------------------------- */

.mf-archive-filters .bapf_slidr_all {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}


/* Grundlinie */
.mf-archive-filters .irs-line {
  height: 6px !important;

  background: #e4e2df !important;
  border: 0 !important;
  border-radius: 999px !important;

  box-shadow: none !important;
}


/* aktiver Bereich */
.mf-archive-filters .irs-bar {
  height: 6px !important;

  background: #FF4D1F !important;
  border: 0 !important;
  border-radius: 999px !important;

  box-shadow: none !important;
}


/* Slider-Griffe */
.mf-archive-filters .irs-handle {
  width: 18px !important;
  height: 18px !important;

  top: 27px !important;

  background: #ffffff !important;
  border: 2px solid #FF4D1F !important;
  border-radius: 50% !important;

  box-shadow: 0 2px 7px rgba(0,0,0,.18) !important;

  cursor: pointer !important;
}


/* innere Handle-Deko neutralisieren */
.mf-archive-filters .irs-handle > i,
.mf-archive-filters .irs-handle > span {
  display: none !important;
}


/* ---------------------------------------------------------
   WERTEFELDER
   --------------------------------------------------------- */

.mf-archive-filters .irs-min,
.mf-archive-filters .irs-max,
.mf-archive-filters .irs-from,
.mf-archive-filters .irs-to,
.mf-archive-filters .irs-single {
  padding: 4px 6px !important;

  background: #161616 !important;
  color: #ffffff !important;

  border-radius: 5px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


/* kleine Dreiecke unter den aktiven Wertfeldern */
.mf-archive-filters .irs-from::before,
.mf-archive-filters .irs-to::before,
.mf-archive-filters .irs-single::before {
  border-top-color: #161616 !important;
}


/* Raster unter Slider aus */
.mf-archive-filters .irs-grid {
  display: none !important;
}


/* ---------------------------------------------------------
   LABELS / TEXTE
   --------------------------------------------------------- */

.mf-archive-filters label,
.mf-archive-filters .berocket_label_widgets,
.mf-archive-filters .bapf_body {
  color: #555555 !important;

  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

.mf-archive-filters input[type="text"],
.mf-archive-filters input[type="number"] {
  color: #161616 !important;

  background: #f7f6f4 !important;

  border: 1px solid #dedad5 !important;
  border-radius: 6px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}


/* ---------------------------------------------------------
   SELECTS
   --------------------------------------------------------- */

.mf-archive-filters select {
  width: 100% !important;

  min-height: 40px;

  padding: 8px 10px !important;

  color: #161616 !important;
  background: #ffffff !important;

  border: 1px solid #dedad5 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
}


/* ---------------------------------------------------------
   RESET BUTTON
   --------------------------------------------------------- */

.mf-archive-filters .berocket_aapf_reset_button,
.mf-archive-filters .bapf_reset,
.mf-archive-filters button[type="reset"],
.mf-archive-filters input[type="reset"] {
  display: block !important;

  width: 100% !important;

  margin: 10px 0 0 !important;
  padding: 11px 12px !important;

  background: #161616 !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .35px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  transition: background-color .25s ease !important;
}

.mf-archive-filters .berocket_aapf_reset_button:hover,
.mf-archive-filters .bapf_reset:hover,
.mf-archive-filters button[type="reset"]:hover,
.mf-archive-filters input[type="reset"]:hover {
  background: #FF4D1F !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .mf-archive-filters {
    padding: 18px;
  }

  .mf-archive-filters .bapf_head,
  .mf-archive-filters .bapf_head h3,
  .mf-archive-filters .bapf_head h4 {
    font-size: 15px !important;
  }

}

/* =========================================================
   MY-FEUERWERK – ARCHIVE TOOLBAR
   RESULT COUNT + ORDERING
   ========================================================= */

.mf-archive-toolbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100%;

  min-height: 56px;

  margin: 0 0 18px !important;
  padding: 9px 12px 9px 16px;

  background: #ffffff;
  border: 1px solid #e4e2df;
  border-radius: 12px;
}


/* ---------------------------------------------------------
   LEFT / RIGHT
   --------------------------------------------------------- */

.mf-archive-toolbar-left,
.mf-archive-toolbar-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  width: auto !important;
}

.mf-archive-toolbar-right {
  margin-left: auto;
}


/* ---------------------------------------------------------
   RESULT COUNT
   --------------------------------------------------------- */

.mf-archive-result-count {
  margin: 0 !important;
}

.mf-archive-result-count,
.mf-archive-result-count * {
  color: #666666 !important;

  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.mf-archive-result-count .woocommerce-result-count {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   ORDERING
   --------------------------------------------------------- */

.mf-archive-ordering {
  margin: 0 !important;
}

.mf-archive-ordering .woocommerce-ordering {
  margin: 0 !important;
}

.mf-archive-ordering select {
  min-width: 230px;
  min-height: 38px;

  margin: 0 !important;
  padding: 7px 34px 7px 12px !important;

  color: #161616 !important;
  background: #f7f6f4 !important;

  border: 1px solid #dedad5 !important;
  border-radius: 8px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  cursor: pointer !important;
}


/* Fokus */
.mf-archive-ordering select:focus {
  outline: none !important;
  border-color: #FF4D1F !important;

  box-shadow: 0 0 0 2px rgba(255,77,31,.08) !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

  .mf-archive-ordering select {
    min-width: 200px;
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .mf-archive-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 10px !important;

    padding: 12px;
  }

  .mf-archive-toolbar-left,
  .mf-archive-toolbar-right {
    width: 100% !important;
  }

  .mf-archive-toolbar-right {
    margin-left: 0;
  }

  .mf-archive-ordering,
  .mf-archive-ordering .woocommerce-ordering,
  .mf-archive-ordering select {
    width: 100% !important;
  }

}


/* =========================================================
   MY-FEUERWERK – ARCHIVE PRODUCT SEARCH
   ========================================================= */

.mf-archive-search {
  width: 100%;
  margin: 0 0 14px !important;
}

.mf-product-search {
  position: relative;

  display: flex;

  width: 100%;

  background: #ffffff;
  border: 1px solid #e4e2df;
  border-radius: 10px;

  overflow: hidden;
}

.mf-product-search-field {
  flex: 1 1 auto;

  min-width: 0;
  height: 46px;

  margin: 0 !important;
  padding: 0 48px 0 14px !important;

  color: #161616 !important;
  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
}

.mf-product-search-field:focus {
  outline: none !important;
}

.mf-product-search:focus-within {
  border-color: #FF4D1F;

  box-shadow: 0 0 0 2px rgba(255,77,31,.08);
}

.mf-product-search-button {
  position: absolute;

  top: 5px;
  right: 5px;

  width: 36px;
  height: 36px;

  margin: 0 !important;
  padding: 0 !important;

  background: #FF4D1F !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 7px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 36px !important;

  text-align: center;

  cursor: pointer;
}

.mf-product-search-button:hover {
  background: #161616 !important;
}

/* =========================
   MY FEUERWERK SHOP SEARCH
   ========================= */

.mf-shop-search {
  width: 100%;
}

.mf-shop-search form {
  position: relative;
  width: 100%;
}

.mf-shop-search input[type="search"],
.mf-shop-search input[type="text"] {
  width: 100%;
  height: 56px;
  padding: 0 64px 0 18px;
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  background: #ffffff;
  color: #111111;
  font-size: 16px;
  line-height: 1;
  box-shadow: none;
}

.mf-shop-search button,
.mf-shop-search .searchsubmit,
.mf-shop-search input[type="submit"] {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #ff5a1f;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

/* falls im Button ein Icon/SVG sitzt */
.mf-shop-search button i,
.mf-shop-search button svg,
.mf-shop-search .searchsubmit i,
.mf-shop-search .searchsubmit svg {
  width: 14px;
  height: 14px;
  font-size: 14px;
}

/* Hover */
.mf-shop-search button:hover,
.mf-shop-search .searchsubmit:hover,
.mf-shop-search input[type="submit"]:hover {
  background: #e84d16;
}

/* Focus */
.mf-shop-search input[type="search"]:focus,
.mf-shop-search input[type="text"]:focus {
  outline: none;
  border-color: #ff5a1f;
  box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.12);
}

/* =========================
   MY FEUERWERK SHOP ORDERING
   passend zur Suche
   ========================= */

.mf-archive-ordering {
  width: auto;
  margin: 0 !important;
}

.mf-archive-ordering .mf-ordering-form,
.mf-archive-ordering .woocommerce-ordering {
  margin: 0 !important;
}

.mf-archive-ordering select {
  height: 56px !important;
  min-width: 230px !important;

  margin: 0 !important;
  padding: 0 44px 0 16px !important;

  background: #ffffff !important;
  color: #161616 !important;

  border: 1px solid #d9d9d9 !important;
  border-radius: 14px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  cursor: pointer !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background-color .2s ease;
}

.mf-archive-ordering select:hover {
  border-color: #c9c9c9 !important;
}

.mf-archive-ordering select:focus {
  outline: none !important;
  border-color: #FF4D1F !important;
  box-shadow: 0 0 0 3px rgba(255,77,31,.12) !important;
}


/* Toolbar passend zur Suche */

.mf-archive-toolbar {
  min-height: 72px !important;

  padding: 8px 12px 8px 18px !important;

  background: #ffffff !important;
  border: 1px solid #e4e2df !important;
  border-radius: 14px !important;
}


/* Ergebnisanzahl */

.mf-archive-result-count,
.mf-archive-result-count * {
  color: #666666 !important;

  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}


/* Tablet */

@media (max-width: 1024px) {

  .mf-archive-ordering select {
    min-width: 200px !important;
  }

}


/* Mobile */

@media (max-width: 767px) {

  .mf-archive-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 10px !important;

    padding: 12px !important;
  }

  .mf-archive-toolbar-left,
  .mf-archive-toolbar-right {
    width: 100% !important;
  }

  .mf-archive-ordering,
  .mf-archive-ordering .mf-ordering-form,
  .mf-archive-ordering select {
    width: 100% !important;
    min-width: 0 !important;
  }

}/* End custom CSS */