/*
 Theme Name:     Mittwald Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Nutzen Sie das Child Theme um Änderungen am Divi Theme vorzunehmen. Sie können dazu den <a href="/wp-admin/theme-editor.php">Theme-Editor</a> benutzen.
 Author:         Mittwald CM Service GmbH & Co.KG
 Author URI:     https://www.mittwald.de/
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


/* ===================================
   Blue Level – Trockenschrank Typografie
   Einheitlich für Seiten, Produkte & Archive
   =================================== */

/* --- Grundschrift (Absätze, Tabellen etc.) --- */
body, p, table, td, li {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  font-weight: 400;
  margin: 0 0 0em 0;
  padding: 0;
}

/* --- Hauptüberschriften (H1) --- */
h1,
.et_pb_title_container h1,
.et_pb_heading_container h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2em;
  color: #333333;
  padding-bottom: 0px;
  margin-top: 0;
  margin-bottom: 0em;
}

/* --- Zwischenüberschriften (H3) --- */
h3,
.et_pb_heading_container h3,
.et_pb_text h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #2980b9; /* Blue Level Akzentfarbe */
  margin: 0em 0 0em 0;
  padding: 0;
}

/* -----------------------------------
   H5-Überschriften in Divi-Akkordeons
   (z. B. Trockenschrank FAQ oder technische Details)
   ----------------------------------- */
.et_pb_accordion .et_pb_toggle .et_pb_toggle_title sh5 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #333; /* oder #666, je nach gewünschter Helligkeit */
  line-height: 1.3;
  margin: 0;
  padding: 0;
}


/* --- Allgemeine Überschrift-Formatierung --- */
h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-weight: 500;
  line-height: 1em;
  padding-bottom: 10px;
}

/* --- Letzter Absatz im Divi-Textmodul: kein zusätzlicher Abstand --- */
.et_pb_text p:last-child {
  margin-bottom: 0;
}

/* --- Theme Builder / Produktarchive --- */
.archive h1,
.archive h3,
.single-product h1,
.single-product h3 {
  color: inherit;
}

/* --- Responsive Anpassung --- */
@media (max-width: 980px) {
  h1 { font-size: 26px; }
  h3 { font-size: 15px; }
  p  { font-size: 15px; }
}
@media (max-width: 600px) {
  h1 { font-size: 24px; line-height: 1.2; }
  h3 { font-size: 14px; }
  p  { font-size: 15px; line-height: 1.7; }
}

.et_pb_divider_0 {
  min-height: 5px;
  padding-bottom: 10px!important;
}
.et_pb_divider {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}
.et_pb_divider {
  position: relative;
}
.et_pb_space {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0px;
}

.et_pb_divider_1, .et_pb_divider_2, .et_pb_divider_3, .et_pb_divider_4 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  margin-top: 5px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

/* ===================================
   Blue Level – Einheitliche Divider-Abstände
   =================================== */

.et_pb_divider_1,
.et_pb_divider_2,
.et_pb_divider_3,
.et_pb_divider_4,
.et_pb_divider_5,
.et_pb_divider_6 {
  /* Alle Margins und Paddings zurücksetzen */
  margin: 0 !important;
  padding: 0 !important;

  /* Zielwerte setzen */
  margin-top: 5px !important;
  padding-bottom: 10px !important;
}

/* ===================================
   Blue Level – Utility Class: Weißer Textblock
   =================================== */

.color-white,
.color-white * {
  color: #ffffff !important;
}

/* Optional: falls Links beim Hover nicht unsichtbar werden sollen */
.color-white a {
  color: #ffffff !important;
  text-decoration: none; /* oder 'none' je nach Geschmack */
}
.color-white a:hover {
  opacity: 0.9; /* leichtes Feedback bei Hover */
}

.et_pb_post_content {
  text-align: left !important;
}

/* nur Einzelansicht vom CPT 'produkt' */
.single-produkt .et_pb_post_content,
.single-produkt .et_pb_post_content p,
.single-produkt .et_pb_post_content li {
  text-align: left !important;
}

