/**************************COLUMNS*******************/
div.oneColumn{
    width:20%;
}

div.oneColumn img {
    width:100%;
}

div#objectDopzone{
    min-width: 100% !important;
}

div.twoColumns{
    width:46%;
}

div.threeColumns{
    width:calc(100% - 60px);
    padding: 15px 30px;
}

div.oneColumn, div.oneHalfColumn, div.twoColumns, div.threeColumns{
    float:left;
    margin-left:8%;
    position: relative;
}

div.oneHalfColumn{
    width:30%;
}

div.oneColumn.first, div.oneHalfColumn.first, div.twoColumns.first, div.threeColumns.first{
    margin-left:0px !important;
    max-width: 1160px;
}

div.oneColumnHeight{
    height:151px;
}

div.twoColumnsWidth, div.sixColumnsWidth{
    float:left;
    margin:5px;
    padding:10px;
    background: #fff;
    width:319px;
    position: relative;
}

div.screenWrapper div.threeColumns{
    width:70%;
}

div.screenWrapper div.threeColumns div.aplus > div{
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px;
}
div.screenWrapper div.threeColumns div.aplus p{
    page-break-inside: avoid;
    position: relative;
}


div.aplus b,
div.aplus * b{
    font-weight: bold;
}

div.aplus img{
    width:100%;
}

div.sixColumnsWidth{
    width:calc(100% - 20px);
}

div.twoColumnsHeight{
    height:330px;
}

div.twoColumnsWidth h2 a, div.sixColumnsWidth h2 a, div.oneColumnProduct h2 a{
    position: absolute;
    bottom:10px;
    left:10px;
    right:10px;
    padding:5px 30px 3px 6px;
    line-height: 17px;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

div.twoColumnsWidth h3 a{
    font-size: 36px;
    position: absolute;
    right:10px;
    left:10px;
    top:50px;
    text-align: right;
}

body div.columnContainer{
    margin:40px auto 50px;
    float:left;
}

body.classicWorldProduct div.oneColumn, body.classicWorldProduct div.twoColumns{
    margin-left:3%;
}

body.classicWorldProduct div.oneColumn{
    width:25%;
}


div.worldContainer{
    max-height: 500px;
    overflow: hidden;
    text-align: center;
}

body.home div.worldContainer{
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
}

body.home div.worldContainer:before{
    content: "";
    display: block;
    padding-top: 35%;
}
/**************************HOME*******************/

div.classicWorld, div.mobileWorld{
    width:50%;
    float:left;
    position: relative;
    overflow: hidden;
    height: auto;
    margin:0 auto;

}
body.home div.classicWorld,
body.home div.mobileWorld{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 0;
}

body.home div.mobileWorld{
    left:50%;
    right:0;
}

div.mobileWorld img {
    max-height: 100%;
    /* width:100%; */
    margin:0 auto;
    position: absolute;
    bottom:10px;
    left: 0;
    display: block;
    overflow: visible !important;
}

div.homeSliderContainer,
div.homeSliderContainer *{
    overflow: visible !important;
}

div.homeSliderContainer{
    overflow: hidden;
    position: relative;
}
div.homeSliderContainer ul{
    height:100%;
}
div.homeSliderContainer ul li{
    display: block;
    height: 100%;
    position: relative;
    width:100%;
    float:left;
    list-style-type: none;
    margin:0;
}

div.homeSliderContainer ul li span {
    height:100%;
    width:100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin:0;
    box-sizing:border-box;
    border:20px solid transparent;
    position: relative;
    display:block;
}


div.homeSliderContainer > div{
    position: absolute;
    top:-300%;
}

div.classicWorld > a{
    display: block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
/*    background-position: right bottom; */
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
}

div.mobileWorld div{
    height: 100%;
    float: left;
    width: 100%;
}

div.mobileWorld > a{
    display: block;
    height: 100%;
    width: 100%;
}

div.worldSelector{
    position: absolute;
    width:100%;
    bottom:0px;
}

div.fullscreenBackground div.worldSelector{
    position: relative;
    top:0px;
}

div.worldSelector > div h1:last-child{
    float:right;
}

div.worldSelector > div h1:last-child{
    background:rgba(87,87,86,0.5) url("../img/arrow_right_big.png") no-repeat center right;
    text-align: right;
}

div.worldSelector > div h1{
    display:inline;
    padding:8px 80px 0px 80px;
    float:left;
    margin-bottom:-1px;
    background:rgba(87,87,86,0.5) url("../img/arrow_left_big.png") no-repeat center left;
    min-width: 240px;
    width:calc(50% - 160px);
    white-space: nowrap;
    text-align:left;
}

div.worldSelector > div h1.selected{
    background:none;
    width:calc(60% - 160px);
    min-width: 2px;
}

div.worldSelector > div h1.selected a span, div.worldSelector > div h1.selected b{
    font-size:80px;
    line-height: 80px;
}

div.worldSelector > div h1.notSelected{
    width:calc(40% - 160px);
    min-width: 2px;
}

div.worldSelector > div h1 a span, div.worldSelector > div h1 b{
    color:#fff;;

    text-transform: uppercase;
}
div.worldSelector > div h1 a span{
    font-weight: normal;
}

div.homeSliderContainer{
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.homeBoxContainer{
    margin:50px 0 15px 0;
    float:left;
    width:50%;
    display:inline-block;
    position: relative;
    text-align: center;

}

div.homeBoxContainer:first-child {
    text-align:right;
}

div.homeBoxContainer:last-child {
    text-align: left;
}

div.homeBox{
    background: url("../img/oneColumn_home_shadown.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    display:inline-block;
    height: 150px;
    margin:15px;
    width: 318px;
    padding-bottom: 15px;
    position: relative;

}

div.homeBox > div{
    background: #f5f5f5;
}

div.homeBox img{
    width:100%;
}

div.homeBox a{
    float:left;
}

div.homeBox h2{
    margin-bottom: 0;
}


div.homeBox h2 a{
    position: absolute;
    bottom:15px;
    left:0px;
    right:0px;
    padding:6px 30px 3px 6px;
    line-height: 17px;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    background-image:url("../img/arrow_down_small.png");
    background-position: center right;
    background-repeat: no-repeat;
}

div.homeBox > div > a, div.homeBox h2 a{
    display:inline-block;
}

div.homeBox.neuheiten h2 a, div.homeBox.productOfMonth h2 a{
    background-image: url("../img/arrow_right_small.png");
}

div.homeBox.productOfMonth h2 a{
    background-color:rgba(127, 206, 241,0.78);
}

div.homeBox.neuheiten h2 a{
    background-color:rgba(247, 193, 127,0.7);
}

body.press div.oneColumn.first, body.press  div.twoColumns.first, body.press div.threeColumns.first{
    clear:none;
}

.onScreen {
    display:block;
}

.onMobile {
    display:none;
}
/**************************LEFT NAVI*******************/
nav.leftNavi{
    width:220px;
    float:left;
    position: relative;
}
body.catalogue nav.leftNavi{
    position: absolute;
    top:0px;
    left:-250px;
}

nav.leftNavi > div{
    padding:20px 20px 100px;
    width:calc(100% - 40px);
    background: rgb(218,218,218);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZGFkYWRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(218,218,218,1) 0%, rgba(218,218,218,1) 1%, rgba(237,237,237,1) 7%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,218,218,1)), color-stop(1%,rgba(218,218,218,1)), color-stop(7%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,1) 1%,rgba(237,237,237,1) 7%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,1) 1%,rgba(237,237,237,1) 7%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(218,218,218,1) 1%,rgba(237,237,237,1) 7%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(218,218,218,1) 0%,rgba(218,218,218,1) 1%,rgba(237,237,237,1) 7%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 );
}

