/* ============================================================
   IMMOXX Archiv Dark-Skin — Tokens wie Home v2
   Grund #12151B · Band #171A21 · Karte #1B1F27 · Linie rgba(255,255,255,.10)
   Text #fff / #B9B5AC · Rot #BC2E2B · Rot-hell (auf dunkel) #E8837F
   Keine Rundungen (Markenregel).
   ============================================================ */

/* ---- 1. Seiten-Grund dunkel (schlaegt die #fff-Regeln aus immoxx-property-archive) ---- */
html body.ix-arch-dark{background:#12151B !important}
html body.ix-arch-dark .rh_wrap,
html body.ix-arch-dark .rh_wrap_stick_footer,
html body.ix-arch-dark .rh_template,
html body.ix-arch-dark main,
html body.ix-arch-dark .ix-arch{background:transparent !important}
html body.ix-arch-dark .ix-arch{color:#B9B5AC !important}

/* ---- 2. Karte: dunkel gegradet + Vignette (wie #ixv2-map auf der Home) ---- */
html body.ix-arch-dark .ix-arch .ix-arch-map-section{background:#12151B !important}
html body.ix-arch-dark .ix-arch #ix-arch-map,
html body.ix-arch-dark .ix-arch .ix-arch-map-wrap{background:#0E1116 !important}
html body.ix-arch-dark .ix-arch #ix-arch-map .leaflet-tile-pane,
html body.ix-arch-dark .ix-arch #ix-arch-map .leaflet-tile{filter:brightness(.74) saturate(.92) contrast(1.06) !important;opacity:1 !important}
html body.ix-arch-dark .ix-arch-map-section .ix-arch-map-wrap::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:450;
  background:radial-gradient(115% 85% at 50% 38%,rgba(0,0,0,0) 42%,rgba(8,10,14,.62) 100%);
}
html body.ix-arch-dark .ix-arch-map-wrap{position:relative}
/* Leaflet-Bedienelemente dunkel */
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-zoom a,
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-layers{
  background:rgba(20,23,29,.92) !important;color:#fff !important;border-color:rgba(255,255,255,.14) !important;
}
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-zoom a{-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-zoom a:hover{background:#BC2E2B !important}
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-layers-list,
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-layers label{color:#EDEAE3 !important}
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-attribution{background:rgba(14,17,22,.72) !important}
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-attribution,
html body.ix-arch-dark .ix-arch-map-section .leaflet-control-attribution a{color:rgba(255,255,255,.55) !important;-webkit-text-fill-color:rgba(255,255,255,.55) !important}

/* ---- 3. Filterkarte: dunkles Glas, ueberlappt die Karte (Home-v2-Muster) ---- */
html body.ix-arch-dark .ix-arch-filter{background:transparent !important;position:relative;z-index:20}
@media (min-width:981px){
  html body.ix-arch-dark .ix-arch-map-wrap{height:clamp(520px,62vh,660px) !important}
  html body.ix-arch-dark .ix-arch .ix-arch-filter{margin-top:-56px !important;margin-bottom:0 !important}
  /* Objektzahl/Legende ueber die ueberlappende Filterkarte heben */
  html body.ix-arch-dark .ix-arch-map-stats{bottom:104px !important;top:auto !important}
}
html body.ix-arch-dark .ix-arch-filter-card{
  background:rgba(24,27,33,.96) !important;border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 30px 70px rgba(0,0,0,.48) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
/* Tabs */
html body.ix-arch-dark .ix-arch-filter-tabs{background:rgba(255,255,255,.04) !important;border-bottom:1px solid rgba(255,255,255,.10) !important}
html body.ix-arch-dark .ix-arch-filter-tab{
  background:transparent !important;color:rgba(255,255,255,.60) !important;-webkit-text-fill-color:rgba(255,255,255,.60) !important;
  border-right-color:rgba(255,255,255,.10) !important;
}
html body.ix-arch-dark .ix-arch-filter-tab.active{
  background:rgba(188,46,43,.16) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body.ix-arch-dark .ix-arch-filter-tab:not(.active):hover{
  background:rgba(255,255,255,.07) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
}
/* Felder */
html body.ix-arch-dark .ix-arch-filter-inner{background:transparent !important}
html body.ix-arch-dark .ix-arch-filter-field label{color:rgba(255,255,255,.70) !important}
html body.ix-arch-dark .ix-arch-filter-field input,
html body.ix-arch-dark .ix-arch-filter-field select{
  background-color:#232730 !important;border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body.ix-arch-dark .ix-arch-filter-field input::placeholder{color:rgba(255,255,255,.42) !important;opacity:1 !important}
/* Theme erzwingt select{background:#fff} -> eigener Pfeil + background-color !important */
html body.ix-arch-dark .ix-arch-filter-field select,
html body.ix-arch-dark .ix-arch-results-head .right select,
html body.ix-arch-dark .ix-sort-bar select,
html body.ix-arch-dark .ix-adv-filters select{
  -webkit-appearance:none !important;appearance:none !important;
  background-image:linear-gradient(45deg,transparent 50%,#BC2E2B 50%),linear-gradient(135deg,#BC2E2B 50%,transparent 50%) !important;
  background-position:calc(100% - 16px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px) !important;
  background-size:5px 5px,5px 5px !important;background-repeat:no-repeat !important;
}
html body.ix-arch-dark .ix-arch-filter-field select option,
html body.ix-arch-dark .ix-arch-results-head .right select option,
html body.ix-arch-dark .ix-sort-bar select option,
html body.ix-arch-dark .ix-adv-filters select option{background:#1B1F27;color:#fff}
html body.ix-arch-dark .ix-arch-filter-field input:focus,
html body.ix-arch-dark .ix-arch-filter-field select:focus{border-color:#BC2E2B !important}
/* Schnellsuche-Zeile */
html body.ix-arch-dark .ix-arch-filter-advanced{background:rgba(255,255,255,.03) !important;border-top:1px solid rgba(255,255,255,.10) !important;color:rgba(255,255,255,.55) !important}
html body.ix-arch-dark .ix-arch-filter-advanced .quick-tags .lbl,
html body.ix-arch-dark .ix-arch-filter-advanced .ix-makler-label{color:rgba(255,255,255,.55) !important}
html body.ix-arch-dark .ix-arch-filter-advanced .quick-tags a{
  background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;
  color:#EDEAE3 !important;-webkit-text-fill-color:#EDEAE3 !important;
}
html body.ix-arch-dark .ix-arch-filter-advanced .quick-tags a:hover{border-color:#BC2E2B !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-filter-advanced .adv-link{color:#E8837F !important;-webkit-text-fill-color:#E8837F !important}

/* ---- 4. Erweiterte Filter (immoxx-archive-advancedfilters) ---- */
html body.ix-arch-dark .ix-adv-filters{background:rgba(24,27,33,.96) !important;border:1px solid rgba(255,255,255,.10) !important;border-top:0 !important}
html body.ix-arch-dark .ix-adv-filters .ix-adv-block label.h{color:rgba(255,255,255,.62) !important}
html body.ix-arch-dark .ix-adv-filters .ix-adv-block .range-vals{color:#fff !important}
html body.ix-arch-dark .ix-adv-filters .ix-adv-block .range-vals .vmid{color:rgba(255,255,255,.50) !important}
html body.ix-arch-dark .ix-adv-filters .range-track{background:rgba(255,255,255,.14) !important}
html body.ix-arch-dark .ix-adv-filters .ix-pills button{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;color:#EDEAE3 !important}
html body.ix-arch-dark .ix-adv-filters .ix-pills button.active{background:#BC2E2B !important;border-color:#9A211F !important;color:#fff !important}
html body.ix-arch-dark .ix-adv-filters .ix-pills button:hover:not(.active){border-color:#BC2E2B !important;color:#fff !important}
html body.ix-arch-dark .ix-adv-filters select{background-color:#232730 !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-adv-filters .ix-apply{border-top:1px dashed rgba(255,255,255,.14) !important}
html body.ix-arch-dark .ix-adv-filters .ix-apply .reset{background:rgba(255,255,255,.08) !important;color:#EDEAE3 !important}

/* ---- 5. Ergebnis-Kopf + Sortierleiste ---- */
html body.ix-arch-dark .ix-arch-results-head .left h1.ix-arch-h1,
html body.ix-arch-dark .ix-arch-results-head .left h2{color:#fff !important}
html body.ix-arch-dark .ix-arch-results-head .left .count{color:rgba(255,255,255,.52) !important}
html body.ix-arch-dark .ix-arch-results-head .right label,
html body.ix-arch-dark .ix-sort-bar label{color:rgba(255,255,255,.52) !important}
html body.ix-arch-dark .ix-arch-results-head .right select,
html body.ix-arch-dark .ix-sort-bar select{background-color:#232730 !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

/* ---- 6. Objektkarten dunkel ---- */
html body.ix-arch-dark .ix-arch-card{
  background:#1B1F27 !important;border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.04),0 10px 34px rgba(0,0,0,.45) !important;
}
html body.ix-arch-dark .ix-arch-card:hover{
  border-color:rgba(188,46,43,.55) !important;box-shadow:0 24px 60px rgba(0,0,0,.60) !important;
}
html body.ix-arch-dark .ix-arch-card-body{background:transparent !important}
html body.ix-arch-dark .ix-arch-card-title{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-card-excerpt{color:rgba(255,255,255,.56) !important;-webkit-text-fill-color:rgba(255,255,255,.56) !important}
html body.ix-arch-dark .ix-arch-card-loc{color:#E8837F !important;-webkit-text-fill-color:#E8837F !important}
html body.ix-arch-dark .ix-arch-card-loc .ix-type{color:rgba(255,255,255,.50) !important;-webkit-text-fill-color:rgba(255,255,255,.50) !important}
html body.ix-arch-dark .ix-arch-card-specs,
html body.ix-arch-dark .ix-arch-card-foot{border-top-color:rgba(255,255,255,.10) !important}
html body.ix-arch-dark .ix-arch-card-spec{color:rgba(255,255,255,.55) !important}
html body.ix-arch-dark .ix-arch-card-spec .lbl{color:rgba(255,255,255,.42) !important}
html body.ix-arch-dark .ix-arch-card-spec .val{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-card-foot-status{color:#E8837F !important;-webkit-text-fill-color:#E8837F !important}
/* Preis: auf dunkel weiss (Bordeaux waere zu kontrastarm), Rot bleibt Akzent */
html body.ix-arch-dark .ix-arch-card-price{color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-card-price .ppm{color:rgba(255,255,255,.48) !important;-webkit-text-fill-color:rgba(255,255,255,.48) !important}
html body.ix-arch-dark .ix-arch-card-status{
  background:rgba(18,21,27,.86) !important;border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

/* ---- 7. Pagination / Leerzustand ---- */
html body.ix-arch-dark .ix-arch-pagi a,
html body.ix-arch-dark .ix-arch-pagi span{
  background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.16) !important;
  color:#EDEAE3 !important;-webkit-text-fill-color:#EDEAE3 !important;
}
html body.ix-arch-dark .ix-arch-pagi a:hover{border-color:#BC2E2B !important;background:rgba(188,46,43,.18) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-pagi .current{background:#BC2E2B !important;border-color:#BC2E2B !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
html body.ix-arch-dark .ix-arch-empty{color:rgba(255,255,255,.60) !important}
html body.ix-arch-dark .ix-arch-empty h3{color:#fff !important}

/* ---- 8. Suchauftrag-Banner (war weiss) ---- */
html body.ix-arch-dark .ix-suchauftrag-cta{background:#171A21 !important;border-top:1px solid rgba(255,255,255,.08) !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
html body.ix-arch-dark .ix-suchauftrag-cta,
html body.ix-arch-dark .ix-suchauftrag-cta .ix-sa-text,
html body.ix-arch-dark .ix-suchauftrag-cta .ix-sa-trust{color:rgba(255,255,255,.62) !important}
html body.ix-arch-dark .ix-suchauftrag-cta :is(h2,h3,h4,strong,b){color:#fff !important}
html body.ix-arch-dark .ix-suchauftrag-cta .ix-sa-icon{background:rgba(188,46,43,.18) !important}
html body.ix-arch-dark .ix-suchauftrag-cta input,
html body.ix-arch-dark .ix-suchauftrag-cta select{
  background-color:#232730 !important;border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html body.ix-arch-dark .ix-suchauftrag-cta input::placeholder{color:rgba(255,255,255,.42) !important;opacity:1 !important}

/* ---- 9. Trust-/Telefonleiste ---- */
html body.ix-arch-dark .ix-trust-strip{background:#171A21 !important;border-top:1px solid rgba(255,255,255,.08) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;color:rgba(255,255,255,.62) !important}
html body.ix-arch-dark .ix-trust-strip .ix-trust-item{color:rgba(255,255,255,.66) !important}
html body.ix-arch-dark .ix-trust-strip .ix-trust-sep{background:rgba(255,255,255,.16) !important;color:rgba(255,255,255,.16) !important}
html body.ix-arch-dark .ix-trust-strip a{color:#EDEAE3 !important;-webkit-text-fill-color:#EDEAE3 !important}

/* ---- 10. Themen-Tail (Lead/USPs/Body/Extra/FAQ/Hub) + Buerokarte ---- */
html body.ix-arch-dark :is(.ix-themen-breadcrumb,.ix-themen-lead,.ix-themen-usps,.ix-themen-body,
  .ix-themen-extra,.ix-themen-faq,.ix-themenhub,.ix-officemap-section,.ix-arch-seo){background:#12151B !important}
html body.ix-arch-dark :is(.ix-themen-body,.ix-themenhub,.ix-themen-extra.ix-themen-extra--below){background:#171A21 !important}
html body.ix-arch-dark :is(.ix-themen-lead,.ix-themen-usps,.ix-themen-body,.ix-themen-extra,.ix-themen-faq,
  .ix-themenhub,.ix-officemap-section,.ix-arch-seo) :is(h1,h2,h3,h4,h5,summary,dt,.ex-head){color:#fff !important}
html body.ix-arch-dark :is(.ix-themen-lead,.ix-themen-usps,.ix-themen-body,.ix-themen-extra,.ix-themen-faq,
  .ix-themenhub,.ix-officemap-section,.ix-arch-seo) :is(p,li,dd,td,th,.lead,.ex-body,.faq-body,.addr,.contact){color:#B9B5AC !important}
html body.ix-arch-dark :is(.ix-themen-lead,.ix-themen-usps,.ix-themen-body,.ix-themen-extra,.ix-themen-faq,
  .ix-themenhub,.ix-officemap-section,.ix-arch-seo) :is(strong,b){color:#EDEAE3 !important}
html body.ix-arch-dark :is(.ix-themen-lead,.ix-themen-usps,.ix-themen-body,.ix-themen-extra,.ix-themen-faq,
  .ix-themenhub,.ix-officemap-section,.ix-arch-seo) a{color:#E8837F !important;-webkit-text-fill-color:#E8837F !important}
html body.ix-arch-dark :is(.ix-themen-lead,.ix-themen-usps,.ix-themen-body,.ix-themen-extra,.ix-themen-faq,
  .ix-themenhub,.ix-officemap-section,.ix-arch-seo) :is(.kicker,.ex-kicker){color:#E8837F !important}
html body.ix-arch-dark :is(.ix-themen-usp,.ix-th-card){background:#1B1F27 !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 10px 34px rgba(0,0,0,.40) !important}
html body.ix-arch-dark :is(.ix-themen-usp,.ix-th-card) :is(h3,h4,.ix-th-tx b,.ix-th-tx strong){color:#fff !important}
/* NUR background-color — das Motiv steckt als inline background-image (shorthand wuerde es loeschen) */
html body.ix-arch-dark .ix-th-card .ix-th-img{background-color:#232730 !important}
html body.ix-arch-dark .ix-th-types,
html body.ix-arch-dark .ix-th-types span:not([class]){color:rgba(255,255,255,.52) !important}
html body.ix-arch-dark .ix-themenhub .ix-th-card a{-webkit-text-fill-color:#fff !important;color:#fff !important}
html body.ix-arch-dark :is(.ix-themen-faq details,.ix-themen-faq .faq-item){border-color:rgba(255,255,255,.12) !important;background:transparent !important}
html body.ix-arch-dark .ix-officemap-section .ix-officemap-info{background:#1B1F27 !important;border:1px solid rgba(255,255,255,.08) !important}
/* Buero-Karte: heller Stadtplan-Basemap -> echter Dark-Mode per Invert/Hue-Rotate
   (bloßes Abdunkeln macht Weiss nur grau). Gilt NUR fuer die Buero-Karte, nicht fuer den Satelliten-Hero. */
html body.ix-arch-dark .ix-officemap-section .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) saturate(.62) contrast(1.04) !important}
html body.ix-arch-dark .ix-officemap-section .leaflet-container{background:#0E1116 !important}

/* ---- 10b. Bewertungs-Band in Signalrot (Home-v2-Muster „das coole Rot") ---- */
html body.ix-arch-dark .ixbew-wrap{background:#BC2E2B !important;background-image:none !important}
html body.ix-arch-dark .ixbew-wrap .ixbew-label{color:#F5C9C7 !important}
html body.ix-arch-dark .ixbew-wrap .ixbew-h{color:#fff !important}
html body.ix-arch-dark .ixbew-wrap .ixbew-sub{color:rgba(255,255,255,.86) !important}
html body.ix-arch-dark .ixbew-wrap .ixbew-btn{
  background:#fff !important;color:#1A1D24 !important;-webkit-text-fill-color:#1A1D24 !important;border:0 !important;
}
html body.ix-arch-dark .ixbew-wrap .ixbew-btn:hover{background:#1A1D24 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

/* ---- 10c. Brotkruemel-Band lesbar (dunkel auf dunkel) ---- */
html body.ix-arch-dark .ix-themen-breadcrumb,
html body.ix-arch-dark .ix-themen-breadcrumb .ix-themen-breadcrumb-inner,
html body.ix-arch-dark .ix-breadcrumb,
html body.ix-arch-dark .ix-breadcrumb .ix-breadcrumb-inner{color:rgba(255,255,255,.42) !important}
html body.ix-arch-dark .ix-themen-breadcrumb a,
html body.ix-arch-dark .ix-breadcrumb a{color:rgba(255,255,255,.68) !important;-webkit-text-fill-color:rgba(255,255,255,.68) !important}
html body.ix-arch-dark .ix-themen-breadcrumb a:hover,
html body.ix-arch-dark .ix-breadcrumb a:hover{color:#E8837F !important;-webkit-text-fill-color:#E8837F !important}
html body.ix-arch-dark .ix-themen-breadcrumb .current,
html body.ix-arch-dark .ix-breadcrumb .current{color:rgba(255,255,255,.55) !important}

/* ---- 11. Mobile: kein Overlap, Filter-Sheet dunkel ---- */
@media (max-width:980px){
  html body.ix-arch-dark .ix-arch .ix-arch-filter{margin-top:0 !important}
  html body.ix-arch-dark .ix-mob-sheet{background:#171A21 !important;box-shadow:0 -10px 40px rgba(0,0,0,.55) !important}
  html body.ix-arch-dark .ix-mob-sheet-handle{background:rgba(255,255,255,.28) !important}
  html body.ix-arch-dark .ix-mob-sheet-head{border-bottom:1px solid rgba(255,255,255,.12) !important}
  html body.ix-arch-dark .ix-mob-sheet-head h3{color:#fff !important}
  html body.ix-arch-dark .ix-mob-sheet-close{color:rgba(255,255,255,.70) !important}
  html body.ix-arch-dark .ix-mob-sheet-footer{background:#171A21 !important;border-top:1px solid rgba(255,255,255,.12) !important}
  html body.ix-arch-dark .ix-mob-sheet-footer .reset-btn{background:rgba(255,255,255,.10) !important;color:#EDEAE3 !important}
  /* Reels-Umschalter + Stories (immoxx-reels): weisse Flaechen/dunkle Labels waren auf dunkel unlesbar */
  html body.ix-arch-dark .ix-reels-switch button{background:rgba(255,255,255,.06) !important;color:#EDEAE3 !important;border:1px solid rgba(255,255,255,.12) !important}
  html body.ix-arch-dark .ix-reels-switch button.active{background:#BC2E2B !important;color:#fff !important;border-color:#BC2E2B !important}
  html body.ix-arch-dark .ix-reels-stories-kick{color:rgba(255,255,255,.50) !important}
  html body.ix-arch-dark .ix-story small{color:rgba(255,255,255,.72) !important}
  html body.ix-arch-dark .ix-story.start small{color:#E8837F !important}
  html body.ix-arch-dark .ix-story .ring{box-shadow:inset 0 0 0 2px #12151B !important;border-color:rgba(255,255,255,.28) !important}
  html body.ix-arch-dark .ix-story.start .ring{border-color:#BC2E2B !important;box-shadow:none !important}
}