.distance_header {
  margin-top: 43px !important;
}
.col-gap-search {
  margin-left: 60px;
}
div.references h2 {
  text-align: center;
  color: #515359;
  line-height: 118px;
}
div.teildetail .data h1 {
  margin-top: 6px;
}
div.teildetail .data .articleid {
  display: inline-block;
  margin-bottom: 10px;
}
div.teildetail table.technische_daten {
  margin: 0 auto;
}
div.teildetail table.technische_daten td.numeric {
  text-align: right;
  padding: 10px 10px 10px 20px;
}
div.teildetail ul.downloads {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.teildetail ul.downloads a {
  color: #333;
  text-decoration: underline;
}
div.buybox {
  padding: 29px 18px;
  position: relative;
  margin-bottom: 28px;
  background-color: #eaeaea;
  min-height: 230px;
  text-align: left;
}
div.buybox.grau {
  background-color: #eaeaea;
}
div.buybox button.tocart {
  width: 100%;
}
div.buybox div.amountsize div.controls {
  margin-top: 8px;
}
div.buybox div.amountsize div.controls input,
div.buybox div.amountsize div.controls button {
  line-height: 25px;
  text-align: center;
  border: none;
  outline: none;
}
div.buybox div.amountsize div.controls button {
  background-color: #515359;
  color: white;
  width: 27px;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
div.buybox div.amountsize div.controls button:hover {
  background-color: #ff0000;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
div.buybox div.amountsize div.controls input[type=text] {
  width: 37px;
}
div.buybox div.amountsize div.amount[data-ordermin] input {
  min-width: 75px;
  margin-bottom: 12px;
}
div.buybox div.amountsize div.size {
  padding: 10px 0;
}
div.buybox div.amountsize div.size select {
  margin-top: 8px;
  background: white;
  display: block;
}
div.buybox button.tocart,
div.buybox a.requestforquote {
  background: #ff0000;
  line-height: 43px;
  padding: 0 22px;
  color: white;
  border: none;
  outline: none;
  margin-top: 35px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
div.buybox button.tocart:hover,
div.buybox a.requestforquote:hover {
  background: #333;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
div.buybox a.requestforquote {
  margin-bottom: 5px;
}
div.buybox div.preisinfo {
  text-align: right;
}
div.buybox div.preisinfo .verkaufspreis {
  font-size: 22px;
  margin: 5px 0 6px 0;
}
div.buybox div.preisinfo .uvp,
div.buybox div.preisinfo .ersparnis {
  font-size: 12px;
  color: #ff0000;
}
div.buybox .lieferinfo,
div.schnellerfassung .lieferinfo,
div.buybox .lieferinfoexpress,
div.schnellerfassung .lieferinfoexpress {
  position: relative;
}
div.buybox .lieferinfo,
div.schnellerfassung .lieferinfo {
  margin-bottom: 10px;
  display: block;
}
ul.tools {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.tools li {
  display: inline-block;
}
div.weitereartikel {
  padding-bottom: 64px;
}
div.weitereartikel div.kachelscroller {
  white-space: normal;
}
div.weitereartikel div.kachelscroller h3 {
  height: 53px;
}
.teileuebersicht div.teilekachel,
.row.products div.teilekachel {
  height: 523px;
  border: 1px solid #95989a;
  margin-bottom: 74px;
  position: relative;
  padding: 15px 15px 51px 15px;
}
.teileuebersicht div.teilekachel.objekt,
.row.products div.teilekachel.objekt {
  height: 375px;
}
.teileuebersicht div.teilekachel div.image,
.row.products div.teilekachel div.image {
  position: relative;
}
.teileuebersicht div.teilekachel div.image .lieferantenlogo,
.row.products div.teilekachel div.image .lieferantenlogo {
  position: absolute;
  left: 0;
  top: 0;
}
.teileuebersicht div.teilekachel div.image-alternativ-product .lieferantenlogo,
.row.products div.teilekachel div.image-alternativ-product .lieferantenlogo {
  position: absolute;
  left: 0;
  top: 0;
}
.teileuebersicht div.teilekachel.objekt strong,
.row.products div.teilekachel.objekt strong,
.teileuebersicht div.teilekachel.variante strong,
.row.products div.teilekachel.variante strong {
  display: block;
  margin-top: 15px;
  font-size: 17px;
  font-weight: normal;
  height: 50px;
  overflow: hidden;
}
.teileuebersicht div.teilekachel.objekt p,
.row.products div.teilekachel.objekt p,
.teileuebersicht div.teilekachel.variante p,
.row.products div.teilekachel.variante p {
  margin-top: 0;
  height: 20px;
  display: block;
  overflow: hidden;
}
.teileuebersicht div.teilekachel.objekt span.articleid,
.row.products div.teilekachel.objekt span.articleid,
.teileuebersicht div.teilekachel.variante span.articleid,
.row.products div.teilekachel.variante span.articleid {
  display: inline-block;
  margin-top: 10px;
}
.teileuebersicht div.teilekachel.objekt .oemArticleNoMatch,
.row.products div.teilekachel.objekt .oemArticleNoMatch,
.teileuebersicht div.teilekachel.variante .oemArticleNoMatch,
.row.products div.teilekachel.variante .oemArticleNoMatch {
  font-weight: bold;
  font-size: 13px;
  color: white;
  border: 1px solid #338430;
  background: #338430;
  position: absolute;
  width: 130px;
  right: 0;
  top: 0;
  text-align: center;
  padding: 9px;
  text-transform: uppercase;
}
.teileuebersicht div.teilekachel.objekt .subheading,
.row.products div.teilekachel.objekt .subheading,
.teileuebersicht div.teilekachel.variante .subheading,
.row.products div.teilekachel.variante .subheading {
  margin-top: 10px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teileuebersicht div.teilekachel.objekt .available,
.row.products div.teilekachel.objekt .available,
.teileuebersicht div.teilekachel.variante .available,
.row.products div.teilekachel.variante .available,
.teileuebersicht div.teilekachel.objekt .outofstock,
.row.products div.teilekachel.objekt .outofstock,
.teileuebersicht div.teilekachel.variante .outofstock,
.row.products div.teilekachel.variante .outofstock {
  position: relative;
  margin-left: 21px;
}
.teileuebersicht div.teilekachel.objekt .uvp_ersparnis,
.row.products div.teilekachel.objekt .uvp_ersparnis,
.teileuebersicht div.teilekachel.variante .uvp_ersparnis,
.row.products div.teilekachel.variante .uvp_ersparnis {
  height: 33px;
}
.teileuebersicht div.teilekachel.objekt .uvp,
.row.products div.teilekachel.objekt .uvp,
.teileuebersicht div.teilekachel.variante .uvp,
.row.products div.teilekachel.variante .uvp,
.teileuebersicht div.teilekachel.objekt .ersparnis,
.row.products div.teilekachel.objekt .ersparnis,
.teileuebersicht div.teilekachel.variante .ersparnis,
.row.products div.teilekachel.variante .ersparnis {
  font-size: 12px;
  color: #ff0000;
  margin-top: 18px;
  display: inline-block;
}
.teileuebersicht div.teilekachel.objekt .verkaufspreis,
.row.products div.teilekachel.objekt .verkaufspreis,
.teileuebersicht div.teilekachel.variante .verkaufspreis,
.row.products div.teilekachel.variante .verkaufspreis {
  font-size: 22px;
  margin-bottom: 6px;
  min-height: 31px;
  position: relative;
}
.teileuebersicht div.teilekachel.objekt .lieferinfo,
.row.products div.teilekachel.objekt .lieferinfo,
.teileuebersicht div.teilekachel.variante .lieferinfo,
.row.products div.teilekachel.variante .lieferinfo {
  margin-top: 10px;
  display: block;
}
.teileuebersicht div.teilekachel.objekt .preismwstversand,
.row.products div.teilekachel.objekt .preismwstversand,
.teileuebersicht div.teilekachel.variante .preismwstversand,
.row.products div.teilekachel.variante .preismwstversand {
  font-size: 11px;
}
.teileuebersicht div.teilekachel.objekt .cartcontrol a.requestforquote,
.row.products div.teilekachel.objekt .cartcontrol a.requestforquote,
.teileuebersicht div.teilekachel.variante .cartcontrol a.requestforquote,
.row.products div.teilekachel.variante .cartcontrol a.requestforquote {
  margin-bottom: 0;
  width: 100%;
}
.teileuebersicht div.teilekachel.objekt strong,
.row.products div.teilekachel.objekt strong {
  text-align: center;
  font-weight: bold;
}
.teileuebersicht div.teilekachel.objekt a.zudenvarianten,
.row.products div.teilekachel.objekt a.zudenvarianten {
  background-color: #515359;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 36px;
  color: white;
  outline: none;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.teileuebersicht div.teilekachel.objekt a.zudenvarianten:hover,
.row.products div.teilekachel.objekt a.zudenvarianten:hover {
  outline: none;
  text-decoration: none;
  background-color: #A7A8AC;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol,
.row.products div.teilekachel.variante div.cartcontrol {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  text-align: center;
  margin-bottom: 0;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol div.buttons,
.row.products div.teilekachel.variante div.cartcontrol div.buttons {
  float: left;
  width: 117px;
  position: relative;
  bottom: -1px;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol button.dec,
.row.products div.teilekachel.variante div.cartcontrol button.dec,
.teileuebersicht div.teilekachel.variante div.cartcontrol button.inc,
.row.products div.teilekachel.variante div.cartcontrol button.inc,
.teileuebersicht div.teilekachel.variante div.cartcontrol input[type='text'],
.row.products div.teilekachel.variante div.cartcontrol input[type='text'] {
  background-color: white;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  line-height: 35px;
  outline: 1px solid #95989a;
  border: none;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol button.dec,
.row.products div.teilekachel.variante div.cartcontrol button.dec,
.teileuebersicht div.teilekachel.variante div.cartcontrol button.inc,
.row.products div.teilekachel.variante div.cartcontrol button.inc {
  width: 35px;
  background-color: #515359;
  color: white;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol button.dec:hover,
.row.products div.teilekachel.variante div.cartcontrol button.dec:hover,
.teileuebersicht div.teilekachel.variante div.cartcontrol button.inc:hover,
.row.products div.teilekachel.variante div.cartcontrol button.inc:hover {
  background-color: #A7A8AC;
  -webkit-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol button.inc,
.row.products div.teilekachel.variante div.cartcontrol button.inc {
  margin-right: 1px;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol input[type='text'],
.row.products div.teilekachel.variante div.cartcontrol input[type='text'] {
  width: 46px;
  text-align: center;
  padding: 1px 2px;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol input[type='text']:focus,
.row.products div.teilekachel.variante div.cartcontrol input[type='text']:focus {
  outline-offset: 0;
}
.teileuebersicht div.teilekachel.variante div.cartcontrol .tocart,
.row.products div.teilekachel.variante div.cartcontrol .tocart {
  background: #ff0000;
  border: none;
  color: white;
  position: relative;
  bottom: -1px;
  padding: 0;
  margin: 0;
  outline: 1px solid #95989a;
  line-height: 37px;
  width: calc(100% - 117px);
}
.teileuebersicht div.teilekachel.variante div.cartcontrol .tocart:before,
.row.products div.teilekachel.variante div.cartcontrol .tocart:before {
  content: "";
  background-image: url("/static/images/cart_weiss.svg");
  width: 24px;
  height: 21px;
  background-size: 24px;
  vertical-align: -4px;
  margin-right: 10px;
  display: inline-block;
}
.teileuebersicht div.teilekachel .ajaxlieferinfo,
.row.products div.teilekachel .ajaxlieferinfo {
  height: 50px;
}
nav.teile h2 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 19px 0;
  font-weight: bold;
}
nav.teile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.teile li {
  margin-bottom: 13px;
}
nav.teile li.active {
  font-weight: bold;
}
/* BEGIN CustomerMachines */
div.orderTypeSelector {
  background-color: #eaeaea;
  margin-bottom: 20px;
  padding: 5px;
}
div.orderTypeSelector.disabled {
  pointer-events: none;
  opacity: 0.4;
}
div.orderTypeSelector select.ordertype,
div.orderTypeSelector input.serialnumber {
  width: 100%;
  background-color: white;
  border: none;
  padding: 5px;
}
div.orderTypeSelector input.serialnumber {
  padding: 5px 9px;
}
div.orderTypeSelector div.row {
  margin-bottom: 7px;
}
div.orderTypeSelector div.selectorlabel {
  line-height: 28px;
  font-weight: bold;
}
div.orderTypeSelector div.alternative {
  line-height: 34px;
}
div.orderTypeSelector button.btnMachineSelector {
  width: 100%;
}
.row.products div.orderTypeSelector {
  margin-top: -60px;
  margin-bottom: 50px;
}
#modalMachineSelector .modal-content {
  border-radius: 0;
}
#modalMachineSelector .modal-header h4 {
  font-weight: bold;
}
#modalMachineSelector .paginationControl .page-action.current {
  background-color: #333;
  color: #f9f9f9;
  padding: 2px;
}
#modalMachineSelector .paginationControl .page-action.selectable {
  cursor: pointer;
}
#modalMachineSelector table > tbody > tr {
  cursor: pointer;
}
#modalMachineSelector table {
  margin-top: 30px;
}
#modalMachineSelector table th {
  font-weight: normal;
}
#modalMachineSelector select {
  margin-bottom: 28px;
  border-radius: 0;
  border: 1px solid #A7A8AC;
  box-shadow: none;
}
/* END CustomerMachines */
/*    ####################################################################
      #                                                                  #
      #      ##  ##   #####                                              #
      #      ##  ##  ##   ##                                             #
      #       ####   ##                                                  #
      #        ##     #####                                              #
      #       ####        ##                                             #
      #      ##  ##  ##   ##                                             #
      #      ##  ##   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (max-width: 767px) {
  .row.products div.orderTypeSelector {
    width: 306px;
  }
  .teileuebersicht div.teilekachel,
  .row.products div.teilekachel {
    width: 306px;
  }
}
/*    ####################################################################
      #                                                                  #
      #      ##  ##   #####               ####   ##   ##                 #
      #      ##  ##  ##   ##     ##      ##  ##  ### ###                 #
      #       ####   ##          ##      ##      #######                 #
      #        ##     #####    ######     ####   ## # ##                 #
      #       ####        ##   ######        ##  ##   ##                 #
      #      ##  ##  ##   ##     ##      ##  ##  ##   ##                 #
      #      ##  ##   #####      ##       ####   ##   ##                 #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #       ####   ##   ##                                             #
      #      ##  ##  ### ###    ##                                       #
      #      ##      #######    ##                                       #
      #       ####   ## # ##  ######                                     #
      #          ##  ##   ##  ######                                     #
      #      ##  ##  ##   ##    ##                                       #
      #       ####   ##   ##    ##                                       #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 768px) and (max-width: 991px) {
  .teileuebersicht div.teilekachel,
  .row.products div.teilekachel {
    width: 306px;
  }
  .row.products div.orderTypeSelector {
    width: 306px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##   ##  ####                                                #
      #     ### ###  ## ##                                               #
      #     #######  ##  ##                                              #
      #     ## # ##  ##  ##                                              #
      #     ##   ##  ##  ##                                              #
      #     ##   ##  ## ##                                               #
      #     ##   ##  ####                                                #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 992px) {
  nav.teile {
    margin-top: 74px;
  }
  .clearfix-md {
    *zoom: 1;
    clear: both;
  }
  .clearfix-md:before,
  .clearfix-md:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .clearfix-md:after {
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .teileuebersicht div.teilekachel,
  .row.products div.teilekachel {
    width: 306px;
  }
  .row.products div.orderTypeSelector {
    width: 306px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##        #####                                              #
      #     ##       ##   ##                                             #
      #     ##       ##                                                  #
      #     ##       ##  ###                                             #
      #     ##       ##   ##                                             #
      #     ##       ##   ##                                             #
      #     #######   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 1200px) {
  div.buybox div.preisinfo .verkaufspreis {
    margin-top: 0;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   ##                                                  #
      #      ####    ##                                                  #
      #       ##     ##                                                  #
      #      ####    ##                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   #######                                             #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 1680px) {
  .teileuebersicht div.teilekachel,
  .row.products div.teilekachel {
    width: 306px;
  }
  .row.products div.orderTypeSelector {
    width: 306px;
  }
}