/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#header .header-nav {
  max-height: 50px;
  border-bottom: #f6f6f6 2px solid;
  background-color: #C9AB7E;
}
 
 #wrapper {
  padding-top: 1.563rem;
  background: #F2F3F7;
  background-image: url("https://yerbamate-schweiz.ch/yarbe/5.png");
/* 
* background-image: none;
* background-image: url("https://sweet-hobby.de/Kachel-Muster.jpg");
*/
  }
  
.product-miniature .thumbnail-container {
  position: relative;
  height: auto;
  margin-bottom: 1.563rem;
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#header .header-nav {
  max-height: 50px;
  border-bottom: #f6f6f6 2px solid;
  background-color: #D3D9AB;
  background-image: linear-gradient(90deg, transparent 50%,
  rgba(255,255,255,.5) 50%);
background-size: 50px 50px;
}

#header, #header .header-top {
background-color: #fff5ec;
opacity: 1;
background-image:  linear-gradient(30deg, #fffef2 12%, transparent 12.5%, transparent 87%, #fffef2 87.5%, #fffef2), linear-gradient(150deg, #fffef2 12%, transparent 12.5%, transparent 87%, #fffef2 87.5%, #fffef2), linear-gradient(30deg, #fffef2 12%, transparent 12.5%, transparent 87%, #fffef2 87.5%, #fffef2), linear-gradient(150deg, #fffef2 12%, transparent 12.5%, transparent 87%, #fffef2 87.5%, #fffef2), linear-gradient(60deg, #fffef277 25%, transparent 25.5%, transparent 75%, #fffef277 75%, #fffef277), linear-gradient(60deg, #fffef277 25%, transparent 25.5%, transparent 75%, #fffef277 75%, #fffef277);
background-size: 80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#products .products, .featured-products .products, .product-accessories .products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #E8DBCE;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#footer {
  padding-top: 2.5rem;
  background-color: #fce4e4;
  opacity: 0.8;
  background-image: linear-gradient(to right, #ffffff, #ffffff 20px, #fce4e4 20px, #fce4e4 );
  background-size: 40px 100%;
}