﻿#shopBikeInfoPage1 li{list-style-type:none}
#shopBikeInfoPage1 .shopBikeInfoTyp li, #shopBikeInfoPage1 .shopBikeInfoMarken .brandBox{width:23%;margin-right:2%;margin-bottom:12px;float:left}
#shopBikeInfoPage1 .shopBikeInfoTyp a{font-size:12px;font-size:1.2rem;text-transform:uppercase;text-decoration:none;font-weight:bold;display:block;text-align:center;padding-top:12px;padding-bottom:12px}
#shopBikeInfoPage1 .shopBikeInfoMarken .brandBox{background:#fff;height:80px}
#shopBikeInfoPage1 .shopBikeInfoMarken .brandName{width:100%;text-align:center}
#shopBikeInfoPage1 .shopBikeInfoMarken .brandName figure{max-width:100%;height:80px;display:inline-block}
#shopBikeInfoPage1 .shopBikeInfoMarken .brandName img{max-width:100%;height:auto;max-height:80px;width:auto\9}
#shopBikeInfoPage1 .shopBikeInfoMarken a.logoLink{width:100%}
#shopBikeInfoPage1 .shopBikeInfoMarken ul{display:none}
@media screen and (max-width:767px){#shopBikeInfoPage1 .shopBikeInfoTyp li{width:48%}
#shopBikeInfoPage1 .shopBikeInfoMarken .brandBox{width:31.333%}}
#shopBikeInfoPage2 .imgBox{float:left;width:31.333%;margin-right:2%;position:relative}
#shopBikeInfoPage2 .imgBox figure{background-color:#fff;padding:10px}
#shopBikeInfoPage2 .specs p{position:relative;display:block;width:100%}
#shopBikeInfoPage2 .specName{font-weight:bold;width:100px;display:inline-block}
#shopBikeInfoPage2 .hauspreis .preis{font-size:2.4rem;font-weight:700;color:#b5123e}
#shopBikeInfoPage2 .uvpPreis .preis{text-decoration:line-through}
#shopBikeInfoPage2 p.typ{display:none}
#shopBikeInfoPage2 .shopBikeInfoPage2Buttons{position:relative}
#shopBikeInfoPage2 .shopBikeInfoPage2Buttons a{margin-right:10px}
@media screen and (max-width:767px){#shopBikeInfoPage2 .imgBox{width:100%}
#shopBikeInfoPage2 .specs span{float:left}
#shopBikeInfoPage2 .specs span.specName{display:block;width:31.333%;margin-right:2%}
#shopBikeInfoPage2 .specs span.spec{display:block;width:66.666%}
#shopBikeInfoPage2 .specs p:last-of-type:after{content:".";display:block;height:0;clear:both;visibility:hidden}}
#shopBikeInfoPage3 div.imgBox{position:relative;float:left;width:48%;margin-right:2%}
#shopBikeInfoPage3 div.logo{float:right;margin-left:1%}
#shopBikeInfoPage3 div.logo span{display:table-cell;height:80px;width:150px;margin-left:1%;background-color:#FFF;text-align:center;vertical-align:middle}
#shopBikeInfoPage3 div.imgBox a.imgZoom{background:url(../media/iconZoom.png) center center no-repeat #fff;background:url(../media/iconZoom.png) center center no-repeat rgba(255,255,255,.5);box-shadow:0 0 2px #ccc;box-shadow:0 0 2px rgba(0,0,0,.1);border-radius:3px;height:26px;width:26px;padding:5px;position:absolute;bottom:10px;right:10px;filter:alpha(opacity = 60);-ms-filter:"alpha(opacity = 60)";opacity:.6}
#shopBikeInfoPage3 div.imgBox:hover a.imgZoom{filter:alpha(opacity = 90);-ms-filter:"alpha(opacity = 90)";opacity:.9}
#shopBikeInfoPage3 .imgBox figure, #shopBikeInfoPage3 .logo figure{background-color:#fff}
#shopBikeInfoPage3 .imgBox figure{padding:10px}
#shopBikeInfoPage3 .logo img{background-color:#fff;padding:10px}
#shopBikeInfoPage3 p.optionalText{margin-bottom:40px;text-align:justify}
#shopBikeInfoPage3 div.uvp .preis{background-image:url(../media/layout/streichpreis.png);background-repeat:no-repeat;background-size:100% 28px;height:28px;display:inline-block}
#shopBikeInfoPage3 div.uvp .currency{margin-left:2px}
#shopBikeInfoPage3 div.variants{margin-bottom:45px}
#shopBikeInfoPage3 div.variants table{width:100%}
#shopBikeInfoPage3 div.variants table tr{border-bottom:1px solid white}
#shopBikeInfoPage3 div.variants table td {height:30px;vertical-align:middle;}
#shopBikeInfoPage3 div.variants a.tooltips {position: relative;display: inline;}
#shopBikeInfoPage3 div.variants a.tooltips span {position: absolute;width:140px;color: #FFFFFF;background: #303032;height: auto;line-height: 20px;text-align: center;visibility: hidden;border-radius: 5px;}
#shopBikeInfoPage3 div.variants a.tooltips span:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -8px;width: 0; height: 0;border-top: 8px solid #303032;border-right: 8px solid transparent;border-left: 8px solid transparent;}
#shopBikeInfoPage3 div.variants a:hover.tooltips span {visibility: visible;opacity: 1;bottom: 15px;left: 50%;margin-left: -69px;z-index: 999;}	
#shopBikeInfoPage3 div.hauspreis{display:inline-block}
#shopBikeInfoPage3 div.hauspreis .preisBox{color:#b5123e}
#shopBikeInfoPage3 div.hauspreis .preis{font-weight:bold;font-size:24px;font-size:2.4rem}
#shopBikeInfoPage3 div.hauspreis .cent{font-size:14px;position:absolute;margin-top:-2px}
#shopBikeInfoPage3 div.hauspreis .currency{margin-left:18px}
#shopBikeInfoPage3 a.linkBikeZoom span{background:url("media/layout/360ico.png") left top no-repeat}
#shopBikeInfoPage3 .tabBox{margin-bottom:12px;margin-bottom:1.2rem}
#shopBikeInfoPage3 ul.tabs{margin:0;padding:0;list-style:none}
#shopBikeInfoPage3 .tabBox ul.tabs > li{list-style-type:none}
#shopBikeInfoPage3 ul.tabs li{list-style-type:none}
#shopBikeInfoPage3 ul.tabs li a, #shopBikeInfoPage3 ul.tabs li span{text-decoration:none;color:#fff;display:block;font-size:15px;padding:0 10px;outline:none;text-transform:uppercase}
#shopBikeInfoPage3 ul.tabs .moreSpecs{display:none}
#shopBikeInfoPage3 .tab_container .trZeile{width:100%;display:table-row;line-height:20px;height:65px}
#shopBikeInfoPage3 .tab_container .specName, #shopBikeInfoPage3 .tab_container .spec{display:table-cell;padding-right:20px;vertical-align:middle}
#shopBikeInfoPage3 .tab_container .specName{text-transform:uppercase;padding-left:10px}
#shopBikeInfoPage3 .tab_container .spec{width:100%;padding-left:10px}
#shopBikeInfoPage3 .tab_container #specs, #shopBikeInfoPage3 .tab_container #moreSpecs{width:49%}
#shopBikeInfoPage3 .tab_container #specs{float:left;margin-right:1%}
#shopBikeInfoPage3 .tab_container #moreSpecs{float:right;margin-left:1%}
#shopBikeInfoPage3 .box{position:relative}
#shopBikeInfoPage3 .preise{position:absolute;right:0;bottom:0;margin-bottom:12px}
#shopBikeInfoPage3 #tabInfo a.button{margin-right:10px}
@media screen and (max-width:767px){#shopBikeInfoPage3 .tab_container #specs, #shopBikeInfoPage3 .tab_container #moreSpecs{float:none;width:100%;height:auto;overflow-y:auto;margin:0;margin-bottom:12px}
#shopBikeInfoPage3 div.logo{display:none}
#shopBikeInfoPage3 .preise{position:relative}
#shopBikeInfoPage3 div.imgBox{position:relative;float:none;margin:0;width:100%}}
@media screen and (min-width:768px){#shopBikeInfoPage3 .tab_container #specs, #shopBikeInfoPage3 .tab_container #moreSpecs, #shopBikeInfoPage3 .tabBox h3{max-height:500px;overflow-y:auto}}
#shopContent .shopContentImage{float:left;width:31.333%;margin-right:2%}
#shopContent .shopContentImage figure{position:relative;width:auto}
#shopContent .shopContentImage figure, #shopContent iframe, #shopContent .shopContentGallery figure{background-color:#fff}
#shopContent .shopContentImage figure, #shopContent iframe{padding:10px}
#shopContent .shopContentGallery a{margin:10px;display:block}
#shopContent .shopContentGallery figure{float:left;width:18%;margin-right:2%;box-sizing:border-box;margin-bottom:12px;margin-bottom:1.2rem}
#shopContent .shopContentGallery{}
#shopContent .shopContentLinkShowPDF, #shopContent .shopContentLinkShowForm, #shopContent .shopContentLinkShowGallery{display:inline-block;margin-right:10px}
#shopContent .ShopContentText h2:before{display:none}
@media screen and (max-width:767px){#shopContent .shopContentImage{width:100%;margin-right:0;float:none}
#shopContent .shopContentGallery figure{width:31.333%;margin-right:2%}}
#shopCoupons .BikeCouponMessage{color:red;font-weight:bold;text-transform:uppercase}
.BikeCouponConditions{overflow:auto;height:180px;border:1px solid;border-color:#CCCCCC;padding:5px}
#shopCoupons td.shopCouponLeftCol{width:30%}
#shopCoupons .mandatory{white-space:nowrap}
#shopCoupons .mandatory p{width:30%;padding-left:10px}
#shopCoupons p{display:inline-block}
#shopCoupons input[type="text"], textarea, select{display:inline-block;width:auto;min-width:50%}
table.BikeCouponFormSum{width:100%}
table.BikeCouponFormSum td{padding-right:10px;vertical-align:top}
#shopCoupons .frmCodID{vertical-align:middle;padding-right:10px}
#shopCoupons .frmCodID:first-of-type{padding-right:5px}
#shopCoupons .BikeCouponTextHint p{font-style:italic}
.shopMarken{width:100%}
.shopMarken li{list-style-type:none}
.shopMarken .shopMarkeOnbikex{line-height:18px;line-height:1.8rem}
.shopMarken .shopMarkenWrapper, .shopMarken .shopMarke .shopMarkeLogo{}
.shopMarken .shopMarkenWrapper{display:block;float:left;background-color:#fff;width:18%;margin-right:2%;margin-bottom:12px;margin-bottom:1.2rem}
.shopMarken .shopMarke{margin:0;display:table;width:100%;position:relative}
.shopMarken .shopMarke .shopMarkeLogo{display:table;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center}
.shopMarken .shopMarke .shopMarkeText{display:table-cell;width:100%;vertical-align:middle;text-align:center;height:90px;color:#999}
.shopMarken .shopMarke a{color:#fff;padding:10px;display:block;line-height:1}
.shopMarken .shopMarke li{float:left;overflow-x:visible !important;overflow-y:visible !important;padding:0;margin:0;box-sizing:border-box}
.shopMarken .shopMarke li ul{position:absolute;display:none;top:5px;left:5px;z-index:1;width:100%}
.shopMarken li.shopMarkeAngebote{display:none}
.shopMarken .shopMarke li:hover ul{display:block}
@media screen and (min-width:768px) and (max-width:979px){.shopMarken .shopMarkenWrapper{width:24%}}
@media screen and (max-width:767px){.shopMarken .shopMarkenWrapper{width:32.333%}}
#shopOffer .shopOfferLogo, #shopOfferTopSelection .shopOfferTopLogo{display:none}
#shopOffer .shopOfferImage, #shopOfferTopSelection .shopOfferTopImage{position:relative}
#shopOfferTopSelection .shopOfferTopImage:after, #shopOffer .shopOfferImage:after{content:"";background:url(../media/iconZoom.png) center center no-repeat #fff;background:url(../media/iconZoom.png) center center no-repeat rgba(255,255,255,.5);box-shadow:0 0 2px #ccc;box-shadow:0 0 2px rgba(0,0,0,.1);border-radius:3px;height:26px;width:26px;padding:5px;position:absolute;bottom:5px;right:5px;filter:alpha(opacity = 60);-ms-filter:"alpha(opacity = 60)";opacity:.6}
#shopOfferTopSelection .shopOfferTopImage:hover:after, #shopOffer .shopOfferImage:hover:after{filter:alpha(opacity = 90);-ms-filter:"alpha(opacity = 90)";opacity:.9}
#shopOfferTopSelection .shopOfferTopImage.noImage:after, #shopOffer .shopOfferImage.noImage:after{display:none}
#shopOffer .shopOfferImage figure, #shopOfferTopSelection .shopOfferTopImage figure{background-color:#fff}
#shopOffer .shopOfferImage figure a, #shopOfferTopSelection .shopOfferTopImage figure a{display:block;height:100%;width:100%}
#shopOffer .shopOfferPriceOldPrice, #shopOfferTopSelection .shopOfferTopPriceOldPrice{text-decoration:line-through}
#shopOffer .shopOfferPriceOldText span, #shopOfferTopSelection .shopOfferTopPriceOldText span{display:none}
#shopOffer .shopOfferPriceNewText, #shopOfferTopSelection .shopOfferTopPriceNewText{margin-bottom:12px;margin-bottom:1.2rem;display:block}
#shopOffer .shopOfferPriceNewPrice, #shopOfferTopSelection .shopOfferTopPriceNewPrice{font-size:24px;font-size:2.4rem}
#shopOffer .shopOfferPriceOld > span, #shopOfferTopSelection .shopOfferTopPriceOld > span, #shopOffer .shopOfferPriceNew > span, #shopOfferTopSelection .shopOfferTopPriceNew > span{padding-right:5px}
#shopOffer .shopOfferPriceOld > span:last-of-type, #shopOfferTopSelection .shopOfferTopPriceOld > span:last-of-type, #shopOffer .shopOfferPriceNew > span:last-of-type, #shopOfferTopSelection .shopOfferTopPriceNew > span:last-of-type{padding-right:0}
@media screen and (min-width:768px) and (max-width:979px){#shopOffer:not(.shopOfferDetails ) .shopOfferPriceNewPrice, #shopOfferTopSelection .shopOfferTopPriceNewPrice{font-size:18px;font-size:1.8rem}}
@media screen and (max-width:767px){#shopOffer:not(.shopOfferDetails) .shopOfferBoxInfo, #shopOfferTopSelection .shopOfferTopBoxInfo{width:100%}
#shopOffer .shopOfferBoxInner, #shopOfferTopSelection .shopOfferTopBoxInner{padding-bottom:0}
#shopOffer:not(.shopOfferDetails ) .shopOfferImage, #shopOfferTopSelection .shopOfferTopImage{width:100%}}
@media screen and (max-width:767px){#bikeNews .BikeNewsContent figure{display:inline-block;float:left;margin:0 20px 10px 0;width:50%;width:calc(50% - 20px)}
#bikeNews .BikeNewsContent p{margin-top:0}}
#shopMovies .ShopMoviesTeaser{margin-bottom:12px}
#shopMovies .ShopMoviesTeaser > div{padding-left:10px;padding-right:10px}
.shopMoviesWrapper{margin-bottom:12px}
#shopMovies .ShopMoviesTeaserImg figure{background-color:#fff;padding:10px}
.shopMovie .embed-container{height:0;width:100%;padding-bottom:56.25%;overflow:hidden;position:relative;margin-bottom:12px}
.shopMovie .embed-container object, .shopMovie .embed-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}
@media screen and (min-width:768px){.shopMoviesHome #shopMovies .ShopMoviesTeaser{height:400px}}
@media screen and (max-width:768px){#shopMovies .ShopMoviesTeaserTitle h3{padding-top:12px}
#shopMovies .ShopMoviesTeaserImg figure{display:inline-block;float:left;margin:0 20px 10px 0;width:50%}
#shopMovies .ShopMoviesTeaserImg p{margin-top:0}
#shopMovies .ShopMoviesTeaserImg:after{content:".";display:block;height:0;clear:both;visibility:hidden}}
.shopGooglemaps .googlemaps{width:100%;height:450px}
.shopGooglemapsHome .shopGooglemaps{overflow:hidden;height:227px}
.shopGooglemapsHome .googleMapImage img{display:block}
@media screen and (max-width:767px){.shopGooglemapsHome{padding-bottom:10px}
.shopGooglemapsHome .shopGooglemaps{height:auto}}
#shopServices .serviceIcons{margin-bottom:14px;margin-bottom:1.4rem}
#shopServices .serviceIcons figure{background-color:#fff;padding:0.5%;float:left;margin-right:1%;width:8%;margin-bottom:12px;margin-bottom:1.2rem;border-radius:3px}
#shopServices .serviceVerband{display:none}
#shopServices .imgEnra{float:left;margin-right:10px}
#shopServices .serviceEnra p:after{content:".";display:block;height:0;clear:both;visibility:hidden}
@media screen and (min-width:768px) and (max-width:979px){#shopServices .serviceIcons figure{width:8%}}
@media screen and (max-width:767px){#shopServices .serviceIcons figure{width:14.666%}
#shopServices .serviceIcons img{margin:0 auto}}
#shopBikeGPS{width:auto}
#shopGPS #map{width:100% !important}
@media screen and (max-width:767px){#shopBikeGPS, #shopBikeGPS iframe{margin:0 auto;width:100%}}
#shopEvents .event div.text:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#shopEvents .shopEventImage{float:left;width:31.333%;margin-right:10px}
#shopEvents .shopEventImage figure{padding:10px;background-color:#fff;width:auto}
#shopEvents .EventContent{padding-right:10px}
#shopEvents .eventSubscribtionTable{width:100%}
#shopEvents .eventSubscribtionTable td{padding-right:10px}
#shopEvents .shopEventLeftCol{width:30%}
@media screen and (max-width:767px){#shopEvents .shopEventImage{width:100%;float:none}}
#shopImpressum .company p:first-child{text-transform:uppercase;font-weight:bold}
#shopImpressum .company p, #shopImpressum .law p, #shopImpressum .technic p{margin-bottom:0}
#shopImpressum .company p:last-child, #shopImpressum .law p:last-child, #shopImpressum .technic p:last-child{margin-bottom:12px}
#shopPDF .shopPDFWrapper{float:left;width:23%;margin-right:2%}
#shopPDF .shopPDFWrapper figure{padding:10px;background-color:#fff}
@media screen and (max-width:767px){#shopPDF .shopPDFWrapper{float:left;width:48%;margin-right:2%}}
#cartTopOffers .cartTopOfferBox .cartTopOfferBoxInner{position:relative;z-index:1}
#cartTopOffers .box{margin-bottom:12px}
#cartTopOffers .box h3{}
#cartTopOffers .box h3 span{display:block}
#cartTopOffers .cartTopOfferImage figure a{display:block;height:100%;width:100%}
#cartTopOffers .cartTopOfferBoxInfo{padding-left:10px;padding-right:10px;text-align:center}
#cartTopOffers .cartTopOfferBoxInfo .text{font-weight:bold}
#cartTopOffers .cartTopOfferBoxInfo .priceWrapper{padding-bottom:5px}
#cartTopOffers .cartTopOfferBoxInfo .priceWrapper .priceNew .price{font-weight:bold;font-size:24px;font-size:2.4rem;font-weight:700;display:block}
#cartTopOffers .cartTopOfferBoxInner .link{text-align:center}
#cartMainCategories .cartCategory .box, #cartSubCategories .box{margin-bottom:10px}
#cartMainCategories .cartCategory .box:nth-child(2n), #cartCategories .cartSubCategories .box:nth-child(2n){position:relative;z-index:0}
#cartMainCategories .cartCategory .box:nth-child(2n) h3, #cartCategories .cartSubCategories .box:nth-child(2n) h3{padding-left:10px;padding-right:10px}
#cartMainCategories .box figure a, #cartCategories .cartSubCategories .box figure a{display:block;height:100%;width:100%}
#cartMainCategories .box .link, #cartCategories .cartSubCategories .box .link{text-align:center}
#cartCategories .cartHistory a{margin-right:5px}
#cartCategories .cartHistory a:after{content:"\00BB";display:inline-block;padding-left:5px}
#cartCategories .cartHistory a:last-child:after{display:none}
#cartCategories .cartCategory .box{padding:10px 0}
#cartCategories .cartCategory figure{float:left;width:20%;margin-right:10px}
#cartCategories a.cartTopOfferBrandLink{display:none}
#cartCategories .cartArticles .cartArticlesBoxInner{position:relative;z-index:1}
#cartCategories .box{margin-bottom:12px}
#cartCategories .box h3{}
#cartCategories .box h3 span{display:block}
#cartCategories .box .cartCategoriesBrandLink, #cartCategories .box .cartArticlesBrandLink{display:none}
#cartCategories .cartCategoriesImage figure a, #cartCategories .cartArticlesImage figure a{display:block;height:100%;width:100%}
#cartCategories .cartCategoriesBoxInfo, #cartCategories .cartArticlesBoxInfo{padding-left:10px;padding-right:10px;margin-bottom:5px;text-align:center}
#cartCategories .cartCategoriesBoxInfo .text, #cartCategories .cartArticlesBoxInfo .text{font-weight:bold;margin-bottom:5px}
#cartCategories .cartCategoriesBoxInfo .priceWrapper, #cartCategories .cartArticlesBoxInfo .priceWrapper{padding-bottom:5px}
#cartCategories .cartCategoriesBoxInfo .priceWrapper .priceNew .price, #cartCategories .cartArticlesBoxInfo .priceWrapper .priceNew .price{font-weight:bold;font-size:24px;font-size:2.4rem;font-weight:700;display:block}
#cartCategories .cartCategoriesBoxInner .link, #cartCategories .cartArticlesBoxInner .link{text-align:center}
@media screen and (min-width:768px){}
@media screen and (min-width:768px) and (max-width:979px){}
@media screen and (max-width:767px){}
@media screen and (min-width:768px){}
#cartSearchList .cartSearchListBox .cartSearchListBoxInner{position:relative;z-index:1}
#cartSearchList .box{margin-bottom:12px}
#cartSearchList .box h3{}
#cartSearchList .box h3 span{display:block}
#cartSearchList .box h3 span.highlight{display:inline-block;text-decoration:underline}
#cartSearchList .box .cartSearchListBrandLink{display:none}
#cartSearchList .cartSearchListImage figure a{display:block;height:100%;width:100%}
#cartSearchList .cartSearchListBoxInfo{padding-left:10px;padding-right:10px;margin-bottom:5px;text-align:center}
#cartSearchList .cartSearchListBoxInfo .text{font-weight:bold;margin-bottom:5px}
#cartSearchList .cartSearchListBoxInfo .priceWrapper{padding-bottom:5px}
#cartSearchList .cartSearchListBoxInfo .priceWrapper .priceNew .price{font-weight:bold;font-size:24px;font-size:2.4rem;font-weight:700;display:block}
#cartSearchList .cartSearchListBoxInner .link{text-align:center}
.error{background-color:#FF0000;color:#FFFFFF;margin-top:12px;margin-top:1.2rem;margin-bottom:12px;margin-bottom:1.2rem;padding:10px}
#cartArticle .article .box{position:relative;z-index:1}
#cartArticle .article .img{position:relative}
#cartArticle .article .img:after{position:relative}
#cartArticle .article .img:after{background:url("../media/iconZoom.png") no-repeat scroll center center rgba(255,255,255,0.5)}
#cartArticle .addBasketButton{margin-right:0 !important}
#cartArticle h3.showConfigurator{}
#cartPayments{padding-bottom:20px}
#cartPayments h2{font-size:14px}
#cartPayments .box{background-color:#fff !Important;color:#000 !Important;padding:10px !important;margin-bottom:10px !important}
#cartPayments .box:last-of-type{border-bottom:0px !important}
#cartPayments .box .clearer{}
#cartPayments .img{float:left;padding:0px;margin-right:10px;border:0}
#cartPayments .img figure{margin:0px}
#cartPayments .img figure img{}
#cartPayments .text{}
#cartPayments .text h3{font-size:14px}
#cartPayments .text p{}
#cartPayments .clearer{clear:both}