nav.leftNavi li.selected > a{
    color:#009ee3;
    font-size: 18px;
}

nav.leftNavi li.selected ul li.selected > a {
    font-size:13px;
}

nav.leftNavi ul > li > ul > li > ul{
    display:none;
}

nav.leftNavi li.selected > ul{
    display:block;
}

*:not(.aplus) hr{
    margin:50px 0px;
}

nav.leftNavi ul li ul li{
    margin-bottom: 5px;
    display: block;
}
nav.leftNavi > div > ul > li > a{
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}

nav.leftNavi > div > ul > li,
nav.leftNavi > div > ul > li.desktop > ul > li{
    margin-bottom: 50px;
}

nav.leftNavi > div > ul > li.smartphone {
    display:none;
}

body.standard nav.leftNavi > div > ul > li,
body.press nav.leftNavi > div> ul > li,
body.standard_threeColumns nav.leftNavi > div > ul > li,
body.retailerSearch nav.leftNavi > div > ul > li{
    margin-bottom: 5px;
}

nav.leftNavi > div > ul > li ul li ul{
    margin:5px 0px 15px 0;
}

nav.leftNavi.mobileWorld > div{
    background: rgba(255,255,255,0.8);
}
nav.leftNavi.mobileWorld ul{
    position:relative;
    z-index: 1;
}
nav.leftNavi.mobileWorld > div > ul > li > a{
    font-weight: normal;
}

nav.leftNavi.mobileWorld > div > ul > li{
    margin-bottom:15px;
}

