body{
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.wrapper a:hover, #custom-nav a:hover, .wrapper .navbar .navbar-nav li a:hover{
  color: #a32b5c !important;
}

#desktop{
  display: flex;
  margin-bottom: 0;
  top: 7px;
  position: relative;
  margin-left: auto;  
}

.navbar > .container,
.navbar-brand{
    display: none !important;
}

/* Sidebar menu */
.menu{
    display: flex;
    flex-flow: column;
    position: relative;
    min-height: 130px;
    padding-left: 7rem;
}
.search{
    padding-top: 0 !important;
}
    .search .fa-search{
        top: 10px !important;
    }

.search, .manufacturers, .categories, .colors {
    padding-left: 0 !important;
}

.spark-submenu__item{
  padding-left: 13rem !important;
}

#colors-container ul.colors{
    display: block !important;
    float: none !important;
}

.manufacturers :focus{ 
    outline: none;
}

#productsContainerHeader{
    min-width: 200px;
    margin-right: 20px;
    display: none;
}

.sidebar-m-top{
  top: 130px;
}


/*Products */
#productsContainer{
    display: flex;
    padding: 0 3rem !important;
    margin-bottom: 100px;
}

#productsContainerBody{
    display: flex;
    justify-content: center;
    /* top: -130px; */
    position: relative;
}

#productsContainerBody > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.list-view{
    display: block !important;
    padding: 0 !important;
}

.products-wrapper .content-img {
    flex: 0 !important;
    max-width: 100% !important;
}

.products-wrapper .content-title{
    text-align: center;
}

.article-size, .product-price-wrap{
    display: none !important;
}

/* Pagination */
.pagination-block{
    padding: 0;
}

.pagination-block nav .pagination li.active a{
    background-color: white !important;
    border: 1px solid #921e4f !important;
    color: #921e4f !important;
}

.pagination-block nav .pagination li a {
    color: white !important;
}
#itemsContainer .pagination-block nav .pagination li a:hover{
    background-color: white !important;
    border: 1px solid #921e4f !important;
    color: #921e4f !important;
}

.pagination-block nav .pagination li a[aria-label="Next"]{
    color: white !important;
}


.cart-box .cart-box__footer,
.default-btn,
.price-btn,
.cart-qty .product-qty,
.number-btn{
  background-color: #921E4F !important;
}

.pagination-block nav {
  background-color: #921E4F !important;
}

.cart-box {
  border: 1px solid #921E4F !important;
}

.order-table-btn {
  height: 35px !important;
}

.btn-edit:hover,
.default-btn:hover,
td a:hover{
  color: #FFF !important;
}

#manufacturerId:hover {
  color: #000 !important;
}

/* .products-wrapper .content-title {
  width: 60%;
} */

/* .col-xs-12 {
  font-size: 20px !important;
} */

@media (min-width: 1200px) {
  .navbar{
    min-height: 200px;
  }
  .wrapper > .container{
    padding-top: 30px;
    max-width: 70% !important;
  }    

  /* .products-wrapper.list-view,
  .publishers-wrapper.list-view {
    width: 34% !important;
    float: left !important;
    display: block !important;
  } */
  
  /* .container {
    width: 100%;
    padding: 30px 100px 0px 100px;
  } */
  
  /* #productsContainer {
    margin-top: -800px;
    margin-left: 300px;
  } */
  
  .product-image {
    max-width: 400px !important;
    max-height: 400px !important;
    width: 100%;
    height: 100%;
  }
  
  #categories-container ul.categories li, #colors-container ul.categories li, #categories-container ul.colors li, #colors-container ul.colors li {
    display: block !important;
  }
  
  .col-md-offset-2  {
    margin-left: 60px;
    margin-top: 30px;
    font-size: 20px;
  }
  
  
  /* .content-title {
    margin-left: -50px !important;
  } */
  
} 

  .description-item-title {
    font-size: 20px !important;
    color: #921E4F;
    font-weight: normal !important;
  }
  
  .description-item {
    font-size: 20px !important;
  }

div.container.footer-section {
  display: none;
}


/*.owl-item img.product-image {
  max-width: 140px !important;
}*/

.product-top-padding {
  margin-bottom: 50px;
}

.sorting .dropdown button,
.sorting .dropdown .dropdown-menu{
  margin-top: -30px !important;
}

