:root {
  --s-textcolor: #000000;
  --s-sitecolor: #4200FF;
  --s-linkcolor: #000000;
  --s-linkcolor-hov: #4200FF;
  --s-btn-border: #000000;
  --s-btn-bg: #FFF;
  --s-btn-txt: #000000;
  --s-btnarrow-txt: #4200FF;
  --s-btn-border-hov: #000000;
  --s-btn-bg-hov: #000000;
  --s-btn-txt-hov: #FFF;
  --s-btn-arrow: url(/images/btn-arrow-blue.svg);
  --s-btn-arrow-hov: url(/images/btn-arrow-long-blue.svg);
  --s-slider-prev: url('/images/arrow-left-black.svg');
  --s-slider-next: url('/images/arrow-right-black.svg');
  --s-icon-link: url('/images/icon-link-blue.svg');
}
:root .stoerer {
  --s-btn-border: var(--s-sitecolor);
  --s-btn-bg: var(--s-sitecolor);
  --s-btn-txt: #fff;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  border: 1px solid var(--s-btn-border);
  background-color: var(--s-btn-bg);
  line-height: 1.77777778;
  cursor: pointer;
  color: var(--s-btn-txt);
  padding: 4px 24px 3px;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 3px;
  border-radius: 10px;
}
@media (hover: hover) and (pointer: fine) {
  .button:active,
  .button:hover,
  .button:focus {
    border: 1px solid var(--s-btn-border-hov);
    color: var(--s-btn-txt-hov);
    background-color: var(--s-btn-bg-hov);
  }
}
.button.path {
  border: 1px solid var(--s-btn-border-hov);
  color: var(--s-btn-txt-hov);
  background-color: var(--s-btn-bg-hov);
}
/*# sourceMappingURL=./screen-medium.css.map */