.product-grid__item > * {
max-width: 100%;
flex-shrink: 0;
}
.product-grid__item a p {font-size:1rem;margin-top:0;}

article > div > h1,  article .product-grid h1 {
  display: none;
}
article > div {
  padding-left: 0 !important;
  position: relative;
}
article > div > #available-in {
  background-color: white;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  float: none;
  position: absolute;
  top: 0;
  right: 1.25em;
  z-index: 3;
}
article > div > #available-in > .overlay-list-rel {
  margin-top: 0;
  padding: 0.625em;
  /* 10px */
}
article > div .online-theme {
  padding-left: 1.250em;
  /* 20px */
  width: auto;
}
/* HERO */
.theme-hero {
  border-bottom: 8px solid #e30613;
  display: block;
  margin: 0;
  position: relative;
}
.theme-hero > img {
  display: block;
}
.theme-hero > .theme-claim {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
/* NAVIGATION */
.theme-navigation {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
}
.theme-navigation > div > .theme-menu {
  background-size: cover;
  height: 120px;
  position: relative;
}
.detail-scrollview > div > .theme-navigation {
  margin: 0;
}
.detail-scrollview > div > .theme-navigation > div {
  background-color: white;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu {
  height: 120px;
}
.detail-scrollview:hover > div > .theme-navigation > div > .theme-menu {
  -webkit-transition: 0.1s linear -webkit-height;
  -moz-transition: 0.1s linear -moz-height;
  -ms-transition: 0.1s linear height;
  -o-transition: 0.1s linear height;
  transition: 0.1s linear height;
  height: 120px;
}
/*.theme-navigation > div > .theme-menu.active,
.theme-navigation > div > .theme-menu.active:hover {
  opacity:0.25;
}*/
.detail-scrollview > div > .theme-navigation > div > .theme-menu.active {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-bottom: 5px solid #06507f;
  opacity: 1;
  -webkit-transition: 0.4s linear -webkit-border-color;
  -moz-transition: 0.4s linear -moz-border-color;
  -ms-transition: 0.4s linear border-color;
  -o-transition: 0.4s linear border-color;
  transition: 0.4s linear border-color;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.active > .btn {
  background-color: white;
  border-color: #06507f;
  color: #06507f;
  -webkit-transition: 0.4s linear -webkit-background-color;
  -moz-transition: 0.4s linear -moz-background-color;
  -ms-transition: 0.4s linear background-color;
  -o-transition: 0.4s linear background-color;
  transition: 0.4s linear background-color;
}
.theme-navigation > div > .theme-menu:hover {
  opacity: 0.75;
}
.theme-navigation > div > .theme-menu.background-position-right {
  background-position: top right;
}
.theme-navigation > div > .theme-menu.background-position-middle {
  background-position: top center;
}
.theme-navigation > div > .theme-menu > .theme-menu-btn {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0.938em;
  /* 15px */
}
.theme-navigation > div > .theme-menu > .theme-menu-btn.button-position-right {
  left: inherit;
  right: 0;
}
.theme-navigation > div > .theme-menu > .theme-menu-btn.button-position-middle {
  left: 0;
  right: 0;
}
/* PRODUCT */
.product,
.grid-teaser {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.product .video-button,
.product .eec-button,
.product .installment-button,
.product .circle-button,
.product .cancelation-button {
  margin: 0.313em;
  /* 5px */
}
.product > .availability {
  padding-left: 0.625em;
  /* 10px */
}
/* THEME SPLIT */
.theme-split {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  margin: 0;
  /* 20px */
  padding: 1.250em 0 0 1.250em;
  /* 20px */
  z-index: 1;
}
.theme-split .thick-line-left-right {
  margin: 0 1.250em 1.250em 0;
  /* 20px */
}
.theme-split > div > div > .product > .availability {
  border: none;
}

/* ############
  THEME 1
############### */
/* theme background color */
.theme-split.theme1,
.theme-split.theme1 .thick-line-left-right > span,
article > div > #available-in {
    /*background-image: linear-gradient(180deg, #005a24 0%, #91c01d 50%);*/
  background-color: #3874ba;
}
.theme-split.theme1 .thick-line-left-right > span,
.theme-split.theme1 > div > div > .product > .special,
.theme-split.theme1 > div > div > .product > .availability {
  border-color: #7aac24;
  color: #fff;
}
/* Headline */
.theme-split.theme1 > h2,
.theme-split.theme1 .thick-line-left-right {
  color: #fff ;
}
.theme-split.theme1 .thick-line-left-right::before {
  border-color: #fff ;
  color: #fff;
}
/* Price */
.theme-split.theme1 > div > div > .product > .price-height > span > b {
  color: #404040  ;
}

.product-list>span>.availability_n:not(.theme2)>div>div:first-child span,
.product>.availability_n:not(.theme2)>div:not(.soldout)>div:first-child span{
 background-color: #a8988a  ;
 color: #fff;
}

/* ############
  THEME 2
############### */
/* theme background color */
.theme-split.theme2,
.theme-split.theme2 .thick-line-left-right > span,
article > div > #available-in {
  background-color: #882319;
}
.theme-split.theme2 .thick-line-left-right > span,
.theme-split.theme2 > div > div > .product > .special,
.theme-split.theme2 > div > div > .product > .availability {
  border-color: #6b7d54;
  color: #fff;
}
/* Headline */
.theme-split.theme2 > h2,
.theme-split.theme2 .thick-line-left-right {
  color: #fff;
}
.theme-split.theme2 .thick-line-left-right::before {
  border-color: #fff;
}
/* Price */
.theme-split.theme2 > div > div > .product > .price-height > span > b {
  color: #404040;
}


/* ############
  THEME 3
############### */
/* theme background color */
.theme-split.theme3,
.theme-split.theme3 .thick-line-left-right > span,
article > div > #available-in {
  background-color: #0c670e;
}
.theme-split.theme3 .thick-line-left-right > span,
.theme-split.theme3 > div > div > .product > .special,
.theme-split.theme3 > div > div > .product > .availability {
  border-color: #6b7d54;
  color: #fff;
}
/* Headline */
.theme-split.theme3 > h2,
.theme-split.theme3 .thick-line-left-right {
  color: #fff;
}
.theme-split.theme3 .thick-line-left-right::before {
  border-color: #fff;
}
/* Price */
.theme-split.theme3 > div > div > .product > .price-height > span > b {
  color: #6b7d54;
}
/* ############
  THEME 4
############### */
/* menu button */
/*.theme-navigation > div > .theme-menu.theme4 > .theme-menu-btn {
  background-color: #30a4dc;
  border-color: #72b9dc;
}
.theme-navigation > div > .theme-menu.theme4 > .theme-menu-btn:hover {
  background-color: #72b9dc;
  color: #ebf3fb;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme4.active {
  border-color: #72b9dc;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme4.active > .btn {
  background-color: #ebf3fb;
  border-color: #72b9dc;
  color: #30a4dc;
}*/
/* theme background color */
.theme-split.theme4,
.theme-split.theme4 .thick-line-left-right > span,
article > div > #available-in {
  background-color: #ebf3fb;
}
.theme-split.theme4 .thick-line-left-right > span,
.theme-split.theme4 > div > div > .product > .special,
.theme-split.theme4 > div > div > .product > .availability {
  border-color: #ebf3fb;
  color: #fff;
}
/* Headline */
.theme-split.theme4 > h2,
.theme-split.theme4 .thick-line-left-right {
  color: #30a4dc;
}
.theme-split.theme4 .thick-line-left-right::before {
  border-color: #30a4dc;
}
/* Price */
.theme-split.theme4 > div > div > .product > .price-height > span > b {
  color: #30a4dc;
}
/* ############
  THEME 5
############### */
/* menu button */
.theme-navigation > div > .theme-menu.theme5 > .theme-menu-btn {
  background-color: #40474a;
  border-color: #cec7c4;
}
.theme-navigation > div > .theme-menu.theme5 > .theme-menu-btn:hover {
  background-color: #cec7c4;
  color: #40474a;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme5.active {
  border-color: #b72b9dc;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme5.active > .btn {
  background-color: #494a4a;
  border-color: #bdbebe;
  color: #f7edef;
}
/* theme background color */
.theme-split.theme5,
.theme-split.theme5 .thick-line-left-right > span,
article > div > #available-in {
  background-color: #494a4a;
}
.theme-split.theme5 .thick-line-left-right > span,
.theme-split.theme5 > div > div > .product > .special,
.theme-split.theme5 > div > div > .product > .availability {
  border-color: #494a4a;
}
/* Headline */
.theme-split.theme5 > h2,
.theme-split.theme5 .thick-line-left-right {
  color: #f7edef;
}
.theme-split.theme5 .thick-line-left-right::before {
  border-color: #f7edef;
}
/* Price */
.theme-split.theme5 > div > div > .product > .price-height > span > b {
  color: #6c4a50;
}
/* ############
  THEME 6
############### */
/* menu button */
.theme-navigation > div > .theme-menu.theme6 > .theme-menu-btn {
  background-color: #6c4a50;
  border-color: #bdbebe;
}
.theme-navigation > div > .theme-menu.theme6 > .theme-menu-btn:hover {
  background-color: #bdbebe;
  color: #494a4a;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme6.active {
  border-color: #bdbebe;
}
.detail-scrollview > div > .theme-navigation > div > .theme-menu.theme6.active > .btn {
  background-color: #494a4a;
  border-color: #bdbebe;
  color: #6c4a50;
}
/* theme background color */
.theme-split.theme6,
.theme-split.theme6 .thick-line-left-right > span,
article > div > #available-in {
  background-color: #494a4a;
}
.theme-split.theme6 .thick-line-left-right > span,
.theme-split.theme6 > div > div > .product > .special,
.theme-split.theme6 > div > div > .product > .availability {
  border-color: #494a4a;
}
/* Headline */
.theme-split.theme6 > h2,
.theme-split.theme6 .thick-line-left-right {
  color: #6c4a50;
}
.theme-split.theme6 .thick-line-left-right::before {
  border-color: #6c4a50;
}
/* Price */
.theme-split.theme6 > div > div > .product > .price-height > span > b {
  color: #6c4a50;
}
/* MOBILE *************************************************************/
@media (max-width: 64.375em) {
  /* 1030px */
  .theme-split {
    margin: 0;
    padding: 0.625em 0 0 0.625em;
    /* 10px */
  }
  .theme-navigation > div {
    margin-right: -1.25em;
    /* 20px */
  }
  article > div .online-theme {
    padding-left: 0.625em;
    /* 10px */
  }
  .theme-split .thick-line-left-right {
    margin: 0 0.625em 0.625em 0;
    /* 10px */
  }
}
@media (max-width: 40em) {
  /* 640px */
  .theme-navigation {
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -ms-box-sizing: inherit;
    margin: 0 0 0 0;
    /* 10px */
    padding: 0 0 0 0;
    /* 10px */
  }
  .thick-line-left-right > span {
   background-color: transparent;
   width: 90%;
   padding: 0;
  }
  .thick-line-left-right > a::after,
  .thick-line-left-right > a::before,
  .thick-line-left-right > span::after,
  .thick-line-left-right > span::before{
     display: none !important;
  }
  .theme-split {
    padding-top: 0.625em;
  }
  .detail-scrollview {
    display: none !important;
  }
  article > div > #available-in {
    position: relative;
    top: inherit;
    right: inherit;
    text-align: right;
  }
}