/* Products Details */
.productContainer { display: inline-block; vertical-align: top;}
.panelProductDetails {margin:0 0 50px 0;}
.panelProductDetails a { width: 499px; display: block; cursor: default; }
.panelProductDetails .product.Info .product.Header {margin:0 0 30px 0;}
.panelProductDetails .product.Info .product.Header .product.Manufacturer{ margin: 0 0 0 0; padding: 0; font-size: 1.25rem; }
.panelProductDetails .product.Info .product.Header .product.Name { margin: 0 0 20px 0; padding: 0; font-size: 1.5rem; line-height: 1.7rem; font-weight: 100; }
.panelProductDetails .product.Info .product.Header .product.Typ{margin:0;padding:0;font-size:2rem;font-weight:700;}
.panelProductSimilar .similarProducts.block h4,
.panelProductTopPrices .topPrices.block h4,
.panelProductDetails .product.Info .product.Description h4 { display: inline-block; margin: 0 0 21px 0; padding: 0 0 7px 0; font-size: 1.125rem; color: #4c4c4c; border-bottom: 5px solid #0eaacc; }
#similarProductsHeadline { margin: 0 0 28px 0; }

/* Product Panel */
.panelProductSimilar,
.topSeller.Panel{position:relative;}
.panelProductSimilar ul li,
.topSeller.Panel ul li{float:left;width:100%; margin:0 30px 0 0;}

.topSeller { height: 530px; margin-bottom: 30px;}
.topSeller .container .similarProducts { position: relative;}
.topSeller .col-group { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; height: 430px; padding: 40px 10px 0 10px; margin: -40px -20px; }
.topSeller .col-group .productContainer { white-space: normal; position: relative; z-index: 1; padding: 0 9px 0 10px; }

.topSeller .fader { position: absolute; top: 0; height: 84%; z-index: 2; width: 50px; cursor: pointer; }
.topSeller .fader.left {
	left: -50px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.topSeller .fader.right {
	right: -50px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.topSeller .fader img { right: 15px; position: absolute; top: 47%; height: 40px; }
.topSeller .fader.right img { left: 15px; }

/* Product Teaser Block */
.product.Teaser { margin: 0; padding: 5px; background-color: #fff; box-shadow: 0 10px 50px 0 #cfcfcf;}

.product.Teaser .product.Image { width: 75%; height: 87px; margin: 22px auto 20px auto; background-position: 50% 50%; background-repeat: no-repeat; background-size:contain; }

.product.Teaser .product.Image a {display:block;}

.product.Teaser .product.Image img {display:inline-block;max-height:248px;width:auto;}

.product.Teaser .product.Data .product.Name { height: 15px; margin: 0; padding: 0; line-height: 12px; font-size: 0.7rem; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.product.Teaser .product.Data .product.Brand { width: 100%; height: 22px; margin: 0; padding: 0; font-size: 0.8rem; color: #7d7d7d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: none; }
.product.Teaser .product.Description { margin:0 0 5px 0; height: 22px; color: #b1b1b1; font-size: 0.8rem; }
.product.Teaser .product.Price.Difference { margin: 0 0 9px 0; font-size: 0.78rem; border: none; }
.product.Teaser .product.Discount { margin: 0; }
.product.Teaser .product.Discount p { display: inline-block; margin: 0; padding: 5px 10px; background-color: #dae5e7; color: #747e80; }
.product.Teaser .product.Discount p.empty { color: #dae5e7;}
.compare { margin-top: 10px; background: #9762a0; }
.product .compare:hover { background-color: #d6c1da;}
.product .compare:hover a.compareLink { color: #995ca4; }
a.compareLink { padding: 8px 0; display: inline-block; color: white; font-weight: bold; }
.product.Teaser .product.Variations { margin: 0; padding: 0; }
.product.Teaser .product.Variations a:hover{text-decoration:underline;}
.product.Teaser .product.Compare{display:inline-block;width:100%;margin:0;padding:15px 0;color:#fff; font-size:1.25rem;background-color:#0eaacc;border:none;}
.product.Teaser .product.Compare:hover{background-color:#036f87;}
.product.Teaser .product.Compare a{color:#fff;}

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:230px;}

/* global.css */
html{font:400 1rem/1.375rem 'Open Sans', sans-serif; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#fff;color:#333}
body{margin:0; overflow-x: hidden; }
a{background:0;}
a:active,
a:hover{outline:0}
a{color:#333;text-decoration:none;cursor:pointer}

.product.Difference.Result { display: none; }
.centred p:nth-last-of-type(2), .centred .product.Variations, .centred > a:last-child { display: none; }
.panelProductSimilar .centred a { display: none; }
.panelProductSimilar .centred .compare a { display: block; }

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:270px;}

.header, .content{ margin: 0 auto; width: 100%; max-width: 960px; }

.container { margin: 20px 0 0 0; }

.ellipsis { width: 100%; }

.home .topSeller .container .similarProducts .col-group { text-align: center; }

.content { width: 90%; }

.productContainer { width: 126px; padding: 0 1%; }
.productContainer:nth-child(2n-1) { padding: 0 2% 0 10%; }
.productContainer:nth-child(2n) { padding: 0 10% 0 2%; }

.topSeller .col-group .productContainer { padding: 0 1%; }
.topSeller .fader img { right: auto; left: 22px; width: 20px; height: auto; }
.topSeller .fader.right { right: -5.6%; width: 20px; }
.topSeller .fader.right img { left: auto; right: 0; }
a.compareLink { line-height: 12px; font-size: 0.8rem; }


/*------------------------------------------------------- Mobile --------------------------------------------*/
@media screen and (max-width: 584px){

	.topSeller .col-group .productContainer { width: 39%; padding: 0 5%; }
	.topSeller .fader.left { left: -7%; }
	.topSeller .fader.right { right: -5%; width: 50px; }
	.topSeller .container .fader.right svg { right: 10px; }

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

	.topSeller .col-group .productContainer { width: 70%; padding: 0 15%; }


}