/* saubere Abstände zwischen Absätzen & Listen */
.single-produkt .et_pb_post_content p { 
  margin: 0 0 1em !important; 
  line-height: 1.6;
}
.single-produkt .et_pb_post_content ul,
.single-produkt .et_pb_post_content ol {
  margin: 0 0 1em 1.25em !important;
}
/* Nur Produktseiten */
.single-produkt .et_pb_post_content [align="justify"],
.single-produkt .et_pb_post_content div[align="justify"] {
  text-align: left !important;        /* Blocksatz aufheben  */
  margin-bottom: 1em !important;      /* Abstand zwischen Divs */
  line-height: 1.6;
}

/* Nur Einzelansicht des CPT 'produkt' */
.single-produkt .et_pb_post_content {
  text-align: left !important; /* Blocksatz global raus */
}

/* Behandle nackte DIVs in der Jimdo-Struktur wie Absätze */
.single-produkt .et_pb_post_content .j-text > div {
  margin: 0 0 1em !important;
  line-height: 1.6;
  text-align: left !important;
}

/* Listen-Abstände hübsch */
.single-produkt .et_pb_post_content ul,
.single-produkt .et_pb_post_content ol {
  margin: 0 0 1em 1.25em !important;
}

/* optional: wirklich leere divs unsichtbar (falls mal eins durchrutscht) */
.single-produkt .et_pb_post_content .j-text > div:empty {
  display: none;
}

/* -------------------------------------------------
   Fallback: Abstand & Ausrichtung auch ohne .j-text
   ------------------------------------------------- */
.single-produkt .et_pb_post_content > div {
  margin-bottom: 1.4em !important;
  line-height: 1.6;
  text-align: left !important;
}

/* Leere oder Platzhalter-Divs ausblenden */
.single-produkt .et_pb_post_content > div:empty {
  display: none;
}


/* ===================================
   Blue Level – Standard-Linkfarben
   =================================== */

/* Standardzustand (alle normalen Links im Fließtext) */
a,
a:link,
a:visited {
  color: #2980b9; /* Blue Level Akzentfarbe */
  text-decoration: none; /* falls du keine Unterstreichung willst */
  transition: color 0.2s ease-in-out;
}

/* Hover & Fokus – leicht dunkleres Blau */
a:hover,
a:focus {
  color: #1d5e8d;
  text-decoration: underline; /* oder 'none', je nach Stil */
}

/* ===================================
   Blue Level – Links auf dunklem Hintergrund
   =================================== */

/* In allen Bereichen mit weißem Text (z. B. .color-white oder dunkle Sektionen) */
.color-white a,
.color-white a:link,
.color-white a:visited,
.dark-bg a,
.dark-bg a:link,
.dark-bg a:visited {
  color: #ffffff !important; /* immer weiß */
  text-decoration: none; /* optional: leichte Unterstreichung */
}

/* Hover auf dunklem Hintergrund – leicht abgeschwächt */
.color-white a:hover,
.dark-bg a:hover {
  color: #e0e0e0 !important;
}

/* ===================================
   Blue Level – Hauptmenü Hover-Farbe
   =================================== */

/* 1️ Hauptmenü (Header oben) */
#main-header #top-menu > li > a:hover,
#main-header #top-menu > li.current-menu-item > a,
#main-header #top-menu > li.current-menu-ancestor > a {
  color: #2980b9 !important;  /* Blue Level Akzent */
}

/* 2️ Mobile Menü (Hamburger-Ansicht) */
.et_mobile_menu li a:hover {
  color: #2980b9 !important;
}

/* 3️ Sekundärmenü (falls aktiv, z. B. Telefonnummer/Sprachen oben) */
#et-secondary-menu a:hover {
  color: #2980b9 !important;
}
/* ===================================
   fSelect – wie native Dropdowns (einfacher Rahmen)
   =================================== */

/* Äußerer Container: neutral halten */
.facetwp-facet .fs-wrap {
  width: 100%;
  max-width: 100%;
  margin: .25rem 0;
  padding: 0;
  background: none;
  border: none;
  box-sizing: border-box;
}

/* Sichtbarer Teil (die Box selbst) */
.facetwp-facet .fs-label-wrap {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 0px;
  padding: .35rem .5rem;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
  color: #3e3e3e;
  cursor: pointer;
  box-sizing: border-box;
}

