/* Produkte */

.box--basic, .is--ctl-search .box--basic, .is--ctl-listing.is--no-sidebar .box--basic{
  width: 100%;
}
.box--basic .box--content {
  padding: 0.25rem 0.625rem;
}
.product--box .product--description{
  height: auto;
}
.product--box .product--title{
  height: auto;
}
.box--basic .product--info {
  width: auto;
  min-height: 170px;
  padding: 0 200px 0 370px;
}

.box--basic .product--image .image--element img {
  margin: 0 auto;
  position: relative;
}
.box--basic .product--image {
  width: 350px;
  min-height: 8rem;
  position: absolute;
}
.box--basic .product--head {
  margin: 0 0 22px 0;
  float: left;
}

.box--basic .product--head .search-match {
  color: #6699ff;
  font-weight: bold;
}
.box--basic .product--head table td {
  padding: 0;
  margin: 0;
  background: none!important;
  border: 0;
  color: #a6bcd1;
  font-weight: bold;
  font-size:0.80rem;
}
.box--basic .product--head table td:first-child {
  text-align: right;
  padding: 0 20px 0 0;
  color: #a6bcd1;
  font-weight: bold;
  text-align: right;
}
.product--description ul li {
  padding: 4px 0;
  list-style-image: url('../img/list-item-product-description.png');
}

.product--detail--images-schaltbilder img{
  max-height: 150px;
  margin-bottom: 18px;
}

.product--box {
  padding-top: 0;
}

.product--box .box--content {
  padding: 30px 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cbcbcb;
  border-left: 0;
}

.product--box:last-child .box--content {
  border: 0;
}

.product--actions {
  top: 30px;
  right: 0;
  position: absolute;
  margin: 0!important;
}
.product--actions .action--note,
.product--actions .action--compare,
.product--actions .action--detail {
  padding: 8px 15px 8px 46px;
  border-bottom: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  display: block;
  position: relative;
  width: 180px;
  margin: 0 0 8px 0;
}
.product--actions .action--note:hover,
.product--actions .action--compare:hover,
.product--actions .action--detail:hover,
.product--actions .action--note:hover i,
.product--actions .action--compare:hover i,
.product--actions .action--detail:hover i {
  color: #a6bcd1;
  cursor: pointer;
}
.product--actions .action--note::after,
.product--actions .action--compare::after,
.product--actions .action--detail::after
{
  content: "\A";
  white-space: pre;
}
.product--actions .icon--wrap {
  border-top: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  text-align: center;
  line-height: 36px;
  color: #4d5059;
}
.product--box .product--action [class^="icon--"] {
  font-size: 1rem;
  margin: 0;
}

/* ############### ############### */

.configurator--form .js--fancy-select{
  min-width: 15rem;
}

/* ############### DETAIL ############### */








/* ############### DETAIL ############### */

.listing--product--detail {
  margin: 20px 0 0 0;
}

