@charset "utf-8";
/* CSS Document

FARBEN
Primäres Blau: #222255
helles bg Grau: #f2f2f2

Vorgeschlagene sekundäre Farben:
Leuchtendes Highlight Blau für Buttons, Links, usw: #303080
Helles Blaugrau wenn Primärblau Hintergrund: #b7b7cc
7775a7

FOOTER
- bg color: #3a3a40


*/
.listing--content a, .content--custom a{color:#7775a7}

.inforelaunch {background:#ebfaec; border:1px solid #8ddd3d; padding: 0rem 2.5rem 0rem .625rem;}
.footer-main .column--headline::after {
    color: #fff;
}

.footer-main .column--headline {    color: #fff;}


.content--home .panel.has--border {
    border: 0px solid #dadae5;
}
body {
    font-weight: 400;
	background:#fff;
}
.advanced-menu .item--level-0 {
    padding-bottom: .5rem;
}
.advanced-menu .button-container{
	background: #222255;
	}
.navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
    background: #222255;
}
.header-main .top-bar {
    background: #222255;
}

.header-main .top-bar .container {
    background: #222255;
    color: #fff;
    margin: 0px auto; font-size: .800em;
}

.product-slider--container.is--horizontal .manufacturer--item.product-slider--item img {max-width:160px; max-height:140px}

.header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link {
    color: #fff;
}

.topextrapunkt{
padding: 0rem 0em 0rem .9375rem;
line-height: 15px;
float: left;
display: block;	

float:left;
}
.topextrapunkt a{
	color:#fff
}
.topextrapunkt a:hover{
	color:#ccc}

.header-main .top-bar--navigation .navigation--entry {
    padding: 0rem 0em 0rem .9375rem;
}

.header-main .top-bar--navigation .navigation--entry:hover, .header-main .top-bar--navigation .navigation--link:hover {
    color: #ccc;
}
.navigation--entry.entry--compare{border-right:1px solid #fff}
.top-bar--navigation .entry--compare .icon--compare {
    font-size: 12px;
    font-size: .55rem;
    padding-right: 4px;
}

.header-main, .header-main .container{
	background:#f2f2f2}

.js--tab-menu .tab--link {
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.tab-menu--cross-selling .tab--container{
border-radius: 0px;
}





/* Produktbadges */


.product--box .product--badges .badge--recommend {
color: #fff;
background: #222255;
border-radius:0px;
font-size:18px;
padding:6px 8px;
font-weight:900;
margin-left:3px;
}
.product--box .product--badges .badge--discount {
color: #fff;
background: #e20915;
border-radius:50%;
width:50px;
height:50px;
vertical-align:middle;
padding-top: 16px;
margin-left:3px;
}
.product--box .product--badges .badge--discount i{
font-size:18px;
font-weight:bold;
}

.product--box .product--badges .badge--video {
color: #fff;
background: #000;
border-radius:50%;
width:50px;
height:50px;
vertical-align:middle;
padding-top: 13px;
margin-left:2px;
margin-left:3px;
}
.product--box .product--badges .badge--video i{
font-size:26px;
font-weight:bold;
}


.product--box .product--badges .badge--newcomer {
color: #fff;
background: #5cbcce;
border-radius:50%;
width:50px;
height:50px;
vertical-align:middle;
padding-top: 17px;
margin-left:3px;
font-size:17px;
}

.product--box .product--badges .badge--newcomer .neu {
-moz-transform: rotate(-15deg) skew(-19deg) ;
-ms-transform: rotate(-15deg) skew(-19deg) ;
-o-transform: rotate(-15deg) skew(-19deg) ;
-webkit-transform: rotate(-15deg) skew(-19deg) ;
transform: rotate(-15deg) skew(-19deg) ;
font-weight:900;
margin-left:-1px
}


.navigation-main, .navigation-main .container {
    border-bottom: none;
	background:#f2f2f2
}

.shop--navigation .navigation--entry{
    border-radius: 0px;background-image: linear-gradient(to bottom, #fff 0%, #fff 100%)
	}
.btn {
    border-radius: 0px;
	}
textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
    border-radius: 0px;
    background: #fff;

}

.obenrechts{float:right; width:70%; padding-top:9px; text-align:right}
.obenrechtsicon {float:right; margin:1px 9px 0px 0}
.obenrechtsicon:after {clear:both}
.topspruch {float:left; color:#fff; font-size: 1.10em;padding:4px 0 2px 0}
.restfooter {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 10px;
    margin-bottom: .625rem;
    text-align: center;
}


.footer-main, .footer-main .container {
    background: #3a3a40;
	color:#fff;
}
.footer-main .navigation--link, .footer-main a {
    color: #ccc;
}
.footer-main .navigation--link:hover, .footer-main a:hover {
    color: #fff;
}

.footer-main .column--headline i {color:#59646a; padding-right:4px;}

.footer-main .newsletter--field {
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0px;
	}
	
	.footer-main .newsletter--button {
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	}

.44product--info .product--supplier img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.product--details .product--buybox .price--content {font-size: 22px;}
.buybox--inner h1 {margin:0px; font-weight: 400;}
.buybox--inner h2 {font-size: 26px;line-height: 28px;margin: 0px 0px 0px 0px;color: #06060c;}
.buybox--inner .artnummer, .buybox--inner .product--tax {color:#666; font-size:12px}
.product--details .delivery--text {padding-bottom:20px; font-size:12px}
.product--details .action--link {color:#b2b2b2}
.product--details .product--actions {border-bottom:0px; padding-top:15px; padding-bottom:60px}
.content--breadcrumb {border-bottom:0px}
.product--box .product--action {color:#b2b2b2}	
.product--details .product--buybox {
    margin: 0px 0px 50px 0px;
}
.image-slider--thumbnails .thumbnail--link {border-radius: 0px; background:#fff}

.js--tab-menu .tab--container-list .tab--container, .js--tab-menu .tab--link { border-top:1px solid color:#ccc; border-left:0px; border-right:0px; border-bottom:0px;}

.topseller {margin-top:9px}

.topseller--content {
    padding: 0px 10px 0px 10px;
    padding: 0rem .625rem 0rem .625rem;
    margin-top: 10px;
    border-top: 1px solid #dadae5;
}
.js--tab-menu .tab--link.is--active {
    color: #06060c;
    border-bottom-color: #ccc;
    background: #fff;
	border-top: none;	
	border-bottom:4px solid #222255;
}
.mitte {text-align:center}
.trennerline {}
.letztetitel {	border-bottom:4px solid #222255; text-align:center; margin-top:40px;padding: 6px 0px 6px 0px;margin-bottom:10px;}
.last-seen-products .last-seen-products--title, .topsellertitle {text-align:center; text-transform:uppercase; font-size:14px; font-weight: bold;}

.js--tab-menu .tab--link.has--content{

    background: #fff;
	border-top: none;	
	}

.listing .product--box .box--content {
    border: 0px solid #dadae5;
    border-top: 3px solid #c6c6c6;
}
.tab--navigation {text-transform:uppercase}
.js--tab-menu .tab--link {  padding: 6px 0px 6px 0px; color:#9f9f9f}
.product--base-info .js--tab-menu .tab--link { margin-right:37px;}

.is--primary {background-color: #222255; background-image:none}

.taberechts {text-align:right}
.technischetabelle {width:50%; float:left; margin-top:5px;}
.weiterelinks {float:left; width:40%; margin-top:5px}
div.weiterelinks::after {clear:both}
.detaillinkskopf {font-weight:bold; padding:8px 0 11px 0}
.detaillinkskopf2 {font-weight:bold; padding:8px 0 4px 0}
.weiterelinks a:link{color:#9f9f9f}
.weiterelinks a:hover{color:#222255}

.clearb{clear:both}
.grad360 {float:left}
a.ansicht360a {
	display:block;width:68px; height:68px; background: url(../herbertz/360.png) no-repeat 0 0; text-indent: -9000px;border: 1px solid #dadae5;
}
a.ansicht360a:hover{
	border: 1px solid #222255;
}
.youtube3iq{margin-top:25px;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.vorschauslider {float:right; width:70%}
.image-slider--thumbnails .image-slider--thumbnails-slide {
    position: absolute;
    top: 0;
    left: auto;
	text-align:right;
    right: 50px}


.panel--paging .paging--link, .js--fancy-select {border-radius:0px}

.panel--paging .paging--link.is--active, .panel--paging .paging--link.is--active:hover{
	background-color:#222255;
	background-image:none;
}











	
	
	
	
	
	
	/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
	
	
	
	
	
	























@media (min-width: 78.75em){
/* 5 Marken-Slider pro Ansicht */	
	.product-slider--container.is--horizontal .product-slider--item { width:20% !important }
	
	.content-main.is--fullscreen {
    box-shadow: none;
    max-width: 1270px;
    padding: 10px 0 0 0;
    margin: 0 auto;
}
.product--details .review--form-container { width: 100%;}
.content-main--inner {padding:0px 10px 10px 10px}
.product--details .product--header {padding:10px 0 0 0}
.content--breadcrumb {    padding: 0px 10px 0px 10px;}

/*Slider Thumbnails unter dem Bild nicht links */
.image-slider--container{height: 500px; margin-bottom:0px;}
.image-slider--thumbnails {
height: 70px;
height: 4.375rem;
top: auto;
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
left: inherit;
right:0;
float:right;
}
.image-slider--thumbnails .thumbnail--link {
margin: 0px 10px 0px 0px;
margin: 0rem .625rem 0rem 0rem;
display: inline-block;
}
.image-slider--dots {
padding: 10px 0px 10px 0px;
padding: .625rem 0rem .625rem 0rem;
text-align: center;
position: relative;
top: auto;
display: block
}
.content--home {margin-top:10px}
.content-main--inner {}

}


@media (min-width: 64em){
	.navigation--list .entry--account .account--link {
    padding-left: 29px;
}
.tab-menu--cross-selling {margin-top:40px}
.image-slider--container{height: 500px; margin-bottom:0px;}
.image-slider--thumbnails {
height: 70px;
height: 4.375rem;
top: auto;
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
left: inherit;
right:0;
float:right;
}
.image-slider--thumbnails .thumbnail--link {
margin: 0px 10px 0px 0px;
margin: 0rem .625rem 0rem 0rem;
display: inline-block;
}
.image-slider--dots {
padding: 10px 0px 10px 0px;
padding: .625rem 0rem .625rem 0rem;
text-align: center;
position: relative;
top: auto;
display: block
}	
	

	
.product--details .product--image-container { width: 58%;  margin-right: 2%;}
.image-slider--dots {display:none}
.product--details .product--actions {margin: 0 auto;
max-width: 300px;}	
}

@media (min-width: 48em){
	.listing--bottom-paging {
    border-radius: 0px;
    border: 0px solid #dadae5;
    background: #f2f3f2;
	border-top: 4px solid #222255;
}
	.sidebar--navigation {
    border-radius: 0px;
    background-clip: padding-box;
    border: 0px solid #dadae5;
}


	.listing--actions {
    border-radius: 0px;
    margin: 50px 0px 50px 0px;
    border: 0px solid #dadae5;
    background: #f2f3f2;
	border-top: 4px solid #222255;
}
.listing--actions .listing--paging {
    border-top: 0px solid #dadae5;
}

.product--details .tab-menu--cross-selling .tab--navigation {
text-align: center;
}
.last-seen-products {
    margin: 60px 0px 0px 0px;
}
	.product--details .content--description, .product--details .content--product-reviews {
    padding: 15px 0px 10px 0
}
.content-main {box-shadow: none}
	.header-main .top-bar--navigation .entry--service.js--is--dropdown-active {
    color: #ccc;
}
.footer-main .column--headline {margin: 28px 0px 10px 0px;margin: 1.75rem 0rem .625rem 0rem;padding: 0;cursor: text; color:#fff}

.header-main .shop--navigation {
    float: right;
padding-top: 10px;
padding-right: 15px;
}
.header-main .logo-main {
    width: 30%;
}
.header-main .logo-main .logo--shop {
    height: 4.725rem;
}
.header-main .logo-main .logo--link {
    height: 4.725rem;
}
.navigation-main .is--active .navigation--link, .navigation-main .is--active .navigation--link:hover {
    background-color: transparent;
    background-image: none;
    background-image: none);
    font-weight: 400;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
color:#20203e;
border-bottom: 5px solid #222255;
}
.navigation-main .navigation--link {
	border-bottom: 5px solid transparent;
			border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
}
.displaynicht {display:none !important}
.shop--navigation .entry--search {
    font-size: 14px;
    font-size: .875rem;
    position: relative;
    left: inherit;
    margin-right: 10px;
    background: #fff;
    padding: 0;
    border: 0 none;
    width: 30%;

}
.footer--vat-info .vat-info--text {
margin-bottom: 0px;
margin-bottom: 0rem;
}
}

@media (max-width: 48em){
.navigation-main .navigation--link {
    padding: .5rem .575rem .5rem .575rem;
}
.technischetabelle {width:100%; float:none}
.weiterelinks {width:100%; float:none; margin-top:30px}	
	
	.topspruch {display:none}
.obenrechts{float:right; width:100%; text-align:right}	
.obenrechtsicon {display:none}
.header-main .logo-main .logo--shop {
    height: 2.125rem;
    width: 80%;
}
.header-main .logo-main .logo--link {
    height: 2.125rem;
}
.grad360 {display:none}
}

@media (min-width: 30em){
.entry--search .main-search--form .main-search--field {
    background: #fff;
}
}

.

    Regeln
    Berechnet
    Animationen
    Schriftarten

*::-moz-placeholder {

    color: #3a3a70;

}
Element {

}
.content--home .html--content {padding:15px}