/* BUTTONS */
.productListView .a,
.productListView .c {fill:none;}
.productListView .a {stroke:#000000;}
.productListView .b{stroke:none;}

.serieDetail .productListView .a,
.serieDetail .productListView .c {fill:none;}
.serieDetail .productListView .a {stroke:#ffffff;}
.serieDetail .productListView .b{stroke:none;}

.productListView.inactive .a,
.productListView.inactive .c {fill:none;}
.productListView.inactive .a {stroke:#878787;}
.productListView.inactive .b{stroke:none;}

.productListView.inactive:hover .a,
.productListView.inactive:hover .c {fill:none;}
.productListView.inactive:hover .a {stroke:#0D4D8C;}
.productListView.inactive:hover .b{stroke:none;}

.productBoxView rect  { fill:rgb(0,0,0); }
.productBoxView.inactive rect  { fill:rgb(135,135,135); }

.productBoxView.inactive:hover rect { fill:rgb(13,77,140); }

.productListView, .productBoxView { width: 12px; height: 12px; cursor: pointer; }
.productListView  { margin-left: 12px; }

.secureDownloadArea.secureIcon { opacity: .6; transition: .5s; margin-bottom: 30px;}
.secureDownloadArea.secureIcon:hover { opacity: 1; transition: .5s;}
.secureClosed { position: relative; margin-bottom: 15px; } 
.secureClosed span { background: #fff; padding: 10px 15px; border-radius: 5px; border: 2px solid #000; display: inline-block; }
  

.serieDetail .productListView, .serieDetail .productBoxView { width: 100%; margin-left: 0; text-align: center;padding: 9px 0;height: auto;background: #878787;}
.serieDetail .switchListViewButtons { margin-bottom: 32px; }
.serieDetail .switchListViewButtons .inactive { background: #EFEFEF; transition: .3s; }
.serieDetail .switchListViewButtons .productBoxView rect  { fill:rgb(255,255,255); }

.serieDetail .switchListViewButtons .inactive:hover { background: #878787;  }

.serieDetail .productBoxView.inactive rect { fill: #878787; }

.serieDetail .productBoxView.inactive:hover rect { fill: #ffffff; }

.serieDetail .productListView.inactive:hover .a,
.serieDetail .productListView.inactive:hover .c {fill:none;}
.serieDetail .productListView.inactive:hover .a {stroke:#fff;}
.serieDetail .productListView.inactive:hover .b{stroke:none;}

.serieProducts.listView, .alternativeProduct.listView { padding-bottom: 32px; margin-bottom: 32px; }
.serieProducts.listView .serieProductContent .placeHolderRow  > div:after,
.alternativeProduct.listView .alternativeProductContent .placeHolderRow  > div:after
{
    content: '';
    height: 2px;
    background: #E6E6E6;
    width: calc(100% - 20px);
    position: absolute;
    bottom: -32px;
}

.serieProducts.listView .serieProductContent .placeHolderRow > div:last-child:after,
.alternativeProduct.listView .alternativeProductContent .placeHolderRow  > div:last-child:after {
    width: calc(100% - 40px);
}


.serieProducts .placeHolderRow .serieProductContent > div > div { margin-bottom: 32px; }

.serieProducts.listView,
.alternativeProduct.listView,
.serieProducts.listView .grayOverlay,
.alternativeProduct.listView .grayOverlay,
.toggleContent .grid-item-content {
  min-height: auto !important;;
}

.serieProducts.listView .grayOverlay, .alternativeProduct.listView .grayOverlay { top: -33px; width: calc(100% - 25px); }


.serieProducts.listView .grayOverlay .whiteBorderBottom,
.alternativeProduct.listView .grayOverlay .whiteBorderBottom { border-bottom: 0; }

.serieProducts.listView .grayOverlay .artNumber, .alternativeProduct.listView .grayOverlay .artNumber { padding: 33px 30px 12px 12px; }

.serieProducts.listView .productArticleNumber, .alternativeProduct.listView .productArticleNumber { margin-bottom: 0; }

.alternativeProduct.listView .alternativeProductInActiveMode { left: 260px; }
.alternativeProduct.listView .grayOverlay .hideAlternativeProduct { right: -11px; position: absolute; }
/* BUTTONS */

/* MINUS MARGIN */
  .minusReset {margin: 0 !important; }
  .minusMT50 { margin-top: -50px; }
/* MINUS MARGIN */

 .ifIsSetSerie .hideInDetailView { display: none;}

.bgWhite { background: #fff;}

.tx-productdatabase { margin-top: 120px; }
.tx-productdatabase .bold { font-family: "bold"; }

.tx-productdatabase .panel-group {
    margin-top: 48px; padding-left: 20px; padding-right: 20px; width: 100%;
}
@media screen and (max-width: 1199px) {
    .tx-productdatabase { margin-top: 60px; }
}
@media screen and (max-width: 767px) {
    .tx-productdatabase { margin-top: 36px; }
    .tx-productdatabase .panel-group { margin-top: 24px; }
	.alternativeProduct.listView .alternativeProductInActiveMode { left: 0; }
}

.hiddenEntries, .alternativeProduct { display: none; }

.serieDetail .tab-content .tab-pane ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -10px -20px;
}
.serieDetail .tab-content .tab-pane li {
    background: #fff;
    padding: 20px;
    float: none;
    margin: 0 10px 20px;
    list-style: none;
    color: #000;
    font-family: "light";
    font-size: 1rem;
    width: calc(50% - 20px);
    display: block;
    vertical-align: inherit;
    hyphens: auto;
}
.serieDetail .tab-content .tab-pane .serieRelated li,
.serieDetail .tab-content .tab-pane .systemAccessories li,
.serieDetail .tab-content .tab-pane .successStorie li
{
    padding: 0 20px 0 0;
}
.serieDetail .tab-content .tab-pane .serieRelated li img,
.serieDetail .tab-content .tab-pane .systemAccessories li img,
.serieDetail .tab-content .tab-pane .successStorie li img {
    margin-right: 20px;
}
.serieDetail .tab-content .tab-pane .serieRelated li img { margin-right: 0; }
.serieDetail .tab-content .tab-pane .serieRelated li .imgHolder { display: inline-block; width: 75px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.serieDetail .tab-content .tab-pane .serieRelated li .imgHolder.img4x3 { height: 0; padding-bottom: 55px; min-width: 75px; }
.serieDetail .tab-content .tab-pane .serieRelated li span { margin-left: 20px; }

.serieDetail .tab-content .tab-pane .serieRelated li.pageLink { padding: 0 20px; }
.serieDetail .tab-content .tab-pane .serieRelated li a,
.serieDetail .tab-content .tab-pane .systemAccessories li a,
.serieDetail .tab-content .tab-pane .successStorie li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
}
.serieDetail .tab-content .tab-pane .successStorie li.pageLink a { min-height: }
.linkIcon { margin-right: 5px !important; width: auto; height: 15px; margin-bottom: 2px; }
.orderIcon {width: auto; height: 24px; margin-bottom: 14px; }
.pageLink { padding: 20px !important; }
.pageLink a { display: inline-block !important; }
.pageLinkDescr { font-family: 'bold'; }
.pageLinkUrl { font-family: 'light'; color: #878787; margin-top: 5px; display: block; }

@media screen and (max-width: 575px) {
    .serieDetail .tab-content .tab-pane li {
        width: calc(100% - 20px);
    }
}

#tAccessories .bgWhite { height: 100%; }
#tRelSeries > .row { align-items: stretch; }
#tRelSeries .bgWhite { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

#tRelSeries img, #tSuccessStories img { max-width: none; }
#tApplication .lightbox { text-align: center; background: #fff; display:block; }

@media screen and (max-width: 767px) {
    #tApplication { text-align: center; }
	#tApplication .lightbox { border-bottom: 1px solid #878787; }
}

/* #description .serieDescription p { width: calc(50% - 20px); display: inline-block; vertical-align: top; margin: 10px; } */
#description_technicalData .serieDescription { column-count: 2; column-gap: 20px; padding-bottom: 32px;  }
#description_technicalData .serieDescription p { margin: 0 10px 10px; }
#description_technicalData .serieDescription p:first-child {font-family: "bold"; }
#description_technicalData .hiddenEntries { padding-top: 96px; }
#description_technicalData .sectionHeadline { margin-bottom: 24px !important; }
#description_technicalData .hiddenEntries .sectionHeadline { margin-bottom: 0; }
@media screen and (max-width: 767px) {
    #description_technicalData .hiddenEntries .sectionHeadline { display: none; }
    #description_technicalData .serieDescription p { margin: 0 5px 10px; }
    #description_technicalData .hiddenEntries { padding-top: 1.5rem; }
}
@media screen and (max-width: 576px) {
    #description_technicalData .serieDescription { column-count: 1; padding-bottom: 0;}
}

#overview .serieDescription p { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 10px 0; font-family: "light"; font-size: 22px; line-height: 28px;}
/* #overview .serieDescription p:first-child {font-family: "light"; font-size: 22px; line-height: 28px;} */

.serieDetail .sectionHeadline {
    font-size: 1.75rem; text-align: center; margin-bottom: 64px; text-transform: uppercase;
}
.serieDetail .sectionHeadlineSmall { font-size: 1.75rem; text-transform: uppercase;}
.serieDetail .serieName { font-size: 48px; line-height: 48px; font-family: "din";}

/* .serieDetail section:nth-child(2n) { background: #fff; } */
.serieDetail p { margin-bottom: 0; }
.serieDetail section:nth-child(2n) .technicalData_detail .headline { border-bottom: 1px solid #EFEFEF; }

#description_technicalData .sectionHeadline { font-size: 3rem; }
.technicalData_detail .mt-5 { margin-top: 4rem !important; }

.listLink, .listLink:hover { display: block; height: calc(100% - 48px);  text-decoration: none; color: #000;}
.listLink .serieCategory { position: absolute; top: 20px; right: 40px;  }
.listLink .serieDescription { padding-top: 8px; }
.listLink .serieDescription p:last-child { margin-bottom: 0; }

.serieImage { background: #E6E6E6; min-height: 290px; border: 1px solid #E6E6E6; transition: .5s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center;}
.serie:hover .serieImage { background: #fff; border: 1px solid #E6E6E6; }
.rowSerieList .serieName { font-size: 1.25rem; }
.rowSerieList.bottomLine .serieName { font-size: 1.75rem; margin: 0; }
.serieName { color: #000; font-family: "din"; font-size: 1.75rem;  margin-top: 32px; text-transform: uppercase;}


@media screen and (max-width: 767px) {
    .productCategory, .accessoryCategory { display: block; font-size: 14px; }
    .serieCategory { font-size: 14px; margin-bottom: 10px; }
    .serieDetail .serieName { margin-top: 24px; margin-bottom: 32px; font-size: 2.5rem; line-height: 1; }
    .madeInGermany { text-align: left; }
}
@media screen and (max-width: 575px) {
    .serieCategory { display: block; font-size: 14px; }
    .serieName { margin-top: 16px; }
}

.anchorMenuTop {
    position: fixed;
    padding: 10px 0;
    background: #fff;
    top: -88px;
    z-index: 15;
    width: 100%;
    margin-top: 0px;
    transition: .5s;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.16);
}
.anchorMenuTop .container { padding-left: 20px; padding-right: 20px; }
.anchorMenuTop .row.no-gutters { margin-left: 0; margin-right: 0; }
.anchorMenuTop .row > div {
    display: -ms-flexbox; display: flex;
    -ms-flex-pack: center; justify-content: center;
    -ms-flex-direction: column; flex-direction: column;
}
.anchorMenuTop.active { top: 0; left: 0; }

.anchorMenuTop .anchorMenu ul { margin: 0; padding: 0; text-align: center; margin-bottom: 0; }
.anchorMenuTop .productDescription, .anchorMenuTop .anchorImage { cursor: pointer;}
.anchorMenu li {
    list-style: none;
    display: inline-block;
    margin-right: 32px;
    padding: 3px 0;
    cursor: pointer;
}
.anchorMenu li:last-child {margin-right: 0;}
.anchorMenu li.active { border-bottom: 2px solid #00498D; }

.anchorMenuTop .inquiry a { max-width: 200px; display: inline-block; }

@media screen and (max-width: 991px) {
    .anchorMenuTop { padding: 6px 0 0; }
    /*.anchorMenuTop.active { width: auto; }*/
}
@media screen and (max-width: 767px) {
    /*.anchorMenuTop.active .anchorMenu ul { text-align: left;}*/
}

.accessoryDescription, .accessoryConnectors { font-size: 0.75rem; }

.showAlternativeProduct, .hideAlternativeProduct, .alternativeProductInActiveMode {font-size: 0.75rem; padding-top: 6px;}

/* ISOTOPE JS */
  .toggleContent .grid-item-content { opacity: 1; transition: .5s; min-height: 200px;}
  .toggleContent .grid-item-content.hiddenElements { opacity: 0; }
  .absoluteBtn { position: absolute !important; bottom: -60px; left: 0; right: 0; }
  .productSearch {
      position: absolute;
      top: 42%;
      z-index: 5;
      width: 100%;
      text-align: center;
      color: #fff;
  }
  .productSearch .quicksearch {
      width: 31%;
      height: 48px;
      border: 1px solid #878787;
      padding: 14px 50px;
      margin-bottom: 30px;
      background: #ffffff url(/fileadmin/templates/img/iconset/icon-m-search.svg) no-repeat;
  }

  .clearField {
      position: absolute;
      right: 35%;
      top: 1px;
      width: 46px;
      height: 46px;
      cursor: pointer;
  }

  .productSearch p { font-size: 1.25rem; }
  .itemCount { margin-right: 5px; }
  .productSearch .scrollToElements {color: #fff;text-decoration: underline;text-decoration-color: #00498D;}
  .itemCategories { display: none;}
  .hideItemHeadline { display: none;}

@media screen and (max-width: 991px) {
    .productSearch .quicksearch { width: 45%; }
    .clearField { right: 28%; }
}
@media screen and (max-width: 767px) {
    .productSearch .quicksearch { width: 55%; }
    .clearField { right: 24%; }
}
@media screen and (max-width: 576px) {
    .productSearch .quicksearch { width: 75%; }
    .clearField { right: 13%; }
}
/* ISOTOPE JS */



.technicalData_detail .headline {
    font-size: 1.25rem;
    font-family: "din";
    line-height: 28px;
    border-bottom: 2px solid #EFEFEF;
    padding-bottom: 4px;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.techDescription {
    font-family: "light";
    font-size: 16px;
}
.imageslides, #imageCarousel .slides { opacity: 0;}
.imageslides img { margin: 0 auto; }
#imageCarousel .slick-track { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
#imageCarousel .slick-slide { padding: 15px 0; cursor: pointer; border-bottom: 4px solid transparent; }
#imageCarousel .slick-slide.slick-current.slick-active { border-bottom: 4px solid #00498D; }
#imageCarousel .slick-slide img { max-height: 75px; width: auto; margin: 0 auto; }

.imageslides .slick-slide { border-bottom: 2px solid #fff; padding-bottom: 32px; min-height: 430px; }
.imageslides .imageDescription {
    font-size: 0.875rem; padding-bottom: 34px; position: absolute; bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 991px) {
  .imageslides .slick-slide { min-height: inherit; }
  .imageslides .imageDescription { padding-bottom: 10px; }
}
@media screen and (max-width: 767px) {
    #imageCarousel .slick-list  { display: none; }
    .imageslides .slick-slide { border-bottom: 0px none; }
}

.serieDetail a:hover {color: #00498D; }
.serieDetail section {
    background: #EFEFEF; position: relative; padding: 64px 0;
    -moz-transition: 1s;
     -ms-transition: 1s;
      -o-transition: 1s;
 -webkit-transition: 1s;
         transition: 1s;
}
@media screen and (max-width: 991px) {
    .serieDetail section { padding: 32px 0; }
    .serieDetail section#overview { padding-top: 32px; }
}

/* SPECAIL SECTION */
.secureIcon { text-align: center; cursor: pointer; }
.headerArea.normalView { top: 0 !important; }

#overview, #secureDownloads, #accessories { background: #EFEFEF; }

#overview::before, #secureDownloads::before, #accessories::before,
#overview::after, #secureDownloads::after, #accessories::after {
    background: #EFEFEF;
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}
@media screen and (max-width: 1640px) {
    #overview::before, #secureDownloads::before, #accessories::before,
    #overview::after, #secureDownloads::after, #accessories::after {
        width: 20px;
    }
}

#overview::before, #secureDownloads::before, #accessories::before { right: 100%; }
#overview::after, #secureDownloads::after, #accessories::after { left: 100%; }

#downloads, #productsOfTheSerie, #relatedSeries { background: #FFFFFF; }
#description_technicalData { background: #FFFFFF; border-top: 2px solid #efefef; }

.techLabel { font-size: 16px; margin-top: 24px; }
.techDescription { font-family: "light"; font-size: 14px; }
.imageslides img { margin: 0 auto; }

.serieFeatures ul { margin: 0; padding: 0; }
.serieFeatures li {
  background: #fff;
  padding: 20px;
  float: left;
  margin-bottom: 20px;
  list-style: none;
  color: #000;
  font-family: "light";
  font-size: 1rem;
  width: calc(50% - 15px);
  display: block;
  vertical-align: top;
}

.sectionMobileHeadline { display: none; }

/* .serieDetail section#downloads { padding-bottom: 64px; } */
.downloads { text-align: center; }
.downloads .row > div:not(.hiddenEntries) { margin-bottom: 40px; }
.downloads .hiddenEntries .row { margin-left: 0; margin-right: 0; }
.downloadAreaLink {
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
	word-break: break-all;
}
.downloadArea, .secureDownloadArea { text-align: center; cursor: pointer; height: 100%; padding-bottom: 2px; }
.downloadArea a, .secureDownloadArea a {  display: inline-block; color: #000; }
.downloadArea svg, .secureDownloadArea svg { max-width: 30px; }
.downloadAreaImage, .secureDownloadAreaImage { margin-bottom: 12px; }
@media screen and (max-width: 576px) {
    section#downloads .sectionMobileHeadline { display: block !important; margin-bottom: 40px; }
    section#downloads .sectionHeadline {margin-bottom: 40px;}
    section#downloads .sectionHeadline .moreData { display: none; }
}


#relatedSeries { padding: 96px 0; border-bottom: 2px solid #EFEFEF; }
#relatedSeries .sectionHeadline { margin-bottom: 48px; }
.relatedSerie { position: relative; max-height: 500px; overflow: hidden; }
#relatedSeries .sectionHeadline { font-size: 3rem; }
.relatedSerie:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+30,000000+100&0.7+0,0.7+30,0+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.relatedSerieImageDescription { position: absolute; width: 70%; left: 20px; top: 50%; transform: translate(0px,-50%); max-width: 500px; transition: .3s ease;}
.relatedSeries .row { margin-left: -10px; margin-right: -10px; }
.relatedSeries .row > div { padding-left: 10px; padding-right: 10px; }
.relatedSeries a {
    color: #fff; text-transform: uppercase; font-size: 36px; font-family: "din"; line-height: 36px; /*min-height: 400px;*/ margin-bottom: 20px; display: block;
}
.relatedSeries a:hover { color: #ffff; }
.relatedSeries a:hover .relatedSerieImageDescription { top: 43%; }
@media screen and (max-width: 767px) {
    #relatedSeries { padding: 45px 0 25px; }
    #relatedSeries .sectionHeadline { margin-bottom: 10px; font-size: 2.5rem; }
    #relatedSeries .relatedSerieImage img { width: 100%; }
}



#productsOfTheSerie { padding-top: 0; padding-bottom: 120px;}
#productsOfTheSerie .contentDescriptionHeadline { padding-top: 96px; }
@media screen and (max-width: 1199px) {
    #productsOfTheSerie .contentDescriptionHeadline { padding-top: 60px; }
}
@media screen and (max-width: 767px) {
    #productsOfTheSerie { padding-bottom: 65px; }
    #productsOfTheSerie .contentDescriptionHeadline { padding-top: 2rem; }
}


.moodImage { margin-bottom: 2px; }
.moodImage, .moodImage:before { position: relative; overflow: hidden; height: 420px;}
.moodImage img {
     position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.moodImage:before {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+70,000000+100&0+0,0.6+70,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 1599px) {
    .moodImage { margin-left: -15px; margin-right: -15px; }
}
@media screen and (max-width: 991px) {
    .moodImage { margin-bottom: 64px; }
    .moodImage, .moodImage:before { height: 350px; }
}
@media screen and (max-width: 767px) {
    .moodImage, .moodImage:before { height: 290px; }
}
@media screen and (max-width: 576px) {
    .moodImage, .moodImage:before { height: 230px; }
}

#productsOfTheSerie .sectionHeadline { position: absolute; left: 50%; top: 30%; font-size: 3rem; transform: translate(-50%,-50%); z-index: 2; color: #fff; }

.productStatus, .productArticleNumber p  { display: inline-block; }
.productArticleNumber { font-size: 20px; margin-bottom: 12px; }
.serieDetail .productDescription { margin-bottom: 8px; }
.productDescription p { margin: 0;}
.productStatus { color: #000; font-size: 0.75rem; font-family: light;margin-left: 24px;}
@media screen and (max-width: 767px) {
    #productsOfTheSerie .sectionHeadline { font-size: 2.5rem; }
}
@media screen and (max-width: 576px) {
    .productStatus, .productArticleNumber p,
    .productStatus { display: block; }
    .productStatus { margin-left: 0; margin-top: 12px; }
}

#accessories .accessoryDescriptionCol, #accessories .accessoryArticleNumber  { margin-bottom: 6px; }
#accessories a { text-decoration: underline; }
#accessories { padding: 96px 0 48px 0; }
/* GRAY OVERLAY  -- ALTERNATIVE PRODUCT */
.grayOverlay {
    background: #efefef;
    position: absolute;
    top: -24px;
    height: 100%;
    width: calc(100% - 12px);
    left: 8px;
    display: none;
    overflow: hidden;
    min-height: 200px;
    z-index: 1;
}

#productsOfTheSerie .grid-item { cursor: pointer; }
#no-touch .grid-item:hover .grayOverlay,
.grid-item.marked .grayOverlay { display: block; cursor: pointer;}
.grayOverlay .artNumber { padding: 24px 30px 12px 12px; }
.whiteBorderBottom { border-bottom: 2px solid #fff;  }
.whiteBorderRight::after {
    content: '';
    position: absolute;
    right: 0;
    top: -22px;
    width: 2px;
    background: #fff;
    z-index: 2;
    height: 500px;
}
.productStatus img { max-width: 15px; max-height: 15px; }
.statusIcon { width: auto; height: 24px; margin-bottom: 12px; }

.statusDescription { font-size: 0.75rem;}
.switchProducts > .serieProducts { display: none; }
.switchProducts > .alternativeProduct { display: block; }
.hideAlternativeProduct, .alternativeProductInActiveMode { font-size:0.75rem; font-family: 'light'; cursor: pointer;}
.alternativeProductInActiveMode { position: absolute; right: 34px; top:0; }
.alternativeProductInActiveMode.depri { display: none; }
@media screen and (max-width: 991px) {
    .grayOverlay .artNumber { padding-right: 12px; }
    .alternativeProductInActiveMode { right: 16px; }
	.noBg:after { background: none !important; }
}
@media screen and (max-width: 576px) {
    .alternativeProductInActiveMode { position: relative; right: inherit; top: inherit; margin-left: 0; margin-top: 12px;  }
	.nav-item { width: 50%; display: inline-block; margin-bottom: 10px !important; }
}

.serieProducts a span { border-bottom: 2px solid #00498D; }
.serieProducts, .alternativeProduct { margin-bottom: 48px; min-height: 152px; }
.serieProducts .productConnectors, .alternativeProduct .productConnectors  { color: #878787; }


/* GRAY OVERLAY */

.sectionMaxHeight { max-height: 300px; overflow: hidden; }
.moreSection .activeBlueBtn { width: auto; cursor: pointer; text-align: center; margin: 0 auto; left: 50%; transform: translate(-50%, 0); bottom: 10%; position: absolute; padding: 12px 80px}
.moreSection {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100px;
}
.moreSection.active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,efefef+65,efefef+100&0+0,1+65,1+100 */
  background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 65%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 65%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 65%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.serieDetail section:nth-child(2n) .moreSection.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0+0,1+65,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.activeBlueBtn.activeGrey { background: #878787; }

.posRel {
    position: relative !important;
    top: auto !important;
    right: auto !important;
}
.noMinHeight { min-height: auto; }
.noMargin { margin: 0; }
.listMinHeight { min-height: 185px; }
.listLink { display: block; margin: 0; padding: 0;}

.rowSerieList { margin-bottom: 48px; position: relative; padding-bottom: 48px;  }
.rowSerieList.bottomLine:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px;
  background: #878787;
  width: calc( 100% - 40px);
  left: 20px;
}


.moreData {
    position: relative;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3) !important;
       -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3) !important;
            box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3) !important;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-transform: none;
}
.moreData:after{
    content: '+';
    position: absolute;
    right: 20px;
    top: 7px;
    color: #fff;
    font-weight: 300;
    font-size: 140%;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
.moreData.active, .moreData.showLess {
    background: #878787;
}
.moreData.active:after {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.seperate {
    width: 100%; border-bottom: 2px solid #E6E6E6; margin-bottom: 48px; margin-left: 20px; margin-right: 20px;
}

/*
@media screen and (max-width: 872px) {
    .serieFeatures li:last-child {   flex: calc(25% - 20px); }
}
*/
@media screen and (max-width: 767px) {
    .serieImage { min-height: auto; }
    .switchListViewButtons { display: none; }
}