@charset "utf-8";
/****************************************/
/* GLOBAL FONTS && FRAMEWORK FIX */
@import url('../../../../global/ms_framework.css');

/* Carousel Slide Fade */
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/


.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* Carousel Slide Fade END */

/* Search Override */
#bSearch{z-index:5;}
#bTopcategories{z-index:6;}


/* Navigation Override */

.cat_level_0 li a:not(.nosub){color:#ee7f00 !important;text-transform: uppercase;font-size:13px !important;font-family:Helvetica_Light !important;font-weight:bold !important;}
.cat_level_0 li a.nosub:not(.active){color:#888 !important; }
.cat_level_0 li a.nosub:not(.active):after {border:none !important;}


p.categories{background:#141414;margin-bottom:0;border-bottom:1px solid #434343;padding-bottom:10px;}
p.categories a{color:#fff;}
.cat_level_0 li a.active{color:#434343;}
.cat_level_0 li a.active:after{color: #ee7f00;}

#box_categories .hidden-xs nav{background:#141414;margin-top:0;padding-bottom:15px;}
#box_categories .hidden-xs nav a{color:#fff;}
#box_categories .hidden-xs nav a:hover{background:#333;}
#box_categories .hidden-xs nav a:before{content:"";}
#box_categories .hidden-xs nav a:after {content:"" !important;}
#box_categories .hidden-xs nav .cat_level_0 a{padding-left:1em;}
#box_categories .hidden-xs nav .cat_level_1 a{padding-left:1.5em;}
#box_categories .hidden-xs nav .cat_level_2 a{padding-left:2em;}
#box_categories .hidden-xs nav .cat_level_3 a{padding-left:2.5em;}
#box_categories .hidden-xs nav .cat_level_4 a{padding-left:3em;}
#box_categories .hidden-xs nav .nosub.active{background:#ee7f00;color:#fff;}/* aktive Endkategorie */ 

/* Breadcrumbs*/
#bBreadcrumb ol.breadcrumb li{font-family:Helvetica_Light;font-weight:bold;}
#bBreadcrumb ol.breadcrumb li:last-child a{color:#ee7f00;font-weight:bold;}


/* Schriften überschreiben */
#mainCol h1, p.categories{font-family:Helvetica_Light;font-weight:bold;}
/*p.categories a:before{content: "Republic of Gamers";}*/
#mainCol h1:before{display:block;content: url('images/bequiet_small.png');}
#box_categories .hidden-xs nav, #box_categories .hidden-xs nav a, #mainCol{font-family:Helvetica_Light;}

/* Shop-Artikelhintergrund */
.surround-shop .show-background:before{display:none;} /* white content frame */
.surround-shop #mainCol{background:#fff;}
#bProducts .phover{padding:2em;}

@media (min-width: 980px){#bProducts .p {width: 32.5%;}  }
@media (min-width: 1680px){#bProducts .p {width: 19.7%;} }

#bProducts .p {border:1px solid #eee;margin-bottom:0;margin-top:-1px;}

.products-paging{padding:1em !important;}

.current-category-description p{margin:1em;}
.p{padding:.5em;}

/* Sonstiges */
#bSquareBanner{margin-top:1em;}
#bTopmarken{display:none;} 


@media (min-width:980px){
  p.categories{padding-bottom:19px;padding-top:20px;}
  /* Pfeil rechts bei aktiver Kategorie */
  #box_categories .hidden-xs nav .nosub.active:after{display:block;position:absolute;content:" ";width: 0;height: 0;border-style: solid;border-width: 28px 0 0 40px;border-color: transparent transparent transparent #ee7f00;margin-top:-22px;z-index:10;}    
  /* Pfeilposition */
  #box_categories .hidden-xs nav .cat_level_2 .nosub.active:after{margin-left:214px;}
  #box_categories .hidden-xs nav .cat_level_3 .nosub.active:after{margin-left:207px;}  
}

@media (min-width:1440px){
  .js-resize-1{background:#fff !important;}  
  /* glow for categories */
  #bSearch,#bTopcategories{-webkit-box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);-moz-box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);}  
  .header.navbar-fixed-top{border-bottom:1px solid #cecece;}
  .changeWidth hr{display:none;}
}

@media (min-width:1680px){
  .header{background:#fff;}
  footer{background:none;}
  footer{background:#222;}
  footer a, footer .h5, footer p{color:#cecece;}    
}


#thisMS .glyphicon{font-family: 'Glyphicons Regular' !important;}

/* maincontent */
#thisMS{background:#000;}

#thisMS .headerlogo{position:absolute;margin:0 0 0 0;max-height:320px;}
.slidein {display: none;opacity: 0.0;position: relative;margin-left: -190px;}
#thisMS .header-products.slidein{margin-left:-10px;}

#thisMS h2{font-family:Helvetica_Light;font-weight:bold;color:#FFF;font-size:220%;text-transform:uppercase;text-align:center;margin-top:2em;}
#thisMS p{font-family:Helvetica_Light;color:#FFF;font-size:140%;line-height:1.2;}
#thisMS p.h2{font-family:Helvetica_Light;color:#fff;font-size:220%;text-transform:uppercase;text-align:center;}
#thisMS p.h3{font-family:Helvetica_Light;color:#fff;font-size:220%;text-transform:uppercase;text-align:center;margin-top:3em;}
#thisMS p.h3 strong{font-family:Helvetica_Light;font-weight:bold;}

#thisMS .ms_prod_artnr{color:#fff;text-align: center;}
#thisMS .ms_prod_prize{color:#ee7f00;font-size:320% !important;text-align:center;text-transform: uppercase;font-family:Helvetica_Light !important;}
#thisMS .ms_prod_prize .only_text{color:#fff;text-transform: none;font-size:60%;}
#thisMS .ms_prod_ust{color:#fff;text-align: center;font-size:100%;}
#thisMS .ms_button{background-color:#000;border:2px solid #fff;color:#fff;text-transform: uppercase;display:block !important;margin:0 2em;font-family:Helvetica_Light !important;text-transform: none;}
#thisMS .ms_button:after{content:"";}
#thisMS ul.bullets{margin:0;padding:0;}
#thisMS ul.ms_prod_detail li{font-family:Helvetica_Light;color:#FFF;font-size:100%;}
#thisMS ul.ms_prod_detail li:before{color:#ee7f00;}

.header-glow, .header-products, .header-glow-mask{position:absolute;top:0;}

#thisMS .headerlogo{z-index:4;animation: revealcolor 1.5s ease-in-out infinite;-webkit-filter: saturate(100%);}
#thisMS .choicelogo{z-index:4;}
#thisMS .header-products{z-index:3;}
#thisMS .header-glow{z-index:1;animation: revealcolor 1.5s ease-in-out infinite;-webkit-filter: saturate(100%);-webkit-mix-blend-mode: lighten;mix-blend-mode: lighten;  /* Safari 6.0 - 9.0 */animation-delay: .5s;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#thisMS .header-glow{display:none;}
}

@-webkit-keyframes revealcolor {
  0%, 100%  { /*-webkit-filter: saturate(none);*/-webkit-filter: saturate(100%); }
  50% { -webkit-filter: saturate(150%); }
}

#thisMS .showroom-product{}

#thisMS .box-white-bg{background-color:#fff;}
#thisMS .box-white-bg p.h2{color:#000;text-align:left;font-size:180%;padding:1em .5em;margin:0;}

#thisMS .box-white-bg .bequiet-logo{float:right;margin:1em 1em 0 0;}

#thisMS .bequiet-category-row{margin:0 5px;}
#thisMS .bequiet-category-row > div{text-align:center;padding:.5em;}

#thisMS .bequiet-category-row a{display:block;border:1px solid #222;padding-bottom:0 !important;padding-top:.5em;background:#000;}
#thisMS .bequiet-category-row a p{background:#fff;color:#000;padding-top:1em;font-weight:bold;}
#thisMS .bequiet-category-row a:hover{border-bottom:1px solid #222;}
#thisMS .bequiet-category-row a img:first-child{position: absolute;z-index:2;-webkit-filter: saturate(0);}
#thisMS .bequiet-category-row a:hover img:first-child{-webkit-filter: saturate(100%);}
#thisMS .bequiet-category-row a img:nth-child(2){opacity:0;transition: opacity .3s ease-in-out;position:relative;z-index:1;}
#thisMS .bequiet-category-row a:hover img:nth-child(2){opacity:1;}

#thisMS .bequiet-category-row a p{text-transform:uppercase;padding-bottom:0 !important;margin-bottom:0 !important;transition: all .3s ease-in-out;}
#thisMS .bequiet-category-row a:hover p{color:#ee7f00;}

#thisMS .bequiet-category-row a p:after{content: '';margin-top:20px;display: block;width: 0;height: 2px;background: #ee7f00;transition: width .5s;}
#thisMS .bequiet-category-row a:hover p:after{width:100%;}

#thisMS #awards .bequiet-category-row a{display:block;}
#thisMS #awards .bequiet-category-row a img{position:relative;-webkit-filter: saturate(100%);}

#thisMS .bequiet-discover-row{margin:0 5px;}
#thisMS .bequiet-discover-row > div{text-align:center;padding:.5em;}

#thisMS .bequiet-discover-row a{display:block;border:1px solid #222;padding-bottom:0 !important;padding-top:.5em;background:#000;}
#thisMS .bequiet-discover-row a p{background:#fff;color:#000;padding-top:1em;font-weight:bold;}
#thisMS .bequiet-discover-row a:hover{border-bottom:1px solid #222;}
#thisMS .bequiet-discover-row a p{text-transform:uppercase;padding-bottom:0 !important;margin-bottom:0 !important;transition: all .3s ease-in-out;}
#thisMS .bequiet-discover-row a:hover p{color:#ee7f00;}
#thisMS .bequiet-discover-row a p:after{content: '';margin-top:20px;display: block;width: 0;height: 2px;background: #ee7f00;transition: width .5s;}
#thisMS .bequiet-discover-row a:hover p:after{width:100%;}

#thisMS .products-title{font-size:180%;color:#fff;text-align: center;}
#thisMS .products-facts{font-size:160%;line-height:1.2;text-align: center;}


#thisMS .products-carousel{position:relative;z-index:3;margin-top:-4em;}
#thisMS .p{background:none;}

#thisMS .products-carousel-link .products-title{transition: all .3s ease-in-out;margin-top:10px;font-size:140%;height:38px;line-height:1;overflow:hidden;}
#thisMS .products-carousel-link:hover .products-title{color:red;}
#thisMS .product-background{margin-bottom:50px;}

#thisMS .carousel-control{color :#555 !important;font-size:200%;}


#thisMS .product-img-small{position:absolute;z-index:4;transition: all .3s ease-in-out;margin-top:10px;-webkit-filter: saturate(0);width:80%;margin-left:5%;}
#thisMS .products-carousel-link:hover .product-img-small{margin-top:0;-webkit-filter: saturate(100%);width:92%;margin-left:1%;}


#thisMS .product-img-big{position:absolute;z-index:4;transition: all .3s ease-in-out;margin-top:0;-webkit-filter: saturate(0);width:82%;margin-left:9%;}
#thisMS .products-carousel-link:hover .product-img-big{margin-top:0;-webkit-filter: saturate(100%);width:88%;margin-left:6%;margin-top:-10px;}

#thisMS .p{width:100%;}

/* Herstelleraktionen */
#thisMS .thumbnail{background:transparent;border-color:#555;}
#thisMS .grow-image{margin:.5em 0;}

/* Tabs */
#shopTabs{border-bottom:0;margin-top:20px;font-size:120%;text-align:center;background:#141414;padding:0;margin-left:-15px;margin-right:-15px;}
#shopTabs li{float:none !important;margin:0;display:inline-block;}
#shopTabs li.active a{border-radius:0;color:#ee7f00;border-color:#ee7f00;}
#shopTabs li a{margin-right:5px;border:2px solid #fff;transition: all .3s ease-in-out;letter-spacing:2px;padding-left:20px;color:#FFF;padding-right:20px;background:transparent;font-family:Helvetica_Light;font-weight:bold;text-transform:uppercase;border-radius:0;}
#shopTabs li a:hover{color:#eee;border-color:#eee;}


@media (min-width: 980px) {
  #thisMS .headerlogo{position:absolute;margin:0 0 30px 100px;}
  #thisMS .headerlogo{max-width:100%;}
	
	#shopTabs li{float:left;0;}

}


@media (min-width: 1680px) {
  #thisMS .headerlogo{position:absolute;margin:0 0 30px 100px;}
  #thisMS .headerlogo{max-width:100%;}
  
  #thisMS .showroom-product{background-size:122%;}
    
	/* carousel with one step - four items visible */  
	.carousel-actions .carousel-inner > .active.left, .carousel-actions .carousel-inner > .prev {left: -25%;}
  .carousel-actions .carousel-inner > .active.right, .carousel-actions .carousel-inner > .next {left: 25%;}
  .carousel-actions .carousel-inner > .left, .carousel-actions .carousel-inner > .prev.right, .carousel-actions .carousel-inner > .active {left: 0;}
  .carousel-actions .carousel-inner .cloneditem-2, .carousel-actions .carousel-inner .cloneditem-3 {display: block;}	  
  
  .carousel-actions{left:-15px;margin-right:-30px;} 
  .carousel-actions .carousel-control{width:10%;}  
}


/* carousel with one step - four items visible */
@media all and (min-width: 1680px) and (transform-3d), all and (min-width: 1680px) and (-webkit-transform-3d) {
  .carousel-actions .carousel-inner > .item.active.right, .carousel-actions .carousel-inner > .item.next {-webkit-transform: translate3d(25%, 0, 0);transform: translate3d(25%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.active.left, .carousel-actions .carousel-inner > .item.prev {-webkit-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.left, .carousel-actions .carousel-inner > .item.prev.right, .carousel-actions .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);left: 0;}  
  
  #thisMS .products-carousel-link:hover .product-img-small{width:92%;margin-left:-2%;}
}

/* product carousel styling end */

#thisMS .kacheluebersicht{padding:2em 0 1em 0 !important;}

@media (min-width: 980px) {	
	#thisMS .kacheln{padding:0.1em 0 0.1em 0 !important;margin:0 !important}
	#thisMS .kachel{padding:0 !important;margin:0 !important}
	#thisMS .kachelleft{padding-right:0.1em !important}
	#thisMS .kachelright{padding-left:0.1em !important}
	#thisMS .abstand-kacheln{margin:0.12em 0 0 0}
}
@media (min-width: 1680px) {	
	#thisMS .abstand-kacheln{margin:0.27em 0 0 0}