html, body {
  background: black !important;
  color: yellow !important; }

main, footer, .x-container {
  background: initial !important;
  border: none !important; }

* {
  transition: none !important; }

h1, h2, h3, h4, h5, h6, ul, ol, li, p, img {
  color: yellow !important;
  border-color: yellow !important; }

li::before {
  color: yellow !important; }

h1::before, h2::before, h3::before,
h1::after, h2::after, h3::after {
  display: none !important; }

a {
  color: yellow !important;
  font-weight: bold !important;
  text-decoration: none !important; }

a:hover {
  color: yellow !important;
  font-weight: bold !important;
  text-decoration: none !important; }

a:before, a:after {
  display: none !important; }

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], textarea {
  background: black !important;
  border: 1px solid yellow !important;
  color: yellow !important; }

select {
  background-color: black !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjMyIj48cmVjdCBmaWxsPSJibGFjayIgd2lkdGg9IjIwIiBoZWlnaHQ9IjMyIi8+PHBhdGggZmlsbD0ieWVsbG93IiBkPSJNIDUsMTMgMTYsMTMgMTEsMTggeiIvPjwvc3ZnPg==") !important;
  border: 1px solid yellow !important;
  color: yellow !important; }

input[type=button], input[type=submit] {
  background: black !important;
  border: 1px solid yellow !important;
  color: yellow !important; }

input[type=button]:hover, input[type=submit]:hover {
  background: yellow !important;
  color: black !important; }

span.svg-checkbox {
  background-color: yellow !important;
  border-color: black !important; }
  span.svg-checkbox path {
    stroke: black !important; }

span.svg-radiobutton svg {
  stroke: black !important; }
  span.svg-radiobutton svg .border {
    fill: yellow !important;
    stroke: black !important; }

label {
  color: yellow !important; }

table th {
  background: yellow !important;
  color: black !important; }
table td {
  background: black !important;
  color: yellow !important; }
table th, table td {
  border: 1px solid yellow !important; }

header {
  background: black !important;
  border-bottom: 1px solid yellow !important; }
  header nav a {
    background: black !important;
    color: yellow !important;
    border: 1px solid yellow !important; }
  header nav a:hover {
    background: yellow !important;
    color: black !important; }
  header nav ul ul {
    background: black !important; }
  header nav ul ul a {
    border: none !important; }
  header nav > ul > li > ul > li > a {
    border-top: red !important; }
  header .slogan {
    color: yellow !important; }
  header .hamburger-menu-btn path,
  header .hamburger-menu path {
    stroke: yellow !important; }
  header .hamburger-menu {
    background: black !important;
    border-color: yellow !important; }
    header .hamburger-menu ul {
      background: black !important; }
  header a.activeLang {
    background: black !important;
    color: yellow !important;
    border: 1px solid yellow !important; }
    header a.activeLang:hover {
      background: yellow !important;
      color: black !important; }
    header a.activeLang svg {
      fill: yellow !important; }
    header a.activeLang:hover svg {
      fill: black !important; }
  header .langDDmenu {
    background: black !important;
    color: yellow !important;
    border: 1px solid yellow !important; }
    header .langDDmenu a:hover {
      background: yellow !important;
      color: black !important; }

header::before, header::after {
  display: none; }

section a, footer p a {
  border-bottom: 1px solid yellow !important; }
section a:hover, footer p a:hover {
  border-bottom: 1px solid black !important; }

.catalogbox .more a,
section.buttons a {
  background: black !important;
  border: 1px solid yellow !important;
  color: yellow !important; }
.catalogbox .more a:hover,
section.buttons a:hover {
  background: yellow !important;
  color: black !important; }

section.separator hr {
  background-color: yellow !important; }
section.separator hr::before, section.separator hr::after {
  display: none; }

section.image.collage .text-box {
  background-color: black; }

section.slidertext {
  background: none !important; }
  section.slidertext .sl-text {
    color: yellow !important; }
  section.slidertext a {
    background-color: black !important;
    border-color: yellow !important; }
  section.slidertext a.active {
    background-color: yellow !important; }

section.slider .img-text-1, section.slider .img-text-2 {
  color: yellow !important; }
section.slider a {
  border: none !important; }
section.slider div {
  background: none; }

section.headline {
  background: none !important; }