/* Fokus / Offen: dunklerer Rand wie bei select:focus */
.facetwp-facet .fs-wrap.fs-open .fs-label-wrap,
.facetwp-facet .fs-label-wrap:focus {
  border-color: #2d3940;
  color: #3e3e3e;
  outline: 0;
}

/* Dropdown darf über Container hinausragen */
.bl-filters,
.bl-filter-body,
.facetwp-facet {
  overflow: visible !important;
}

/* Dropdownliste */
.fs-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #fff;
  max-height: 260px;
  overflow-y: auto;
  box-sizing: border-box;
}

/* Optionen im Dropdown */
.fs-option {
  padding: .35rem .5rem;
  font-size: 15px;
  line-height: 1.4;
  color: #3e3e3e;
}
.fs-option:hover {
  background: #f0f0f0;
}

/* Checkbox aktiv */
.fs-option.selected .fs-checkbox {
  background: #2980b9;
  border-color: #2980b9;
}

/* ===================================
   Blue Level – Filterraster 3×2
   =================================== */

/* Container für die Filter */
.bl-filter-body.cols-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 Spalten */
  gap: 12px 16px;                         /* Zeilen- und Spaltenabstand */
  align-items: start;
  overflow: visible !important;            /* Dropdowns dürfen überstehen */
}

/* Einzelne Filterelemente */
.facet-col,
.facetwp-facet {
  width: 100%;
  box-sizing: border-box;
}

/* Responsive Anpassungen */
@media (max-width: 980px) {
  .bl-filter-body.cols-2 {
    grid-template-columns: repeat(2, 1fr); /* 2 Spalten auf Tablets */
  }
}
@media (max-width: 600px) {
  .bl-filter-body.cols-2 {
    grid-template-columns: 1fr; /* 1 Spalte auf Mobile */
  }
}

/* ===================================
   Blue Level – fSelect Text & Padding exakt wie native Dropdowns
   =================================== */

/* sichtbare Box */
.facetwp-facet .fs-label-wrap {
  font-size: 13px;       /* etwas kleiner */
  line-height: 1.2;      /* kompakter Text */
  padding: 0.1rem 0.1rem !important; /* enger innen */
}

/* Dropdown-Liste */
.fs-dropdown {
  font-size: 13px;
  line-height: 1.2;
}

.fs-option {
  padding: 0.1rem 0.1rem;
  font-size: 13px;
  line-height: 1.2;
}

/* ===================================
   fSelect – Dropdowns sichtbar, auch am unteren Rand
   =================================== */

/* Wichtig: Grid-Container dürfen kein overflow:hidden erzwingen */
.bl-filter-body,
.bl-filter-group,
.bl-filters {
  overflow: visible !important;
  position: relative !important; /* Referenz für absolute Positionierung */
  z-index: 1;
}

/* Jede Facette darf das Dropdown herausragen lassen */
.facetwp-facet,
.fs-wrap {
  overflow: visible !important;
  position: relative !important;
}

/* Das Dropdown selbst immer ganz oben anzeigen */
.fs-dropdown {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: 9999 !important;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  max-height: 260px;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
}

/* ===================================
   fSelect – Dropdowns über allen anderen Filtern
   =================================== */

/* Alle Filtergruppen: Basis-Stack */
.bl-filter-group,
.bl-filter-body {
  position: relative;
  z-index: 1;
}

/* Bereich "Aktive Filter" gezielt nach hinten */
.bl-filter-group.span-2,
.bl-filter-group .bl-filter-body.bl-pills {
  position: relative;
  z-index: 0 !important;
}

/* fSelect-Dropdown ganz nach vorne */
.fs-dropdown {
  position: absolute !important;
  z-index: 999999 !important;   /* oberste Ebene */
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  max-height: 260px;
  overflow-y: auto;
  width: 100%;
}

/* --------------------------------------------------
   DROPDOWN – Divi Standard Header (top-menu-nav)
-------------------------------------------------- */

/* Dropdown-Container */
#top-menu-nav ul.sub-menu {
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    min-width: 240px !important;
}

/* Dropdown-Items */
#top-menu-nav ul.sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

#top-menu-nav ul.sub-menu li:last-child {
    border-bottom: none !important;
}