nav.leftNavi.mobileWorld > div > ul > li.selected{
    color:#009ee3;
}

nav.leftNavi > div > ul > li.orange a,
nav.leftNavi > div > ul > li.blue a{
    padding:0 10px;
    margin:0;
    line-height: 23px;
    font-size:16px;
    color: #fff;
    background:#F08300;
    font-weight: normal;
}

nav.leftNavi > div > ul > li.orange,
nav.leftNavi > div > ul > li.blue{
    margin-bottom: 15px;
}

nav.leftNavi > div > ul > li.orange{
    margin-top: 40px;
}

nav.leftNavi > div > ul > li.blue a{
    background: #009EE3;
}

/**************************HORIZONTAL SLIDER AND MULTILINE DISPLAY*******************/

div.horizontalSliderContainer,
div.horizontalContainer{
    overflow: hidden;
    width:calc(100% - 35px);
    margin-left: 30px;
    position: relative;
    float:left;
    display: block;
    overflow-x: hidden;
}

div.horizontalSlider,
div.horizontalContainer{
    width:calc(100% - 0px);
    padding:15px 0 0 0;
    margin: 0 0 15px 0px;
    float:left;
    border-top: 1px solid #c6c6c5;
}

div.horizontalSlider h2,
div.horizontalContainer h2{
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom:10px;
    font-weight:normal;
    color:#3C3C3B;
    margin-top: 0px;
    float:left;
}

div.horizontalSlider h2 a,
div.horizontalContainer h2 a{
    font-weight:normal;
    font-size: 28px;
    margin:0;
}

div.horizontalSlider h3,
div.horizontalContainer h3{
    position: absolute;
    bottom:11px;
    left:0px;
    right:0px;
    height:24px;
    line-height: 24px;
    margin-bottom: 0;
}

div.horizontalSlider ul a,
div.horizontalContainer ul a{
    line-height: 0;
}

div.horizontalSlider > ul > li > a:empty,
div.horizontalContainer > ul > li > a:empty{
    background: url("../img/defaultImagePlaceholder.svg") no-repeat center center;
    background-size: 180px 180px;
    height:180px;
    width:180px;
    display: block;
}

