/*
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/roboto_condensed_macroman/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/roboto_condensed_macroman/RobotoCondensed-Regular-webfontt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_condensed_macroman/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto_condensed_macroman/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto_condensed_macroman/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}
*/
/*
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../fonts/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../fonts/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}
*/
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/roboto_light_macroman/Roboto-Light-webfont.eot');
    src: url('../fonts/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/roboto_light_macroman/Roboto-Light-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}
/*! *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face {
	font-family: 'FontAwesome';
	/*src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
 */
 font-display: block;
}

body {	font-family: 'roboto_condensed',Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;}

UL,OL{overflow: auto;padding-left:15px;}
h1, .h1 {font-size:174%}
h2, .h2 {font-size:160%}
h3, .h3 {font-size:140%}
h4, .h4 {font-size:120%}
h5, .h5 {font-size:110%}

#header{background-color:#000;}

.languages-menu IMG{filter: grayscale(60%);width:20px;}

.btn-info{background-color: #555;border:none;}
.btn-info:hover{background-color: #777;border:none;}

#cookieNote{ position: fixed; bottom: 0; z-index: 999;}
#cookieNote .alert-info {background-color: #888;color: #eee;pacity: 0.9;border: none; padding: 5px; text-align: center;}
#cookieNote .alert-info A{color: #fff;}
#cookieNote .alert-info .close{color:#fff; opacity: 1; margin-left:20px;margin-right:20px;text-shadow: 0 1px 7px #000; font-size:150%}


a:hover, a:focus {    color: #000;}

.form-control,.btn{border-radius:0;}

.btn-primary {
  color: #888; background-color: #ddd;
  border-color: #ccc;
}

.minibasket-menu-box .btn-primary,
.cart-buttons .btn-primary
{color:#fff; background-color:#5cb85c; border-color: #ccc;}

.btn-primary:hover { background-color: #888; border-color: #aaa;}

.minibasket-menu-box .btn-primary:hover,
.cart-buttons .btn-primary:hover
{ background-color: #369736;border-color: #ccc;
}




.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
 border-color: #ccc;
}


/* Suchen */
.input-group .input-group-btn .btn-primary{color:#aaa; background-color:#000; border:none;border-bottom:1px solid #aaa;}
#searchParam {background-color:#000;border:none;border-bottom:1px solid #aaa;box-shadow:none;}
#searchParam:focus{box-shadow:none;border-bottom:1px solid #fff; color:#fff;}
#searchParam:focus+SPAN .btn-primary{border-bottom:1px solid #fff;color:#fff;}


/*****************/

.footer-box-newsletter .btn-primary{color:#aaa; background-color:#000; border:none;}
.footer-box-newsletter INPUT {background-color:#000;border:none;border-bottom:1px solid #aaa;box-shadow:none;}
.footer-box-newsletter INPUT:focus{box-shadow:none;border-bottom:1px solid #fff; color:#fff;}
.footer-box-newsletter INPUT:focus+SPAN .btn-primary{border-bottom:1px solid #fff;color:#fff;}


#footer {
    border:none;
    background-color: #000;
    color: #ccc;
    padding: 10px 0;
}

#footer A{color: #aaa;}
#footer A:hover{color: #fff;}

#footer .social-links li a .fa-facebook,
#footer .social-links li a .fa-google-plus-square,
#footer .social-links li a .fa-twitter,
#footer .social-links li a .fa-youtube-square,
#footer .social-links li a .fa-wordpress{color: #aaa;}

#footer .list-unstyled li {margin-bottom:7px;}

.footer-box{text-align:left}

#incVatInfo{margin-top:-10px;}


#wrapper{padding-bottom:30px}

.legal{background-color:#111;color: #aaa;}

#jumptotop{color:#aaa;}

.panel,.panel-heading,.panel-group .panel,.alert,.img-thumbnail{border-radius: 0px;}


body.cl-details #detailsItemsPager .pager-overview-link, body.cl-details #detailsItemsPager .pager-prev, body.cl-details #detailsItemsPager .pager-next, body.cl-details #detailsItemsPager .pager-overview-link a, body.cl-details #detailsItemsPager .pager-prev a, body.cl-details #detailsItemsPager .pager-next a {
    color: #777;
}

body.cl-details .details-col-right .action-links a {
    color: #000;
    font-size: 13px;
}
body.cl-details #detailsItemsPager .pager-current-page{line-height: 1.2;}

#toBasket {background-color:#000; color:#fff;}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #000;
  border-color: #000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color: #000;}



/*************** Navigation **************************/
body.fixed-header #header #mainnav.fadeIn{background-color: rgba(0,0,0,0.8);border:none;box-shadow: 0px 0px 3px rgba(0,0,0,0.6)}
#mainnav .navbar-nav .badge{background-color:#777;}

#mainnav{background-color:#000;}
#navigation>LI>A{color:#fff;/*font-variant:small-caps;*/ text-transform: uppercase; position:relative; }

#navigation>LI>A::after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 8px;
    height: 1px;
    background: #FFF;
    transition: all 500ms ease;

    transform: scale3d(0,1,1);
    opacity: 0.2;
}
#navigation>LI:hover>A::after {opacity:1;transform: scale3d(1,1,1);}

#mainnav>.container{position: relative;}
.navbar-default .navbar-nav > li > a{color:#fff;}
.nav > li > a{position: initial;}
.nav > li{position: initial;}


.dropdown-menu{left: initial; border-radius: 0px;}
.currencies-menu button{color:#aaa !important;}

.moreLinks .dropdown-menu .mega-menu{display:none}

.mega-menu {  /*display:block;*/
  left:0;right:0;  min-height:200px;
  border-radius:0;
  padding:50px;

  padding-top:20px;

  border-top:none;
}

.mega-menu .category-info{float:right;
/*border:1px solid #f00;*/
border-left:1px solid #ccc;
width:350px;
padding-left:30px;
}

@media screen and (max-width:1000px) {
  .mega-menu .category-info{display:none;}

}

.mega-menu .category-info H2{margin-top:0; text-align:center;}
.mega-menu .category-info IMG{max-width:100%; margin:auto; display:block;}
.mega-menu>UL LI {list-style:none; margin:0;}
.mega-menu UL{padding:0;}

.mega-menu>UL{
}
.mega-menu>UL>LI{/*border:1px solid #ccc;*/
  display:block;
  width:200px;
  padding-right:30px;
  padding-bottom:30px;
  float:left;
  min-height:140px;
}
.mega-menu>UL>LI>A{font-weight:600;}
.mega-menu>UL>LI .subcatdescription{font-size:95%; line-height:1.2;color:#666;font-style: italic; font-weight:300; text-decoration:none}
.mega-menu>UL>LI .subcatdescription A{text-decoration:none}
.mega-menu>UL>LI>UL{padding-top:10px;}
.mega-menu>UL>LI>UL>LI{font-weight:200;display:block;padding-bottom:5px;}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color:#fff;color:#000;}
.dropdown-menu > .active > a:hover,.dropdown-menu > LI > a:hover{background-color:#eee;color:#000;}


.navbar-collapse{padding-right: 0;padding-left:0;}

/*** Mobile ****/

@media screen and (max-width:768px) {

 .subcatdescription{display:none;}
 .navbar-header{color:#aaa;}
 #mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{border-bottom: none;}
 #mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in>ul>li{border-bottom: 1px solid #222;}
 #navigation>LI>A::after{display:none}
 .mega-menu{padding:0;padding-left:20px;min-height:0;padding-bottom:20px;}
 .mega-menu > UL >LI { float:none; padding:5px;border:none;min-height:0;width: 100%;}
 .mega-menu > UL >LI>a {color:#aaa; font-weight:200; display:block; height:100%;}
}







#promo-carousel{margin-top:30px;}

.flexslider .flex-direction-nav .flex-next::before {margin-top: -2px; padding-right: 13px;}
.flexslider .flex-direction-nav .flex-prev::before {margin-top: -2px;padding-left: 13px;}
.flexslider .flex-direction-nav .flex-prev:focus,.flexslider .flex-direction-nav .flex-next:focus  {outline: 0;}

#manufacturerSlider{background-color:transparent;margin:15px;margin-top:30px;}
/****Kategorien *************************************/
.categoryPicture{float:left; margin-right:25px;object-fit: cover; min-height:170px;}
.categoryTitle{display: inline-block;min-width: 200px;margin-top: 10px;}

.categoryDescription{margin-bottom: 10px;}
.page-header{border:none;margin-bottom:0px;padding-bottom:0px;}

.subcatList{clear:left; padding-top:30px;}
.panel {box-shadow:none;}
.panel-default{border:none}
.panel-default > .panel-heading{text-align:center; border:1px solid #ddd; border-left:none;border-right:none;
  background-color: transparent;
  border-color: #ddd;
  padding-top:5px;padding-bottom:5px;
}
.panel-default UL {margin-top:10px}
body.cl-alist .subcatList .panel-body img {max-width: calc(100% + 30px);position: relative; left:-15px; transition-duration: 0.3s;}
body.cl-alist .subcatList .panel-body img:hover{opacity:0.7;}

.pagination-options .options .btn {border-color:#fff;}

label{cursor:pointer;}
.del{color:#f00;}

body.cl-alist .list-filter{padding-bottom:5px;}
.list-filter .btn-group BUTTON{min-width:200px;max-width:100%;text-align:left;}
.list-filter .btn-group BUTTON SPAN{float:right;margin-top:7px;}
.list-filter .dropdown-menu{padding:5px;min-width:200px;max-width:100%;}
.list-filter .dropdown-menu LABEL INPUT{margin-right:5px;vertical-align:text-top;}
.list-filter .dropdown-menu LABEL{margin:0;padding-left:10px; display:block; line-height:30px}
.list-filter .dropdown-menu LABEL:hover{background-color:#eee;}
.list-filter .delFilters{vertical-align:top; width:200px;}
.list-filter .delFilters LABEL{margin-bottom: 0px;margin-left:6px;}


.AttributFarbe{width:20px;height:20px; background-color:#f00;display: inline-block;float:right;margin:5px;border-radius:48%;border-top-right-radius:0;vertical-align: middle;}
.attributes TD DIV{padding-top:4px;}

.anthrazit{background-color:#555;}
.blau,.blue{background-color:#2e2e64;}
.bordeaux{background-color:#700;}
.camel{background-color:#975;}
.grau,.gray{background-color:#AAA;}
.khaki{background-color:#6a7911;}
.sand{background-color:#BFA166;}
.schwarz,.black{background-color:#111;}
.brau, .brown {background-color:#4d3629;}
.weiss, .white {background-color:#fff;}
/*** Produkt ****/
.oldPrice{color:#f00;}
#detailsItemsPager A{margin-left:7px;margin-right:7px;}

.detailsInfo hr{border:none;}
.nav-tabs > li {margin-bottom:0;}
body.cl-details .details-col-right{border:none; text-align:center};

.otherPictures A:focus {outline: 0; }
body.cl-details #morePicsContainer img{border-color:#fff; padding:5px;max-width: 65px;}

#morePicsContainer UL{list-style:none; margin:0; padding:0; position:absolute; top:0px; left:15px; }
#morePicsContainer UL LI{margin-bottom:0px;background-color:rgba(255,255,255,1);}
#detailPicContainer .picture {max-width:550px;margin: auto;}
.brandLogo{margin-top:25px}
#variants{margin-bottom:20px;}
#variants .dropdown-wrapper {display: block;}
#variants button{width:100%}
.attributes TR{height:70px;border-bottom:1px solid #eee;}
.attributes TH{width:0;white-space:nowrap;}
.attributes{margin-bottom:25px; width:100%}


.WHATS_MY_SIZE_LINK{float:right; cursor:pointer; font-size:100%}
#WHATS_MY_SIZE_BOX{
  display:none;
  position:fixed;
  top:0; bottom:0;
  left:0; right:0;
  background-color:rgba(0,0,0,0.3);
  z-index:1999;
}
label[for=WHATS_MY_SIZE_checkbox]{display:inline}
#WHATS_MY_SIZE>LABEL>DIV{
  position:fixed;
  top:80px; bottom:50px;
  left:50px; right:50px;
  background-color:#fff;
  border:1px solid #aaa;
  box-shadow:0 0 20px rgba(0,0,0,0.5);
  z-index:2000;
  overflow:scroll;
  padding:15px;
}
#WHATS_MY_SIZE>LABEL>DIV>LABEL{display:block;}
#WHATS_MY_SIZE .close{font-size:50px;margin-top:0px;}

.tabellelinks {float:left; clear:right;width:150px; border:1px solid #aaa;overflow:hidden;overflow-x:scroll;overflow-y:hidden;}
.tabellerechts {float:left; width: calc( 100% - 150px); border:1px solid  #Aaa; border-left:none; overflow-x:scroll;overflow-y:hidden;}
#WHATS_MY_SIZE table    {width:100%;}
#WHATS_MY_SIZE table tr {background-color:#eee;}
#WHATS_MY_SIZE table tr.odd {background-color:#fafafa;}
#WHATS_MY_SIZE table td,#WHATS_MY_SIZE table th {white-space:nowrap; padding:5px;padding-left:10px;padding-right:10px;height:35px;}
#WHATS_MY_SIZE table td{text-align:center;}
#WHATS_MY_SIZE table th{text-align:right;}

@media screen and (max-width:768px) {
 #WHATS_MY_SIZE>LABEL>DIV{
  top:0px; bottom:0px;
  left:0px; right:0px;
 }
}

body.cl-details #productTitle{margin-bottom:20px;}
body.cl-details .star-ratings{margin-top: 20px;}
.tobasket {margin-top:15px; clear:right;}
.tobasket .input-group{width:auto;}
.tobasket #amountToBasket, .tobasket #toBasket{height: 50px;}
.tobasket #toBasket I{display:none;}
.tobasket #toBasket{background-image:url("../../img/Warenkorb.png");background-repeat:no-repeat;background-position:right 15px center; background-size:18px;}

.information .pricebox{width:33%;}
.sprechblase2 {
    width: 85%;
    float: right;
    font-size:90%;
position: relative;
padding: 6px;
line-height:1.1;
border: 1px solid #B6D57E;
margin:0 auto;
margin-top:15px;
margin-right:-20px;
margin-bottom:20px;

border-radius: 5px;
text-align: center;
background: #dceca4;
box-shadow:2px 2px 8px rgba(0,0,0,0.2);
}

.sprechblase2:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 28px;
top: -17px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 17px solid #B6D57E;
}

.sprechblase2:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 30px;
top: -15px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid #dceca4;

}


.sprechblasefr {float:right; width:50px;}
.sprechblasefr>IMG {cursor:pointer}
.sprechblasefr>IMG+DIV {display:none}
.sprechblasefr>IMG:hover+DIV {display:block}
.sprechblasefr>DIV{
right: 0;
z-index: 1;
    width: 421px;max-width:100%;
position: absolute;
margin-top:15px;
padding: 15px;
line-height:1.1;
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
box-shadow:2px 2px 8px rgba(0,0,0,0.2);
}
.sprechblasefr>DIV>IMG{max-width:100%;}
.sprechblasefr>DIV:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 28px;
top: -17px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 17px solid #ccc;
}

.sprechblasefr>DIV:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 30px;
top: -15px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid #fff;

}



@media screen and (min-width:992px) {
.col20prozent{width:20%}
}

/*** Checkout ****/
body.is-checkout ol.checkoutSteps li .num{background-color: #ddd;}
body.is-checkout ol.checkoutSteps{border-top: 3px solid #ddd;}
.checkoutSteps {overflow: visible;}



#promo-carousel {
  margin-top: 0px;
  width: 100vw;
  margin-left: calc( calc(100% /2) - calc(100vw / 2) - 10px);
}