/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 14 2026 | 08:27:40 */
/* =========================================================
   CrashKiste – Fahrzeugmarkt Styling bereinigt
   Fixes:
   - doppelte Radio/Checkbox Kreise mobil
   - heller Sidebar-/Modal-Hintergrund
   - saubere Suchleiste
   - Karten/Preis optisch verbessert
========================================================= */

body.post-type-archive-hp_listing{
  background: #f5f6f8 !important;
}

body.post-type-archive-hp_listing .hp-page{
  padding-top: 100px !important;
  background: transparent !important;
}

/* =========================================
   SIDEBAR / FILTERBEREICH
========================================= */

body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar{
  background: #f3f5f7 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 16px 16px 28px !important;
  margin-bottom: 40px !important;
}

body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar > div,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .inner-wrapper-sticky,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-widget,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-widget--listing-filter,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-modal,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-form{
  background: transparent !important;
}

body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar *{
  color: #1f2937 !important;
  opacity: 1 !important;
}

body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .inner-wrapper-sticky{
  padding-bottom: 20px !important;
}

/* =========================================
   FILTER LABELS / FIELDS
========================================= */

body.post-type-archive-hp_listing form.hp-form--listing-filter .hp-field__label,
body.post-type-archive-hp_listing form.hp-form--listing-filter .hp-field__label span{
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  margin: 0 0 6px 0 !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-filter .hp-form__field{
  margin: 0 0 14px 0 !important;
}

/* Inputs */
body.post-type-archive-hp_listing form.hp-form--listing-filter input.hp-field{
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  color: #111827 !important;
}

/* Select2 Single */
body.post-type-archive-hp_listing form.hp-form--listing-filter .select2-selection--single{
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #ffffff !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-filter .select2-selection__rendered{
  line-height: 44px !important;
  padding-left: 12px !important;
  color: #111827 !important;
  opacity: 1 !important;
}

/* Select2 Multiple */
body.post-type-archive-hp_listing form.hp-form--listing-filter .select2-selection--multiple{
  min-height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #ffffff !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-filter .hp-form__button{
  width: 100% !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
}

/* =========================================
   RADIO / CHECKBOX FIX
   -> native Inputs verstecken
   -> nur Theme-Icons nutzen
========================================= */

body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar input[type="radio"],
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar input[type="checkbox"],
body.post-type-archive-hp_listing form.hp-form--listing-search input[type="radio"],
body.post-type-archive-hp_listing form.hp-form--listing-search input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
}

/* Labels sauber ausrichten */
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio label,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--checkbox label,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--checkbox label{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.2 !important;
}

/* Radio-Liste in Zeile/Spalte sauber */
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio ul,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Theme-Pseudo-Icons sichtbar lassen */
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio label::before,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--checkbox label::before,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio label span::before,
body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--checkbox label span::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--checkbox label::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label span::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--checkbox label span::before{
  display: inline-block !important;
  opacity: 1 !important;
}

/* =========================================
   TOP-SUCHLEISTE
========================================= */