.sorting .dropdown .arrow-drop-down {
  margin-top: -20px;
}

.col-md-4 {
  width: 100% !important;
}

svg.vertical-align-middle {
    filter: invert(20%) sepia(52%) saturate(2775%) hue-rotate(310deg) brightness(96%) contrast(87%);
    display: none;
}

/* #colors-container {
  margin-top: 30px;
} */

#categories-container ul.categories li .parent.active,
#colors-container ul.colors li .parent.active{
  font-weight: bold;
}

/* #categories-container ul.categories li .category,
#colors-container ul.colors li .color {
  padding: 0px !important;
  padding-left: 10px !important;
} */

#colors-container::before {
  content: "Weinsorte";
  font-weight: bold;
  color: #000;
  /* position: absolute;
  left: 30px; */
  font-size: 16px;
}

#categories-container::before {
  content: "Herkunft";
  font-weight: bold;
  color: #000;
  /* position: absolute;
  left: 30px;
  top: 275px; */
  font-size: 16px;
}



.search,
.manufacturers,
.sorting {
  width: 100%;
}

.search-box,
.dropdown {
  width: 200px !important;
  color: #000 !important;
}

.manufacturers-btn,
.sorting-btn {
  text-align: left;
}

.add-to-cart-btn,
.price-btn {
  height: 45px !important;
}

.spark-submenu__item {
  font-size: 50px;
  font-weight: bold;
  margin: 50px 0px 0px -100px;
}

/* #categories-container ul.colors, #colors-container ul.colors {
  float: none !important;
  margin: 30px 0px 50px 0px;
} */

/* .content-img {
  margin-left: 30px;
  margin-bottom: 15px;
} */

.navtabs-wrapper, .cart-box {
  margin-top: 50px;
}

.content-title a {
  font-size: 16px;
  font-weight: bold;
  color: #989898;
}

.widget-container {
  margin-right: -50px !important;
}


#burger,
.sorting-btn {
  display: none !important;
}


div[style*="font-size: 12px"],
.content-publisher,
.wishlist-btn,
.details-image,
.simple-text,
.spark-search__block, 
#nav-tab, 
.action, 
.grid-description,
.view-mode,
.search-results,
.secondary-text,
.margin-bottom,
#currenciesDropdownId,
.navbar-right,
.or{
  display: none !important;
}

.products-wrapper, .publishers-wrapper {
  box-shadow: none !important;
}

.manufacturers-btn, .sorting-btn,
.search .fa-search{
  color: #000 !important;
}

.arrow-drop-down,
.manufacturers .dropdown button .selected-val svg,
.sorting .dropdown button .selected-val svg,
.view-mode button svg{
  fill: #000 !important;
}

.menu,
.search .search-box{
  background-color: #FFF !important;
}

.search .search-box {
  border: 1px solid #000 !important;
}

::placeholder {
  color: #000 !important;
}

.manufacturers .dropdown .dropdown-menu li {
  text-indent: 40px !important;
}




.manufacturers .dropdown button:focus,
.sorting .dropdown button:focus,
.manufacturers .dropdown-menu a:active,
.sorting .dropdown-menu a:active,
.manufacturers .dropdown-menu a.active,
.sorting .dropdown-menu a.active {
  background-color: #FFF !important;
}

.manufacturers .dropdown .dropdown-menu li a:hover,
.sorting .dropdown .dropdown-menu li a:hover {
  background-color: #B46B86 !important;
}


h3 {
  font-size: 40px;
  font-weight: bold;
  color: #989898;
  margin-left: 60px;
}

.description-item {
  padding-left: 60px !important;
}


.product-container {
  border: none !important;
  box-shadow: none !important;
}



@media (max-width: 1600px) {

  .content-title a {
    font-size: 16px;
  }
  /* .products-wrapper.list-view,
  .publishers-wrapper.list-view {
    width: 40% !important;
  } */

}

@media (max-width: 1400px) {
  .content-title a {
    font-size: 12px;
  }
} 

@media (max-width: 1300px) {
  h3 {
    font-size: 30px;
  }
} 

