/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 20:31:52 */
/* ============================================================
   IT24 – WooCommerce Suchergebnisse
   /?s=...&post_type=product
   Zurück zur breiten Kategorie-Optik
   ============================================================ */

/* ============================================================
   Grundlayout
   ============================================================ */

body.search.search-results,
body.search-results,
body.search-results.post-type-archive-product {
  background: #ffffff;
}

/* Standard-Kadence/WooCommerce Header ausblenden */
body.search-results .entry-hero,
body.search-results .entry-hero-container,
body.search-results .page-header,
body.search-results .woocommerce-products-header,
body.search-results .woocommerce-products-header__title,
body.search-results .archive-title,
body.search-results .content-wrap > header,
body.search-results main > header {
  display: none !important;
}

/* Inhalt auf Shopbreite */
body.search-results .site-main,
body.search-results .content-area,
body.search-results .woocommerce {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Filter-/Toolbar-Zeilen ausblenden */
body.search-results .wcpf-filter-notes,
body.search-results .wcpf-active-filters,
body.search-results .wcpf-note-list,
body.search-results .wcpf-button-action-reset,
body.search-results .berocket_aapf_widget_selected_area,
body.search-results .bapf_sfilter,
body.search-results .bapf_head,
body.search-results .bapf_body,
body.search-results .woof_products_top_panel,
body.search-results .prdctfltr_filter_title,
body.search-results .prdctfltr_wc,
body.search-results .woocommerce-result-count,
body.search-results .woocommerce-ordering,
body.search-results .gridlist-toggle,
body.search-results .kadence-woo-toggle,
body.search-results .wc-grid-view,
body.search-results .wc-list-view,
body.search-results .products-view {
  display: none !important;
}

/* ============================================================
   Suchergebnis-Kopf
   ============================================================ */

body.search-results .site-main::before {
  content: "Suchergebnisse";
  display: block;
  max-width: 1240px;
  margin: 42px auto 34px;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: clamp(2.1rem, 3vw, 3.05rem);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-align: center;
}

/* Introbox ausblenden – war unnötig und hat gestört */
body.search-results .woocommerce::before {
  display: none !important;
  content: none !important;
}

/* ============================================================
   Produktgrid – wieder wie Kategorieansicht
   ============================================================ */

body.search-results ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  max-width: 1240px !important;
  margin: 0 auto 56px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Wenn nur 1–2 Treffer vorhanden sind: trotzdem schöne breite Karten */
body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(1)) {
  grid-template-columns: minmax(0, 300px) !important;
  justify-content: center !important;
}

body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
  grid-template-columns: repeat(2, minmax(0, 330px)) !important;
  justify-content: center !important;
}