div.horizontalSlider h3 a,
div.horizontalContainer h3 a{
    text-align: right;
    text-transform: uppercase;
    font-size: 14px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjYjliOGI4IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiM4OTg4ODgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzVkNWM1YyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjNDk0OTQ4IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgyODI2IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(185,184,184,0.3) 38%, rgba(137,136,136,0.3) 62%, rgba(93,92,92,0.3) 81%, rgba(73,73,72,0.3) 88%, rgba(40,40,38,0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(38%,rgba(185,184,184,0.3)), color-stop(62%,rgba(137,136,136,0.3)), color-stop(81%,rgba(93,92,92,0.3)), color-stop(88%,rgba(73,73,72,0.3)), color-stop(100%,rgba(40,40,38,0.3)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(185,184,184,0.3) 38%,rgba(137,136,136,0.3) 62%,rgba(93,92,92,0.3) 81%,rgba(73,73,72,0.3) 88%,rgba(40,40,38,0.3) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(185,184,184,0.3) 38%,rgba(137,136,136,0.3) 62%,rgba(93,92,92,0.3) 81%,rgba(73,73,72,0.3) 88%,rgba(40,40,38,0.3) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(185,184,184,0.3) 38%,rgba(137,136,136,0.3) 62%,rgba(93,92,92,0.3) 81%,rgba(73,73,72,0.3) 88%,rgba(40,40,38,0.3) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(185,184,184,0.3) 38%,rgba(137,136,136,0.3) 62%,rgba(93,92,92,0.3) 81%,rgba(73,73,72,0.3) 88%,rgba(40,40,38,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4d282826',GradientType=0 );
    width:calc(100% - 10px);
    padding:0 5px;
    display:inline-block;
    line-height: 24px;
    position: absolute;
    bottom: 0;
}

div.horizontalSlider > ul > li,
div.horizontalContainer > ul > li{
    float:left;
    opacity: 1;
    line-height: 0;
    width:180px;
    height: 180px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    margin-right: 28px;
    margin-bottom:0px;
    position: relative;
    padding: 0 0 11px 0;
    /** overflow:hidden; **/
}

.horizontalSliderContainer.category > .horizontalSlider > ul > li {
    background: url("../img/productOverview_shadown.png") no-repeat center bottom;
}

body.classicWorldProductOverview div.horizontalSlider > ul,
body.search div.horizontalContainer > ul{
    width:101% !important;
}

div.horizontalSlider > ul.multimediaButtons > li a:empty,
div.horizontalContainer > ul.multimediaButtons > li a:empty{
    background:url(../img/defaultImagePlaceholder.svg) no-repeat center center / 160px 100px ;
    height:180px;
    width: 180px;
    display: block;
}

li.multimediaButtons img{
    width:100%;
}

div.horizontalSliderContainer a.backward, div.horizontalSliderContainer a.forward{
    float:left;
    padding:5px;
    cursor:pointer;
    display:none;
}
div.horizontalSliderContainer a.backward{
    margin:0 10px;
}

div.horizontalSlider > ul{
    width:20000000px;
}

div.horizontalSliderContainer.product li:hover > div.productFeatures,
div.horizontalContainer li:hover > div.productFeatures{
    display:block;
}

div.horizontalSliderContainer.product li > div.productFeatures,
div.horizontalContainer li > div.productFeatures{
    width:210px;
    position: absolute;
    left: 0;
    bottom: 0;
    display:none;
    overflow: hidden;
    top:0;
}

body.product div.productFeatures ul.colorSelector{
    bottom:5px;
}

div.productFeatures ul.colorSelector{
    position: absolute;
    bottom:10px;
}

div.productFeatures a.multimediaButtons{
    margin-right: 10px;
}

div.horizontalSliderContainer.product > div > ul > li,
div.horizontalContainer > ul > li{
    height:220px;
    overflow:visible;
}

div.horizontalSliderContainer.product h3,
div.horizontalContainer h3{
    bottom:50px;
}

div.horizontalSliderContainer.product h3 a,
div.horizontalContainer h3 a{
    text-align: left;
    background:none;
    text-transform: none;
    border-bottom: 1px solid #c3c3c3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

div.horizontalSliderContainer.product ul.multimediaButtons,
div.horizontalContainer ul.multimediaButtons{
    position: absolute;
    padding:10px;
}

div.oneColumnProduct{
    float:left;
    position: relative;
    border:1px solid #C6C6C5;
    padding:5px;
    margin:20px;
}

div.oneColumnProduct > *{
    float:left;
}

div.oneColumnProduct h2 a{
    position: relative;
    text-align: left;
    padding: 0;
    margin:0;
    top:auto;
    left:auto;
    bottom:auto;
    right:auto;
}

div.productFeatures hr{display:none;}

div.horizontalSliderContainer.product a.threeSixty,
div.horizontalSliderContainer.product a.movie{
    float:left;
}

div.horizontalSliderContainer.product ul.colorSelector{
    position: absolute;
    bottom: 25px;
    left: 0;
}

div.horizontalSliderContainer.product ul.colorSelector li, div.infoColumn ul.colorSelector li {
    margin-right: 0px;
}

ul.colorSelector li{
    float:left;
    list-style-type: none;
    margin-left:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:5px !important;
    position: relative;
    overflow: hidden;
}

ul.colorSelector li:first-child{
    margin-left: 0;
}

div.horizontalSlider ul.colorSelector li:nth-child(5n){
    margin-bottom: 5px !important;
    margin-left: 5px;
}

div.horizontalSlider ul.colorSelector li:nth-child(6n){
    margin-left:0px;
}

div.horizontalSliderContainer.product ul.colorSelector li:first-child{
    margin-left:5px;
}

ul.colorSelector li.selected a{
    border:2px solid #fff;
    margin:8px;
    padding:0px;
    background:rgba(0,0,0,0.3);
}

ul.colorSelector li.color:before{
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    height: 26px;
    content: " ";
    position: absolute;
    width: 26px;
}

ul.colorSelector li a{
    width:8px;
    height: 8px;
    padding:10px;
    display: block;
    font-size: 40px;
    color:#fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

/*ul.colorSelector li[style="background:#0"], ul.colorSelector li[style="background:#d2dadd"], ul.colorSelector li[style="background:linear-gradient(135deg, # 50%, #ababab "]{
    border:1px solid #C1C1C1;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}*/

ul.colorSelector li a img{
    position: absolute;
    top:0;
    left:0;
}

ul.colorSelector li.selected a img{
    top:-9px;
    left:-9px;
}

a.overlayHref{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    height:193px;
}

/**************************STANDARD PAGE GALLERY*******************/

ul.galleryThumb li{
    list-style-type:none;
    float:left;
    margin:0 0 2% 2%;
    position: relative;
    width:32%;
}

ul.galleryThumb li:first-child, ul.galleryThumb li:nth-child(4){
    margin-left:0px;
}

ul.galleryThumb li img.zoomImage{
    position: absolute;
    top:0px;
    right:0px;
}

ul.galleryThumb li img:nth-child(2){
    width:100%;
}

/**************************IMAGES*******************/

img.fullWidthFixed{
    width:100%;
    margin-bottom: 50px;
}

div.image360 > img{
    position: absolute;
    margin:0 auto;
    left:0;
    right:0;
}

div.twoColumns img.homeThumb {
    width:49%;
}

img.fullWidth,
img.fullWidthFixed{
    width:100%;
}


div.sixColumnsWidth img.homeThumb {
    width: 100%;
}

div.aplus img.catalogue,
div.aplus img.product,
div.aplus img.homeSlider {
    width:100%;
}

/**************************CLASSIC WORLD*******************/

body div.noscreenBackground{
    width:calc(100% - 60px);
    padding:40px 30px;
    float:left;
}

.menulinks {
    display:none;
}

/**************************MOBILE WORLD*******************/
body.catalogue .badge.orange{
    position: absolute;
    right: -27px;
    top: -8px;
}

body.catalogue div.catalogueBox.right .badge.orange{
    right:auto;
    left:27px;
}

body.catalogue div.badge.orange.small a {
    right: 0;
    left: auto;
    top: 0;
    z-index: 2;
}


body.catalogue .pageLabel {
    visibility: hidden;
}

body.mobileWorld.product div.noscreenBackground:before{
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    height:100%;
    content:"  ";
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.19) 19%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(19%,rgba(255,255,255,0.19)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.19) 19%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.19) 19%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.19) 19%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.19) 19%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div.fullscreenBackground > div.screenWrapper {
    width: 100%;
    min-width: 900px;
    margin: 0 auto;
    float: none;
}

div.screenWrapper {
    width: 100%;
    min-width: 900px;
    margin: 0 auto;
    float: none;
    max-width: 1500px;
}

/**************************BreadCrumb*******************/

.breadCrumb{
    top: 42px;
    left: 0;
    width: 100%;
    overflow: visible;
    max-width: 1530px;
    margin: 0 auto;
    padding: 0;
    height: 20px;
    position: absolute;
}

.breadCrumb ul {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-top:7px;
    position: absolute;
}

.breadCrumb ul li{
    float:left;
    list-style-type: none;
    margin-left:0px;
    margin-right: 10px;
}

.breadCrumb ul li a{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color:#8C8C8C;
    font-weight:lighter;
    float: left;
}

.breadCrumb ul li span{
    display: inline-block;
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
}

.breadCrumb ul li span:after{
    content: " ";
    background:url(../img/breadcrumb.svg) no-repeat right center;
    background-size: 8px auto;
    display: block;
    float: left;
    font-weight: lighter;
    height: 20px;
    margin-top: -18px;
    width: 20px;
    position: absolute;
    right:3px;
}

.breadCrumb ul li:last-child span{
    display: none;
}

/**************************PRODUCT PAGE*******************/
div.aplus{
    width:calc(100% - 15px);
}

div.slideshow{
    width: 70%;
    text-align: center;
    position: relative;
    overflow: visible;
}

div.slideshow > img{
    width: 100%;
    opacity: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

div.slideshow > img:first-child{
    display: block;
}

div.slideshow > img.active{
    opacity:1;
}

div.leftImage{
    float:left;
    margin-right:30px;
    max-width: 200px;
    width:30%;
    clear:left;
    margin-bottom:30px;
}

div.rightImage{
    float:right;
    margin-left:30px;
    max-width: 200px;
    width:30%;
    clear:right;
    margin-bottom:30px;
}

div.imageCaption{
    text-align: center;
}

ul.slideshowControls{
    margin-top: 50px;
}

ul.slideshowControls li{
    list-style-type: none;
    margin:0;
}

ul.slideshowControls li a{
    width:45px;
    height:45px;
    border:2px solid #A9A8A8;
    display:block;
    -webkit-border-radius:5px;
    border-radius: 5px;
    margin:10px 30px;
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,0.8);
}

ul.slideshowControls li a.selected{
    border:2px solid rgba(0,158,227, 1);
}

div#top div.threeColumns.first .badge a{
    left:0px;
    top:10px;
}

/**************************PRODUCT INFO COLUMN*******************/

div#top{
    margin-bottom:30px;
    float:left;
    width: 100%;
    position: relative;
    display:flex;
    min-height: 480px;
}

