/* CSS Document */
@media (prefers-color-scheme: dark) {
  #houseFilterHorizontal .filter_field ul,
  #filter-tools .filter_field ul {
    background-color: #000000;
  }
  #houseFilterHorizontal .filter_field ul li,
  #filter-tools .filter_field ul li {
    color: #ffffff;
  }
  .teaser.grey .container .header h2 span {
    color: #60707a;
  }
  #house h1 {
    color: #ffffff;
  }
  #house .filter-main {
    background-color: #000000;
  }
  #house .filter-container {
    background-color: rgba(0, 0, 0, 0.7);
  }
  #house .filter-container.on-bottom {
    background-color: #ffffff;
  }
  #house .house-filter div.group > div h3 {
    color: #ffffff;
    font-weight: 500;
  }
  #house .house-filter div.apply {
    background-color: #60707a;
  }
  #house .gallery-table > .houseItem .top {
    background-color: #000000;
  }
  #house .gallery-table > .houseItem .top .title h2 {
    color: #ffffff;
  }
  #house .gallery-table > .houseItem .top .price,
  #house .gallery-table > .houseItem .top .disposition {
    color: #ffffff;
  }
  #house .gallery-table > .houseItem .top .price span,
  #house .gallery-table > .houseItem .top .disposition span {
    color: #ffffff;
  }
  #house .gallery-table > .houseItem div.img .labels span {
    background-color: #434333;
    color: #ffffff;
  }
  #house .gallery-table > .houseItem div.img a.favourite-add {
    background-color: #000000;
  }
  #house .gallery-table > div {
    background-color: #60707a;
  }
  #house .gallery-table > div .prop {
    color: #ffffff;
  }
  #house .gallery-table > div .prop h2 {
    color: #ffffff;
  }
  #house .gallery-table > div p.price {
    color: #ffffff;
  }
  #house_month .container .wrapper .slogan {
    color: #212111;
  }
  #house-dtl div.head .name,
  #house-dtl div.head .disposition {
    color: #ffffff;
  }
  #house-dtl div.article .params .small-info,
  #house-dtl div.article .params .name,
  #house-dtl div.article .params .detail,
  #house-dtl div.article .params ul,
  #house-dtl div.article .params li {
    color: #ffffff;
  }
  #house-dtl div.article .params h2,
  #house-dtl div.article .params .price span {
    color: #ffffff;
  }
  #house-dtl div.article .params .price {
    background-color: #434333;
  }
  #house-dtl div.article .params .detail .detail-tags ul li {
    background-color: #434333;
    color: #ffffff;
  }
  #house-dtl div.article .terms ul li.votp a {
    background: url("/images/house/votp_dark.svg") left center no-repeat;
  }
  #house-dtl div.article .terms ul li a > span.title {
    color: #ffffff;
  }
  #house-dtl div.article .terms ul li a > span.desc {
    color: #b6b6b6;
  }
  #house-dtl #house_programs .container #programs .program .content h4 {
    color: #ffffff;
  }
  #house-dtl #house_programs .container #info .text {
    color: #ffffff;
  }
  #house-dtl .catalogue-order > div {
    color: #ffffff;
  }
  #house-dtl .payment-console,
  #house-cfg .payment-console {
    background-color: #000000;
    border-color: #434333;
  }
  #house-dtl .payment-console > div small,
  #house-cfg .payment-console > div small {
    color: #ffffff;
  }
  #house-cfg div.head {
    background: transparent;
  }
  #house-cfg div.head > div .name,
  #house-cfg div.head > div .disposition {
    color: #ffffff;
  }
  #house-cfg ul.head-menu {
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
  }
  #house-cfg ul.head-menu li {
    background-color: transparent;
    border-color: #98cac5;
  }
  #house-cfg ul.head-menu li:has(a.active) {
    background-color: #98cac5;
  }
  #house-cfg ul.head-menu li > a {
    color: #98cac5;
  }
  #house-cfg ul.head-menu li > a.active {
    color: #000000;
  }
  #house-cfg div.article .house-configurator {
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator label {
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator .technologypack-options {
    background-color: #646464;
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator .technologypack-options > div label {
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator .technologypack-options > div label.selected {
    background-color: transparent;
  }
  #house-cfg div.article .house-configurator .technologypack-options > div label > span {
    color: #b6b6b6;
  }
  #house-cfg div.article .house-configurator .technologypack-options > div label > span em {
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator .technology-config li span.payment,
  #house-cfg div.article .house-configurator .equipment-config li span.payment {
    color: #ffffff;
  }
  #house-cfg div.article .house-configurator .my-house .price div > span {
    color: #ffffff;
  }
  #house-cfg .price-summary {
    background-color: #000000;
  }
  #house-cfg .price-summary .price {
    background-color: #646464;
  }
  #house-cfg .price-summary .price > ul li .payment {
    color: #ffffff;
  }
  #house-cfg .price-summary .price > ul li span:nth-child(1) {
    color: #ffffff;
  }
  #displayFilter .top {
    background-color: #000000;
  }
  #displayFilter .top h2 {
    color: #ffffff;
  }
  #displayFilter .middle {
    background-color: #212111;
  }
  #displayFilter .middle #houseFilter .group > div ul {
    border-color: #434333;
  }
  #displayFilter .middle #houseFilter .group > div ul > li {
    color: #ffffff;
    background-color: #434333;
  }
  #displayFilter .middle #houseFilter .group > div ul > li:hover:not(.active) {
    background-color: #434333;
  }
  #displayFilter .middle #houseFilter .group > div .range-slider .range-labels > span {
    background-color: #434333;
    border-color: #000000;
  }
  #displayFilter .middle #houseFilter .group .filter-item {
    color: #ffffff;
  }
  #displayFilter .bottom {
    background-color: #000000;
  }
  #displayFilter .bottom a.button-default.black {
    background-color: #434333;
    color: #ffffff;
  }
}