body {
  color: #000000;
  background-color: #fff;
}

*::-moz-selection {
  background: #000000;
  color: #fff;
}

*::selection {
  background: #000000;
  color: #fff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #000000;
}

a {
  color: #000000;
}
@media (min-width: 999px) {
  a:hover {
    color: #FF675D;
  }
}

.socials a svg {
  fill: #000000;
}
.socials a:hover svg {
  fill: #000000;
}
.socials.is-white svg {
  fill: #fff;
}
.socials.is-white a:hover svg {
  fill: #FF675D;
}

.color-fff {
  color: #fff;
}
.color-fff h1, .color-fff h2, .color-fff h3, .color-fff h4, .color-fff h5, .color-fff h6,
.color-fff .h1, .color-fff .h2, .color-fff .h3, .color-fff .h4, .color-fff .h5, .color-fff .h6 {
  color: #fff;
}
@media (min-width: 999px) {
  .color-fff:hover svg {
    fill: #FF675D !important;
  }
}
.color-fff a {
  color: #fff;
}
@media (min-width: 999px) {
  .color-fff a:hover {
    color: #FF675D;
  }
}
.color-fff .btn--negativ svg {
  fill: #fff !important;
}
@media (min-width: 999px) {
  .color-fff .btn--negativ:hover {
    color: #000000;
    border-color: #fff;
  }
  .color-fff .btn--negativ:hover svg {
    fill: #000000 !important;
  }
  .color-fff .btn--negativ:hover::before {
    background-color: #fff;
  }
}
.color-fff.post-item:hover svg {
  fill: #fff !important;
}

#meta-box a:hover {
  color: #fff;
}

.bg-dark {
  background-color: #000000;
}
.bg-dark .post-item svg {
  fill: #fff;
}
.bg-dark .post-item::before {
  background-color: #fff;
}
.bg-dark .editor-content ul li::after {
  background-color: #fff;
}

.post-item::before {
  background-color: #000000;
}
.post-item:hover {
  color: #000000;
}
.post-item:hover svg {
  fill: #000000;
}

.blog-teaser .post-item:hover {
  color: #fff;
}

.btn {
  color: #000000;
  border-color: #000000;
}
.btn svg {
  fill: #000000;
}
.btn--secondary {
  border-color: #000000;
  color: #000000;
}
.btn--secondary:hover {
  color: #000000;
}
@media (min-width: 999px) {
  .btn:hover {
    color: #fff;
    border-color: #000000;
  }
  .btn:hover svg {
    fill: #fff;
  }
  .btn:hover::before {
    background-color: #000000;
  }
}
.btn--negativ {
  color: #fff;
  border-color: #fff;
}
.btn--negativ svg {
  fill: #fff;
}
@media (min-width: 999px) {
  .btn--negativ:hover {
    color: #000000;
    border-color: #fff;
  }
  .btn--negativ:hover svg {
    fill: #000000;
  }
  .btn--negativ:hover::before {
    background-color: #fff;
  }
}

header.negativ {
  color: #fff;
}
header.negativ a {
  color: #fff;
}
header.negativ a:hover {
  color: #FF675D;
}
header.negativ #burger span {
  background-color: #fff;
}

#burger span {
  background-color: #000000;
}

.main-menu.open {
  background-color: #000000;
}

.main-menu a {
  background: linear-gradient(to right, #FF675D, #FF675D 50%, #fff 50%);
}

.index-header--menu ul li a {
  background: linear-gradient(to right, #FF675D, #FF675D 50%, #000000 50%);
}

.color-overlay {
  background: #000000;
  opacity: 0.65;
}

.editor-content ul li::after {
  background-color: #000000;
}

.swiper-container.swiper-container-horizontal > .swiper-scrollbar {
  border-color: #000000;
}
.swiper-container.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #000000;
}

/* text swiper */
.swiper-slide--inner {
  transition: all 0.3s ease;
}
.swiper-slide--inner:hover.color-fff {
  color: #000000;
}
.swiper-slide--inner:hover.bg-dark {
  background-color: #fff;
}

/* dark page ------------------------------------------------- */
html.dark-page body {
  color: #fff;
  background-color: #000000;
}
html.dark-page *::-moz-selection {
  background: #fff;
  color: #000000;
}
html.dark-page *::selection {
  background: #fff;
  color: #000000;
}
html.dark-page h1, html.dark-page h2, html.dark-page h3, html.dark-page h4, html.dark-page h5, html.dark-page h6,
html.dark-page .h1, html.dark-page .h2, html.dark-page .h3, html.dark-page .h4, html.dark-page .h5, html.dark-page .h6 {
  color: #fff;
}
html.dark-page .color-fff {
  color: #000000;
}
html.dark-page .color-fff h1, html.dark-page .color-fff h2, html.dark-page .color-fff h3, html.dark-page .color-fff h4, html.dark-page .color-fff h5, html.dark-page .color-fff h6,
html.dark-page .color-fff .h1, html.dark-page .color-fff .h2, html.dark-page .color-fff .h3, html.dark-page .color-fff .h4, html.dark-page .color-fff .h5, html.dark-page .color-fff .h6 {
  color: #000000;
}
html.dark-page .color-fff:hover svg {
  fill: #FF675D !important;
}
html.dark-page .color-fff a {
  color: #000000;
}
html.dark-page .color-fff a:hover {
  color: #FF675D;
}
html.dark-page .color-fff a.social svg {
  fill: #fff;
}
html.dark-page a {
  color: #fff;
}
html.dark-page a:hover {
  color: #FF675D;
}
html.dark-page a.post-item:hover {
  color: #fff;
}
html.dark-page a.post-item:hover svg {
  fill: #fff;
}
html.dark-page #burger span {
  background-color: #fff;
}
html.dark-page .btn svg {
  fill: #fff;
}
html.dark-page .btn:hover {
  color: #000000;
}
html.dark-page .btn:hover svg {
  fill: #000000;
}
html.dark-page .btn:hover::before {
  background-color: #fff;
}
html.dark-page .socials a svg {
  fill: #fff;
}
html.dark-page .socials a:hover svg {
  fill: #fff;
}
html.dark-page .editor-content ul li::after {
  background-color: #fff;
}/*# sourceMappingURL=colors.css.map */