div#top:after{
    display: block;
    content: '';
    padding-top:38.2%;
}

div#top small{
    float:left;
    font-size:10px;
    margin-left: 30px;
    clear:left;
    position: absolute;
    top:475px;

}

div.infoColumn{
    width: 30%;
    background: url(../img/infoColumn_shadow.png) no-repeat center bottom;
    background-size: 100% 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-bottom: -9px;
}


body.desktop div.infoColumn.smartphone,
body.desktop div.infoColumn.smartphone.fixed {
    display:none !important;
}


img.defaultImagePlaceholderProduct{
    top:0!important;
    margin-top: 0 !important;
}

div.infoColumn > div{
    height:calc(100% - 20px);
    position: relative;
    overflow: hidden;
    padding:10px 15px;
    background: #ffffff; /* Old browsers */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 99%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#dadada), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 99%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dadada 99%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 99%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dadada 99%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}

body.mobileWorld div.infoColumn > div {
    background: white;
    opacity: 0.8;
}

div.infoColumnBottom{
    position: relative;
    bottom: 10px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    top: 5px;
}

div.infoColumn ul.colorSelector{
    clear:both;
    float:left;
    margin-bottom:5px;
}

div.infoColumn ul.shops {
    display: inline-block;
    width: calc(100% + 20px);
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 0px;
    overflow: hidden;
    margin-left: -10px;
}

div.infoColumn ul.shops li {
    display: block;
    width: calc(100% - 10px);
    text-align: center;
    margin:0 5px 10px 5px;
}

.infoColumn ul.shops li a img{
    border:5px solid #fff;
}

div.scrollContent{
    height:336px;
    overflow-y:auto;
}

div.tabContainer{
    position: relative;
}


ul.tabs{
    margin-bottom:10px;
    float:left;
    width:100%;
}

ul.tabs li{
    float:left;
    padding:4px 10px 0;
    list-style-type: none;
    width:calc(50% - 12px);
    background:#E3E3E3;
    text-align: center;
    margin:0 !important;
    cursor:pointer;
}

ul.tabs li *{
    line-height:28px;
    margin:0;
}

ul.tabs li.selected{
    background:#B2B2B1;
    cursor:default;
}
ul.tabs li.selected *{
    color:#fff;
    margin:0;
}

div.lightboxContent ul.shops li{
    border:1px solid #B2B2B1;
    padding:27px;
    display: inline-block;
    margin:-1px -1px 0 0;
    float:left;
    margin:6px;
    min-width: 135px;
}

body.desktop div.lightboxContent  a.smartphone{
    display:none;
}

div.lightboxContent ul.shops ul.tabs li{
    max-width: 47.39%;
    padding:5px 10px;
}


ul.shops li{
    list-style-type:none;
    margin:0px 0px 0px 0px;
}

ul.shops li:last-child a.lightboxLink{
    background:#575756;
    color:#fff;
    border:none;
    padding:7px 12px;
    width:calc(100% - 24px);
    height:auto;
    margin-top:40px;
}

ul.shops li a{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    background:#fff;
    vertical-align: middle;
}



ul.shops li a img {
    vertical-align: middle;
}

ul.shops li a:hover{
    color:#3C3C3B;
}

div.infoColumn p{
    margin-bottom: 10px !important;
}

span.productDisturber{
    position: absolute;
    bottom:3px;
    right:3px;
    font-size:10px;
}


ul.multimediaButtons li{
    list-style-type:none;
    float:left;
    margin:0px 15px 9px 0px;
}

/**************************PRODUCT MULTIMEDIA*******************/
ul#multimediaDisplay_galleryThumbs{
    float:left;
    margin-right:4%;
}
ul#multimediaDisplay_galleryThumbs li{
    display:block;
    margin:0px 0px 10px;
    border:1px solid #b2b2b1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:54px;
    height:54px;
    position: relative;
    overflow: hidden;
}

