html {
	
}
body {
    font-size: 10px;
	font-family: Roboto, arial, helvetica, clean, sans-serif;
	background-color: #ffffff;
	color: #232323;
}
body.popup { background-image: none; }
body.popup #content { width: auto; }

#ov { width: 100%; overflow: hidden; position: relative; } /* prevent horizontal scrollbars */
#page { width: 100%; max-width: 1250px; margin: 0 auto; position: relative; left: 0; transition: transform 0.2s; box-sizing: border-box; background: #fff; }
#header { width: calc(100% - 50px); margin-left: 25px; height: 180px; position: relative; left: 0; top:0; box-sizing: border-box; }
#space_for_head { position: relative; height: 180px; }
#topbar { position: absolute; box-sizing: border-box; width: 100%; display: none; background: #fff; }
#topbar { box-shadow: 0px -1px 9px 2px rgba(0,0,0,0.19); }
#maincontent { position: relative; padding-top: 47px; padding-left: 15px; padding-right: 15px; }
.sidebarLeft #maincontent { padding-right: 25px; }
#footer_bar { position: relative; left: 0; width: 100%; background: #f5f5f5;  transition: transform 0.2s; }
#bottomspace {  background: #f5f5f5; }

.logo-wrap { width: calc( 100% - 200px ); left: 100px; background: #fff; box-sizing: border-box; text-align: center; position: absolute; top: 0; }
a#logo { display: inline-block; width: auto; height: 50px; padding: 9px 6px 0 14px; background-color: #000000; box-sizing: border-box; }
a#logo img { width: 100px; display: inline-block; }
a#floatinglogo { display: block; width: 203px; position: absolute; top: 0; left: 50%; margin-left: -102px; }
#floatinglogo img { width: 100%; }
#searchBox { display: inline-block; vertical-align: top; }
div#loginBox { position: relative; display: inline-block; padding-top: 18px; padding-left: 6px; color: #434343; font-size: 1.1em; vertical-align: top; }
div#loginBox a { color: #434343; }
#claim { position: absolute; width: 100%; text-align: center; top: 100px; left: 0; font-size: 2.4em; line-height: 1em; font-weight: 300; text-transform: uppercase; }
#topnav { position: absolute; width: 100%; top: 140px; text-align: right; border-top: 2px solid #535353; }
#prenav { position: absolute; top: 93px; right: 80px; }

.preheader.grey {  background: #f5f5f5; }
.preheader.green { background: #407f88; color: #fff; }
.preheader .in { padding: 12px 15px; width: 100%; max-width: 1250px; margin: 0 auto; text-align: center; font-size: 15px; line-height: 1.2em; box-sizing: border-box; }
#preheader_mobil { display: none; }

.hid { display: none; }
img { border: 0; vertical-align: middle; }

.cc-window.cc-floating { padding: 1em 1.2em; font-family: Roboto, arial, helvetica, clean, sans-serif; max-width: 21em; }
.cc-right { right: 50%; margin-right: -11em; }
.cc-floating .cc-message { line-height: 1.3em; margin-bottom: 6.6em; }
.cc-floating .cc-message h2 { font-size: 1.8em; line-height: 1.3em; font-weight: 300; margin-bottom: 0; }
.cc-revoke { display: none !important; }
.cc-link { padding-left: 0; padding-right: 0; display: inline; }
.cc-floating .cc-compliance > .cc-btn { display: block; position: absolute; bottom: 1.2em; left: 1.2em; width: calc(100% - (2 * 1.2em)); margin-left: 0; box-sizing: border-box; font-size: 1.1em; line-height: 1.2em; font-weight: 400; }
.cc-floating .cc-compliance > .cc-btn.cc-allow { bottom: 4.0em }
@media screen and (max-width: 648px) {
	.cc-right { right: 1em; margin-right: 0; }
}

#langsel { position: absolute; top: 140px; right: 20px; }
#searchBox { position: absolute; top: 142px; right: 70px; }

#topnav ul { margin: 0; padding: 0; padding-right: 220px; }
#topnav ul li { margin: 0; padding: 0; list-style: none; display: inline-block; }
#topnav ul li a { display: block; padding: 10px 18px; font-size: 1.5em; font-weight: 400; }
@media screen and (max-width: 1050px) {
	#topnav ul li span { display: none; }
}

/* minibasket */
div#top_basket { position: absolute; top: 68px; right: 0; }
div#top_basket a { position: relative; display: block; padding: 10px; font-size: 1.4em; line-height: 1.4em; color: #434343; text-align: center; }
div#top_basket span { font-size: 0.857em; }
div#top_basket .cart-icon { display: inline-block; position: relative; width: 28px; opacity: 0.8; }
div#top_basket .cart-icon img { width: 100%; }
div#top_basket .count { display: inline-block; background: #d44259;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-align: center; color: #fff; font-size: 10px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;}
	
div#top_basket .count.c0 { display: inline; background: transparent; font-size: 0.857em; font-family: inherit; font-weight: inherit; color: inherit; line-height: inherit; }

/* --- Search box ------------------------------- */
div.searchBox { padding: 0; padding-top: 7px; position: relative;  }
div.searchBox input.textbox { display: inline-block; width: 123px; height: 22px; color: #434343; background-color: #fff; font-size: 1.1em; line-height: 1em; border: 1px solid #d7d7d7; }
label.innerLabel{ display:block; position:absolute; color:#434343; margin: 6px 0 0 8px; font-weight: normal; text-transform: uppercase; font-size: 1.1em;}
div.searchBox input.searchSubmit { display: none; background: url(../bg/lupe2.png) no-repeat 3px; border: none; cursor: pointer; width: 24px; height: 19px; vertical-align: top;}
#mobSearchButton, #mobMyAccButton { display: none; width: 50px; height: 50px; position: absolute; top: 0; cursor: pointer; box-sizing: border-box;}
#mobSearchButton { top: 0; left: 0; padding: 14px;  }
#mobMyAccButton { right: 50px; padding: 12px; }
#mobMyAccButton img { width: 100%; }
#navGripM::after, #mobMyAccButton::after, #mobSearchButton::after, .logo-wrap::after { content: ""; display: block; position: absolute; right: 0; top: 5px; height: 40px; width: 0px; font-size: 0px; border-left: 1px solid #aeaeae; }
@media screen and (max-width: 500px) {
	#mobSearchButton::after, .logo-wrap::after { content: none; }
}

div#locatorBar { position: relative; height: auto; background: #fff; padding-left: 16px; }
div#breadCrumb { position: relative;}
div#breadCrumb a { color: #232323; display: inline-block; }
div#breadCrumb h2 {  font-size: 2.4em; font-weight: 300; text-transform: uppercase; }
div#breadCrumb span { font-size: 2.4em; display: inline-block; padding: 0 8px; }

#sidebar { display: none; position: absolute; top: 44px; left: 13px; margin-top: 0; width: 232px; }
.sidebarLeft #sidebar { display: block; }
#contentwrapper { position: relative; padding-left: 0; }
.sidebarLeft #contentwrapper { padding-left: 250px;  }
#content { position: relative; width: auto; min-height: 1500px; padding-bottom: 40px; background-color: #ffffff; }
.start #content { background: transparent; }

.categoryPictureWrap { padding: 16px; position: relative; }
.categoryPictureWrap img { width: 100%; }
.cal_over { position: absolute; bottom: 32px; left: 32px; width: 12vw; max-width: 150px; }


/* --- category Box ----------------------------- */
.categoryBox { width: 216px; padding-bottom: 1px; margin-bottom: 20px; }
.shopCatsHead { padding-left: 10px; font-size: 3.4em; font-weight: 500; text-transform: uppercase; margin-bottom: 4px; }
.shopCatsHead span { font-size: 12px; }
.hidingHead { padding-left: 9px; font-size: 24px; line-height: 1em; text-transform: uppercase; font-weight: 400; }
.hidingHead.serien { font-size: 21px; line-height: 1em; height: 18px; margin-top: 40px; }
.hidingHead.info { margin-top: 40px; }

/* --- Side Bar category tree ------------------------------ */
#sidebar .tree { margin: 0; color: #434343; }
#sidebar .tree a { color: #434343; display: block; padding: 6px 0 5px 9px; line-height: 1.1em; font-size: 1.5em; }
#sidebar .tree ul { padding-left: 0px; margin: 0; padding-bottom: 2px; }
#sidebar .tree li { list-style: none; padding: 0; padding-top: 1px; }
#sidebar .tree li.active>a { background: url('../bg/nav-pfeil1.gif') left center no-repeat; }
#sidebar .tree li.active, #sidebar .tree li.exp { font-weight: 600; }
#sidebar .tree ul li a { padding: 4px 0 4px 22px; font-weight: 400; font-size: 1.4em; }
#sidebar .tree ul li { padding: 0; background-image: none; }
#sidebar .tree a:hover { background-color: #f7f7f7; text-decoration: none; }
#sidebar .tree ul li a:hover { background-color: #f7f7f7; }

.cat_subhead h6 { margin-top: 10px; margin-left: 9px; padding: 4px 0 3px 0; border-bottom: 2px solid #535353; margin-bottom: 2px; text-transform: uppercase; font-size: 1.5em; font-weight: 400; }
.cat_subhead h6:after { content: ":"; }

#sidebar .topnav { display: none; margin-bottom: 20px;}


div.listLocator, div.listRefine { display: none; position: absolute; top: -40px; right: 16px; width: 460px; }
.refineParams .dropDown { float: right; }
div#sortItems.dropDown { margin-right: 30px; }

div.detailsLocator { position: absolute; top: -34px; right: 20px; width: 460px; }

/* --- Pager ------------------------- */
.pager { float: right; color: #7f7f7f; font-size: 1.1em; }
.page { padding: 6px; font-weight: bold; }
.pager a:hover { text-decoration: none; }
a.page { padding: 6px 8px; color: #7f7f7f; }
a.page.active { color: #ffffff; background-color: #cfcfcf; }

div.bottomParams { text-align: right; padding-right: 16px; padding-top: 40px; }
div.bottomParams a.prev:hover, div.bottomParams a.next:hover, div.bottomParams a.page:hover { background-color: #cfcfcf; color: #ffffff; }

/* --- Grid View - Product Listing ------------------------------------ */
.gridView,
.infogridView { margin: 0; }
.gridView { padding-bottom: 40px; }
.gridView li { width: 25%;  overflow: hidden; float:left; position: relative; list-style: none; margin: 0; padding: 0; }
.gridView li a { position: relative; display: block; height: auto; text-decoration: none; color: #333333; padding: 0 8px 10px 10px; border: 1px solid #ffffff; }
.gridView li a:hover { border-color: #f7f7f7; }
.gridView li .gridPicture{ display: block; margin: 0; max-width: 210px; height: auto; padding: 10px 0 4px 0; text-align: center; margin: 0 auto; }
.gridView li .gridPicture img {  }
.gridView .textBlock { position: relative; margin: 0; box-sizing: border-box; padding: 0 10px 0 15px; height: 118px; font-size: 1.3em; line-height: 1.25em; color: #434343; font-family: Roboto, "Open Sans", sans-serif; }
.gridView .sd { position: relative; overflow: hidden; height: 3.75em; }
.gridView .sd p { margin: 0; }
.gridView .sd {  display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;   }
.gridView .textBlock h4 { margin: 0 0 4px 0; font-size: 1.24em; line-height: 1.05em; font-weight: 500; font-family: Roboto, sans-serif;  }
.gridView .textBlock h4 span { display: block; font-weight: 400; line-height: 1.4em; }
.gridView .priceBlock { position: absolute; bottom: 0; left: 15px; height: 20px; width: 166px; font-size: 1.35em; font-weight: 500; }
.pricefrom { font-size: 11px; }
.priceOld { font-size: 11px; color: #ED4343; }
.start .gridView li .gridPicture { max-width: 240px; }



/* --- Article Details ----------- */
div#detailsMain { position: relative; float: left; width: 100%; }
div#overviewLink { display: none; position: relative; }
div#overviewLink a { color: #b2b2b2; font-size: 14px; padding-bottom: 10px; text-decoration: none; }
div#overviewLink a span { font-size: 20px; }
#linkNextArticle { float: right; }
.detailsRelated { clear: both; padding-top:40px; }
.detailsInfo { position: relative; width: 100%; min-height: 500px; float: left; }
.detailsInfo .pictureCol { position: relative; margin-top: 0; margin-left: 0; }
.detailsInfo .pictureCol {  width: 47.4%;  float: left; /*width: auto; margin-right: 380px;*/  }
.detailsInfo .picture { position: relative; width: 100%; min-height: 220px; text-align: center; float: left; }
.detailsInfo .picture a { width: 100%; float: left; text-align: center;overflow: hidden; }
.detailsInfo .picture img { width: 100%; vertical-align: middle;  float: left; }
.detailsInfo .picture.rsFullscreen img { width: auto; }
.detailsInfo .information { float: right; min-height: 340px; position: relative; }
.detailsInfo #productTitle { float: right; position: relative; padding: 0; padding-top: 40px; }
h1#productTitle { font-size: 3.4em; font-weight: 400; line-height: 1.1em; }
h1#productTitle span { display: block; font-size: 0.71em; font-weight: 300; }
.hasBrand { float:left; width:258px; }
div.longDescription { font-size: 1.6em; font-weight: 300; line-height: 1.334em; padding-top: 8px; }
.shortcontent  { display: inline; }
.shortcontent p:last-child, .allcontent p:last-child  { display: inline; }
.morecontent span {	display: none; }
a.morelink { color: #b2b2b2; text-decoration: underline; }

div#greyBox { margin-top: 20px; padding: 22px 5% 20px 5.5%; background-color: #f7f7f7; }



.otherPictures { position: relative; z-index: 4; float: left; width: 100%; padding-top: 20px; height: 82px; }
.otherPictures ul { margin: 0; padding: 0; overflow:hidden; }
.otherPictures li  { list-style: none; padding: 0; float: left; width: 20.8%; margin-right: 4.2%; }
.otherPictures li:last-child  { margin-right: 0; }
.otherPictures a { padding: 0; float: left; }
.otherPictures a { display: block; width: 100%; float: left; text-align: center; line-height: 100%; position: relative; }
.artIcon { display: block; width: 100%; border: 1px solid #d7d7d7; overflow: hidden; }
.otherPictures img { width: 100%; vertical-align: middle ; position: relative; z-index: 1;  }

/* royal slider */
.royalSlider { width: 100%; margin-bottom: 4px; }
.royalSlider.rsWithThumbsHor { margin-bottom: 74px; }
.royalSlider.rsWithBullets { margin-bottom: 20px; }
.rsTmb { border: none; }
.detailsInfo .rsImg { margin-top: 0 !important; }
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs { background: #ffffff; }
.rsDefaultInv .rsThumb.rsNavSelected { background: none; }
.rsDefaultInv .rsThumb.rsNavSelected img { opacity: 1; }
.rsDefaultInv .rsThumbsHor { height: auto; }
.rsDefaultInv .rsThumb { display: inline-block; width: 76px; height: 76px; box-sizing: border-box; border: 1px solid #d7d7d7; }
.rsDefaultInv .rsArrow { width: 32px; } 
.rsDefaultInv .rsArrowIcn { border-radius: 0; }

.loading .home-slider { display: none; }
.loading .wm-slider { display: none; }

.home-slider { position: relative; float: none; }
.home-slider .img { height: 416px; background-position: center 100%; background-size: cover; }


@media screen and (max-width: 760px) {
	.home-slider .img { height: 360px; }
	.home-slider-wrapper, .wm-slider-wrapper, .wm-gallery, .werbemittel .corp-kv .img, .elastic-video, .cal-slider-wrapper { margin-left: -15px; margin-right: -15px; width: auto; }
}
@media screen and (max-width: 600px) {
	.home-slider .img { height: 300px; }
}
@media screen and (max-width: 500px) {
	.home-slider .img { height: 210px; }
}
@media screen and (max-width: 380px) {
	.home-slider .img { height: 210px; }
}




#startSlider { position: relative; }
#startSlider .royalSlider { width: 100%; height: 282px; }

/* zoom + pan */
.zoom-in, .zoom-out { display: none; position: absolute; bottom: 36px; right: 10px; z-index: 999; cursor: pointer; width: 40px; height: 40px; }
.zoom-in img, .zoom-out img { width: 100%; }
.zoom-out { }
.zoom-container { position: absolute; top: 0; width: 100%; display: none; z-index: 999; }
.zoom-container:before { content: ""; display: block; padding-top: 100%; 	/* initial ratio of 1:1*/ }
.zoom-inner { position: absolute; top: 0; left: 0; height: 100%; bottom: 0; right: 0; overflow: hidden; }
img.zoom-image { position: absolute; float: none; width: 1500px; height: 1500px; top: 50%; left: 0; margin-left: 0; margin-top: -750px; }

.rsFullscreen .zoom-in, .rsFullscreen .zoom-out { float: none; top: 10px; left: 10px; right: auto; bottom: auto; }
.rsFullscreen .zoom-in{ display: block; }
#z-container { display: none; float: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

@media screen and (max-width: 600px) {
	.rsDefaultInv .rsFullscreenBtn { display: none; }
	div#greyBox { margin-top: 10px; }
}
.royalSlider > .rsImg {
visibility: hidden; 
/* looks better while loading */
}

/* werbemittel etc */
.werbemittel div#locatorBar { display: none; }
.werbemittel #maincontent {  }
.werbemittel #contentwrapper { padding-left: 0; }
.werbemittel .cmsContent { padding: 0; font-family: Roboto, sans-serif; font-size: 1em; }

.corp-kv { padding: 10px; background-color: #ffffff; }
.corp-kv .img { width: 100%; }
.corp-kv .img img { width: 100%; }
.corp-kv .txt { padding: 50px 10px; }
.corp-kv .txt h1 { font-size: 3.4em; font-weight: 300; line-height: 1.1em; margin-bottom: 4px; text-transform: uppercase; }
.corp-kv .txt p { font-size: 1.9em; font-weight: 300; line-height: 1.6em; }

.wm-box-container { margin-left: -15px; margin-right: -15px; }

.wm-box { position: relative; width: 50%; padding-left: 25px; padding-right: 25px; margin-bottom: 15px; float: left; box-sizing: border-box; }
.wm-slider { position: relative; width: 100%; }
.wm-slider img { width: 100%; height: auto; vertical-align: top; }
.wm-slider .item { position: relative; }
.wm-slider .caption { position: absolute; bottom: 0; left: 10px; background: #000; color: #fff; padding: 6px 10px; font-size: 1.4em; line-height: 1em; font-weight: 300; text-transform: uppercase; }
.wm-slider .rsNav.rsBullets { display: none; }

.standards .rsOverflow  { border: 1px solid #989898; box-sizing: border-box;  }
.standards .shoplink { position: absolute; bottom: 20px; right: 40px; color: #000; }
.standards .shoplink span { display: block; font-size: 1.2em; text-transform: uppercase; text-align: center; }
.standards .shoplink a { display: block; }
.wm-slider.standards .cta { font-size: 1rem; padding: 6px 8px; }



.wm-box .img { width: 100%; }
.wm-box .img img { width: 100%; }
.wm-box .txt { padding: 30px 10px; }
.wm-box .txt h2 { font-size: 3em; font-weight: 300; line-height: 1.1em; margin-bottom: 4px; font-family: inherit; }
.wm-box .txt p { font-size: 1.7em; font-weight: 300; line-height: 1.6em; }

.wm-gallery { padding-left: 25px; padding-right: 25px; }
.wm-gallery .inner { margin-left: -8px; margin-right: -8px; }
.wm-gallery .item { box-sizing: border-box; width: 25%; padding: 8px; float: left; }
.wm-gallery img { width: 100%; }

.elastic-video {
    position: relative;
    padding-bottom: 66%;
    height: 0;
    overflow: hidden;
}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.wm-trenner { clear: both; margin-top: 40px; border-top: 1px solid #000; margin-left: 25px; margin-right: 25px; margin-bottom: 40px; box-sizing: border-box; }
.wm-trenner h3 { padding-top: 20px; font-size: 3em; margin-bottom: 0; text-transform: uppercase; font-weight: 300; line-height: 1.1em; }

#wm-cfloater { top: 30%; right: -46px; width: 46px; height: 184px; background: #000; position: fixed; z-index: 9999; cursor: pointer; transition: right .6s; }
#wm-cfloater.vis { right: 0; }
#wm-cfloater:before { content: ""; width: 22px; height: 22px; background-image: url(../bg/telephone.svg); display: block; position: absolute; top: 18px; left: 12px; opacity: 0.8; }
#wm-cfloater:after { content: ""; width: 21px; height: 21px; background-image: url(../bg/email.svg); display: block; position: absolute; top: 46px; left: 13px; opacity: 0.77; }
#wm-cfloater .rot { position: absolute; top: 114px; left: -22px; color: #fff; transform: rotate(-90deg); text-transform: uppercase; font-size: 2em; font-weight: 400; }

#wm-anfrage { display: block; position: fixed; top: 0; bottom: 0; right: -300px; width: 300px; box-sizing: border-box; background-color: #ffffff; z-index: 21474836459; transition: right .6s; }
#wm-anfrage.open { right: 0; }
#wm-anfrage .closer { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; box-sizing: border-box; cursor: pointer; text-align: center;  }
#wm-anfrage .closer::after { content: "\00D7"; display: inline-block; font-size: 4em; line-height: 1em; }
.in-wrap { box-sizing: border-box; position: relative; padding: 160px 30px 20px 30px; }
.in-wrap:after { clear: both; content: ""; display: block; font-size: 0px; height: 0px; }
#wm-anfrage h2 { font-size: 2em;}
#wm-anfrage h6 { font-size: 1rem; font-weight: 400; margin-bottom: 0.3em;}
#wm-anfrage a { color: #434343; }
#wm-anfrage #wm-submit.cta { display: inline-block; padding-left: 1.5em; padding-right: 1.5em; }
.adr-col { font-size: 1.6em; font-weight: 300; line-height: 1.3em; margin-top: 14px; border-top: 2px solid #535353; padding-top: 30px; }
.form-col { margin-top: 30px; border-top: 2px solid #535353; padding-top: 30px;}
.adr-col .tel, .adr-col .email { padding-left: 24px; display: block; position: relative; margin: 10px 0; }
.adr-col .tel::after, .adr-col .email::after { content: ""; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 2px; background-image: url(../bg/telephone-b.svg); }
.adr-col .email::after { background-image: url(../bg/email-b.svg); }
.fline { padding-bottom: 10px; }
.fline.center { text-align: center; }
.fline input, .fline textarea { width: 100%; }
.fline textarea { height: 80px; }

.form-col.spin { background: url(../../img/loading.svg) no-repeat center center; height: 200px; }
.abdecker { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; }

@media screen and (max-width: 1150px) {
	.wm-box-container { margin-left: 0; margin-right: 0; }
	.wm-box { padding-left: 15px; padding-right: 15px; }
	.wm-trenner { margin-left: 15px; margin-right: 15px; }
	.wm-gallery { padding-left: 15px; padding-right: 15px; }
	.in-wrap { padding-top: 80px; }
}

@media screen and (max-width: 800px) {
	.corp-kv { padding-left: 0; padding-right: 0; }
	.wm-trenner { margin-left: 0; margin-right: 0; }
	.wm-gallery { padding-left: 0; padding-right: 0; }
	.wm-box { position: relative; width: 100%; padding-left: 0; padding-right: 0; }
	.wm-box:nth-child(even) { padding-right: 0; }
	.wm-slider .rsNav.rsBullets { display: block; }
	.wm-box .txt { padding-top: 40px; }	
}

@media screen and (max-width: 500px) {
	#wm-cfloater { width: 36px; height: 174px; }
	#wm-cfloater:before { width: 20px; height: 20px; top: 18px; left: 8px; }
	#wm-cfloater:after { width: 19px; height: 19px; top: 46px; left: 9px; }
	#wm-cfloater .rot { top: 110px; left: -21px; font-size: 1.8em; }

	#wm-anfrage { overflow: scroll; }
	.in-wrap { padding-top: 60px; padding-bottom: 200px; }
	.adr-col { margin-top: 10px; border-top: none; padding-top: 0;	}
	.form-col { margin-top: 20px; border-top: none; padding-top: 0;	}
	.form-col h6 { display: none; }
}


/* modal nl_pop */
#nl_popwrap { display: none; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; text-align: center; z-index: 9999999; left: 0;	top: 0;	width: 100%; height: 100%; 	overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); animation-name: animatefade;
	animation-duration: 0.4s  }
#nl_container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; }
#nl_container::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#nl_pop { display: inline-block; position: relative; vertical-align: middle; max-width: 92%; padding: 26px; width: 294px;
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s
}
.nl_pop .submitButton { height: 40px; padding: 0; width: 100%;}
#nl_pop .close { background: transparent; border: none; line-height: 1em; color: #ffffff; position: absolute; top: 0; right: 0; padding: 0; width: 40px; height: 40px; cursor: pointer;}
#nl_pop .close::before, #nl_pop .close::after { content: ""; display: block; width: 18px; border-bottom: 2px solid #bbbbbb; position: absolute; top: 19px; left: 10px; transform: rotate(-45deg); }
#nl_pop .close::after { transform: rotate(45deg); }
.nl_pop h4 { margin: 0; margin-top: 12px; padding-bottom: 10px; font-size: 21px; font-weight: 400; text-align: left; border-bottom: 2px solid #000000; margin-bottom: 14px; }
.nl_pop .txt { font-size: 16px; font-weight: 300; text-align: left; line-height: 1.4em; padding-bottom: 10px; }
.nl_pop .fline input { border-color: #000000;}
@keyframes animatefade {
	from { opacity: 0; }
	to {  opacity: 1; }
}@keyframes animatetop {
	from { top: -20px }
	to {  top: 0px; }
}
#footer .nl_pop { max-width: 290px; }
#footer .nl_pop h4 { margin-top: 0; }


/* -- ColorSelector */
div.colorSelect { position: relative;  }
ul.colsel { margin-left: -3px; margin-right: -10px; }
ul.colsel li { display: block; position: relative; float: left; width: 28px; height: 28px; padding: 0; }
ul.colsel li a { display: block; position: relative; width: 22px; height: 22px; border-radius: 50%; padding: 1px; border: 2px solid transparent; overflow: hidden; }
ul.colsel li a div { width: 22px; height: 22px; border-radius: 50%; }
ul.colsel li a.selected { border: 2px solid #3d3d3d; }
ul.colsel li.disabled a:after { content: " "; display: block; position: absolute; top: 1px; left: 1px; width: 22px; height: 22px; background-image: url(../bg/disabled-bg.gif); background-position: center center; }




/* Dropdown */
/* --- dropdown ------------- */
.drop li { list-style: none; padding: 0; font-size: 1.4em; }
.dropDown{ position: relative; float: left; cursor: pointer; min-width: 120px; }
.dropDown ul { position: absolute; top: 0; display: none; left: 0; margin: 0; z-index: 20; border: 1px solid #a4a9aa; background-color: #ffffff; }
.dropDown ul a { text-decoration: none; display:block; padding: 10px; }
.dropDown li:first-child a { border-top: none; }
.dropDown li:last-child a { border-bottom: none; }
.dropDown ul a:hover,
.dropDown ul a.selected{ background-color: #efefef; }
.dropDown p { color: #7f7f7f; padding: 10px; background-color: #ffffff; margin: 0; }
.dropDown p::after { content: ""; display: block; position: absolute; width: 9px; height: 9px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; opacity: 0.4; top: 9px; right: 12px; transform: rotate(45deg); }
.dropDown p.underlined { font-size: 1.4em; border: 1px solid #ffffff; }
.dropDown .value { border-bottom: 1px solid #b4b8b8; }
.dropDown label { padding:0 3px 0 5px; }

.dropDown li.asc span,
.dropDown li.desc span,
.dropDown p span.asc,
.dropDown p span.desc {
    padding-right: 15px;
    background: url(../../img/arrow-updown.png) no-repeat 100% -39px;
}

.dropDown li.desc span, .dropDown p span.desc {
    background-position: 100% 3px;
}


.listFilter {
    background: #f2f4f5;
    padding: 10px 10px 0px 10px;
    font-size: 11px;
    border-bottom: 1px solid #29373c;
}

.listFilter .dropDown {
    margin-bottom: 10px;
    min-width:232px;
}
/* --- MD Variant Selects in details ----------- */
.selWrap { padding-top: 16px; clear: both; }
.selectorsBox .dropDown {  min-width: 260px; }
.selectorsBox .dropDown li.disabled a { color: #b4b8b8; }
.selectorsBox p.underlined { color: #434343; border: 1px solid #d7d7d7; padding: 10px; font-size: 1.4em; background-color: #ffffff; } /* ungeklickt */
.selectorsBox p.underlined::after { content: ""; display: block; position: absolute; width: 9px; height: 9px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; opacity: 0.4; top: 9px; right: 12px; transform: rotate(45deg); }

.selectorsBox label.selLabel { min-width: 54px; display: block; float: left; padding: 10px 0 0 0; font-size: 1.4em; }
.selectMessage { color: #8c8989; font-weight: 400; }
.variantReset label {
    text-transform: uppercase;
}

.variantReset  a.reset {
    color: #1d7e96;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}

.variantReset  a.reset:hover {
    text-decoration:none;
    color: #EB6005;
}


/* --- Social button like FB and etc. --- */
.socialWrap { position: absolute; bottom: 0; right: 0; }
.social { position: relative; float: right; }
.social div.socialButton { position: relative; margin-left: 6px; float: left; opacity: 0.1; }

.social label {
    display: block;
    text-transform: none;
    padding: 3px 0 5px 0;
    font-weight: 700;
    text-shadow: 0px 1px 1px #fff;
}

.social a{ display: block; border: 0; padding: 0; }

.social .fbEnableButton a:first-child{
    padding: 0px 0px 0px 21px;
}

.social span {
    float: left;
}

.fb_share_count_hidden {
    margin: 3px 7px 0 0px;
    display:inline-block;
}

a.fb_button_simple {
    width: 14px;
    height: 14px;
    overflow: hidden;
    display:inline-block;
}

#productArtnum { float: right; font-size: 1.2em; color: #c9c9c9; padding: 0; }


/* grauer Kasten weg */
div#greyBox { background-color: transparent; padding: 0; }
#productArtnum { }
.detailsInfo .pictureCol { width: 62%; }
.detailsInfo #productTitle, .detailsInfo .information { width: 35%; }

@media screen and (max-width: 920px) {
	#contentwrapper { padding-right: 0; }
}




.toBasketWrap { position: relative; margin-top: 22px; }
.tobasketAmount { position: relative; float: left; width: 18%; }
.tobasketAmount #amountToBasket { width: 100%; height: 47px; text-align: center; font-size: 1.4em; box-sizing: border-box; border: 2px solid #696969; border-right: none; padding-left: 0; padding-right: 24px; }
.tobasketAmount label { display: block; float: left; width: 54px; padding: 2px 0 0 0; font-size: 1.2em; }

.changeamount { text-align: center; background: #ffffff; border: none; border-left: 1px solid #d7d7d7; padding: 0;  width: 26px; height: 21px; position: absolute; font-size: 2em; cursor: pointer; color: #aaaaaa; }
.changeamount.minus { right: 0; bottom: 2px; border-top: 1px solid #d7d7d7; height: 22px;  }
.changeamount.plus { right: 0; top: 2px; }
.changeamount::after { content: ""; display: block; position: absolute; width: 8px; height: 8px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; opacity: 0.6; top: 4px; right: 8px; transform: rotate(45deg); }
.changeamount.plus::after { transform: rotate(225deg); top: 8px; }
.changeamount:active::after { top: 5px; background-color: #fdfdfd; }
.changeamount.plus:active::after { top: 9px; }

.reseller #toBasketWrapper { float: right; width: 82%; max-width: none; }



/* --- Stock flags ----------------- */
.tobasketStockstatus { margin-top: 26px; max-width: 320px; }
.stockFlag { background: url(../bg/checked.svg) no-repeat 6px center; background-size: 15px; padding-left: 26px; font-size: 14px; line-height: 1em; }
.lowStock { background-image: url(../bg/lowstock.svg); color: #e66d01; }
.notOnStock {background: url(../bg/ampel.png) no-repeat 6px -25px; padding-left: 20px; color: #cf0518; }
.stockFlag.list { font-size: 11px; }

.oldPrice { margin-bottom: 2px; font-size: 11px; color: #cf0518; }

#variants { margin-bottom: 18px; }
.tobasketPrice { }
.tobasketPrice .price { font-size: 2.6em; font-weight: 400; color: #232323; }
.tobasketFunction .textbox { width: 20px; }
.tobasketPrice button,
.tobasketPrice input { float: left; margin-right: 5px; }
.tobasketPrice label { display: block; }

.shippingLink { font-size: 12px; color: #b2b2b2; display: inline-block; padding-left: 20px; }
.shippingLink a {  color: #b2b2b2; }



.banner { padding-bottom: 20px; background-color: #ffffff; }
.banner .img { position: relative; float: left; width: 68%; }
.banner .img.full { float: none; width: 100%; }
.banner .blackbox { background-color: #2a261a; }
.banner .txt { position: relative; float: left; width: 32%; font-size: 1.4vw; line-height: 1.3em; color: #ebebeb; padding: 2.1em; box-sizing: border-box;  font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px \9; }
.banner .txt sup { font-size: 1.8em; display: block; position: absolute; line-height: 1em; top: 14px; left: 14px; }

.banner .overlay { display: block; position: absolute; top: 50%; margin-top: -55px; padding: 14px 12px; right: 6%; background-color: rgba(255,255,255,0.8);  text-decoration: none; font-weight: normal; }
.banner .overlay.dark { background-color: rgba(0,0,0,0.8); color: #ffffff; }
.banner .overlay h3 { font-weight: normal; margin: 0; font-size: 36px; line-height: 1.0em; text-align: center; }
.banner .overlay p { margin: 0; font-size: 26px; line-height: 1.2em; text-align: center;  }
.banner .underbox { font-size: 1.5vw; line-height: 1.3em; color: #434343; padding: 1.4em 1.4em 0 0.8em; box-sizing: border-box;  font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px \9;  }


@media screen and (min-width: 1000px) {
	.banner .txt { font-size: 1.4em;}
	.banner .underbox { font-size: 1.5em;}
}
@media screen and (max-width: 920px) {
	.banner .txt { font-size: 1.7vw;}
	.banner .underbox { font-size: 1.9vw;}
}
@media screen and (max-width: 700px) {
	.banner .img { width: 100%; float: none; }
	.banner .txt { float: none; font-size: 1rem; padding: 1em; width: 100%; }
	.banner .underbox { font-size: 1rem;}
}
@media screen and (max-width: 430px) {
	.banner .overlay { right: 0; padding-left: 0; padding-right: 0; }
	.banner .overlay h3 { font-size: 9vw;}
	.banner .overlay p { font-size: 1.3rem;}
	.banner .underbox { padding-left: 0; padding-right: 0; }
}

/* --- BUTTONS  ------------------- */
/* Std. Button */
button.largeButton, a.largeButton { text-align: center; display: inline-block; border: 2px solid #232323; color: #fff; font-size: 1rem; font-weight: 400; text-transform: uppercase; padding: 12px 16px; background: #000; text-decoration: none; cursor: pointer; font-family: Roboto, sans-serif; transition: background-color .3s, border .3s, color .3s, background-image .3s; min-width: 150px; }
button.largeButton:hover, a.largeButton:hover { color: #232323; background: #fff; border: 2px solid #535353; text-decoration: none; }
button.largeButton.next { padding-right: 16px; }
button.largeButton.next img { margin: 2px 0 -2px 6px !important; padding:0; border:none;}

a.logoutButton { margin-top: 40px; }
.prevStep.submitButton { display: none; }

button[disabled].largeButton {}
button[disabled].largeButton:hover  {  }

#toBasketWrapper { max-width: 320px; text-align: center; }
button#toBasket { display: inline-block; width: 100%; max-width: 280px; padding-left: 50px;  position: relative; }
button#toBasket:after { content: ""; display: block; position: absolute; width: 28px; height: 28px; left: 34px; top: 6px; background-image: url(../bg/shopping-cart-w.svg); }
button#toBasket:hover:after { background-image: url(../bg/shopping-cart-b.svg);  }
button#toBasket.dis:hover { font-weight: 400; padding-left: 10px; border-color: #535353; background-color: #fff; padding-right: 10px; color: #dd4d50; }
button#toBasket.dis:hover:after { content: none; }

button.nextStep { padding-left: 35px; padding-right: 35px; display: inline; box-sizing: border-box; }
button.nextStep img { margin: 0 0 -1px 8px !important; padding:0; border:none;}

div.cmsContent a.largeButton { display: block; float: left; height: 40px; border: 0; margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 12px; line-height: 1em; -moz-border-radius: 4px; border-radius: 4px; background-image: url(../bg/button-gradient.gif); color: #f7f7ff; font-size: 14px;  cursor: pointer; text-decoration: none; box-sizing: border-box; }

/* pp express button */
.ordernextbar form { display: inline; }
.paypal-express-checkout-button button { display: inline; padding: 9px 30px 10px 26px; background-color: #eeeeee; border: #dedede 1px solid; border-radius: 0; cursor: pointer; margin-right: 20px; box-sizing: border-box; }
.paypal-express-checkout-button button:hover { background-color: #f5f5f5; }


/* footer neu */
#footer { position: relative; height: 300px; clear: both; padding-bottom: 16px; margin-left: calc( (100% - 1190px) / 2); max-width: 1200px; font-size: 1.2em; color: #a3a3a3;  }
#footer a { color: #a3a3a3; }
#footer .col { height: auto; width: 25%; padding-top: 30px; padding-bottom: 30px; float: left; box-sizing: border-box; }
#footer .col.col1 { width: 21%; }
#footer .col.col2 { width: 27%; }
#footer .col.col3 { width: 28%; }
#footer .col.col4 { width: 23%; }
#footer .b1 { width: 170px; font-size: 14px; }
#footer .sh { width: 180px; font-size: 14px; }
#footer .ig { width: 127px; height: 30px; background: url(../bg/footer-sprites.gif?13) 0 -498px; margin-top: 12px; }
#footer .ig a { height: 30px; display: block; }
#footer .ig a:hover { background: url(../bg/footer-sprites.gif?13) 0 -531px;}
#footer .fb { width: 127px; height: 30px; background: url(../bg/footer-sprites.gif?13) 0 0; margin-top: 12px; }
#footer .fb a { height: 30px; display: block; }
#footer .fb a:hover { background: url(../bg/footer-sprites.gif?13) 0 -33px;}
#footer .no { width: 142px; height: 58px; background: url(../bg/footer-sprites.gif?13) 0 -568px; margin-top: 44px; position: relative; }
#footer .no a { height: 58px; display: block; }
#footer .no a:hover { background: url(../bg/footer-sprites.gif?13) 0 -632px;}
#footer .no:before { content: ""; background: #cfcfcf; height: 1px; font-size: 0px; width: 38px; position: absolute; top: -18px; left: 44px; }
#footer .b2 { width: 150px; font-size: 14px; }
#footer .cards { width: 90px; height: 25px; background: url(../bg/footer-sprites.gif?13) 0 -132px; }
#footer .cards a { height: 25px; display: block; }
#footer .cards a:hover { background: url(../bg/footer-sprites.gif?13) 0 -162px;}
#footer .paypal { width: 100px; height: 28px; background: url(../bg/footer-sprites.gif?13) 0 -192px; margin-top: 22px; }
#footer .paypal a { height: 28px; display: block; }
#footer .paypal a:hover { background: url(../bg/footer-sprites.gif?13) 0 -222px;}
#footer .zahlart { margin-top: 22px; line-height: 18px; }
#footer .zahlart a { padding: 3px; border: 1px solid #cacaca; }
#footer .b3 { width: 180px;  }
#footer .ssl { width: 124px; height: 58px; background: url(../bg/footer-sprites.gif?13) 0 -255px; }
#footer .ssl a { height: 58px; display: block; }
#footer .ssl a:hover { background: url(../bg/footer-sprites.gif?13) 0 -315px;}
#footer .versand { margin-top: 10px; line-height: 16px; }
#footer .b4 { width: 170px; font-size: 14px; }
#footer .b4 a { display: block; margin-top: 10px; }
#footer .b4 a:first-child { margin-top: 0; }
#footer .packstation { width: 142px; height: 42px; background: url(../bg/footer-sprites.gif?13) 0 -697px; margin-top: 10px; position: relative; }
#footer .packstation a { height: 42px; display: block; }
#footer .packstation a:hover { background: url(../bg/footer-sprites.gif?13) 0 -755px;}

@media screen and (max-width: 760px) {
	#footer .col.col1, #footer .col.col2, #footer .col.col3, #footer .col.col4 { width: 50%; padding-left: 8%; }
}
@media screen and (max-width: 460px) {
	#footer .col.col1, #footer .col.col2, #footer .col.col3, #footer .col.col4 { width: 100%; padding-left: 23%; }
}

html[lang="en"] #footer .ssl { background-position: 0 -376px; }
html[lang="en"] #footer .ssl a:hover { background: url(../bg/footer-sprites.gif?13) 0 -436px; }

#footer div.copyright { position: absolute; left: 201px; bottom: 16px; }
#footer div.deliveryinfo { position: absolute; left: 400px; bottom: 16px; }

#footer.reseller { padding-top: 60px; max-width: 928px; height: auto; padding-bottom: 80px; margin: 0 auto; padding-left: 250px; padding-right: 0; }
#footer.reseller .col { padding-left: 0; }
#footer.reseller .col2 { width: 46%; margin-left: 30%; }
#footer.reseller .col1 { width: 20%; position: absolute; left: 250px; top: 60px; }
#footer.reseller .col4 { width: 20%; position: absolute; right: 0; top: 60px; }
#footer.reseller .no { margin-top: 0; }
#footer.reseller .no::before { content: none; }

@media screen and (max-width: 1300px) {
	#footer.reseller {  max-width: 778px; }
	#footer.reseller .col2 { margin-left: 28%; }
}
@media screen and (max-width: 1150px) {
	#footer.reseller { padding-left: 275px; max-width: none; }
	#footer.reseller .col1 { left: 275px; }
}
@media screen and (max-width: 980px) {
	#footer.reseller { padding-left: 30px; padding-right: 30px; }
	#footer.reseller .col2 { margin-left: 32%; }
	#footer.reseller .col1 { left: 30px;  }
}
@media screen and (max-width: 800px) {
	#footer.reseller { max-width: 290px; }
	#footer.reseller .col1 { width: 100%; top: auto; left: auto; position: relative; }
	#footer.reseller .col2 { width: 100%; margin-left: 0; }
	#footer.reseller .col4 { width: 100%; top: auto; left: auto; position: relative; }
}



.reselconfirm { font-size: 1.2em; }
.reselconfirm h3 { font-size: 1.4em; }
.reselconfirm a { color: #e13141; }

div.searchHead { font-size: 3.4em; font-weight: 300; margin-bottom: 20px; }

/* CMS */
div.cmsContent { padding: 0; font-size: 1.7em; line-height: 1.6em; font-weight: 300; position: relative; padding-left: 14px; }
div.checkoutPadder.contact { font-size: 1.7em; line-height: 1.6em; font-weight: 300; position: relative; }
div.checkoutPadder.contact form { padding-left: 14px; }
div.cmsContent span { font-size: 1.2em; line-height: 1.6em;  }
.popup div.cmsContent { max-width: 600px; }
.popup div.cmsContent h3 { font-size: 1em; font-weight: 400; line-height: 1.2em; }
div.cmsContent h3.pageHead, div.cmsContent h2, #thankyouPage h1.pageHead { font-size: 1.8em; font-weight: 400; font-family: "Open Sans", Arial, Helvetica, sans-serif; line-height: 1.2em; }
div.cmsContent img { max-width: 100%; }
div.cmsContent h1, .contact h1.pageHead { font-size: 2em; line-height: 1.1em; font-weight: 300; margin-bottom: 0.5em; }
div.cmsContent a { color: #E13141; }
div.cmsContent .floatleft { margin-right: 20px; margin-bottom: 10px; float: left; }

#dealernav { margin-top: 30px; margin-bottom: 20px; }
#dealernav a { display: block; float: left; margin-right: 20px; color: #434343; }
#dealernav a.aktiv { color: #E13141; }

/* xtra bi_bastelwettbewerb2013 */
.bi_bastelwettbewerb2013 div.cmsContent p { width: 473px; }

table.versandkosten { width: 500px; max-width: 100% !important; }
table.versandkosten th { padding: 4px; color: #7f7f7f; font-weight: bold; }
table.versandkosten td { padding: 4px; border-collapse: collapse; border: 1px solid #d4d4d4; }

@media screen and (max-width: 600px) {
	table.versandkosten th { font-size: 10px; }

}

/* newItemMsg*/
div#newItemMsg { position: absolute; top: 72px; right: -10px; z-index: 9999; font-size: 16px; line-height: 1em; width: 320px; color:#000; display: block; }
div#newItemMsg { padding: 25px; padding-bottom: 70px; background:#ffffff; border: 2px solid #535353; }
div#newItemMsg { box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.58); }
/* creates triangle */
div#newItemMsg:before { 
	z-index: 9999; content:"";	position:absolute; border-style:solid;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	top:-20px; /* value = - border-top-width - border-bottom-width */
	right:20px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width: 0 20px 20px; /* vary these values to change the angle of the vertex */
	border-color: #000000 transparent;
}
div#newItemMsg:after {
	z-index: 9999; content:"";	position:absolute; border-style:solid;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	top:-18px; /* value = - border-top-width - border-bottom-width */
	right:22px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width: 0 18px 18px; /* vary these values to change the angle of the vertex */
	border-color: #ffffff transparent;
}
div#newItemMsg a { display: block; position: absolute; padding: 4px 18px; height: auto; width: auto; bottom: 20px; border: 2px solid #232323; cursor: pointer; text-decoration: none; background-color: #fff; color: #232323; font-size: 14px;
    font-weight: 400;
    text-transform: uppercase; }
div#newItemMsg a:hover {  background-color: #232323; border: 2px solid #232323; color: #fff;  }
div#newItemMsg a#nimcloser { left: 25px;  }
div#newItemMsg a#nimcloser:hover { border: 2px solid #232323; }
div#newItemMsg a#nimcheckout { right: 25px; background-color: #232323; color: #fff; }
div#newItemMsg a#nimcheckout:hover { background-color: #fff; color: #232323; }

/* --- checkout Steps ------------------ */
div.checkoutPadder {  }
div.checkoutPadder.notop { }
.checkoutCollumns .row {
    margin-bottom: 20px; 
}

.checkoutCollumns .collumn, .addressCollumns .collumn { min-height: 200px; width: 50%; float: left; box-sizing: border-box; padding-right: 20px; }

.checkoutSteps { background:#ffffff; border:none; text-align: center; position: relative; margin: 0; margin-bottom: 20px; }
.checkoutSteps span { padding: 0; }
.checkoutSteps li.step1,
.checkoutSteps li.step2,
.checkoutSteps li.step3,
.checkoutSteps li.step4 { padding: 0; width: 150px; display: inline-block; float: none; font-size: 1em; font-weight: 700; padding-top: 26px; letter-spacing: 0.03em; }
.checkoutSteps li.step5 { display: none; }
.checkoutSteps li { color: #a5a5a5; text-transform: uppercase; position: relative; line-height: 29px; }
.checkoutSteps li a { color: #a5a5a5; }
.checkoutSteps li.active, .checkoutSteps li.active a { color: #000; }
.checkoutSteps li.passed a { color: #000; }





.checkoutSteps:before { content: ""; position: absolute; top: 12px; left: 0; right: 0; border-top: 2px solid #535353; }
.checkoutSteps li:after { position: absolute; top: 0; width: 25px; height: 25px; text-align: center; content: "1"; font-size: 14px; line-height: 26px; border: 1px solid #a5a5a5; border-radius: 100%;
    color: #a5a5a5;
    left: 50%;
    margin: 0 0 0 -13px;
    background: #fff;
    letter-spacing: 0;
    -webkit-box-shadow: 6px 0 0 #fff, -6px 0 0 #fff;
    box-shadow: 6px 0 0 #fff, -6px 0 0 #fff;
    z-index: 2;
}
.checkoutSteps li.active:after, .checkoutSteps li.passed:after { border-color: #000; color: #fff; background: #000; }
.checkoutSteps li.step2:after { content:"2"}
.checkoutSteps li.step3:after { content:"3"}
.checkoutSteps li.step4:after { content:"4"}

div.ordernextbar { margin-bottom: 30px; text-align: right; }
.checkoutPadder .lineBox { margin: 20px 0; }

span.update { color: #b2b2b2; }
span.update a { font-size: 0.92em; color: #b2b2b2; }

.remove_article { padding-top: 2px; }

a.lightbutton { clear: both; padding: 4px; }
input.lightbutton, button.lightbutton, a.lightbutton, .blockHead button.largeButton, button#choose-packstation { color: #bdbdbd; background-color: #fff; cursor: pointer; text-transform: none; background-image: none; padding: 3px 6px 2px 6px; height: auto; line-height: 1em; font-size: 13.33px; border: 1px solid #bdbdbd; transition: all .3s; }
table.basket a.lightbutton { padding: 2px 6px 2px 6px; text-decoration: none; border: none; background-color: #ebebeb; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; }
input.lightbutton:hover, button.lightbutton:hover, a.lightbutton:hover, .blockHead button.largeButton:hover, button#choose-packstation:hover { border: 1px solid #979797; color: #979797; }


/*wk coupon + geschenkverpackung */
.basket-xtra-links { height: 20px; font-size: 1.6em; position: absolute; bottom: 64px; }
.basket-xtra-links a { display: inline-block; padding-top: 4px; padding-bottom: 2px; }
.basket-xtra-links a:first-child { margin-right: 30px; }
.basket-giftwrapping-link { padding-left: 20px; background-image: url(../bg/giftbox.svg); background-repeat: no-repeat; }

.couponBox { position: absolute; top: 30px; width: 370px; height: 0; overflow: hidden; transition: height .2s;  }
.couponBox.vis { height: 60px; }
.couponBox label { font-size: 1.4em; }

.couponBox p.oxValidateError { padding-left: 135px; }
.couponBox .inlineError { padding-bottom: 10px; line-height: 16px; font-size: 11px; }
.couponBox .textbox { margin: 0 5px; width: 130px; }
.couponBox button.lightbutton { border: 2px solid #000000; color: #000000; background: #ffffff; font-weight: 400; text-transform: uppercase; padding: 12px 16px; transition: all .3s; }
.couponBox button.lightbutton:hover { color: #ffffff; background: #000000; transition: all .3s; }

.couponData small { font-size: 0.8em; }

a.cta.continueshopping { display: none; color: #bdbdbd; border-color: #bdbdbd; background: #fff; position: absolute; bottom: 16px; padding-left: 38px; }
a.cta.continueshopping { font-size: 14px; padding: 9px 20px 7px 38px; border-width: 1px; }
a.cta.continueshopping:before { content: "\2039 "; font-size: 26px; line-height: 1em; display: block; margin-right: 10px; position: absolute; left: 18px; top: 0; }
a.cta.continueshopping:hover { border: 1px solid #979797; color: #979797; }


/* --- Login form ------------------------ */
div.accountLoginView label,
div.checkoutOptions p { font-size: 1.4em; line-height: 1.3em;}
div.checkoutOptions label,
div.accountLoginView p { font-size: 1.4em; line-height: 1.3em; }
.accountLoginView .col { float: left; width: 48%; margin-bottom: 20px; }
.accountLoginView .col:first-child { margin-right: 4%; } 

div.accountLoginView li { width: 100%; }
div.accountLoginView ul.form label { display: inline; padding-right: 8px; }

div.dealer-login { margin-top: 40px; padding-top: 10px; text-align: right; font-size: 1.3em; border-top: 1px solid #d4d4d4; }

a#forgotPasswordLink { font-size: 12px; }

.checkoutOptions .option{ margin-top: 30px; width: 31%; margin-right: 3%; float:left; }
.checkoutOptions .option:last-child{ margin-right: 0; }
.blockhead { margin-top: 0; }
#optionLogin .form input { width: 100%; }

div.checkoutCollumns { margin-bottom: 20px; }
div.checkoutCollumns h3, .addressCollumns h3 { padding: 14px 0; text-transform: uppercase; font-weight: 400; font-size: 1.5rem; line-height: 1.3em; }

.checkoutPadder .shipping { margin-bottom: 40px; }
.checkoutPadder .payment { margin-bottom: 40px; }


ul#shippingAddressForm, ul#packstationAddressForm { padding: 0; }
ul#addressText { font-size: 16px; line-height: 1.3em; }

/* intraship auswahl */
li#agis_billing_address, li#agis_alternative_address, li#agis_packstation_address { padding-bottom: 18px; }
#agis_billing_address:after, #agis_alternative_address:after, #agis_packstation_address:after { clear: both; content: ""; display: block; visibility: hidden; font-size: 0px; height: 0px; }
#agis_billing_address input , #agis_alternative_address input , #agis_packstation_address input { float: left; }
li#agis_billing_address label, li#agis_alternative_address label, li#agis_packstation_address label { cursor: pointer; font-size: 1.6em; float: left; padding-left: 4px; display: inline-block; width: 90%;}
li#agis_packstation_address label { vertical-align: top; }
select#addressId2 { width: 98%; }
#packstation-search ul { margin-left: 0; margin-right: 0; }
#packstation-list { font-size: 1.2em; }
#packstation-list li { padding-bottom: 8px; }

#shippingAddressText { font-size: 1.6em; line-height: 1.3em; margin-top: 20px; }


.summary { font-size: 16px; width:320px; float: right; padding-top: 15px; margin-bottom: 20px;}
.summary table { width: 100%; }
.summary table td { text-align: right; width: 70px; padding-top: 5px; }
.summary table th { text-align: left; font-weight: 400; }
.summary table tr:last-child td, .summary table tr:last-child th { padding-top: 20px; font-size: 1.6rem; }
.summary table strong {font-weight: 400; }

div.gradientBox.first {  }
div.gradientBox { padding: 14px; padding-bottom: 50px; background-image: url(../bg/box-verlauf1.gif); background-repeat: repeat-x; }

#shipping label { display: block; padding: 10px 0 14px 0; border-top: 1px solid #bbbbbb; cursor: pointer; }
#shipping label input { float: left; }
#shipping label .txt { margin-left: 25px; }
#shipping label b { display: inline-block; font-size: 20px; padding-top: 4px; }
#shipping label.active b { color: #c5222a; background: #f9f9f9; }
#shipping label.active  { background: #f9f9f9; }
#shipping label:hover { background: #f9f9f9; }

#shipping label span.express_hint { display: inline-block; font-size: 1.6em; padding-left: 20px; }

#shipSetCost { display: block; padding: 24px 0; border-top: 1px solid #bbbbbb; font-size: 1.6em; }
#shipSetCost b { font-size: 1em; }

#payment dl { font-size: 1.4em; padding: 10px 0; }
#payment dl { border-top: 1px solid #bbbbbb; }
#payment dl.active { background-position: 0 0; background: #f9f9f9; }
#payment dl input { float: left;  }
#payment dl label.pmsel { display: block; margin-left: 25px; padding-top: 4px; cursor: pointer; }
#payment dl label.pmsel b { font-size: 20px; }
#payment dl.active label.pmsel b { color: #c5222a; }
#payment dl .desc { font-weight: normal; line-height: 1.3em; color: #666666; padding-top: 10px; }

ul.debitnote label { width: 100px; }
ul.creditcard label { width: 100px; }
ul.creditcard input.scode { width: 30px; }
img.pm_cards { vertical-align: top; }
img.pm_paypal { vertical-align: top; }
a.whatispaypal { font-weight: normal; color: #666666; }
input.inptupper { text-transform: uppercase; }



ul.form label[for=subscribeNewsletter] { min-width: 136px; }
#subscribeNewsletter { float: none; }
ul.form .checkFields label { padding: 10px 0;}
.form .note { font-size: 11px; color: #666; line-height: 14px; font-style: italic; padding-top: 6px; padding-bottom: 6px; }
.payment .form .note { padding-left: 28%; }
.form .note.scode { padding-left: 160px; padding-top: 0; }

/* computop im letzten schritt */
.computopcw-payment-form { padding: 20px 40px 20px 20px; background: #f7f7f7; margin-bottom: 20px; width: 76%; float: right; box-sizing: border-box; }
.computopcw-payment-form .control-label { width: auto; }
.form .control-group .control-label + .control-element { padding-left: 140px; }
.computopcw-payment-form .form .note { padding-left: 140px; }
.card-brand-image-selection { margin-top: 5px; }
.computopcw-payment-form .card-brand-image-selection img { margin-left: 3px }
@media screen and (max-width: 1060px) {
	#orderConfirmAgbBottom { position: relative; }
	.computopcw-payment-form { width: 100%; float: none; }

}
@media screen and (max-width: 560px) {
	.control-group .control-label { display: block; float: none; }
	.form .control-group .control-label + .control-element { padding-left: 0;  }
	.computopcw-payment-form .form .note { padding-left: 0; }
	.computopcw-payment-form .card-brand-image-selection {
		margin-top: 3px;
		position: absolute;
		top: -12px;
		right: -20px;
	}
	.computopcw-payment-form h3 { margin-bottom: 26px; }
}


.orderHeaderText { font-size: 1.6em; line-height: 1.3em; text-align: right; padding: 10px; background-color: silver; margin-bottom: 20px; }

h3.section strong { font-size: 1.2rem; text-transform: uppercase; font-weight: 400; }
h3.section button { margin-left: 10px; }
div#orderAddress, div#orderShipping, div#orderPayment { font-size: 1.6em; line-height: 1.3em; margin-bottom: 30px; }

div#orderAddress { position: relative; width: 300px; float: left; }
div#orderAddress dt { margin-top: 10px; }

#checkAgbTopText { padding: 10px 0 30px 0; font-size: 1.6em;  line-height: 1.3em; }
#checkAgbTopText a { text-decoration: underline; }



/* --- category list category boxes ---------------- */
ul.subcatList { margin: 0; width: 100%; }
.start ul.subcatList { margin-left: 0; margin-right: 0; }
ul.subcatList li { list-style: none; padding: 0; float: left; width: 50%; display: block; padding-top: 15px; }
ul.subcatList div.box { position: relative; width: 100%; height: auto; border-left: 16px solid #fff; border-right: 16px solid #fff; box-sizing: border-box; margin-bottom: 20px; }
ul.subcatList div.box img { width: 100%; }
ul.subcatList h2, ul.subcatList h3 { position: relative; font-size: 2.4em; margin-top: 10px;  text-transform: uppercase; font-weight: 300; }
.list ul.subcatList h3 { text-align: center; }
ul.subcatList a { text-decoration: none; }
ul.subcatList .subCatText { padding: 14px; padding-bottom: 80px; box-sizing: border-box; width: 100%; position: relative; }
ul.subcatList .subCatText p { font-size: 1.5em; line-height: 1.6em; font-weight: 400; }
ul.subcatList div.content { position: relative; }
ul.subcatList a.sasse-link { color: #93949a; }

ul.subcatList .cta,
.wm-slider .cta,
#wm-anfrage .cta,
.cta.continueshopping,
.subcat-bottomline .cta,
.corp-kv .cta, .calinfo .cta { display: inline-block; border: 2px solid #535353; color: #232323; font-size: 1rem; font-weight: 400; text-transform: uppercase; padding: 10px 18px; background: #fff; text-decoration: none; cursor: pointer; transition: all .3s; box-sizing: border-box; white-space: nowrap; }
ul.subcatList .cta:hover, 
.wm-slider .cta:hover,
#wm-anfrage .cta:hover,
.cta.continueshopping,
.subcat-bottomline .cta:hover,
.corp-kv .cta:hover, .calinfo .cta:hover  { color: #fff; background: #232323; border: 2px solid #232323;}

.corp-kv .ctaline { width: 100%; text-align: center; margin-top: 40px; margin-bottom: 40px; }

ul.subcatList .cta { display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
ul.subcatList .subcatPic { padding-bottom: 32px; }

ul.subcatList.start div.box { width: 100%; height: 190px; }
ul.subcatList.start h3 { width: 352px; }
ul.subcatList.start h3 a { background-position: 332px center; }
ul.subcatList.start li { height: 190px; }

.alist ul.subcatList li { width: 25%; }
.alist ul.subcatList h3 { font-size: 1.6em; font-weight: 500; }
.alist ul.subcatList h3::after { content: "\203A"; font-size: 24px; }
.alist ul.subcatList .subCatText { padding-bottom: 40px; }

.alist ul.subcatList .cta { width: 100%; min-width: 186px; font-size: 12px; line-height: 1em; font-weight: 400; padding: 10px 18px 10px 12px; border-width: 1px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;  }
.alist ul.subcatList .cta:hover { border-width: 1px; }
.alist ul.subcatList .cta::after { content: "\203A "; font-size: 26px; line-height: 1em; display: block; position: absolute; right: 12px; top: 1px; }
.alist ul.subcatList .cta span { display: block; overflow: hidden; text-overflow: '.'; line-height: 1.1em; }

.list.twocol ul.subcatList li { width: 50%; }
.list.twocol ul.subcatList li h3 { font-size: 40px; font-weight: 300; margin-top: 10px; text-align: center; }
.list.twocol ul.subcatList li h3::after { content: none; }
.list.twocol ul.subcatList .cta::after { content: none; }
.list.twocol ul.subcatList .cta { width: auto; font-size: 16px; padding: 10px 18px; font-weight: 400; min-width: auto; bottom: 20px; }
.list.twocol ul.subcatList .shortdesc { font-size: 1.5em; line-height: 1.2em; font-weight: 300; text-align: center; }
.list.twocol ul.subcatList .subCatText { padding-bottom: 80px; }
.list.twocol ul.subcatList .subcatPic { padding-bottom: 0; }

.subcat-list-block .gridView { padding-bottom: 0; }
.subcat-bottomline { position: relative; text-align: center; padding-top: 20px; padding-bottom: 30px; }
.subcatList.kalender { border-bottom: 2px solid #000; }

.icon_floater { position: absolute; top: 4px; right: 4px; width: 90px; text-align: right; }
.icon_floater .calendar { display: inline-block; border-radius: 50%; width: 36px; height: 36px; border: 1.6px solid #c7c7c7; color: #c7c7c7; text-align: center; font-weight: 400; line-height: 36px; font-size: 14px; }
.icon_floater .discount { display: inline-block; border-radius: 50%; width: 36px; height: 36px; background-color: #ED4343; border: 1.6px solid #ED4343; color: #fff; text-align: center; font-weight: 400; line-height: 36px; font-size: 18px; font-family: Arial, sans-serif; }
.detailsInfo .icon_floater { top: 40px; right: 40px; }
.detailsInfo .icon_floater .calendar { width: 58px; height: 58px; line-height: 58px; font-size: 22px; border: 2px solid #c7c7c7; color: #c7c7c7; }
.gridPicture.geschenkpapier img { border-radius: 50%; }

.start_shopwrap { background-color: #ffffff; padding: 40px 15px; }

/* kalenderinfo */
.infosection { width: 100%; }
.calinfo .pageHead { font-size: 28px; font-weight: 300; line-height: 1.1em; margin-bottom: 4px; text-transform: uppercase; }
.calinfo .maintxt { font-size: 1.7em; font-weight: 300; line-height: 1.6em; padding: 10px 14px; margin-bottom: 20px; }
.cal-slider-wrapper, .cal-txt-wrapper { position: relative; width: 50%; padding-left: 14px; padding-right: 14px; float: left; box-sizing: border-box; margin-bottom: 50px; }
.rightimg .cal-slider-wrapper { float: right; }

.cal-slider .rsNav.rsBullets { display: none; }
.cal-slider { width: 100%; }
.cal-slider .rsOverflow { border: 1px solid #989898; box-sizing: border-box; }
.cal-slider:not(.rsFullscreen) img.rsImg { margin: 0 !important; width: 100% !important; height: auto !important; }


.cal-txt-wrapper { padding-bottom: 70px; padding-left: 14px; }
.cal-txt-wrapper .txt { font-size: 15px; line-height: 1.5em; font-weight: 300; padding-left: 14px; }
.cal-txt-wrapper h2 { font-size: 24px; line-height: 1.1em; font-weight: 300; text-transform: uppercase; }
.cal-txt-wrapper ul { margin: 0; margin-left: 14px; margin-bottom: 8px; }
.cal-txt-wrapper li { padding: 0; list-style: disc; }
.cal-txt-wrapper .cta { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 800px) {
	.cal-slider-wrapper, .cal-txt-wrapper { position: relative; width: 100%; padding-left: 0; padding-right: 0; }
	.cal-slider .rsNav.rsBullets { display: block; }
}
@media screen and (max-width: 760px) {
	.cal-slider-wrapper, .rightimg .cal-slider-wrapper { width: auto; float: none; }
}

/* account */
.accountDashboardView a { font-size: 1.6em; line-height: 1.3em; }
h1.pageHead { margin-bottom: 20px; padding-left: 14px; font-size: 1.5rem;  font-weight: 400; text-transform: uppercase; }
.cmsContent h1.pageHead { padding-left: 0; }
.accountDashboardView .col { float: left; width: 354px; height: auto; }
.accountDashboardView dl { margin-bottom: 15px; padding-left: 14px; }
.accountDashboardView dd { font-size: 1.6em; line-height: 1.3em; margin-top: 2px; }
.addressCollumns .collumn { float: left; width: 50%; font-size: 1.4em; }

ul.contact {margin: 0; margin-bottom: 30px; padding-left: 14px; }
ul.contact li { list-style: none; padding: 0; }
.contactForm { width: 100%; max-width: 500px; }
ul.contactForm textarea { width: 100%; }

.account_newsletter ul.form, .account_order ul.orderList, .addressCollumns, .account_password ul.form { padding-left: 14px; }
.account_newsletter .pageHead, .account_order .pageHead, .account_password .pageHead, .account_user .pageHead, .account .pageHead { margin-top: 20px; font-size: 3.4em; line-height: 1.1em; font-weight: 300; margin-bottom: 0.5em; }

/* --- Account Order List ----------------------- */
.orderList { margin: 0; padding: 0; }
.orderList li { padding: 30px 0; list-style: none; border-top: 1px solid #dfe1e2; }
.orderList dl {  }
.orderList dd { padding: 3px 0; font-size: 1.4em; }

.orderList dt {
    padding-bottom: 3px;
    display: block;
    font-weight: 400;
    margin-bottom: 7px;
}

.orderList dt strong {
    font-size: 18px;
}

.orderList dt span {
    font-size: 10px;
    color: #999;
}

.orderList dt label {
    color: #666;
}

.orderList td {
    vertical-align: top;
    width: 50%;
}

.orderList td table {
    text-align: left;
}

.orderList td table th {
    font-size: 14px;
    padding-bottom: 14px;
}

.orderList .orderitems, .orderList .orderhistory {
    width: 100%;
}

.orderList .orderitems td {
    vertical-align: top;
}

.orderhistory td {
    border-top: 1px dotted #bbb;
    padding: 2px 0;
    vertical-align: top;
    width:99%;
}

.orderhistory td.small {
    width:1%;
}

.orderhistory td .amount {
    font-size: 11px;
    color: #666;
}

.orderList h3 {
    font-size: 16px;
}

.checkoutPadder.forgotpw { font-size: 1.4em; line-height: 1.3em; padding-left: 14px; }
.checkoutPadder.forgotpw label { font-size: 14px; line-height: 18px;  }
.checkoutPadder.forgotpw ul.form { max-width: 460px; margin-bottom: 20px; }
.checkoutPadder.forgotpw h1.pageHead { padding-left: 0; }

div.categoryTopLongDescription { font-size: 16px; line-height: 1.5em; padding: 16px; padding-top: 56px; font-weight: 400; }
div.categoryTopLongDescription h1 { font-size: 28px; font-weight: 300; line-height: 1.1em; margin-bottom: 4px; text-transform: uppercase; }
div.categoryTopLongDescription.top { margin-top: 0; padding-top: 10px; }


.sectionHead, .blockhead { border: none; text-transform: uppercase; margin-top: 16px; font-weight: 300; line-height: 1em; font-size: 1.5rem; padding-top: 12px; padding-bottom: 4px; padding-left: 14px; }
.blockhead { padding-left: 0; }
.sectionHead a:hover { text-decoration: none; }

.starttext { font-size: 1.9em; line-height: 1.6em; font-weight: 300; text-align: center; padding: 0 140px; margin-top: 50px; }
.starttext h1 { margin-bottom: 10px; font-size: 1.79em; font-weight: 300; padding: 0 16px; text-align: center; text-transform: uppercase; }


div.promoBox { position: absolute; top: 24px; left: 60px; width: 200px; padding: 6px 12px; background-color: #f3f3f3; border: 1px solid #b2b2b2; -moz-border-radius: 4px; border-radius: 4px; }
div.promoBox { color: #717171; font-size: 1.6em; }
.promoPrice { font-weight: bold; }

div.welcome { position: relative; width: 37%; height: auto; padding: 34px 1% 0 4%; float: left; }
div.welcome h1 { margin-bottom: 10px; font-size: 1.8em; color: #e13141; font-weight: normal; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
div.welcome p { font-size: 1.3em; line-height: 1.3em; font-family: "Open Sans", Arial, Helvetica, sans-serif; }

div.start-video { position: relative; width: 50%; float: left; padding: 34px 1% 0 4%; }
div.start-video img { width: 100%; opacity: 0.8; }
div.start-video img:hover { opacity: 1; }

div.homebanner { padding: 20px 0 20px 20px; }

div.accountLoginView label { font-size: 1.2em; }
ul.contactForm label { font-size: 1.2em; }

label.innerLabel.textArea{ text-transform: none; padding-left: 10px; }
.form li.formNote { padding-bottom: 0; font-size: 11px; color: #666; line-height: 14px; text-align: right; }
label.req:after { content: "*"; }


div.Urlaubswarnung { font-size: 15px; color: #e13141; text-align: right; padding-bottom: 20px; }

/* personalizer */
div.persparamBox { padding: 18px 18px 18px 20px; background-color: #f7f7f7; border-top: 8px solid #efefef; }
div.persparamBox h4 { margin-bottom: 14px; font-size: 1.6em; font-weight: 300; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
div.persparamBox p { margin: 0; float: left; width: 166px; font-size: 1.2em; }
a.perspop { display: block; float: right; }
div#personalizer .head { position: relative; width: 100%; height: 38px; background-color: #000000; }
div#personalizer .head h2 { float: left; font-size: 1.8em; font-weight: normal; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 0 20px; color: #ffffff; }
div#personalizer .head h3 { float: right; width: 300px; font-size: 1.8em; font-weight: normal; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 0; padding-top: 10px; color: #ffffff; }
div#personalizer .formcol { position: relative; width: 260px; height: 434px; float: left; padding: 20px; overflow: hidden; }
div#personalizer .infocol { position: relative; width: 204px; height: 434px; float: left; padding: 20px; background-color: #ededed; overflow: hidden;}
.infocol .txt { font-size: 1.2em; line-height: 1.4em; padding-bottom: 20px; }
.infocol .price { position: absolute; bottom: 40px; left: 20px; }
.infocol table { width: 200px; }
.infocol .line { border-bottom: 1px solid #858585; height: 10px; }
.infocol div.price td { font-size: 1.2em; height: 20px; }
.infocol td.right { text-align: right; }
div#personalizer .imgcol { position: relative; float: left; overflow: hidden; }
div#personalizer .imgcol img { vertical-align: bottom; }
div#personalizer .fline { display: block; clear: both; height: 30px; }
div#personalizer input { width: 200px; border: none; border-bottom: 1px solid #dbdfe6; padding: 3px 0; text-align: center; font-size: 16px; }
div#personalizer select { padding-left: 6px; width: 200px; border: none; border: 1px solid #dbdfe6; height: 24px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    -khtml-border-radius: 2px;    border-radius: 2px;}
div#personalizer select option { padding-top: 2px; }
div#personalizer .fblock { position: relative; float: right; width: 205px; }
div#personalizer label { display: block; width: 50px; padding-right: 5px; padding-top: 5px; float: left; text-align: right; font-size: 12px; }

div#personalizer #zeiger { position: absolute;  top: 87px; left: 50px; width: 61px; height: 8px; background-image: url(../bg/personalizer_position_zeiger.png); }
div#personalizer #zeiger.Untenrechts { top: 174px; left: 71px; }
div#personalizer #zeiger.AbsoluteMitte { top: 92px; left: 50px; }
input.perschild { border: none; }
input.pers_price { border: none; text-align: right; }
#pop_pers_ptitle { font-size: 1.2em; }
button#personalizedToBasket { width: 200px; }
#pers_pricetable_sum { font-weight: bold; }

#fake_select { position: relative; z-index: 99999; }
#fake_select #selected { width: 200px; height: 24px; border: 1px solid #dbdfe6; background-image: url(../bg/font-sprites.png); -moz-border-radius: 2px; -webkit-border-radius: 2px;    -khtml-border-radius: 2px;    border-radius: 2px; }
#fake_select #selected span { display: block; position: absolute; top: 10px; right: 6px; width: 30px; height: 7px; background-image: url(../bg/arrow-down.gif); }
#fake_select ul { position: absolute; top: 24px; left: 0; list-style: none; margin: 0; width: 200px; border: 1px solid #dbdfe6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
#fake_select ul li { display: block; list-style: none; padding: 0; width: 100%; height: 24px; background-image: url(../bg/font-sprites.png); border-top: 1px solid #dbdfe6; background-color: #ffffff; }
#fake_select ul li:first-child { border-top: none; }
#fake_select ul li:hover { background-color: #f5f5f5; }
#fake_select .none { background-position: 0 40px; }
#fake_select .Bodoni28 { background-position: 8px 2px; }
#fake_select .Grotesk36 { background-position: 8px -26px; }

/* Startseite */
.homeNavi  { margin: 20px 2px 20px 0; padding: 12px; background-color: #ffffff; }
.homeNavi .navcol { width: 50%; float: left; }
.homeNavi img { float: left; }
.homeNavi ul { margin: 0 0 0 118px; background-color: #f7f7f7; }
.homeNavi ul li { position: relative; list-style: none; padding: 0; background: url("../bg/dotted-line.gif") repeat-x scroll left top rgba(0, 0, 0, 0); }
.homeNavi ul li a { display: block; height: 26px; padding: 13px 0 0 16px; font-size: 1.4em; font-family: "Open Sans", Arial, Helvetica, sans-serif; background-image: url(../bg/arrow-right.gif); background-repeat: no-repeat; background-position: right center; }
.homeNavi ul li a:hover { text-decoration: none; }
.langlink { position: absolute; top: 13px; left: 130px; width: 25px; height: 14px; background-image: url(../bg/lang_en.gif);}
.en.langlink { width: 23px; height: 13px; left: 150px; background-image: url(../bg/lang_de.gif);}

.shop_header_start { padding: 10px 0 0 24px; font-weight: 500; font-size: 2.6em; }


.shopfront #locatorBar { display: none; }


/* retoure */
#retoure-link-box { display: none; padding-top: 20px; }

/* reseller login */
#page.private_login { padding-top: 0; }
#pl_logo_bar { width: calc(100% - 50px);
    margin-left: 25px;
    height: 180px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box; }
.pl_topline { position: absolute; width: 100%; top: 140px; border-top: 2px solid #535353; }
.private_login #claim { display: block; }
.private_login #topbar { position: fixed; display: none; z-index: 99999; }
.private_login #topbar .logo-wrap { position: relative; width: 100%; left: 0; }
.private_login #topbar .logo-wrap::after { content: none; }
.private_login a#floatinglogo { display: block; }
.private_login #langsel {  }
.private_login h1.pageHead { padding-left: 0;  }
#private_loginbox { position: relative; width: 100%; max-width: 880px; background-color: #ffffff; margin: 0 auto; padding-top: 60px; padding-left: 35px; padding-right: 35px; box-sizing: border-box;}
#private_loginbox .accountLoginView .col { width: 50%; box-sizing: border-box; }
#private_loginbox .accountLoginView .col * { box-sizing: border-box;}
#private_loginbox .accountLoginView .col:first-child { margin-right: 0; padding-right: 4%; }
#private_loginbox #logobar { padding-left: 20px; background-color: #000000; }
#private_loginbox .topPopList { right: 40px; top: 80px; }
#private_loginbox .error { margin: 0; top: 0; font-size: 1.2em; margin-bottom: 10px; }
#private_loginbox #forgotPasswordLink { font-size: 1.2em; }
.reselconfirm .formSubmit { padding-top: 20px; }
@media screen and (max-width: 720px) {
	#private_loginbox .accountLoginView .col { width: 100%; }
}
@media screen and (max-width: 480px) {
	#pl_logo_bar { display: none; }
	.private_login #topbar { display: block; }
	#page.private_login { padding-top: 20px; }
}


/* --- CLEAR ------------------------ */
.clear:after, .basketFlyout li a:after, .basketFlyout .totals:after, .basketFlyout .title:after, .lineView li:after, .wrappingData li:after, .form li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* start commented backslash hack \*/ * html .clear, * html .basketFlyout li a, * html .basketFlyout .totals, * html .basketFlyout .title, * html .lineView li, * html .wrappingData li, * html .form li {
    height: 1%;
}

.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {
    display: block;
}

/* close commented backslash hack */

.sectionHead + .gridView, .sectionHead + .infogridView {
    margin-top: -2px;
}

table {
    font-size: inherit;
    font: 100%;
}

a { color: #434343; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin-bottom: 15px; }
h3 { font-size: 16px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h2, h3, h4, h5 { margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6, b, strong, dt { font-weight: bold; }
ul, ol { margin: 25px 30px; }
li { padding: 3px 0; list-style: square; }
ol li { list-style: decimal; }

.additionalInfo { padding-top: 7px; }
.nextStep { float: right; }

/* --- Checkout basket content ----------------------- */
.basketitems { width: 100%; font-size: 16px; line-height: 1.3em; }
.basketitems .artnr { font-size: 12px; }
.basketitems .thumbCol { width: 100px; }
.basketitems .wrappingCol { width: 120px; }
.basketitems .coutCol { width: 60px; }
.basketitems .priceCol { width: 90px; }
.basketitems .vatCol { width: 60px; }
.basketitems .totalCol { width: 90px; }
.basketitems td { vertical-align: top; border-top: 1px solid #dfe1e2; padding-top: 12px; padding-bottom: 8px; }
.basketitems tr:last-child td {  }
.basketitems th { font-size: 12px; text-align: left; color: #bdbdbd; padding-bottom: 6px; font-weight: 400; vertical-align: top; }
.basketitems .textbox { width: 16px; text-align: right; padding-right: 4px; }
.basketitems tr td:last-child, .basketitems tr th:last-child { text-align: right; padding-right: 5px; }
.basketitems .textbox {
    padding: 4px;
    width: 40px;
}


.billform_comp { position: absolute; bottom: 3px; right: 0; vertical-align: top; line-height: 1.5em; opacity: 0.6; }
.billform_hid label { color: #959595; }
.billform_hid.hid { display: none; }
ul.form .billform_comp label { display: inline; width: auto; }
.account_user .billform_comp { bottom: 80px; }
.account_user ul.form { padding-top: 10px; }
.account_user .collumn p { padding-top: 10px; }

.oxValidateError {
    display: none;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    color: #ff0000;
    margin: 0;
    padding: 5px 0 5px 150px;
}

.oxValidateError span { display: none; }
.oxValidateError span.req { float: none; display: inline; }
.oxInValid label,
.oxInValid p { color: #ff0000; }
.oxInValid input[type="text"],
.oxInValid input[type="password"],
.oxInValid select,
.oxInValid input:focus { border-color: #e40000; background: #fff8f8; }
.oxInValid select { border-style: solid; border-width: 1px; }
.oxInValid .oxValidateError,
.oxInValid .oxValidateError .js-oxError_postError { display:block; }

.form li {
    padding: 5px 0;
    width: 100%;
}



.payment .form label { width: 26%; }
.payment .form input[type="text"] { width: 98%; max-width: 500px; }
.payment .form .card-cvc input[type="text"] { width: 60px; }

.form label.short { width: 90px; padding-right: 5px; line-height: 18px; }
form ul { margin: 0; padding: 0; }
form ol { margin: 0; padding: 0; }
form li { list-style: none; position:relative; }

/* --- form elements  -------------------- */
ul.form label { font-size: 14px; padding-top: 0; margin-left: 0; display: block; line-height: 18px;}

.checkbox { padding: 0; margin: 0; border: none; }
.textbox, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea { border: 1px solid #c6c6c8; background: #fff; padding: 10px; height: auto; line-height: 15px; font-size: 1rem; font-family: Roboto, sans-serif; box-sizing: border-box; }
.textbox:focus, input[type ="text"]:focus {  border-color: #666; }
.areabox {
    padding: 7px;
}
.radiobox, .checkbox {
    margin: 0;
    padding: 0;
    height: 13px;
    width: 13px;
}

.form textarea { float: left; width: 56%; }

select#invCountrySelect,
.form input[type="password"],
.form input[type="text"] { width: 100%;  }

.form input[data-fieldsize="pair-xsmall"] { width: 85%; }
.form input[data-fieldsize="xsmall"] { width: 14%; }

.form input[data-fieldsize="small"] { width: 18%; }
.form input[data-fieldsize="medium"] { width: 86px; }
.form input[data-fieldsize="pair-small"] { width: 81%; }

.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"],

.form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"],

.form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"],

.form input[data-fieldsize="small"] + input[data-fieldsize="small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"],

.form input[data-fieldsize="medium"] + input[data-fieldsize="medium"],
.form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] {
    margin-left: 0;
}

.form input[data-fieldsize="xsmall"] + .form input,
.form input[data-fieldsize="xsmall"] + css3-container + .form input {
    margin-left: 10px;
    margin-right: 0;
}

.form input[data-fieldsize="verify"] {
    width: 103px;
}


.checkoutCollumns input#userLoginName, .checkoutCollumns input#userPassword, .checkoutCollumns input#userPasswordConfirm {
    width: 48%;
}

.inlineForm .notice { display: block; clear: both; }
.inlineForm button { margin-left: 5px; }
.verify img { float: left; margin: 1px 5px 0 0; }

a.submitButton {
    color: #fff;
    padding: 2px 17px;
    font-weight: bold;
}
.prevStep { float: left; }
.inputNote {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 0 0 0;
    color: #666;
}
.payment .desc { margin-bottom: 15px; }
.payment dl {
    padding-bottom: 10px;
}
.payment dt {
    margin: 0;
}
.payment dl dd {
    display: none;
    margin-left: 25px;
}
.payment dl dd.activePayment {
    display: block;
}

/* --- Main page error or messages -----------*/
.status {
	border: 2px solid #fed8d2;
    padding: 8px 15px 8px 30px;
    margin-bottom: 15px;
    font-size: 14px;
}
.error {
    color: #4b0b0b;
    border: 2px solid #fed8d2;
    background: #ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px;
	margin: 20px;
	top: 20px;
	position: relative;
}
.checkoutPadder .error { margin: 0; }
.warning {
    color: #4b0b0b;
    border: 2px solid #eedd84;
    background: #fcf8e3 url(../../img/error-inline.png) no-repeat 12px 11px;
	margin: 0;
	top: 20px;
	position: relative;
}
.success {
    border: 2px solid #edf8cb;
    color: #323b16;
    background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px;
}
.status p {
    margin: 0;
}
.inlineError {
    color: #e70404;
    background: url(../../img/error-inline.png) no-repeat 0 3px;
    padding-left: 15px;
}


/* --- RSS link ----------------------------- */
a.rss { text-decoration:none; float: right; height:16px; margin:1px 0; position: relative; }
a.rss img { position: relative; z-index: 11; }
a.rss span { visibility: hidden; display: block; position: absolute; white-space: nowrap; right: -6px; font-size: 12px; top: -5px; color: #7F7F7F; padding: 5px 30px 0px 8px; height: 21px; z-index: 5; }
a.rss:hover span { visibility: visible; }

/* --- ZOOM CLOUD ----------------------------- */
    /* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens { border: 1px solid #d7d7d7; margin:-1px;    /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

    /* This is for the title text. */
.cloud-zoom-title {
    font-family:Arial, Helvetica, sans-serif;
    position:absolute !important;
    background-color:#000;
    color:#fff;
    padding:3px;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    top:0px;
}

    /* This is the zoom window. */
.cloud-zoom-big {
    overflow:hidden;
    background-repeat: no-repeat;
    background-color: #fff;
}

    /* This is the loading message. */
.cloud-zoom-loading {
	display: block;
	top: 120px;
	padding-top: 120px;
    color: #000;
    background: #fff;
    padding: 0px;
}

/* ---- ajax loading icon -----------------------------*/

.loadingfade {
    background: #fff;
    z-index : 5000;
}
.loadingiconbg {
    background: url(../../img/loading_bg.png) no-repeat center center;
    z-index : 5001;
}
.loadingicon {
    background: url(../../img/loading.gif) no-repeat center 210px;
    z-index : 5002;
}

/* dealer list */
#dealerlist .item { width: 33%; min-height: 100px; margin-bottom: 20px; float: left; }

/*#navGrip { display: none; position: absolute; top: 120px; right: -32px; width: 24px; padding-left: 2px; height: 100px; background-color: #6c6c6c; cursor: pointer; z-index: 2001; }*/
#navGrip { display: none; position: fixed; top: 120px; left: 4px; width: 24px; padding-left: 2px; height: 100px; background-color: #6c6c6c; cursor: pointer; z-index: 2001; transition: transform 0.2s; }
#navGrip { background-image: url(/out/bindewerk/img/nav-grip-retina.jpg); background-size: 13px 81px; background-repeat: no-repeat; background-position: 2px top; }
#navGrip { border-top-right-radius: 4px; border-bottom-right-radius: 4px;-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.3);
box-shadow: 3px 0 3px 0 rgba(0,0,0,0.3); }
#navGripM { display: none; box-sizing: border-box; position: relative; background-color: #fff; cursor: pointer; z-index: 2001;}
#navGripM .grip { padding-top: 18px; padding-left: 13px; padding-right: 13px; box-sizing: border-box; position: relative; }
#navGripM .grip div { position: relative; height: 0px; font-size: 0px; border-top: 2px solid #000000; }
.b1 { top: 0; }
.b2 { top: 5px; }
.b3 { top: 10px; }

#clicktrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background: rgba(0,0,0,0.3); }

/* langsel */
.topPopList { position: relative; margin-left: 20px; display: inline-block; text-align: left; }
.topPopList li.active span{ padding-right:10px; background:url(../bg/arrow-down.gif) no-repeat 100% 5px; }
.flyoutBox { position:absolute; display:none; top: 3px; left: 0px; z-index: 15; }
.selectedValue { padding-left: 10px; margin-top: 11px; }

.selectedValue a{
    font-size:10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height:20px;
    padding-right: 0;
    background:url(../bg/arrow-down.gif) no-repeat 100% 5px;
}
.flyoutBox ul {
    border: 1px solid #b4b8b8; background-color: #ffffff;
    list-style: none;
    padding: 0;
}

/* --- currency and language flyouts ----- */
#currencies,
#languages,
.flyoutMenu {
    font-size: 10px;
    padding: 0;
    margin: 0;
}

#currencies li,
#languages li,
.flyoutMenu li {
    list-style: none;
    padding: 0;
}


#currencies li:first-child,
#languages li:first-child,
.flyoutMenu li:first-child {
    border: none;
}

#currencies a,
#languages a,
.flyoutMenu a {
  display: block;
  zoom: 1;
  min-width: 20px;
  box-shadow: none;
  text-decoration: none;
  line-height: 13px;
  font-weight:700;
  color:#29373C;
}

#languages a {
    width: 20px;
	padding: 9px; 
}

#currencies a:hover,
#languages a:hover,
#currencies a.selected,
#languages a.selected ,
.flyoutMenu a:hover,
.flyoutMenu a.selected{
  color: #fff;
  
}
#languages a:hover { background-color: #efefef; }

#languages a span,
.selectedValue a.flag span{
    text-indent: -9999px;
    display: block;
}

#languages a.flag span,
.selectedValue a.flag span{
    background-image:url(../../img/lang/blank.png) ;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.selectedValue a.flag span{
    background-position: 0 2px;
}

.selectedValue a.flag{
    display: inline-block;
    width: 20px;
    line-height:15px;
}
#languageTrigger.selectedValue a{
    background-image: none;
}

#languages li.active a {
   background-image:none;
}
/* extra gutschein */
.details.gutschein  #productTitle  { display: none;  }
.details.gutschein  .pictureCol  { margin-top: 28px;  }
.details.gutschein .gutschein_headtext  { font-size: 1.6em; line-height: 1.3em; font-weight: 300; padding-right: 2em; box-sizing: border-box; }
.details.gutschein .gutschein_headtext h2  { 
    font-size: 2em;
    font-weight: 300;
    line-height: 1.2em; }
	
/* Anmeldeform Reseller */
.cr_ipe_item.inactive { visibility: hidden; height: 1px; overflow: hidden; }
.cr_ipe_item.submit_container { margin-bottom: 16px; }
.cr_ipe_item label { display: block; }
.cr_ipe_item input { padding: 4px; width: 250px;  }
.cr_ipe_item.submit_container { margin-top: 15px; }
.clever_form_error { border: 1px solid #f22 !important; }

/* popup */
.popup { background: #ffffff; }
.popup #content { background: #ffffff; }
.popup .cmsContent, .checkoutPadder.forgotpw { width: 100%; margin: 0 auto; max-width: 600px; background: #ffffff; padding-bottom: 20px; }
@media screen and (min-width: 620px) {
	.popup .cmsContent, .checkoutPadder.forgotpw { padding-top: 60px; }
}

/* responsive */
@media screen and (max-width: 1300px) {
	#page {max-width: 1100px; }
	.gridView .textBlock { padding: 0; }
	.gridView .priceBlock { left: 0; }
	
	.detailsInfo .pictureCol { width: calc(100% - 320px - 20px); }
	.detailsInfo #productTitle, .detailsInfo .information { width: 320px; }
	
	.starttext  { padding: 0 60px; }
	
	#footer { margin: 0 auto; max-width: 1040px; padding-left: 30px; padding-right: 30px; }
}

@media screen and (max-width: 1150px) {
	.sidebarLeft #contentwrapper { padding-left: 240px; }
	.gridView li { width: 33.333%; }
	.alist ul.subcatList li { width: 33.333%; }
}

@media screen and (max-width: 1018px) {
	body { background-image: none; }
	#maincontent { width: auto; }
	div#bottomspace { display: none; }
	div#footer { height: auto; padding-bottom: 80px; }
	div#footer.reseller { height: auto; padding-bottom: 80px; }
	

	
}

@media screen and (min-width: 981px) {
	.cleancheckout #claim, .cleancheckout #topbar, .cleancheckout #prenav, .cleancheckout #topnav, .cleancheckout #searchBox, .cleancheckout #langsel, .cleancheckout #top_basket { display: none; }
	.cleancheckout #header { height: 80px; }
	.cleancheckout #maincontent { padding-left: 25px; padding-right: 25px; }
	.cleancheckout .ordernextbar .largeButton { min-width: 320px; }
	a.cta.continueshopping { display: block; }
}


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

	div#loginBox { width: auto; }
	div#loginBox span.dt { display: none; }
	/* nav sidebar hidden*/
	#sidebar { left: -237px; top: -100px; width: 227px; display: block; }
	#sidebar .tree { background-image: none; }
	.sidebarLeft #contentwrapper { padding-left: 0; }
	#header { margin: 0; width: 100%; }
	#content { padding-right: 0; }
	#navGrip { display: block; }
	#footer { padding-left: 4%; padding-right: 0; margin: 0; }
	#footer .col1, #footer .col2, #footer .col3, #footer .col4 { margin: 0 auto; }
	/* navi-offset  */
	.nav-open #page, .nav-open #navGrip, .nav-open #footer_bar { transform: translateX(250px); }
	
	/* header mobile */
	a#floatinglogo, .topPopList, #claim, #topnav, #space_for_head { display: none; }
	#sidebar .topnav { display: block; }
	#maincontent { padding-top: 30px; }
	.sidebarLeft #maincontent { padding-right: 15px; }
	.details.sidebarLeft #maincontent { padding-top: 20px; }
	#header { position: absolute; background-image: none; height: 50px; background-color: #000000;  left: 0; right: 0; top: 0; z-index: 9999; transition: top 0.2s; }
	#header.auto-offset { position: fixed;  }
	#header.auto-offset.scrolling-down { top: -50px; transition: top 0.2s; }
	#header.auto-offset.scrolling-up { top: 0; transition: top 0.2s; }
	#page { padding-top: 50px; }
	#topbar { width: 100%; margin-left: 0; display: block; }
	#topbar { top: 0; left: 0; border: none; height: 50px; }
	.details div#locatorBar { display: none; }
	div#overviewLink { display: block; }

	div.detailsLocator { top: -28px; }
	div.listLocator, div.listRefine { top: -30px; }
	div#loginBox { top: 26px; left: 46%; }
	
	#mobSearchButton, #mobMyAccButton { background-position: center 16px; }
	div#top_basket span { font-size: 15px; }
	div#top_basket span.dt { display: none; }
	div#top_basket, div#top_basket { border: none; border-radius: 0;  top: 0; right: 0;  }
	div#top_basket a.basketlink { width: 100%; height: 50px; width: 50px; position: relative; box-sizing: border-box; }
	div#top_basket .count { display: block; position: absolute; font-size: 10px; line-height: 16px; font-family: Arial, sans-serif; font-weight: bold; color: #fff; background: #d44259; width: 16px; height: 16px; border-radius: 8px; text-align: center; top: 8px; right: 10px;}
	div#top_basket .count.c0 { display: none; }
	div#top_basket .cart-icon { opacity: 1; }
	
	div.checkoutPadder { padding-top: 40px; }
	.checkoutSteps { margin-top: 10px; }
	#sidebar { top: -30px; }
	.list div.refineParams { display: none; }
	
	#navGrip { display: none; }
	#navGripM  { display: block; }
	#navGripM { position: absolute; top: 0; left: 0; width: 50px; height: 50px;  font-size: 40px; background-image: none; }
	
	/* search mobile */
	a#myacc { display: none; }
	#mobSearchButton, #mobMyAccButton { display: block; }
	div#searchBox { top: 0; left: 50px; width: 50px; }
	div.searchBox { display: none; margin-left: 0; left: -50px; right: auto; width: 100vw; height: auto; top: 50px; padding: 12px; background-color: #6c6c6c; z-index: 2002; } 
	div.searchBox input.textbox { background-color: #eaeaea; border: none; width: calc(100% - 74px); height: 40px;  font-size: 18px; color: #000000; }
	div.searchBox input.searchSubmit { display: inline-block; width: 40px; height: 40px; background-color: #000000; border-radius: 4px; background-position: 8px 12px; }
	label.innerLabel { bottom: 22px; font-size: 1.8em; left: 16px; }
	div#loginBox { top: 30px; left: 55%; }
	
	.sectionHead, .blockhead { padding-left: 0; padding-right: 0; }

	
	div#newItemMsg { width: 270px; right: 0; padding: 14px; padding-bottom: 60px; }
	div#newItemMsg a#nimcloser { left: 14px; }
	div#newItemMsg a#nimcheckout { right: 14px; }
	div#newItemMsg:before { right:8px; }
	div#newItemMsg:after { right:10px; }
	
	.corp-kv .txt h1 { font-size: 3em; }
	.corp-kv .txt p { font-size: 1.8em; }
	.wm-gallery .item { width: 33.33%; }

	#preheader_mobil { display: block; }
	#preheader { display: none; }

	.cal_over { left: 26px; bottom: 26px; width: 20vw; }
}

@media screen and (max-width: 800px) {
	.start_shopwrap { padding-left: 0; padding-right: 0; }
	ul.subcatList { margin-left: 0; margin-right: 0; }
	ul.subcatList li { width: 100%; }
	.start ul.subcatList div.box { border-left: none; border-right: none; }
	
	.starttext  { padding: 0 15px; }
}

@media screen and (max-width: 760px) {
	/*
	.gridView { padding: 0 2.4% 40px 2.4%; }
	.gridView li { width: 33.333%; }*/
	#footer div.copyright { left: 7%; }
	#footer div.deliveryinfo { left: 40%; }
	
	#footer div.resellertext { position: relative; width: 90%; float: none; }
	#footer div.resellertext:first-child { position: relative; width: 90%; float: none; }


	div.checkoutPadder { padding-top: 10px; }
	.checkoutSteps li.step1, .checkoutSteps li.step2, .checkoutSteps li.step3, .checkoutSteps li.step4 { width: 24%; }

	
	.basket-xtra-links { position: relative; bottom: auto; padding-top: 30px; padding-bottom: 10px; height: auto; }
	.couponBox  { display: block; position: relative; top: auto; }
	.couponBox label { /*display: block; */ }
	.couponBox .textbox { margin-left: 0; }
	.basket-voucher-link { margin-bottom: 8px; }
	
	.checkoutCollumns .collumn, .addressCollumns .collumn { width: 100%; padding-right: 0; }
	.checkoutCollumns input#userLoginName, .checkoutCollumns input#userPassword, .checkoutCollumns input#userPasswordConfirm { width: 100%; }
	.addressCollumns { padding-left: 0; }

	.homeNavi ul li a { font-size: 1.3em; padding-left: 12px; }
	.de.langlink { left: 120px; }
}

@media screen and (max-width: 730px) {
	div.colorSelect { width: 100%; }
}
@media screen and (max-width: 680px) {
	
	/*.gridView { padding: 0 4% 40px 4%; }*/
	.gridView li { width: 50%; }
	.alist ul.subcatList li { width: 50%; }
	
	h1.sclaim { font-size: 3em; }
	ul.subcatList h2, ul.subcatList h3 { font-size: 2.8em; }
}

@media screen and (max-width: 610px) {
	.detailsInfo .pictureCol { width: auto; margin-left: -10px; margin-right: -10px; clear: both; float: none; margin-top: 16px; }
	.rsThumbsHor { padding: 0 10px 4px 10px; }
	.detailsInfo .information { width: 90%; clear: both; float: none; margin: 0 auto; }
	.detailsInfo #productTitle { width: 90%; clear: both; float: none; margin: 0 auto; padding-top: 24px; }
	div.colorSelect { width: 100%; }
	#toBasketWrapper { margin-left: auto; margin-right: auto; }
	.reseller button#toBasket { max-width: none; }
		
	.priceCol { display: none; }
	.basketitems .totalCol { width: auto; }
	.basketitems .thumbCol { width: 18%; }
	.basketImage img { width: 80%; }
	
	div#stage, div.welcome { width: 98%; }
	#dealerlist .item { width: 50%; }
	.homeNavi .navcol { width: 98%; }
	#private_loginbox { width: 100%; margin: 0 auto; }
	
	/* text nach unten */
	.detailsInfo .information { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; padding-top: 0; }
	.productMainInfo { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; padding-top: 25px; }
	
	/* Title nach oben */
	.detailsInfo { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
	.detailsInfo .pictureCol { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; }
	.detailsInfo .information { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; }
	.longDescription .sectionHead { display: block; margin-left: 0; font-size: 24px; }
	.socialWrap { display: none; }
	
	.wm-gallery .item { width: 50%; }
	.starttext  { padding: 0; }

}

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

	.checkoutSteps span.dt { display: none; }

	#footer .col { width: 50%; }
	#footer div.deliveryinfo { left: 12%; bottom: 40px; }
	#footer div.copyright { left: 12%; }
	
	/* navi-offset  */
	.nav-open #page, .nav-open #footer_bar { transform: translateX(250px); }
	.nav-open #navGrip { transform: none; }
	.nav-open #header { top: 0; position: absolute; transition: none; }
	
	.couponBox { width: 100%; }
	.couponBox .textbox { margin: 0; width: 50%; }
	.couponBox .lightbutton { margin: 0; width: 45%; }
	.couponBox .lightbutton span { display: none; }
	
	.checkoutOptions .option, .accountLoginView .col { width: 100%; }
	.checkoutOptions .option:first-child, .accountLoginView .col:first-child { margin-right: 0; }
	.lineBox p { padding: 0; }
	
	#shipSetCost { display: block; padding-left: 0; padding-top: 20px; }

	div#breadCrumb h2 { font-size: 1.7em; font-weight: 400; }
	
}

@media screen and (max-width: 490px) {
	.alist ul.subcatList .cta { min-width: auto; width: 100%; font-size: 11px; padding: 10px 18px 8px 9px; }
	.alist ul.subcatList .cta::after { right: 10px; top: 0px; }
}

@media screen and (max-width: 460px) {
	button.nextStep { width: 52%; padding-left: 0; padding-right: 0; }
	.paypal-express-checkout-button button { margin: 0; padding-left: 0; padding-right: 0; width: 47%; margin-right: 1%; }
	#userNextStepTop, #userNextStepBottom, #paymentNextStepBottom, #paymentNextStepTop, #orderConfirmAgbBottom button.nextStep { width: auto; padding-left: 35px; padding-right: 35px; }
	
	
	#maincontent, .sidebarLeft #maincontent { padding-left: 15px; padding-right: 15px; }
	
	.page { display: none; }
	#footer .col { width: 100%; }
	
	.form label, .payment .form label { width: 98%; padding-right: 0; }
	.form textarea { width: 98%; padding-right: 0; }
	select#invCountrySelect, .form input[type="password"], .form input[type="text"] { width: 100%; }
	.form input[data-fieldsize="pair-xsmall"] { width: 79%; }
	.form input[data-fieldsize="xsmall"] { width: 19%; }
	.form input[data-fieldsize="small"] { width: 29%; }
	.form input[data-fieldsize="medium"] { width: 86px; }
	.form input[data-fieldsize="pair-small"] { width: 69%; }
	ul.form label[for=subscribeNewsletter] { max-width: 136px; }
	.form .note, .payment .form .note { padding-left: 0; }
	
	#dealerlist .item { width: 100%; }
	
	h1.sclaim { font-size: 2.6em; }
	ul.subcatList h2, ul.subcatList h3 { font-size: 2.6em; }
	ul.subcatList { margin-left: -8px; margin-right: -8px; width: auto; }
	ul.subcatList div.box { border-left-width: 8px; border-right-width: 8px; }
	.categoryPictureWrap { padding-left: 0; padding-right: 0; }
	.cal_over { left: 10px; width: 24vw; }
	div#locatorBar { padding-left: 0; }
	ul.gridView { margin-left: -8px; margin-right: -8px; }
	#breadCrumb { letter-spacing: -0.01em;}
}
@media screen and (max-width: 420px) {
	
	.detailsInfo .information { width: 100%; }
	.detailsInfo #productTitle { width: 100%; }

	button#toBasket { width: 100%; padding-left: 0; padding-right: 0; max-width: 260px; }
	
	.summary { width: 100%; }
		
	.homeNavi ul li a { background-image: none; padding-left: 10px; font-size: 0.8rem;}
	.de.langlink { left: 140px; }
	
	.whatispaypal { display: none; }
	.wm-box .txt, .corp-kv .txt, ul.subcatList .subCatText { padding-left: 0; padding-right: 0; }
	
	button.largeButton { font-size: 0.9rem; padding-top: 13px; padding-bottom: 13px; }
}
@media screen and (max-width: 370px) {
	button.nextStep { width: 51%; padding-left: 0; padding-right: 0; }
	#userNextStepTop, #userNextStepBottom, #paymentNextStepBottom, #paymentNextStepTop, #orderConfirmAgbBottom button.nextStep { width: 100%; padding-left: 0; padding-right: 0; }
	
		/* einspaltig */
	.gridView {  font-size: 12px; }
	.gridView li { width: 100%; }
	.alist ul.subcatList li { width: 100%; }
		/* groessere Darstellung*/
	.gridView li { height: auto; padding-bottom: 20px; }
	.gridView li .gridPicture { width: 80%; }
	.gridView .textBlock { padding-left: 10%; max-width: none; width: 80%; height: auto; padding-bottom: 10px; /*font-size: 1.5em;*/ }
	.gridView .priceBlock { left: auto; position: relative; padding-top: 6px; }
	
	.gridView li .gridPicture { width: 100%; }
	.gridView .textBlock { padding-left: 0; width: 100%; height: auto; padding-bottom: 10px; /*font-size: 1.5em;*/ }
	
	.wm-gallery .item { width: 100%; }

	.alist ul.subcatList .cta { font-size: 14px; padding: 9px 30px 7px 14px; }
	.alist ul.subcatList .cta::after { right: 10px; }
}