a.kachel {
  text-decoration: none;
  color: #515359;
}
div.row.categories div.category_kachel {
  margin-bottom: 64px;
}
div.row.categories div.category_kachel[data-pimid] {
  cursor: pointer;
}
div.row.categories div.category_kachel div.image {
  position: relative;
}
div.row.categories div.category_kachel div.image div.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 18px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 17px;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 90px;
}
div.produktpresenter {
  padding-top: 85px;
}
div.row.products div.produkt_kachel,
div.produktpresenter div.produkt_kachel,
div.presenterplaceholder div.produkt_kachel,
div.row.products div.presenter_kachel,
div.produktpresenter div.presenter_kachel,
div.presenterplaceholder div.presenter_kachel {
  margin-bottom: 48px;
  margin-top: 16px;
}
div.row.products div.produkt_kachel div.image,
div.produktpresenter div.produkt_kachel div.image,
div.presenterplaceholder div.produkt_kachel div.image,
div.row.products div.presenter_kachel div.image,
div.produktpresenter div.presenter_kachel div.image,
div.presenterplaceholder div.presenter_kachel div.image {
  position: relative;
}
div.row.products div.produkt_kachel div.image div.caption,
div.produktpresenter div.produkt_kachel div.image div.caption,
div.presenterplaceholder div.produkt_kachel div.image div.caption,
div.row.products div.presenter_kachel div.image div.caption,
div.produktpresenter div.presenter_kachel div.image div.caption,
div.presenterplaceholder div.presenter_kachel div.image div.caption,
div.row.products div.produkt_kachel div.image div.captionandweight,
div.produktpresenter div.produkt_kachel div.image div.captionandweight,
div.presenterplaceholder div.produkt_kachel div.image div.captionandweight,
div.row.products div.presenter_kachel div.image div.captionandweight,
div.produktpresenter div.presenter_kachel div.image div.captionandweight,
div.presenterplaceholder div.presenter_kachel div.image div.captionandweight {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
div.row.products div.produkt_kachel div.image div.caption,
div.produktpresenter div.produkt_kachel div.image div.caption,
div.presenterplaceholder div.produkt_kachel div.image div.caption {
  text-align: center;
  line-height: 90px;
  font-size: 17px;
}
div.row.products div.presenter_kachel div.image,
div.produktpresenter div.presenter_kachel div.image,
div.presenterplaceholder div.presenter_kachel div.image {
  background-color: white;
}
div.row.products div.presenter_kachel div.image .logowrapper,
div.produktpresenter div.presenter_kachel div.image .logowrapper,
div.presenterplaceholder div.presenter_kachel div.image .logowrapper {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  background-color: white;
}
div.row.products div.presenter_kachel div.image .newwrapper,
div.produktpresenter div.presenter_kachel div.image .newwrapper,
div.presenterplaceholder div.presenter_kachel div.image .newwrapper {
  background-color: #ff0000;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 20px;
  font-size: 18px;
  color: white;
  font-weight: bold;
}
div.row.products div.presenter_kachel div.image div.captionandweight span,
div.produktpresenter div.presenter_kachel div.image div.captionandweight span,
div.presenterplaceholder div.presenter_kachel div.image div.captionandweight span {
  display: inline-block;
  position: relative;
  line-height: 57px;
}
div.row.products div.presenter_kachel div.image div.captionandweight span.title,
div.produktpresenter div.presenter_kachel div.image div.captionandweight span.title,
div.presenterplaceholder div.presenter_kachel div.image div.captionandweight span.title {
  left: 20px;
}
div.row.products div.presenter_kachel div.image div.captionandweight span.weight,
div.produktpresenter div.presenter_kachel div.image div.captionandweight span.weight,
div.presenterplaceholder div.presenter_kachel div.image div.captionandweight span.weight {
  position: absolute;
  right: 20px;
}
div.row.products div.presenter_kachel div.image div.captionandweight span.weight:before,
div.produktpresenter div.presenter_kachel div.image div.captionandweight span.weight:before,
div.presenterplaceholder div.presenter_kachel div.image div.captionandweight span.weight:before {
  content: "";
  display: inline-block;
  background-image: url("/static/images/weight_weiss.svg");
  width: 18px;
  height: 21px;
  background-size: 18px;
  margin-right: 8px;
  vertical-align: -3px;
}
div.produktpresenter[data-presentercontainer] {
  margin-bottom: 26px;
  background-color: #333;
}
div.produktpresenter[data-presentercontainer] h1 {
  margin: 0;
}
div.presenterplaceholder {
  margin-bottom: 26px;
  padding-top: 30px;
}
div.placeholder_responsive {
  overflow: hidden;
}
div.placeholder_responsive picture {
  position: absolute;
  top: 0;
  left: 0;
}
div.presenter_wrapper.inline-results div.produktpresenter {
  padding-top: 0;
}
div.presenter_wrapper.inline-results div.row.products {
  margin-top: 17px;
}
div.category_kachel + div.produktpresenter {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.highlightkachel .image {
  position: relative;
}
div.highlightkachel .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(81, 82, 89, 0.83);
  text-align: center;
  color: #fff;
  line-height: 57px;
  font-weight: bold;
}
/*    ####################################################################
      #                                                                  #
      #      ##  ##   #####                                              #
      #      ##  ##  ##   ##                                             #
      #       ####   ##                                                  #
      #        ##     #####                                              #
      #       ####        ##                                             #
      #      ##  ##  ##   ##                                             #
      #      ##  ##   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (max-width: 767px) {
  div.row.categories div.category_kachel {
    margin-bottom: 20px;
  }
  div.presenterplaceholder div.presenter_kachel {
    margin-bottom: 10px;
  }
}
/*    ####################################################################
      #                                                                  #
      #       ####   ##   ##                                             #
      #      ##  ##  ### ###    ##                                       #
      #      ##      #######    ##                                       #
      #       ####   ## # ##  ######                                     #
      #          ##  ##   ##  ######                                     #
      #      ##  ##  ##   ##    ##                                       #
      #       ####   ##   ##    ##                                       #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #     ##   ##  ####                                                #
      #     ### ###  ## ##                                               #
      #     #######  ##  ##                                              #
      #     ## # ##  ##  ##                                              #
      #     ##   ##  ##  ##                                              #
      #     ##   ##  ## ##                                               #
      #     ##   ##  ####                                                #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #     ##        #####                                              #
      #     ##       ##   ##                                             #
      #     ##       ##                                                  #
      #     ##       ##  ###                                             #
      #     ##       ##   ##                                             #
      #     ##       ##   ##                                             #
      #     #######   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 1200px) {
  div.category_kachel div.image div.caption {
    padding: 25px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   ##                                                  #
      #      ####    ##                                                  #
      #       ##     ##                                                  #
      #      ####    ##                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   #######                                             #
      #                                                                  #
      ####################################################################
 */