div.multimediaDisplay div#multimediaDisplay_progressbar{
    display:none;

}

div#multimediaDisplay_gallery img{
    width:80%;
}

ul#multimediaDisplay_galleryThumbs li img{
    position: absolute;
}


/*************************PRODUCT DOWNLOADS POPUP*******************/
ul.downloads{
    clear:left;
    border-top:1px solid #b2b2b1;
    float:left;
    display:block;
    width:100%;
    margin-bottom:20px;
    padding-top:10px;
}


ul.downloads li{
    margin:0;
    list-style-type: none;
    text-align: left;
}

ul.downloads li ul li{
    float:left;
    list-style-type: none;
    margin-right: 50px;
    margin-bottom:30px;
    height:60px;
}

ul.downloads li ul li div > p > b{
    color:#009EE3;
}

ul.downloads li ul li img{
    float:left;
    margin-right: 10px;
    border:1px solid #b2b2b1;
}

ul.downloads li ul li > div{
    float:left;
    min-width:90px;
}

ul.downloads.embed  li ul li > div{
    width:auto;
}

ul.downloads li ul li a{
    float:left;
}

ul.downloads.embed video{
    float:left;
    margin-right: 10px;
    width:50%;
    height:50%;
}

ul.downloads.embed li ul li{
    width:100%;
}