/* Produktkarte */
body.search-results ul.products li.product {
  position: relative !important;
  width: auto !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 18px 16px 20px !important;
  border: 1px solid #D6D9E0 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(245,196,0,0.08), transparent 26%),
    linear-gradient(145deg, #ffffff 0%, #F7F8FA 100%) !important;
  box-shadow: 0 8px 24px rgba(28,30,38,0.045) !important;
  overflow: hidden !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
  transform: none !important;
}

body.search-results ul.products li.product:hover {
  border-color: rgba(245,196,0,0.75) !important;
  box-shadow: 0 14px 34px rgba(28,30,38,0.10) !important;
  transform: none !important;
}

/* Kein Springen */
body.search-results ul.products li.product *,
body.search-results ul.products li.product:hover * {
  transform: none !important;
  translate: none !important;
}

/* Produktlink */
body.search-results ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Produktbild */
body.search-results ul.products li.product img {
  width: 100% !important;
  height: 285px !important;
  min-height: 285px !important;
  max-height: 285px !important;
  object-fit: contain !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
}

/* Innenbox für Text, falls Theme sie erzeugt */
body.search-results ul.products li.product .product-details,
body.search-results ul.products li.product .product-info,
body.search-results ul.products li.product .entry-content-wrap {
  background: #ffffff !important;
  border-radius: 8px !important;
}

/* Titel */
body.search-results ul.products li.product .woocommerce-loop-product__title {
  min-height: 96px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.005em !important;
}

/* Preis */
body.search-results ul.products li.product .price {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Germanized Infos */
body.search-results ul.products li.product .wc-gzd-additional-info,
body.search-results ul.products li.product .legal-price-info,
body.search-results ul.products li.product .tax-info,
body.search-results ul.products li.product .shipping-costs-info {
  margin: 0 !important;
  padding: 0 !important;
  color: #5A6272 !important;
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
}

/* ============================================================
   Button dauerhaft sichtbar
   ============================================================ */

body.search-results ul.products li.product .button,
body.search-results ul.products li.product a.button,
body.search-results ul.products li.product .add_to_cart_button,
body.search-results ul.products li.product .product_type_simple,
body.search-results ul.products li.product .product_type_variable {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
  pointer-events: auto !important;

  width: auto !important;
  min-width: 190px !important;
  max-width: 230px !important;
  min-height: 46px !important;
  margin: 14px 0 0 !important;
  padding: 0 22px !important;

  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  border: 1px solid #F5C400 !important;
  border-radius: 8px !important;
  background: #F5C400 !important;
  color: #1C1E26 !important;

  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: normal !important;
  z-index: 5 !important;
}

/* Auch ohne Hover sichtbar */
body.search-results ul.products li.product:not(:hover) .button,
body.search-results ul.products li.product:not(:hover) a.button,
body.search-results ul.products li.product:not(:hover) .add_to_cart_button,
body.search-results ul.products li.product:not(:hover) .product_type_simple,
body.search-results ul.products li.product:not(:hover) .product_type_variable {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Button-Wrapper sichtbar */
body.search-results ul.products li.product .product-action-wrap,
body.search-results ul.products li.product .product-action,
body.search-results ul.products li.product .archive-action-button-wrap,
body.search-results ul.products li.product .kadence-woo-template-button-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
  position: relative !important;
  transform: none !important;
}

/* Hover nur Farbe */
body.search-results ul.products li.product .button:hover,
body.search-results ul.products li.product a.button:hover,
body.search-results ul.products li.product .add_to_cart_button:hover,
body.search-results ul.products li.product .product_type_simple:hover,
body.search-results ul.products li.product .product_type_variable:hover {
  background: #DDB000 !important;
  border-color: #DDB000 !important;
  color: #1C1E26 !important;
  transform: none !important;
}

/* ============================================================
   Keine Ergebnisse
   ============================================================ */

body.search-no-results .entry-hero,
body.search-no-results .entry-hero-container,
body.search-no-results .page-header {
  display: none !important;
}

body.search-no-results .site-main {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
}

body.search-no-results .entry-content,
body.search-no-results .no-results {
  padding: 34px 28px !important;
  border: 1px solid #EDEEF2 !important;
  border-left: 5px solid #F5C400 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 94% 14%, rgba(245,196,0,0.12), transparent 24%),
    linear-gradient(135deg, #ffffff, #F7F8FA) !important;
  box-shadow: 0 8px 24px rgba(28,30,38,0.045) !important;
}

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 1280px) {
  body.search-results .site-main,
  body.search-results .content-area,
  body.search-results .woocommerce,
  body.search-results ul.products,
  body.search-results .site-main::before {
    max-width: calc(100% - 32px) !important;
  }
}

@media (max-width: 1180px) {
  body.search-results ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
    grid-template-columns: repeat(2, minmax(0, 330px)) !important;
  }
}

@media (max-width: 820px) {
  body.search-results ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.search-results ul.products li.product {
    min-height: 570px !important;
  }

  body.search-results ul.products li.product img {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }
}

@media (max-width: 560px) {
  body.search-results .site-main,
  body.search-results .content-area,
  body.search-results .woocommerce,
  body.search-results ul.products,
  body.search-results .site-main::before {
    max-width: calc(100% - 24px) !important;
  }

  body.search-results .site-main::before {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 1.65rem;
  }

  body.search-results ul.products {
    grid-template-columns: 1fr !important;
  }

  body.search-results ul.products li.product {
    min-height: auto !important;
  }

  body.search-results ul.products li.product img {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }

  body.search-results ul.products li.product .button,
  body.search-results ul.products li.product a.button,
  body.search-results ul.products li.product .add_to_cart_button,
  body.search-results ul.products li.product .product_type_simple,
  body.search-results ul.products li.product .product_type_variable {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
    text-align: center !important;
  }
}
/* ============================================================
   IT24 – Suchergebnisse Feinkorrektur
   Überschrift im IT24-Stil + Produktkarten linksbündig
   ============================================================ */

/* Produktbereich linksbündig auf 1240px */
body.search-results .site-main,
body.search-results .content-area,
body.search-results .woocommerce {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Überschrift nicht riesig/zentriert, sondern als Hero-Karte */
body.search-results .site-main::before {
  content: "Suchergebnisse" !important;
  display: block !important;
  max-width: 1240px !important;
  margin: 34px auto 34px !important;
  padding: 34px 42px !important;
  border: 1px solid #EDEEF2 !important;
  border-left: 5px solid #F5C400 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 14%, rgba(245,196,0,0.13), transparent 24%),
    linear-gradient(135deg, #ffffff, #F7F8FA) !important;
  box-shadow: 0 10px 28px rgba(28,30,38,0.055) !important;

  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: clamp(1.75rem, 2.35vw, 2.55rem) !important;
  font-weight: 750 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
}

/* Grid immer linksbündig, auch bei nur 1–2 Treffern */
body.search-results ul.products,
body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(1)),
body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  justify-content: start !important;
  align-items: stretch !important;
  gap: 26px !important;
  max-width: 1240px !important;
  margin: 0 auto 56px !important;
  padding: 0 !important;
}

/* Produktkarten wieder volle Kategoriebreite */
body.search-results ul.products li.product {
  max-width: none !important;
  width: auto !important;
}

/* Kartenhöhe etwas reduzieren */
body.search-results ul.products li.product {
  min-height: 600px !important;
}

/* Button links in der Textbox, aber nicht mittig */
body.search-results ul.products li.product .button,
body.search-results ul.products li.product a.button,
body.search-results ul.products li.product .add_to_cart_button,
body.search-results ul.products li.product .product_type_simple,
body.search-results ul.products li.product .product_type_variable {
  justify-content: flex-start !important;
  text-align: left !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 230px !important;
}

/* Responsive */
@media (max-width: 1280px) {
  body.search-results .site-main,
  body.search-results .content-area,
  body.search-results .woocommerce,
  body.search-results .site-main::before,
  body.search-results ul.products {
    max-width: calc(100% - 32px) !important;
  }
}

@media (max-width: 1180px) {
  body.search-results ul.products,
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(1)),
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.search-results ul.products,
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(1)),
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.search-results .site-main::before {
    max-width: calc(100% - 24px) !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 26px 22px !important;
    font-size: 1.65rem !important;
  }

  body.search-results ul.products,
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(1)),
  body.search-results ul.products:has(li.product:nth-child(1):nth-last-child(2)) {
    grid-template-columns: 1fr !important;
    max-width: calc(100% - 24px) !important;
  }

  body.search-results ul.products li.product .button,
  body.search-results ul.products li.product a.button,
  body.search-results ul.products li.product .add_to_cart_button,
  body.search-results ul.products li.product .product_type_simple,
  body.search-results ul.products li.product .product_type_variable {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
    text-align: center !important;
  }
}
/* ============================================================
   IT24 – Suchergebnisse Feinschliff: Überschrift kleiner, Button sauber
   ============================================================ */

