/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

body {
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

a {
  color: #f4070b;
  text-decoration: none;
}

.btn-primary {
  color: #fff;
  background-color: #f4070b;
  border-color: #f4070b;
}

#footer {
  background-color: #222;
  color: #9a9a9a;
  font-size: 12px;
}

#footer .productlist-filter-headline {
  border-bottom: 1px dotted #fff;
  color: #fff;
}

#footer-boxes ul li,
#footer .nav-link a {
  display: block;
  width: 100%;
}

#footer li a,
#footer .nav-link a {
  color: #9a9a9a;
  text-decoration: none;
}
#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .newsletter-footer-heading,
#footer .btn-outline-primary {
  color: #9a9a9a;
  text-decoration: none;
}

#footer li a:hover,
#footer .nav-link a:hover {
  background-color: transparent !important;
  color: #ccc;
}

#footer #copyright {
  background: #000;
  color: #9a9a9a;
}

#system-credits {
  display: none;
}

#content-wrapper {
  background-color: #fff;
}

#main-wrapper {
  background-color: #fedc60;
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#sidepanel_left .box {
  border: 1px solid #ddd;
  padding: 10px 15px;
}

.box-categories .dropdown .collapse,
.box-linkgroup .dropdown .collapse {
  background: #fff;
}

header .navbar-nav > .nav-item > .nav-link::before {
  border-color: #f4070b;
}
#header-top-bar a:hover:not(.dropdown-item):not(.btn),
header a:hover:not(.dropdown-item):not(.btn) {
  color: #f4070b;
}

.ws5_oss_text_div {
  text-align: right;
}

aside .nav-panel > .nav > .active > .nav-link {
  border: none;
}

#ppc-productDetails-horizontal-container {
  float: right;
}

#product-tabs a.nav-link {
  color: #525252;
}

.badge.badge-primary {
  background: #f4070b;
  color: #fff;
}

.newsletter-footer .h2 {
  color: #fff;
}

.newsletter-email-wrapper button {
  color: #fff;
  background-color: #f4070b;
  border-color: #f4070b;
}

.newsletter-email-wrapper button:hover {
  color: #fff;
  background-color: #c20609;
  border-color: #b90508;
}

.square-image .inner {
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .carousel {
    overflow: auto;
  }
  .carousel:not(.slick-initialized).slick-lazy {
    overflow-x: auto;
  }

  .container.link-content.container-plus-sidebar p:last-child a:last-child {
    display: none;
  }
}