/*************************COMMERCE CONNECTOR*******************/
#shops p {
    clear: left;
    margin-right: 16px;
    text-align: right;
}
#shops p span, #shops p b a:last-child {
    display: none;
}
#shops p span, #shops p b a {
    margin-left: 5px;
    border:none;
}
#shops p span, #shops p b a.selected, #shops p span, #shops p b a.selected u, #shops p span, #shops p b a u.selected {
    border:none;
    text-decoration: none;
}

#shops p span, #shops p b a u{
    background:#009EE3;
    color:#fff;
    padding:5px 10px;
    cursor:pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    position: relative;
    margin:0 10px;
}


#shops div#private_shops div, #shops div#haendler_shops div {
    display: inline;
    float: left;
    height: 76px;
    margin-bottom: 18px;
    margin-right: 26px;
    width: 146px;
    border:1px solid #B2B2B1;;
}

#shops div#private_shops div:nth-child(5n), #shops div#haendler_shops div:nth-child(5n) {
    margin-right: 0px;
}

#shops div#private_shops, #shops div#haendler_shops{
    border-top: 1px solid #787676;
    padding-top:20px;
}
#shops div a {
    display: block;
    padding: 5px;
    position: relative;
}
div.lightboxContent .disabled {
    opacity: 0.3;
}
#shops div.productTooltip {
    display: none !important;
}
#shops div#private_shops div a span, #shops div#haendler_shops div a span {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0;
    display: block;
    font-size: 12px;
    padding: 3px 0 1px 5px;
    position: absolute;
    width: 100%;
}
#shops div#private_shops div a:hover span, #shops div#haendler_shops div a:hover span {
    background-color: #FFFFFF;
}

p#private_pagination {
    margin-bottom: 20px;
}
#shops p span, div.popup_content #shops #private_shops, #shops p span, #shops #haendler_shops {
    height: 260px;
}


/*************************FLOWPLAYER OVERRIDES*******************/
.flowplayer {
    width: 100% !important;
    background-color: transparent;
    background-size: cover !important;
}