/* Überschrift kompakter */
body.search-results .site-main::before {
  margin: 28px auto 28px !important;
  padding: 24px 32px !important;
  font-size: clamp(1.45rem, 1.85vw, 2.05rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
}

/* Produktkarte etwas ruhiger */
body.search-results ul.products li.product {
  min-height: 590px !important;
}

/* Textbereich darf Button nicht verschieben */
body.search-results ul.products li.product .entry-content-wrap,
body.search-results ul.products li.product .product-details,
body.search-results ul.products li.product .product-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Button sauber links, nicht verschoben */
body.search-results ul.products li.product .button,
body.search-results ul.products li.product a.button,
body.search-results ul.products li.product .add_to_cart_button,
body.search-results ul.products li.product .product_type_simple,
body.search-results ul.products li.product .product_type_variable {
  align-self: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 230px !important;
  margin: 14px 0 0 0 !important;
  padding: 0 22px !important;
}

/* Falls Theme den Button mit negativem Abstand/absolute Position zieht */
body.search-results ul.products li.product .kadence-woo-template-button-wrap,
body.search-results ul.products li.product .archive-action-button-wrap,
body.search-results ul.products li.product .product-action-wrap,
body.search-results ul.products li.product .product-action {
  display: block !important;
  width: auto !important;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  align-self: flex-start !important;
}

/* Mobile */
@media (max-width: 560px) {
  body.search-results .site-main::before {
    padding: 22px 20px !important;
    font-size: 1.45rem !important;
  }

  body.search-results ul.products li.product .button,
  body.search-results ul.products li.product a.button,
  body.search-results ul.products li.product .add_to_cart_button,
  body.search-results ul.products li.product .product_type_simple,
  body.search-results ul.products li.product .product_type_variable {
    width: 100% !important;
    max-width: none !important;
  }
}