.product--detail--box {
  margin: 25px 0 0 0;
  position: relative;
}
.product--detail--box .product--detail--box--left {
  width: 75%;
  float: left;
}
.product--detail--box .product--detail--box--right {
  width: 25%;
  padding: 0 18px;
  float: right;
}
.tab-menu--product.tab--detail-view {
  border-radius: 0;
}
.tab-menu--product.tab--detail-view .tab--navigation {
  width: 75%;
}
.tab-menu--product.tab--detail-view .tab--navigation a {
  font-size: .75rem;
  text-align: left;
  width: 33.3%;
  padding: 0 12px 0 0;
  margin: 0;
  float: left;
  border: 0;
  border-radius: 0;
  background: transparent;
  position: relative;
}
.tab-menu--product.tab--detail-view .tab--navigation a .tab--link--wrap {
  position: relative;
  padding: 0 0 0 46px;
  height: 38px;
  line-height: 38px;
  display: block;
}
.tab-menu--product.tab--detail-view .tab--navigation a.is--active .tab--link--wrap {
  color: #fff;
  background: #51535f;
}
.tab-menu--product.tab--detail-view .tab--navigation a .tab--link--wrap i {
  font-size: 1rem;
  text-align: center;
  width: 38px;
  line-height: 38px;
  padding: 0;
  margin: 0;
  border: 1px solid #c2c2c2;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.tab-menu--product.tab--detail-view .tab--navigation a.is--active .tab--link--wrap i {
  border: 0;
}
.product--detail--box--left table {
  font-size: .75rem;
  border-spacing: 0;
  width: 100%;
}
.product--detail--box--left table tr th,
.product--detail--box--left table tr td {
  text-align: left;
  padding-right: 12px;
  padding-left: 18px;
  background: #fff;
  border-top: 0;
  border-right: 1px solid #b2b2b2;
  border-left: 0;
}
.product--detail--box--left table tr th {
  color: #a6bcd1;
  font-weight: bold;
  padding-bottom: 18px;
  border-bottom: 0;
}
.product--detail--box--left table.col-2 tr th,
.product--detail--box--left table.col-2 tr td {
  width: 50%;
}
.product--detail--box--left table.col-3 tr th,
.product--detail--box--left table.col-3 tr td {
  width: 33.3%;
}
.product--detail--box--left table.col-4 tr th,
.product--detail--box--left table.col-4 tr td {
  width: 25%;
}
.product--detail--box--left table tr td {
  color: #808080;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
}
.product--detail--box--left table tr td:first-child {
  color: #000;
  font-weight: 600;
}
.product--detail--box--left table tr th:last-child,
.product--detail--box--left table tr td:last-child {
  border-right: none;
}
.product--detail--box--left .intro_text {
  padding: 0 18px;
  margin: 0 0 28px 0;
}
.product--detail--box--left .intro_text p {
  font-size: .80rem;
}
.product--detail--technical p{
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

/* ### IMAGES ### */

.product--detail--images,
.product--detail--images-profile,
.product--detail--images-massbilder,
.product--detail--images-polbilder {
  margin: 0 0 18px 0;
}
.product--detail--images .title,
.product--detail--images-profile .title,
.product--detail--images-polbilder .title,
.product--detail--images-massbilder .title,
.product--detail--images-schaltbilder .title {
  color: #a6bcd1;
  font-weight: bold;
  margin: 0 0 18px 0;
}
.product--detail--images .img--wrap img,
.product--detail--images-profile .img--wrap img,
.product--detail--images-polbilder .img--wrap img,
.product--detail--images-schaltbilder .img--wrap img {
  float: left;
  vertical-align: bottom;
  width: 49%;
  margin-bottom: 1rem;
}
.product--detail--images-massbilder .img--wrap img{
  margin-bottom: 0.5rem;
}
.product--detail--images .img--wrap img:nth-child(2n+1),
.product--detail--images-profile .img--wrap img:nth-child(2n+1),
.product--detail--images-polbilder .img--wrap img:nth-child(2n+1),
.product--detail--images-schaltbilder .img--wrap img:nth-child(2n+1) {
  margin-right: 1%;
}
.product--detail--images .img--wrap img:nth-child(2n+2),
.product--detail--images-profile .img--wrap img:nth-child(2n+2),
.product--detail--images-polbilder .img--wrap img:nth-child(2n+2),
.product--detail--images-schaltbilder .img--wrap img:nth-child(2n+2) {
  margin-left: 1%;
}
.product--detail--images .img--wrap img  {
  max-height: 300px;
}
.product--detail--images-schaltbilder .img--wrap img {
  max-height: 150px;
}

/* ############### DETAIL END ############### */


.js--img-zoom--flyout {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dadae5;
  border-radius: 3px;
  display: none;
  height: 30rem;
  overflow: hidden;
  position: absolute;
  right: 12.5rem;
  top: -10rem;
}
.image-slider--container {
  height: auto;
}
.js--img-zoom--title{
  display:none;
}
.image-slider {
  float: left;
  width: 48%;
  margin-left: 1%;
}

/* ############### DETAIL END ############### */


.sidebar--navigation ul.sidebar--navigation{
  margin-bottom: 0;
}

.action--filter-options #filter, .action--filter-options .filter--active-container, .sidebar-main .filter--container{
  display: block;
  padding: 0;
}
.listing--actions .listing--paging {
  border-top: none ;
  padding: 0.625rem;
}
.listing--paging {
  padding: 0.625rem;
}
.listing--actions {
  padding-top: 0;
}
.listing--bottom-paging {
  padding: 0;
}
.action--per-page, .action--sort {
  margin-left: 1.25rem;
  width: auto;
}

.filter-panel {
  border: medium none;
  height: auto;
  margin: 0;
  padding-left: 1%;
  width: 100%;
}

.filter-panel:hover{
  border: none;
}
.filter-panel .filter-panel--flyout {
    background: #fff none repeat scroll 0 0;
    height: auto;
    overflow: hidden;
    z-index: 800;
    position: relative;
    border: none;
}

.filter-panel--content {
  padding-top: 0;
  padding-bottom: 0;
  max-height: none;
  overflow: hidden;
}

.filter-panel--title {
  font-weight: bold;
  height: 1.2rem;
  line-height: 1.2rem;
  margin: 10px 0 0;
}

.filter-panel--label {
  line-height: 1rem;
}

.filter-panel--label {
  text-overflow: ellipsis;
  white-space: normal;
}


.is--ctl-search .box--basic .product--image{
  width: 15.625rem;
}
.is--ctl-search .product--box .product--badges {
  top: 1.75rem;
}

#kontakt--form .js--fancy-select, #kontakt--form .kontakt--plz.btn--submit, #kontakt--form input{
   margin: 10px 5px 0 0;
   line-height: 2.5rem;
   height:2.5rem;
   float: left;
   display: block;
 }
 #kontakt--form .kontakt--plz.btn--submit{
   clear: right;
   line-height: 2.3rem;
 }
 #kontakt--form #kontakt--plz{
   padding-top: 0;
   padding-bottom: 0;
 }