body.post-type-archive-hp_listing form.hp-form--listing-search{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 14px 26px rgba(0,0,0,.08) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-end !important;
  opacity: 1 !important;
  filter: none !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field{
  flex: 1 1 0 !important;
  min-width: 180px !important;
  margin: 0 !important;
  position: relative !important;
  padding-top: 18px !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field--submit{
  flex: 0 0 180px !important;
  min-width: 180px !important;
  padding-top: 0 !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field::before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
}

/* Labels */
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field:has([name="marke"])::before{
  content: "Marke" !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field:has([name="schadenart[]"])::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field:has([name="schadenart"])::before,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field:has(.select2-selection--multiple)::before{
  content: "Schadenart" !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field:has([name="fahrbereit"])::before{
  content: "Fahrbereit" !important;
}

/* Inputs/Selects */
body.post-type-archive-hp_listing form.hp-form--listing-search input,
body.post-type-archive-hp_listing form.hp-form--listing-search select{
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 0 12px !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 15px !important;
  opacity: 1 !important;
  filter: none !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .select2-selection--single{
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .select2-selection__rendered{
  line-height: 46px !important;
  padding-left: 12px !important;
  color: #111827 !important;
  font-size: 15px !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .select2-selection__arrow{
  height: 46px !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio ul{
  display: flex !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 0 8px 0 !important;
  list-style: none !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  color: #111827 !important;
  opacity: 1 !important;
}

body.post-type-archive-hp_listing form.hp-form--listing-search button,
body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__button{
  width: 100% !important;
  height: 46px !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

/* =========================================
   HINTERGRÜNDE / TOPBAR / LISTINGS
========================================= */

body.post-type-archive-hp_listing .site-content,
body.post-type-archive-hp_listing .hp-page__content,
body.post-type-archive-hp_listing .hp-page__main,
body.post-type-archive-hp_listing .hp-page__sidebar,
body.post-type-archive-hp_listing .hp-listings{
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
}

body.post-type-archive-hp_listing .hp-page__topbar,
body.post-type-archive-hp_listing .hp-page__topbar *,
body.post-type-archive-hp_listing .hp-sort-form,
body.post-type-archive-hp_listing .hp-sort-form *{
  color: #111827 !important;
  opacity: 1 !important;
}

/* =========================================
   LISTING KARTEN
========================================= */

body.post-type-archive-hp_listing .hp-listing{
  border-radius: 16px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.06) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.post-type-archive-hp_listing .hp-listings .hp-listing{
  margin-bottom: 18px !important;
}

body.post-type-archive-hp_listing .hp-listing:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(0,0,0,.10) !important;
  border-color: rgba(0,0,0,.12) !important;
}

body.post-type-archive-hp_listing .hp-listing:hover img{
  filter: saturate(1.05);
}

body.post-type-archive-hp_listing .hp-listing,
body.post-type-archive-hp_listing .hp-listing *{
  color: #111827 !important;
  opacity: 1 !important;
}

/* Preis */
body.post-type-archive-hp_listing .hp-listing .hp-listing__price,
body.post-type-archive-hp_listing .hp-listing .hp-listing__attribute--price,
body.post-type-archive-hp_listing .hp-listing [class*="price"],
body.post-type-archive-hp_listing .hp-listing [class*="preis"]{
  font-weight: 900 !important;
  font-size: 26px !important;
  letter-spacing: -0.02em !important;
  color: #111827 !important;
}

body.post-type-archive-hp_listing .hp-listing .hp-listing__price,
body.post-type-archive-hp_listing .hp-listing .hp-listing__attribute--price{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(0,160,80,.10);
  border: 1px solid rgba(0,160,80,.20);
}

/* =========================================
   MOBILE FIXES
========================================= */

@media (max-width: 1024px){
  body.post-type-archive-hp_listing form.hp-form--listing-search{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field--submit{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

@media (max-width: 767px){

  body.post-type-archive-hp_listing .hp-modal,
  body.post-type-archive-hp_listing .hp-modal__content,
  body.post-type-archive-hp_listing .hp-modal .hp-widget,
  body.post-type-archive-hp_listing .hp-modal .hp-form{
    background: #ffffff !important;
    color: #111827 !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.post-type-archive-hp_listing .hp-modal *,
  body.post-type-archive-hp_listing .hp-page__sidebar *,
  body.post-type-archive-hp_listing form.hp-form--listing-search *{
    color: #111827 !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  body.post-type-archive-hp_listing form.hp-form--listing-search{
    background: #ffffff !important;
    border-radius: 20px !important;
  }

  body.post-type-archive-hp_listing .hp-page__content > .hp-row,
  body.post-type-archive-hp_listing .hp-page__main > .hp-row,
  body.post-type-archive-hp_listing .hp-page__main > div{
    background: transparent !important;
  }
}
/* --------------------------------- 1) DOPPELTE RADIO/CHECKBOX FIXEN ---------------------------------- */ /* Native Inputs wieder vom Theme kontrollieren lassen */ body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar input[type="radio"], body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar input[type="checkbox"], body.post-type-archive-hp_listing form.hp-form--listing-search input[type="radio"], body.post-type-archive-hp_listing form.hp-form--listing-search input[type="checkbox"]{ position: absolute !important; opacity: 0 !important; pointer-events: none !important; margin: 0 !important; } /* Theme-Pseudo-Icons wieder erlauben */ body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio label::before, body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--checkbox label::before, body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--radio label span::before, body.post-type-archive-hp_listing aside.hp-page__sidebar.site-sidebar .hp-field--checkbox label span::before, body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label::before, body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--checkbox label::before, body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--radio label span::before, body.post-type-archive-hp_listing form.hp-form--listing-search .hp-field--checkbox label span::before{ display: block !important; } /* --------------------------------- 2) DUNKLEN HINTERGRUND ENTFERNEN ---------------------------------- */ /* Hauptbereiche wirklich hell */ body.post-type-archive-hp_listing, body.post-type-archive-hp_listing .site-content, body.post-type-archive-hp_listing .hp-page, body.post-type-archive-hp_listing .hp-page__content, body.post-type-archive-hp_listing .hp-page__main, body.post-type-archive-hp_listing .hp-page__sidebar, body.post-type-archive-hp_listing .hp-listings{ background: #f5f6f8 !important; opacity: 1 !important; filter: none !important; } /* Suchbox immer weiß */ body.post-type-archive-hp_listing form.hp-form--listing-search{ background: #ffffff !important; opacity: 1 !important; filter: none !important; box-shadow: 0 10px 24px rgba(0,0,0,.08) !important; } /* Felder in der Suchbox */ body.post-type-archive-hp_listing form.hp-form--listing-search .hp-form__field, body.post-type-archive-hp_listing form.hp-form--listing-search input, body.post-type-archive-hp_listing form.hp-form--listing-search select, body.post-type-archive-hp_listing form.hp-form--listing-search .select2-selection--single, body.post-type-archive-hp_listing form.hp-form--listing-search .select2-selection--multiple{ background: #ffffff !important; color: #111827 !important; opacity: 1 !important; filter: none !important; } /* Filter-Button Bereich und Sortierbereich */ body.post-type-archive-hp_listing .hp-page__topbar, body.post-type-archive-hp_listing .hp-page__topbar * , body.post-type-archive-hp_listing .hp-sort-form, body.post-type-archive-hp_listing .hp-sort-form *{ color: #111827 !important; opacity: 1 !important; } /* Listing-Karten immer hell */ body.post-type-archive-hp_listing .hp-listing, body.post-type-archive-hp_listing .hp-listing *{ background-color: initial; color: #111827 !important; opacity: 1 !important; } /* --------------------------------- 3) MOBILE MODAL SAUBER HALTEN ---------------------------------- */ @media (max-width: 767px){ body.post-type-archive-hp_listing .hp-modal, body.post-type-archive-hp_listing .hp-modal__content, body.post-type-archive-hp_listing .hp-modal .hp-widget, body.post-type-archive-hp_listing .hp-modal .hp-form{ background: #ffffff !important; color: #111827 !important; opacity: 1 !important; filter: none !important; } body.post-type-archive-hp_listing .hp-modal *, body.post-type-archive-hp_listing .hp-page__sidebar *, body.post-type-archive-hp_listing form.hp-form--listing-search *{ color: #111827 !important; opacity: 1 !important; text-shadow: none !important; } /* Suchbereich auf Mobil sauber */ body.post-type-archive-hp_listing form.hp-form--listing-search{ background: #ffffff !important; border-radius: 20px !important; } /* Bereich hinter Suchbox / vor Map absichern */ body.post-type-archive-hp_listing .hp-page__content > .hp-row, body.post-type-archive-hp_listing .hp-page__main > .hp-row, body.post-type-archive-hp_listing .hp-page__main > div{ background: transparent !important; } }
/* =========================================================
   CrashKiste – FINAL Radio Fix mobil
   entfernt doppelte Punkte/Kreise im Filter-Modal
========================================================= */
@media (max-width: 767px){

  /* Native Radios komplett verstecken */
  body.post-type-archive-hp_listing .hp-modal input[type="radio"]{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* Alle alten Theme-Kreise AUS */
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label::before,
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label::after,
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label span::before,
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label span::after{
    content: none !important;
    display: none !important;
  }

  /* Label sauber aufbauen */
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    position: relative !important;
    line-height: 1.25 !important;
  }

  /* Genau EIN Kreis */
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label > span{
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    position: relative !important;
  }

  body.post-type-archive-hp_listing .hp-modal .hp-field--radio label > span::before{
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid #cfd4dc !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  /* Aktiv: nur ein grüner Innenpunkt */
  body.post-type-archive-hp_listing .hp-modal .hp-field--radio input[type="radio"]:checked + span::before{
    border-color: #16a34a !important;
    background:
      radial-gradient(circle, #16a34a 0 5px, #ffffff 6px) !important;
  }
}
/* 🚨 FIX: Sticky Bug im Fahrzeugmarkt entfernen */
body.post-type-archive-hp_listing .inner-wrapper-sticky {
    position: static !important;
    top: auto !important;
}

/* Falls Sidebar sticky ist → deaktivieren */
body.post-type-archive-hp_listing aside.hp-page__sidebar {
    position: static !important;
}

/* Sicherheits-Fix gegen Scroll-Block */
body.post-type-archive-hp_listing {
    overflow-x: hidden;
}

body.post-type-archive-hp_listing .hp-page {
    overflow: visible !important;
}
body.post-type-archive-hp_listing 
.hp-listing__attribute--schadenart{
    background: #fdecea !important;
    border: 1px solid #f5c6cb !important;
    border-left: 5px solid #dc2626 !important;
    color: #7f1d1d !important;
    font-weight: 600 !important;
}
.hp-listing__attribute--telefonnummer{
    display: flex;
    gap: 6px;
}
.hp-listing__attribute--telefonnummer{
    white-space: nowrap !important;
}
.hp-listing__attribute--kilometer{
    white-space: nowrap !important;
}
.hp-listing__attribute--fahrbereit{
    white-space: nowrap !important;
}