.elementor-52585 .elementor-element.elementor-element-88329bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-52585 .elementor-element.elementor-element-3758ef4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}/* Start custom CSS *//* =============================================================
   Autohaus Schreiber – Carzilla Styling
   Seite: /angebote-neu/detailsuche/ (Detailsuche)
   ============================================================= */

/* ---------- Variablen ---------- */
#mpi-carzilla-script-container {
  --cz-primary: #003984;
  --cz-primary-hover: #002a63;
  --cz-primary-light: rgba(0, 57, 132, 0.08);
  --cz-grey: #99a1b2;
  --cz-grey-light: #e5e8ed;
  --cz-grey-soft: #f4f6f9;
  --cz-text: #1a2233;
  --cz-text-muted: #5b6577;
  --cz-white: #ffffff;
  --cz-radius: 16px;
  --cz-radius-sm: 10px;
  --cz-shadow: 0 2px 12px rgba(0, 57, 132, 0.06);
  --cz-border: 1px solid var(--cz-grey-light);
  --cz-transition: all 0.22s ease;
}

/* =============================================================
   ELEMENTOR-KIT BUTTON RESET
   ============================================================= */
#mpi-carzilla-script-container button {
  background-color: transparent !important;
  background-image: none !important;
}
/* Blau nur wo es hingehoert */
#mpi-carzilla-script-container .MuiButton-contained,
#mpi-carzilla-script-container .MuiButton-containedPrimary {
  background-color: var(--cz-primary) !important;
  color: var(--cz-white) !important;
  border-radius: var(--cz-radius-sm) !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
}
#mpi-carzilla-script-container .MuiButton-contained:hover {
  background-color: var(--cz-primary-hover) !important;
}

/* =============================================================
   ICONS IN BLAUEN BUTTONS → WEISS
   ============================================================= */
#mpi-carzilla-script-container .MuiButton-contained img,
#mpi-carzilla-script-container .MuiButton-contained .MuiButton-startIcon img,
#mpi-carzilla-script-container .MuiButton-contained .MuiButton-endIcon img {
  filter: brightness(0) invert(1) !important;
}
#mpi-carzilla-script-container .MuiButton-contained svg path {
  fill: var(--cz-white) !important;
  stroke: var(--cz-white) !important;
}
#mpi-carzilla-script-container .MuiButton-contained,
#mpi-carzilla-script-container .MuiButton-contained * {
  color: var(--cz-white) !important;
}

/* =============================================================
   ZURUECKSETZEN-LINK (oben bei PKW / Treffer)
   ============================================================= */
#mpi-carzilla-script-container button.MuiLink-button {
  background: none !important;
  background-color: transparent !important;
  color: var(--cz-primary) !important;
  text-decoration: none !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#mpi-carzilla-script-container button.MuiLink-button * {
  color: var(--cz-primary) !important;
}
#mpi-carzilla-script-container button.MuiLink-button img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(96%)
    saturate(2940%) hue-rotate(212deg) brightness(95%) contrast(102%) !important;
}

/* =============================================================
   BREADCRUMBS
   ============================================================= */
#mpi-carzilla-script-container .MuiBreadcrumbs-root .MuiLink-root {
  color: var(--cz-primary);
  font-weight: 500;
  text-decoration: none !important;
}
#mpi-carzilla-script-container a.MuiLink-root {
  text-decoration: none !important;
}

/* =============================================================
   SEKTIONS-UEBERSCHRIFTEN (Fahrzeugzustand, Aufbauart etc.)
   ============================================================= */
#mpi-carzilla-script-container .MuiTypography-h5 {
  color: var(--cz-primary);
  font-weight: 700;
}

/* =============================================================
   FORMFELDER
   ============================================================= */
#mpi-carzilla-script-container .MuiOutlinedInput-root {
  border-radius: var(--cz-radius-sm) !important;
}
#mpi-carzilla-script-container .MuiOutlinedInput-notchedOutline {
  border-color: var(--cz-grey-light) !important;
}
#mpi-carzilla-script-container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--cz-primary) !important;
  border-width: 2px !important;
}

/* =============================================================
   CHECKBOXEN
   ============================================================= */
#mpi-carzilla-script-container .MuiCheckbox-root {
  color: var(--cz-grey) !important;
}
#mpi-carzilla-script-container .MuiCheckbox-root.Mui-checked {
  color: var(--cz-primary) !important;
}

/* =============================================================
   SLIDER (Preis, km-Stand, Erstzulassung, Leistung, Sitze)
   ============================================================= */
#mpi-carzilla-script-container .MuiSlider-root {
  color: var(--cz-primary) !important;
}
#mpi-carzilla-script-container .MuiSlider-thumb {
  background-color: var(--cz-white) !important;
  border: 3px solid var(--cz-primary) !important;
}
#mpi-carzilla-script-container .MuiSlider-rail {
  background-color: var(--cz-grey-light) !important;
  opacity: 1;
}
#mpi-carzilla-script-container .MuiSlider-track {
  background-color: var(--cz-primary) !important;
}
#mpi-carzilla-script-container .MuiSlider-valueLabel {
  background-color: var(--cz-primary) !important;
}
#mpi-carzilla-script-container .MuiSlider-markLabel {
  color: var(--cz-text-muted);
  font-size: 0.78rem;
}

/* =============================================================
   AUSSTATTUNGS-TABS (Assistenzsysteme, Sicherheit, etc.)
   ============================================================= */
#mpi-carzilla-script-container .MuiTabs-indicator {
  background-color: var(--cz-primary) !important;
  height: 3px !important;
}
/* Inaktiver Tab */
#mpi-carzilla-script-container button.MuiTab-root {
  background-color: var(--cz-grey-soft) !important;
  color: var(--cz-text-muted) !important;
  border: 1px solid var(--cz-grey-light) !important;
  border-bottom: none !important;
  border-radius: 10px 10px 0 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  padding: 8px 14px !important;
  min-height: 40px !important;
  opacity: 1 !important;
  margin-right: 2px !important;
}
#mpi-carzilla-script-container button.MuiTab-root:hover:not(.Mui-selected) {
  color: var(--cz-primary) !important;
  background-color: var(--cz-primary-light) !important;
}
/* Aktiver Tab */
#mpi-carzilla-script-container button.MuiTab-root.Mui-selected {
  background-color: var(--cz-primary) !important;
  color: var(--cz-white) !important;
  border-color: var(--cz-primary) !important;
}

/* =============================================================
   FOOTER
   ============================================================= */
#mpi-carzilla-script-container #footer {
  margin-top: 24px;
  opacity: 0.6;
  font-size: 0.78rem;
}/* End custom CSS */