@media (max-width: 1200px) {
  .content-title a {
    font-size: 18px;
  }
  /* .content-img {
    margin-left: 0px;
    justify-content: left !important;
  } */
  .shopping-cart-mobile-block {
    position: absolute !important;
    top: 175px;
    right: 325px;
  }
  .product-image {
    max-width: 300px !important;
    max-height: 300px !important;
  }
  
  .spark-submenu__item {
    position: absolute;
    top: 150px;
    margin: 0;
    left: -150px;
  }
  
  .text-center,
  .cart-box,
  .widget-block,
  .vertical-align-middle{
    display: none;
  }
  
  .content-title {
    margin-left: 20px !important;
  }

  .menu .manufacturers{
      display: block !important;
  }

} 

@media (max-width: 1199px) {
  .menu .manufacturers{
      display: block !important;
  }
  
  #productsContainer{
    flex-direction: column;
    justify-content: center;
  }
  
  #productsContainerBody{
    top: 20px !important;
  }

  .content-title {
    margin-left: 150px !important;
  }
}

@media (max-width: 992px) {
  .navtabs-wrapper{
    display: none;
  }

  .sidebar-m-top{
    top: 0;
  }

   .content-title {
    margin-left: 0px !important;
  }
  
  .shopping-cart-mobile-block {
    right: 200px;
  }
  /* .products-wrapper.list-view,
  .publishers-wrapper.list-view {
    width: 65% !important;
  } */
  .products-row__wrapper .list-view {
    display: inline-flex !important;
  }
  .content-title a {
    font-size: 20px !important;
  }
  .description-item {
    padding-left: 0px !important;
  }
}

@media (max-width: 768px) {
   .shopping-cart-mobile-block {
    right: 100px;
  }
   .product-image {
    max-width: 200px !important;
    max-height: 200px !important;
  }
  .products-row__wrapper .list-view {
    width: 100% !important;
  }
}

@media (max-width: 700px) {
   .shopping-cart-mobile-block {
    right: 0px;
  }
}


ul#desktop li {
  display: inline-block;
  /*padding-right: 60px;*/
  font-size: 25px;
}

ul#desktop {
  float: right;
}


#logo {
  float: left;
  width: 220px;
  margin-left: 30px
}

a {
  text-decoration: none;
 
}

.nav-mobile-burger-open {
  width: 20px;
  position: absolute;
  right: 30px;
  top: 20px;
  display: none;
}

.nav-mobile-burger-close {
  width: 20px;
  position: absolute;
  right: 30px;
  top: 20px;
  display: none;
}

#mobile {
  background: #FFF;
  padding-bottom: 30px;
}

#mobile li {
  font-size: 20px;
  padding-top: 10px;
  list-style-type: none;
}




@media only screen and (min-width: 768px) {

    #mobile {
      display: none;
    }
    .nav-mobile-burger-open{
      display: none;
    }
}


@media only screen and (max-width: 1420px) {

  ul#desktop li {
    font-size: 22px;
    padding-right: 50px;
  }
  
}

@media only screen and (max-width: 1276px) {

  ul#desktop li {
    font-size: 20px;
    padding-right: 40px;
  }
  .navbar-brand {
    display: none;
  }
  
}


@media only screen and (max-width: 1156px) {

  ul#desktop li {
    font-size: 18px;
    padding-right: 30px;
  }
  
}

@media only screen and (max-width: 1040px) {

  ul#desktop li {
    font-size: 17px;
    padding-right: 25px;
  }
  
}

@media only screen and (max-width: 992px) {

  ul#desktop li {
    font-size: 16px;
    padding-right: 20px;
  }
  
}

@media only screen and (max-width: 918px) {

  ul#desktop li {
    font-size: 14px;
    padding-right: 10px;
  }

  #mobile, #navBarContainerId{
    display: none;
  }
  
  #custom-nav{
    position: relative !important;
    top: 30px !important;
    min-height: 150px !important;
  }

  #custom-nav img{
    margin-left: 20px !important;
  }
  
}

@media only screen and (max-width: 800px) {

  ul#desktop li {
    font-size: 12px;
    padding-right: 10px;
  }
  
}

@media only screen and (max-width: 768px) {

  .nav-mobile-burger-open{
    display: block;
  }
  
  #desktop{
    display: none;
  }
  
  
}

#custom-nav {
  position: absolute;
  padding: 10px 15px;
  top: 60px;
  left: 0px;
  width: 100%;
  border: none;
  z-index: 1;
}

#custom-nav li a {
    padding: 15px;
    margin-right: 30px;
}

.visible-lg {
  display: block !important;
}