section.freetext, section.vertical-split, div.textbox {
  background: none !important; }
  section.freetext h1::before, section.freetext h1::after, section.freetext h2::before, section.freetext h2::after, section.freetext .subtitle::before, section.freetext .subtitle::after, section.vertical-split h1::before, section.vertical-split h1::after, section.vertical-split h2::before, section.vertical-split h2::after, section.vertical-split .subtitle::before, section.vertical-split .subtitle::after, div.textbox h1::before, div.textbox h1::after, div.textbox h2::before, div.textbox h2::after, div.textbox .subtitle::before, div.textbox .subtitle::after {
    display: none; }
  section.freetext div.subtitle, section.vertical-split div.subtitle, div.textbox div.subtitle {
    color: yellow !important; }

section.drag-and-drop div.layer {
  display: none; }
section.drag-and-drop .x-container {
  z-index: 0; }
section.drag-and-drop span.text-ct {
  color: yellow !important;
  background: none !important; }
  section.drag-and-drop span.text-ct::before {
    background: black !important;
    content: '';
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: -1; }
section.drag-and-drop a {
  border: none !important; }

section.social {
  background: none !important; }
  section.social a {
    border: none !important; }
  section.social path.shape {
    fill: black !important; }
  section.social path.background {
    fill: yellow !important; }

section.h-catalog, section.v-catalog {
  background: none !important; }

.catalogbox {
  background: none !important; }

section.h-icons, section.v-icons {
  background: none !important; }
  section.h-icons .iconbox, section.v-icons .iconbox {
    background: none !important;
    border-color: yellow !important; }
  section.h-icons .svg-inject, section.v-icons .svg-inject {
    fill: yellow !important;
    border-color: yellow !important;
    background: none !important; }
  section.h-icons a, section.v-icons a {
    border: none !important; }
  section.h-icons span, section.v-icons span {
    color: yellow !important; }

section.album .imgbox {
  background: none !important; }
section.album .img-text-1, section.album .img-text-2 {
  color: yellow !important;
  background-color: black !important; }
section.album a {
  border: none !important; }

section.table th a {
  color: black !important;
  border-bottom: solid 2px black !important; }
  section.table th a:hover {
    color: black !important;
    border-bottom: solid 2px transparent !important; }

section.webshop .webshop-filter-ct .filter {
  background-color: black !important;
  border: solid 1px yellow !important; }
  section.webshop .webshop-filter-ct .filter h2 {
    background-color: yellow !important;
    color: black !important; }
section.webshop .webshop-filter-ct + .webshop-ct .webshop-header {
  background-color: black !important;
  border: solid 1px yellow !important; }
section.webshop .image-ct a {
  border: none !important; }
section.webshop .price del {
  color: yellow !important; }
section.webshop a.button {
  color: yellow !important;
  background-color: black !important;
  border: solid 1px yellow !important; }
section.webshop a.button:hover {
  color: black !important;
  background-color: yellow !important; }

footer {
  border-top: 1px solid yellow !important; }
  footer .social a {
    background: yellow !important;
    border: none !important; }
  footer .social svg {
    fill: black !important; }
  footer .social .svg-inject {
    border: none !important; }

.cc_container {
  background: black !important;
  border: 1px solid yellow !important;
  color: yellow !important; }
  .cc_container .cc_btn {
    background: yellow !important;
    color: black !important; }

#cart-component {
  background: black !important; }
  #cart-component table.webshop-cart-items tr + tr {
    border-top-color: yellow !important; }
  #cart-component table.webshop-cart-items .delete a {
    border: none !important; }
  #cart-component table.webshop-cart-items span.extra-params {
    color: yellow !important; }
  #cart-component input[type="submit"] {
    background: yellow !important;
    color: black !important;
    border: none !important; }
  #cart-component .ct p.back a, #cart-component .ct .order-btn-ct a {
    color: black !important;
    background-color: yellow !important;
    border-bottom: none !important; }

label.compare-checkbox-ct {
  background-color: rgba(0, 0, 0, 0.75); }

#compare-component {
  background-color: black; }
  #compare-component .compare-item {
    background-color: yellow; }

span.scroll-to-top {
  border-color: yellow !important;
  background-color: black !important; }
  span.scroll-to-top svg path {
    fill: yellow !important; }
  span.scroll-to-top:hover {
    background-color: yellow !important; }
    span.scroll-to-top:hover svg path {
      fill: black !important; }