/* Links */
#top-menu-nav ul.sub-menu li a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 10px 18px !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.3em !important;
}

/* Hover auf LI = Hintergrund durchgehend */
#top-menu-nav ul.sub-menu li:hover {
    background: #fafafa !important;
}

/* Hover Text */
#top-menu-nav ul.sub-menu li:hover > a {
    color: #2980b9 !important;
}

/* --------------------------------------------------
   HAUPTMENÜ – Hover Fix
-------------------------------------------------- */

/* Hintergrund im Hauptmenü-Hover entfernen */
#top-menu-nav > ul > li:hover > a,
#top-menu-nav > ul > li > a:hover {
    background: transparent !important;
    opacity: 1 !important;
    color: #2980b9 !important;
}

/* Aktiver Menüpunkt nie grau hinterlegt */
#top-menu-nav > ul > li.current-menu-item > a {
    background: transparent !important;
    color: #2980b9 !important;
}

.nav ul li a:hover {
  background-color: rgba(0,0,0,.03);
  opacity: 1;
}

/* Blauer Button */
.btn {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 45px;
  background: #006a9b;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.2s ease !important;
}

.btn:hover {
  background: #ffffff !important;
  color: #333333 !important;
  text-decoration: none !important;
}


/* Weißer Button */
.btn-white {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 45px;
  background: #ffffff;
  color: #333333 !important;
  text-decoration: none !important;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.2s ease !important;
}

.btn-white:hover {
  background: #006a9b !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

h5 {
  font-size: 18px;
}

.has-border-white a:hover {
  background: #006a9b !important;
  color: #fff !important;
  border: 1px solid transparent;
}

/* -------------------------------------------------------------- 
1) Filter-Reihen-Layout (4 Spalten, wie geplant) 
-------------------------------------------------------------- */ 
.facet-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 12px; } 

/* -------------------------------------------------------------- 
2) SUCHE – ohne Dropdown-Pfeil, mit Lupe links 
-------------------------------------------------------------- */ 
.facetwp-facet-search input.facetwp-search { background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 4px; height: 40px; padding: 8px 12px 8px 34px; width: 100%; font-size: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='6' cy='6' r='5' stroke='%23666' stroke-width='2' fill='none'/%3E%3Cline x1='10' y1='10' x2='14' y2='14' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 10px center; box-sizing: border-box; } 

