@media (prefers-color-scheme: dark) {
  #kon main,
  #kon main header,
  #kon main section.section-contact,
  #kon main section.section-contact.section-call-request,
  #kon main section.section-contact.section-call-request > .article3 {
    background-color: #212111;
  }
  #kon main section.sectionbox2 {
    background: rgba(67, 67, 51, 0.5);
    border-color: #434333;
  }
  #kon main section.section-contact > .article1 h2 > span,
  #kon main section.section-contact.section-call-request > .article1 h2 > span,
  #kon main section.section-contact > .article3 > div .area-alert-box .button,
  #kon main section.section-contact > .article3 > div .advertising_order .personal > div > label,
  #kon a.button-default,
  #kon button.default {
    color: #fcfbf9;
  }
  #kon main section.section-contact > .article1 h2 > span::before,
  #kon main section.section-contact.section-call-request > .article1 h2 > span::before {
    background-color: #434333;
  }
  #kon main section.sectionbox2 > .article2 > ul > li::before,
  #kon main section.section-contact > .article3 > div .advertising_order .progress .shipping_value,
  #kon main section.section-contact > .article3 > div .advertising_order .progress .orders_terms {
    color: #ffffff;
  }
  #kon main section.section-contact > .article3 > div .area-alert-box .button,
  #kon a.button-default,
  #kon button.default {
    border-color: #fcfbf9;
  }
  #kon .article > div > div.right h3,
  #kon .article > div > div.right p {
    color: #000;
  }
  #kon .article > div > div.left ul li {
    color: #ffffff;
  }
  #kon main section.section-contact > .article3 > div .advertising_order h2::before {
    background-color: #212111;
  }
  #kon main section input,
  #kon main section textarea {
    background-color: #212111 !important;
    border-color: #434333 !important;
    color: #ffffff !important;
  }
  #kon main section input:focus,
  #kon main section textarea:focus {
    outline: #ffffff solid 1px !important;
  }
  #kon main section.section-contact .article3 {
    border-color: #434333 !important;
    background-color: #434333 !important;
  }
  #kon main section.section-call-request .article3 {
    border-color: #434333 !important;
    background-color: #434333 !important;
  }
  #kon-fka .article div.up * {
    color: #ffffff;
  }
  #kon-fka .article div.order form h2 {
    color: #ffffff;
  }
  #kon-fka .article div.order form fieldset {
    color: #ffffff;
  }
  #kon-fka .article div.order form fieldset .personal > div label {
    color: #ffffff;
  }
  #kon-fka .article div.order form fieldset h3 {
    color: #ffffff;
  }
  #kon-map section.sectionbox2 {
    background-color: #212111;
    border-color: #434333;
  }
  #kon-map main,
  #kon-map main header,
  #kon-map section.section-contact {
    background-color: #212111;
  }
  #kon-map section.section-contact > .article1 h2 > span::before {
    background-color: #434333;
  }
  #kon-map section.section-contact > .article3 > div .advertising_order .personal > div > label,
  #kon-map section.section-contact > .article1 h2 > span,
  #kon-map a.button-default,
  #kon-map button.default {
    color: #fcfbf9;
  }
  #kon-map a.button-default,
  #kon-map button.default {
    border-color: #fcfbf9;
    background-color: transparent;
  }
  #kon-map section.sectionbox2 > .article2 > ul > li::before {
    color: #ffffff;
  }
  #kon-map input,
  #kon-map textarea {
    background-color: #212111 !important;
    border-color: #434333 !important;
    color: #ffffff !important;
  }
  #kon-map input:focus,
  #kon-map textarea:focus {
    outline: #ffffff solid 1px !important;
  }
  #kon-map section.section-contact .article3 {
    border-color: #434333 !important;
    background-color: #434333 !important;
  }
  #kon-cmp .article > div fieldset label {
    color: #ffffff;
  }
  #kon-fka-pag button {
    color: #ffffff;
    border-color: #ffffff;
  }
}