@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
html {
  font-family: 'Open Sans', sans-serif;
}
body {
  background: url(/img/mobile-bg/bg-vereine.jpg) fixed;
  font-family: 'Open Sans', sans-serif, sans-serif;
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1220px) {
  .container {
    width: 1200px;
    max-width: 100%;
  }
}
#wrapper {
  background-color: transparent;
}
#wrapper .container {
  background-color: #f1f1f1;
  padding-top: .5rem;
}
#header {
  background-color: #c8c8c8;
  /* 576 */
}
#header .header-nav {
  background-color: #c8c8c8;
  margin-bottom: 5px;
}
#header .header-nav a {
  color: #fff;
}
#header .header-nav .top-logo .logo_img {
  content: url(/img/logoMobile/Nestwaerme_Kopfbild-Mobile.png);
  height: 60px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#header .header-nav .top-logo .logo_txt {
  display: display;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
#header .header-nav .top-logo .logo_txt::after {
  content: 'Mitarbeitershop';
}
#header .header-nav #contact-link {
  color: #fff;
}
#header .header-top {
  margin: 15px 0 15px 0;
  padding-bottom: 0;
  background-color: #c8c8c8;
  text-align: right;
}
#header .header-top #top-left .search-link {
  display: inline-block;
  margin-top: 20px;
}
#header .header-top #top-left .contact-link {
  display: block;
}
#header .header-top #top-left .contact-link li {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
#header .header-top #top-left .contact-link li a {
  font-size: 1.2rem;
  color: #fff;
}
#header .header_topnav {
  background-color: #fff;
}
#header .header_topnav .position-static {
  position: static;
}
#header .header_topnav .menu .top-menu {
  margin: 5px 0 5px 0;
}
#header .header_topnav .menu .top-menu a[data-depth="0"] {
  padding-left: 0;
  padding-right: 1.25rem;
}
#header .header_topnav .menu .top-menu .sub-menu ul[data-depth="1"] > li {
  margin: 0 1.25rem;
  margin-left: .825rem;
}
#header .header_topnav .menu .top-menu a[data-depth="1"],
#header .header_topnav .menu .top-menu .a[data-depth="2"] {
  padding-left: 0;
}
@media (min-width: 768px) {
  #header #_desktop_top_menu {
    display: none;
  }
}
#header #new_desktop_top_menu {
  display: none;
}
@media (min-width: 768px) {
  #header #new_desktop_top_menu {
    display: inline-block;
  }
}
#header .header_topnav > .container {
  position: relative;
}
/* Dropdown Menu */
nav {
  background: transparent;
}
nav a:hover,
nav a:link,
nav a:visited {
  color: #ffffff;
}
nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}
nav ul li {
  display: inline-block;
  position: relative;
}
nav ul li.sub-menu {
  min-width: 80px;
}
nav ul li:hover {
  background: #f6f6f6;
  color: #ffffff;
}
nav ul li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 10px;
  transition: 0.3s linear;
}
nav ul li a:hover {
  color: #ffffff;
}
nav ul li ul {
  border-bottom: 5px solid #c8c8c8;
  display: none;
  position: absolute;
  width: 250px;
  z-index: 100;
}
nav ul li ul li {
  border-top: 1px solid #c8c8c8;
  display: block;
}
nav ul li ul li:first-child {
  border-top: none;
}
nav ul li ul li a {
  background: #ffffff;
  display: block;
  padding: 10px 14px;
}
nav ul li ul li a:hover {
  background: #f6f6f6;
}
nav .fa.fa-angle-down {
  margin-left: 6px;
}
span.radio-label.showDuration {
  color: #c8c8c8;
}
/* Slider auf Startseite */
.carousel {
  margin-bottom: 0;
  height: auto;
}
@media (max-width: 1220px) {
  .carousel .carousel-inner {
    height: 268px;
  }
}
@media (max-width: 992px) {
  .carousel .carousel-inner {
    height: 196px;
  }
}
@media (max-width: 768px) {
  .carousel .carousel-inner {
    height: auto;
  }
}
.block-category {
  display: none;
}
/* Überschrift Startseite Neuheiten und Bestseller */
#content > section > h1 {
  background-color: #c8c8c8;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-size: 1.2rem;
}
/* Kategoriebild */
.block-category .category-cover {
  position: relative;
  right: 0px;
}
.block-category .category-cover img {
  width: 100%;
  height: auto;
}
/* featered-products */
.mt-3 {
  margin-top: 0rem!important;
}
/* Produktpreis in der Artikelseite */
.product-prices .product-price {
  font-size: 1.9rem;
}
.product-prices div {
  margin-bottom: 0;
}
.product-prices .tax-shipping-delivery-label {
  font-size: 1rem;
  color: #2fb5d2;
}
/* Artikel - Seiten Navigation */
ul.page-list li {
  float: left;
}
ul.page-list li a.js-search-link {
  color: #777;
  width: 20px;
}
ul.page-list li a.js-search-link.disabled {
  font-size: 16px;
  color: #5bc0de;
}
ul.page-list li a.js-search-link.previous,
ul.page-list li a.js-search-link.next {
  color: #777;
  width: 90px;
}
#left_column_banner {
  display: none;
}
#right-column #custom-text {
  padding: 0;
  text-align: left;
}
#right-column #custom-text h3 {
  font-family: Noto Sans;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #c8c8c8;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.5rem;
}
#right-column #custom-text p {
  padding: 0 0.625rem 0 0.625;
}
#right-column #custom-text img {
  width: 100%;
  height: auto;
}
#right-column #custom-text p {
  color: #232323;
  font-weight: 400;
  font-size: 0.825rem;
  margin: .5rem;
}
#right-column section > h1:first-child {
  text-transform: uppercase;
  color: #fff;
  background-color: #c8c8c8;
  font-size: 1.2rem;
  padding: 0.5rem;
}
#footer {
  padding-top: 0;
}
.footer-container {
  background-color: #c8c8c8;
}
.footer-container a.cms-page-link,
.footer-container .account-list.collapse,
.footer-container a.text-sm-center,
.footer-container .account-list li a,
.footer-container a {
  color: #fff;
}
.footer-container .block-contact .hidden-sm-down,
.footer-container .block-contact a {
  color: #fff;
  font-size: 0.875rem;
}