/* -------------------------------------------------------------- 3) 
PREIS-DROPDOWN (wie Galaxus) 
-------------------------------------------------------------- */ 
.facetwp-price-dropdown .price-dropdown-toggle { background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 4px; height: 40px; padding: 8px 12px; width: 100%; font-size: 14px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } /* Pfeil */ .facetwp-price-dropdown .arrow { width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; transition: transform .2s; } /* Geöffnet */ .facetwp-price-dropdown.open .arrow { transform: rotate(180deg); } /* Dropdown-Inhalt */ .price-dropdown-content { display: none; background: #fff; border: 1px solid #CCCCCC; border-top: none; border-radius: 0 0 4px 4px; padding: 12px; margin-top: -1px; } .facetwp-price-dropdown.open .price-dropdown-content { display: block; } 

/* -------------------------------------------------------------- 
4) FSELECT – Standard-Dropdowns (Produktart, Personen, Branche…) 
-------------------------------------------------------------- */ 
/* Wrapper */ .fs-wrap { width: 100%; position: relative; } 
/* Geschlossene Box */ .fs-label-wrap { background: #F9F9F9 !important; border: 1px solid #CCCCCC !important; border-radius: 4px !important; height: 40px !important; padding: 8px 12px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; box-sizing: border-box; } /* Dropdown-Pfeil */ .fs-label-wrap::after { content: ""; position: absolute; right: 12px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: .2s ease; } /* Pfeil drehen */ .fs-wrap.fs-open .fs-label-wrap::after { transform: translateY(-50%) rotate(180deg); } /* Dropdown */ .fs-dropdown { background: #fff !important; border: 1px solid #CCCCCC !important; border-top: none !important; border-radius: 0 0 4px 4px !important; padding: 8px 0 !important; z-index: 999999 !important; position: absolute !important; width: 100%; box-sizing: border-box; } /* Optionen */ .fs-option { padding: 8px 12px !important; display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; } .fs-option:hover { background: #F1F1F1 !important; } /* Checkbox */ .fs-checkbox i { width: 14px !important; height: 14px !important; margin-right: 6px !important; border-color: #666 !important; } 

/* -------------------------------------------------------------- 
5) SORTIERUNG unten (Dropdown rechts) 
-------------------------------------------------------------- */ 
#sortierung-container { display: flex; gap: 12px; align-items: center; margin-top: 20px; padding-top: 10px; border-top: 1px solid #e6e6e6; } #sortierung-container .sort-label { font-weight: 600; white-space: nowrap; } #sortierung-container select { background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 4px; height: 40px; padding: 8px 12px; font-size: 14px; appearance: none; width: 230px; box-sizing: border-box; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; } 

/* ===================================================== 
FSELECT – Grundstil (geschlossenes Dropdown) 
===================================================== */ 
.fs-wrap { width: 100%; position: relative; } .fs-label-wrap { background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 4px; height: 40px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } /* Text */ .fs-label { font-size: 14px; color: #333; } /* Pfeil */ .fs-arrow { width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: 0.2s; } /* Offen = Pfeil dreht */ .fs-wrap.fs-open .fs-arrow { transform: rotate(180deg); } 

/* ===================================================== 
FSELECT – Dropdown-Inhalt 
===================================================== */ 
.fs-dropdown { background: #fff; border: 1px solid #CCC; border-top: none; border-radius: 0 0 4px 4px; padding: 8px 0; position: absolute; top: 40px; left: 0; width: 100%; z-index: 9999; } /* Einzelne Optionen */ .fs-option { padding: 8px 12px; display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; } .fs-option:hover { background: #F1F1F1; } /* Checkbox */ .fs-checkbox i { width: 14px; height: 14px; border: 1px solid #666; } .facetwp-type-fselect .fs-option .fs-option-label { padding-left: 15px; } .facetwp-price-dropdown{ margin-top: 0px; } .facetwp-facet-search{ margin-top: 0px; } .facet-row { align-items: center !important; } .fs-arrow { display: none !important; } #sortierung-container .sort-label { padding-top: 5px; } #sortierung-container { align-items: center !important; } .facetwp-facet { margin-bottom: 0px!important; } .facetwp-price-dropdown .price-dropdown-toggle { color: #333; } 

/* -------------------------------------- 
RESPONSIVE GRID: Filteranordnung 
--------------------------------------- */ 
/* Desktop: 4 Spalten */ .facet-row { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; align-items: center !important; } /* Tablet: 2 Spalten */ @media (max-width: 980px) { .facet-row { grid-template-columns: repeat(2, 1fr) !important; } } /* Mobile: 1 Spalte */ @media (max-width: 600px) { .facet-row { grid-template-columns: 1fr !important; } } /* Mobile: Sortierung unter das Label setzen */ @media (max-width: 600px) { #sortierung-container { flex-direction: column; /* untereinander statt nebeneinander */ align-items: flex-start; /* linksbündig */ gap: 6px; /* kleiner Abstand */ height: auto !important; /* Höhe automatisch */ } #sortierung-container select { width: 100% !important; /* volle Breite */ max-width: none !important; } #sortierung-container .sort-label { padding-top: 0 !important; line-height: 1.2; } } /* Preis-Dropdown soll über anderen Elementen schweben */ .facetwp-price-dropdown { position: relative !important; } /* Der eigentliche Dropdown-Inhalt */ .price-dropdown-content { position: absolute !important; top: 100% !important; left: 0 !important; width: 100% !important; z-index: 9999 !important; background: #fff; border: 1px solid #CCCCCC; border-top: none; border-radius: 0 0 4px 4px; padding: 12px; } /* FacetWP: Filterzeilen sollen die komplette Breite nutzen */ .facetwp-facet { flex: 1 1 200px; /* wächst automatisch in die Breite */ max-width: 100%; } /* Optional: gleiche Höhe für alle Facets */ .facetwp-facet .fs-wrap, .facetwp-facet select, .facetwp-facet input[type="text"] { width: 100%; }