.flowplayer .fp-controls {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.flowplayer .fp-timeline {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.flowplayer .fp-progress {
    background-color: rgba(0, 158, 227, 1) !important;
}

.flowplayer .fp-buffer {
    background-color: rgba(249, 249, 249, 1) !important;
}

.flowplayer .fp-time *{
    color:#fff !important;
}

.flowplayer .fp-volumeslider{
    background-color: #fff !important;
}

.flowplayer .fp-buffer{
    background-color:#fff !important;
}

.flowplayer .fp-volumelevel{
    background-color:#009EE3 !important;
}

.flowplayer.is-touch.is-mouseover .fp-progress:before{
    background-color:#009EE3 !important;
}

.flowplayer .fp-progress{
    background-color:#009EE3 !important;
}

.flowplayer .fp-context-menu li a{
    color:#009EE3 !important;
    font-size:110% !important;
}

.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{
    background:url("../img/icon_movie_big.png") no-repeat scroll center center / 12% auto rgba(0, 0, 0, 0) !important;
}

.flowplayer .fp-context-menu li.copyright{
    margin:0;
    padding-left:110px;
    background-image:none !important;
    background-repeat:no-repeat;
    background-size:100px 20px;
    background-position:5px 5px;
    border-bottom:1px solid #bbb;
}
@media (-webkit-min-device-pixel-ratio: 2){
    .flowplayer .fp-context-menu li.copyright{
	background-image:none !important;
    }
}

div.homeTeaserText{
    width:70%;
    margin: 0 auto;
    position: relative;
    clear:both;
}

div.homeTeaserText > div{
    display: inline-block;
    padding-top: 20px;
    border-top:1px solid gray;
    margin:100px 0 50px 0;
}

div.homeTeaserText h2{
    margin-top:30px;
}

div.homeTeaserText div div {
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
}

div.homeTeaserText div div p{
    page-break-inside: avoid;
    position: relative;
}

/**************************RETAILER*******************/

body.retailerSearch .noscreenBackground,
body.retailerSearchResult .noscreenBackground,
body.retailerSearch,
body.retailerSearchResult{
    background: #fff !important;
}

body.retailerSearch div.wrapper{
    margin-left: 125px;
}
div.retailerSearchResult > div.twoColumns{
    border: 1px solid #c6c6c5;
    padding:20px;
    width:calc(50% - 42px);
    margin:-1px 0 0 -1px;
}

div.retailerSearchResult h3{
    margin-bottom: 15px;
}

div.retailerSearchResult h4{
    margin-bottom: 20px;
    margin-top:-10px;
}

div.retailerSearchResult a{
    float:right;
    padding:5px;
    margin:10px;
    min-width: 25px;
}

div.retailerSearchResult a img{
    width:32px;
}

div.retailerSearchResult form select{
    display:inline-block;
    width:20%;
    margin:0 2.5% 5px 5px;
}

div.retailerSearchResult form label{
    display: inline-block;
    float: left;
    margin-bottom: 14px;
    margin-top: -4px;
    width: 50px;
}

div.retailerSearchResult form{
    background:#ECECEC;
    margin:10px -20px -20px;
    width:100%;
    padding:20px;
}

div.retailerSearchResult form button,
div.retailerSearchResult form a{
    width:8%;
    text-align: center;
    margin:0 2.5%;
    display:inline-block;
    padding:7px 12px;
}


a.tracking{
    background:#009ee3 url(../img/tracking.svg) no-repeat center center / 60%;
    padding: 21px;
    border-radius: 5px 0 0 5px;
    display:inline-block;
    float:left;
}

input[type="search"].retailerSearch{
    margin-bottom: 20px;
    border-radius: 0 5px 5px 0;
    width:calc(100% - 84px);
    display:inline-block;
}


input.retailerName[type='search']{
    left:0;
    color:#3c3c3b;
    margin-bottom: 15px;
    background:#DADADA;
}

div.retailerSearchResult{
    margin-top:60px;
}

/**************************AUTOCOMPLETE FORM*******************/

form.autocomplete{
    position: relative;
    z-index: initial;
    margin-left:0;
    width:100%;
}

form.autocomplete > ul{
    position: absolute;
    top:42px;
    background:#fff;
    border:1px solid #9d9c9c;
    width:calc(100% - 50px);
    left:0;
    z-index: 3;
    overflow: auto;
    max-height: 300px;
}

form.autocomplete > ul:empty{
    border:none;
}

form.autocomplete > ul li{
    list-style-type: none;
    margin:0;
    cursor: pointer;
    font-size: 15px;
    overflow: hidden;
    padding: 8px 20px;
    white-space: nowrap;
    width: calc(100% - 40px);
}
form.autocomplete > ul li:hover{
    background:#EDEDED;
}

form.autocomplete[name="getLocationSearchHints"] > ul li{
    font-size: 20px;
    color:#fff;
}
form.autocomplete[name="getLocationSearchHints"] > ul{
    border-color:#009EE3;
    background:#009EE3;
}

form.autocomplete[name="getLocationSearchHints"] > ul li:hover{
    background:#1BBBE9;
}

form.autocomplete[name="getLocationSearchHints"] > ul li b{
    font-weight: bold;
}

form#login,
form#passwordFotgotten{
    padding:20px;
    background:#ECECEC;
    border-radius: 5px;
    width:50%;
}

form#login input,
form#passwordFotgotten input{
    background-color:#fff;
}

.mobileSearchIcon {
    display:none;
}

/*********** Mobile.Display ************/

body.desktop {
    margin-top: 135px;
}

body.desktop header {
    position: absolute;
    top: 0;
}

header nav ul:first-child li ul {
    display:none;
}

body.desktop div.worldWrapper > div h1 a span {
    height: 40px;
}

body.desktop a.mobile,
body.desktop select.smartphone,
body.desktop ul.mobile{
    display:none;
}

body.desktop .ajax.CCShops {
    min-height: 305px;
}

body.classicWorldProductOverview div.badge.orange.small.new a,
body.classicWorldCategories div.badge.orange.small.new a,
body.product div.badge.orange.small.new a{
    top: 5px;
    left: 5px;
}

body.desktop.classic nav.leftNavi div > ul > li.desktop > ul > li > a {
    font-size: 18px;
}

body.desktop.classic nav.leftNavi div ul li.desktop ul li.selected ul.subnavi li.selected ul.subnavi {
    margin-left: 15px;
}

body.desktop header div.open ul.categoryMenu li ul li a img.editable,
body.desktop header div.closed ul.categoryMenu li ul li a img.editable {
    width: 36px;
}

body.desktop.classic.classicWorldCategories nav.leftNavi div ul li.desktop ul li.selected ul.subnavi li.selected ul.subnavi,
body.product.desktop.classic nav.leftNavi.classic div ul li.desktop{
    display:none;
}

body.product.desktop.classic nav.leftNavi div ul li.selected ul.subnavi li.selected ul.subnavi {
    margin-left: 15px;
}

body div.catalogueBox div.label {
    overflow: hidden;
}