@media screen and (max-width: 78.75em) {

  .listing--content{
    width: 99%;
    padding-left: 1%;
  }

  .listing--content{
    width: 99%;
    padding-left: 1%;
  }

  #kontakt--form #kontakt--plz.btn--submit{
    margin-bottom: 0px;
    margin-top: 15px;
    clear:both;
  }
  .box--basic .product--info {
    padding: 0 0px 0 32vw;
  }
  .box--basic .product--image {
    left: -20px;
    min-height: 22vw;
    top: -30px;
    width: auto;
    max-width: 32vw;
  }
  .box--basic .product--image.single {
    margin-left: 3vw;
    max-width: 29vw;
  }
  .box--basic .product--image .image--element img {
    float: left;
    height: auto;
    margin: auto;
    max-width: 100%;
    position: relative;
    top: 15px;
    vertical-align: middle;
  }

  .box--basic .product--head {
    width: 100%;
    float: left;
  }

  .product--actions {
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 145px;
  }

  .configurator--form .js--fancy-select {
    min-width: 13rem;
  }
  .tab-menu--product.tab--detail-view .tab--navigation {
    margin-top: 60px;
    width: 100%;
  }
  .tab-menu--product.tab--detail-view .tab--navigation a {
    width: 100%;
  }

}

@media screen and (max-width: 60em) {
  .emotion--container.emotion--mode-masonry.emotion--column-4.ansprechpartner-container .column--1 {
    width: 50%;
  }
  .product--actions {
    top: 140px;
  }
  .configurator--form .js--fancy-select {
    min-width: 12rem;
  }
  .box--basic .product--info {
    min-height: 170px;
  }

}

@media screen and (max-width: 800px) {
  .box--basic .product--image {
    left: 0px;
  }
  .configurator--form .js--fancy-select {
    min-width: 10rem;
  }
  .box--basic .product--image.single .image--element img {
    max-width: 100%;
  }

  .box--basic .product--image {
    width: 21vw;
  }
  .box--basic .product--image .image--element img {
    float: none;
    max-height: 80%;
    max-width: 47%;
  }
  .box--basic .product--info {
    padding: 0 0 0 22vw;
  }
  .box--basic .product--image.single {
    margin-left: 0;
  }
}

@media screen and (max-width: 48em) {

}
@media screen and (max-width: 665px) {
  .box--basic .product--image {
    width: 12vw;
  }
}
@media screen and (max-width: 32em) {
  .box--basic .product--info {
    min-height: 0;
    padding: 0;
  }
  .box--basic .product--image.single .image--element img {
    max-width: 100%;
    max-height: 100%;
  }
  .box--basic .product--image .image--element img {
    max-height: 100%;
  }
  form#kontakt--form  {
    text-align: center;
  }
  .box--basic .product--image.single {
    margin-left: 0;
    max-width: 100%;
  }
  .emotion--container.emotion--mode-masonry.emotion--column-4.ansprechpartner-container .column--1 {
    width: 100%;
  }

  .emotion--container.emotion--mode-resize p{
    font-size: 2rem;
    line-height: 3rem;
  }

  .product--actions {
    position: relative;
    margin: 0 18px!important;
  }
  .product--actions .action--note,
  .product--actions .action--compare,
  .product--actions .action--detail {
    width: auto;
    margin: 0 0 12px 0;
  }
  .box--basic .product--image {
    width: auto;
    margin: 0 0 12px 0;
    position: relative;
  }
  .product--actions {
    top: 0;
  }
  .tab--navigation {
    display: block;
  }
  .product--detail--box .product--detail--box--right {
    float: none;
    padding: 0 18px;
    width: 100%;
  }
  .box--basic .product--image {
    left: 0;
    margin: 0 0 40px;
    max-width: none;
    min-height: auto;
    width: 100%;
  }
  .box--basic .product--image .image--element img {
    float: none;
  }
  .mobile--filter .off-canvas {
    display: block;
    position: relative;
    overflow-y: auto !important;
  }
  .off-canvas.is--active{
    overflow-y: auto !important;
  }
  .mobile--filter.hidden{
    display: none;
  }
  .offcanvas--overlay {
    top: 0;
    position: relative;
  }
  .show--mobile--filter{
    margin: 10px 0;
    width: 101%;
  }
}

@media screen and (min-width: 60em) {
  #kontakt--form .js--fancy-select, #kontakt--form #kontakt--plz.btn--submit, #kontakt--form input {
    margin-bottom: 0px;
  }
}

/*
@phoneLandscapeViewportWidth: 30em;     // 480px
@tabletViewportWidth: 48em;             // 768px
@tabletLandscapeViewportWidth: 64em;    // 1024px
@desktopViewportWidth: 78.75em;         // 1260px
*/

.kontakt input.kontakt--land{
  margin-bottom: 20px;
}

.kontakt--plz.hidden{
  display: none;
}
.anprechpartner .text--no--img h4{
  margin-top: 0.5rem;
}
.anprechpartner .text--no--img{
  padding: 0 0.5rem;
}