@charset "utf-8";
/* CSS Document */ 
@import url(https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700&subset=latin-ext,telugu);

/* 23.08.2017: Aufgrund der Anzeige von Artikelnummern in den technischen Daten, werden diese erstmal ausgeblendet. */

#art_technData, #art_technData_mobile {
    display: none !important;
}


div.Stil1, div.Stil2, div.Stil3, .Stil2 > span{font-family:'Hind Guntur' !important;font-size:0.9em !important}
div.Stil1 {color: #f28b00;line-height: 1.1;padding-bottom: 10px;}
div.Stil2, div.Stil3{color:#3A3A4A}
div.Stil2, .Stil2 > span{font-weight:100;line-height: 1.3;}
.Stil1{color:#f28b00;}
.Stil1, div.Stil3{font-weight:600}
.Stil2,.Stil3{color:#3A3A4A}
.Stil2, .Stil2 > span{font-size: 0.9em;font-weight:normal;line-height: 1.3;}
 
body{color: #3A3A4A; font-family:'Hind Guntur', sans-serif; font-size: 12px; margin: 0; padding:0}
#header, #menu, #menu_main, #menu_sub, #body, #footer, #bottom_main{max-width: 1390px;width: 99%}
#header_container, #menu_main, #body, #footer, #menu_sub{/*margin: 0 auto;*/ width: 1200px}
#header{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #ccc 185%) repeat scroll 0 0; height: 75px;}
#header_container > img, #top, #footer > img {clear: both; float: left;font-size: 1.1em;font-weight: 500;line-height: 1.1;}
#header_container {padding-left: 38px;}
#top {margin-top: 20px;width: 90%;}
#menu{border-bottom: 6px solid #f28b00; font-family: 'Hind Guntur', sans-serif !important; height: 31px}
#menu_main{display: block;}
#menu_mobile{
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	float: none;
	height: 100%;
	margin-left: -100%;
	position: fixed;
	transition: margin-left 300ms ease;
	width: 100%;
}
#menu_main > .menu_kat, #menu_main > .menu_sep{float: left;}
.menu_kat, .menu_kat > a{color: #3a3a3a; font-size: 0.9em; height: 30px; margin-top: 1px; padding-top: 6px; text-align: center; text-decoration: none; text-transform: uppercase; width: 11%;}
#menu_mobile_hamburger::before, #menu_mobile_hamburger::after {
    content: "";
    display: block;
}
#menu_mobile_hamburger, #menu_mobile_hamburger::before, #menu_mobile_hamburger::after {
    background-color: #3A3A4A;
    border-radius: 4px;
    height: 3px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
    width: 35px;
}
#menu_mobile_hamburger {
    background-color: #666;
    border-radius: 4px;
	height: 6px;
}

#menu_mobile_hamburger::before {
    border-bottom: 3px solid #666;
    border-radius: 4px;
    border-top: 3px solid #666;
    height: 0;
    top: -11px;
    transition: top 0.2s ease 0.24s, opacity 0.2s ease 0s;
}
#menu_mobile_hamburger::after {
    border-bottom: 3px solid #666;
    border-radius: 4px;
    border-top: 3px solid #666;
    bottom: -11px;
    height: 0;
    transition: bottom 0.2s ease 0.24s, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
#menu_mobile_button {
	display: none;
    margin-left: 15px;
    margin-top: 22px;
}
.kat_active, .menu_kat:hover{cursor: pointer; background-color: #f28b00; text-decoration: none;transition: background-color 300ms ease;}
.kat_active > a, .menu_kat:hover > a{color: #FFF; cursor: pointer; text-decoration: none;transition: color 500ms ease}
#schnaeppchen{color: #f28b00;}
#schnaeppchen:hover{color: #FFF;}
.menu_sep{text-align: center; width: 1%}
.menu_sep:last-child {display: none}
.submenu{color: #f28b00; background-color: #f28b00; border-top: 1px solid #fff; display: none; height: 31px; margin-top: 37px; position: absolute; width: 100%; z-index: 1}

.submenu_kat {
    background-color: #f28b00;
    float: left;
    height: 27px;
    /*margin-top: 7px;*/
}
.submenu_kat > a {
    color: #fff;
    float: left;
    font-size: 0.9em;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    text-decoration: none;
}

.submenu_kat:hover > a {
    background-color: #fff;
    color: #f28b00;
}
.kat_active + .submenu_container {
    display: block;
	z-index: 10;
}
.menu_kat:hover + .submenu_container, .submenu_container:hover {
    display: block;
	z-index: 20;
}
.submenu_container {
    background-color: #f28b00;
    border-top: 1px solid #fff;
	display: none; 
    float: left;
    margin-left: 20px;
    margin-top: 37px;
    position: absolute;
    width: 95%;
}
/*
.submenu_container {
    background-color: #f28b00;
    border-top: 1px solid #fff;
    float: left;
    margin-left: 20px;
    margin-top: 37px;
    position: absolute;
    width: 95%;
}*/
/*
.submenu_container:nth-child(2) {
    margin-left: 20px;
}
.submenu_container:nth-child(5) {
    margin-left: 205px;
}
.submenu_container:nth-child(8) {
    margin-left: 403px;
}
.submenu_container:nth-child(11) {
    margin-left: 594px;
}
.submenu_container:nth-child(14) {
    margin-left: 799px;
}
*/
.submenu_outercontainer{
    background-color: #f28b00;
    height: 31px;
    margin-top: 38px;
	max-width: 1390px;
    position: absolute;
    width: 98.9%;
}
.menu_kat:hover + .submenu, .kat_active + .submenu, .submenu:hover{color: #FFF; display: block;transition: color 500ms ease}
#menu_mobile {
    float: left;
    margin-top: -18px;
}
#menu_mobile > a {
    height: 100%;
    position: absolute;
    right: 0;
    width: 14%;
}
#menu_mobile_categories {
    background-color: #fff;
	border-radius: 2px;
    border-top: 50px solid #f28b00;
    box-shadow: 4px 23px 25px rgba(0, 0, 0, 0.5);
    height: 690px;
    padding-top: 5px;
    position: absolute;
}

.menu_kat_mob, .menu_kat_mob > a {
    color: #3a3a3a;
    padding: 5px;
    text-decoration: none;
}
.menu_kat_mob > a {
    font-size: 1.3em;
}
.menu_kat_mob {
    border-bottom: 3px solid #f28b00;
    clear: both;
    float: left;
    height: 5%;
    position: relative;
    width: 97%;
}
.menu_subkat_mob {
    border-left: 6px solid #f28b00;
    display: none;
    float: left;
    width: 50%;
}
.menu_kat_mob:hover + .menu_subkat_mob {
    display: block;
}

.menu_subkat_mob_kat {
    background-color: #f28b00;
    border-left: 1px solid #fff;
    padding: 5px;
    width: 90%;
}

.menu_subkat_mob_kat > a {
    color: #fff;
    text-decoration: none;
}

#menu_mobile_categories > .menu_sep {
    display: none;
}
#show_mobile_menu:checked ~ div#menu_mobile {display: block !important;}

#body {font-family: 'Hind Guntur', sans-serif; margin-top: 50px;}
#top_left, #top_right{float: left;padding-left: 15px;}
#top_left{width: 40%}
#art_technData{background-color: #f0f0f0; display: none; font-size: 0.9em; font-weight: 300; height: 195px; padding-top: 15px;}
#art_technData_mobile{background-color: #f0f0f0; clear: both; font-size: 0.9em; font-weight: 300; padding-top: 15px; display: none}
#art_technData li, #art_technData_mobile li{font-size: 0.8em;list-style: outside none "• "; padding-bottom: 5px}
#top_right {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}
#top_right > a {
    display: none;
    height: 600px;
    position: absolute;
	width: 50%;
    z-index: 1;
}
.mainpic {display: none;max-height: 600px;max-width: 600px;}
.lightbox {
	height: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    position: absolute;
	opacity: 0;
	transition: opacity 500ms ease;
    top: 0;
    width: 100%;
    padding: 25px 0;
	z-index: 50;
}
.lb_center{clear: both;}
.lightbox_close > img{float: right; margin-right: 20px;}
#lightbox1:target{height: 80%; opacity: 1; transition: opacity 500ms ease;}
#lightbox2:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox3:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox4:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox5:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox6:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox7:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
#lightbox8:target{height: 80%; opacity: 1; transition: opacity 0.5s ease 100ms;}
.lightbox > .lb_center, .lightbox > .lb_center > a > .lightbox_pic{height: 0}
.lightbox:target > .lb_center{height: 80%}
.lightbox:target > .lb_center > a > .lightbox_pic{height: 800px}
.icon-lb-backward, .icon-lb-forward{margin-top: 30%;vertical-align: top;}
.ChangeRadio{display: none;}
.PrevPic, #PrevPic_mobile > .PrevPic{cursor: pointer;padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 0;}

#top_left .PrevPic:first-child{padding-left: 0;}
/*
#chkPrevPic1:checked ~ a > img#MainPic1 {display: block}
#chkPrevPic2:checked ~ a > img#MainPic2 {display: block}
#chkPrevPic3:checked ~ a > img#MainPic3 {display: block}
#chkPrevPic4:checked ~ a > img#MainPic4 {display: block}
#chkPrevPic5:checked ~ a > img#MainPic5 {display: block}
#chkPrevPic6:checked ~ a > img#MainPic6 {display: block}
#chkPrevPic7:checked ~ a > img#MainPic7 {display: block}
#chkPrevPic8:checked ~ a > img#MainPic8 {display: block}
*/

#chkPrevPic1:checked ~ img#MainPic1 {display: block}
#chkPrevPic2:checked ~ img#MainPic2 {display: block}
#chkPrevPic3:checked ~ img#MainPic3 {display: block}
#chkPrevPic4:checked ~ img#MainPic4 {display: block}
#chkPrevPic5:checked ~ img#MainPic5 {display: block}
#chkPrevPic6:checked ~ img#MainPic6 {display: block}
#chkPrevPic7:checked ~ img#MainPic7 {display: block}
#chkPrevPic8:checked ~ img#MainPic8 {display: block}

#bottom_main{border: 1px solid #D1D1D1; clear: both; float: left; margin-top: 35px}
.desc_tab{-ms-user-select: None; -moz-user-select: None; -webkit-user-select: None;background-color: #f1f1f1;border-top: 4px solid #F1F1F1;float: left; font-size: 0.8em; font-weight: 400; height: 32px; padding-top: 4px; text-align: center; width: 14.28%}
.desc_tab > label{cursor: pointer}
.desc_tab:hover{cursor: pointer; background-color: #FFF; border-top: 4px solid #f28b00;transition: background-color 400ms ease, border-top 400ms ease}
#tab_rest:hover {
	cursor: default;
    background-color: #F1F1F1;
    border-top: 4px solid #F1F1F1;
    transition: background-color 400ms ease 0s, border-top 400ms ease 0s;
}
#tab_rest{width: 42.8%;}
.desc_container, .ChangeDesc{display: none;}
#desc_Details:checked ~ div#cnt_details {display: block}
#desc_Info:checked ~ div#cnt_info {display: block}
#desc_Shipping:checked ~ div#cnt_shipping {display: block}
#desc_Rating:checked ~ div#cnt_rating {display: block}
#desc_About:checked ~ div#cnt_about {display: block}
#desc_Details:checked ~ label#tab_details {background-color: #FFF; border-top: 4px solid #f28b00}
#desc_Info:checked ~ label#tab_info {background-color: #FFF; border-top: 4px solid #f28b00}
#desc_Shipping:checked ~ label#tab_shipping {background-color: #FFF; border-top: 4px solid #f28b00}
#desc_Rating:checked ~ label#tab_rating {background-color: #FFF; border-top: 4px solid #f28b00}
#desc_About:checked ~ label#tab_about {background-color: #FFF; border-top: 4px solid #f28b00}
.desc_container{background-color: #FFF; clear: both; padding-bottom: 15px; padding-left: 11px; padding-top: 22px; width: 99%}
#desc_about_img{margin-bottom: 10px}
#footer{clear: both; float: left; font-family: 'Hind Guntur', sans-serif; padding-top: 30px}
#footer > img:first-child{width: 135px;}
#Entsorgungshinweise {float: left;font-size: 0.7em;font-weight: 500;margin-top: -5px;padding: 5px;width: 20%;}
#footer_battery {background-color: #f0f0f0; clear: both; font-size: 0.7em; font-weight: 400; line-height: 1.5; margin-top: 55px; padding: 18px;}
#footer_battery h1{font-size: 1em;font-weight: 500;}
#footer_copyright{float: left; font-size: 0.8em; padding-left: 15px; padding-top: 10px}

#footer + a + div, #hiddencat + a + div {
    clear: both;
	width: 50%;
}

.SpecialPic {
    clear: both;
    float: left;
}

/* Für die speziellen Formatierungen in der Artikelbeschreibung */
.artikel_box1 {
    clear: both;
	margin-bottom: 20px;
}
.artikel_box2 {
    float: left;
	margin-bottom: 20px;
	width: 50%;
}
.artikel_box2 > img {width: 50%;}
#artid, #changedate, #hiddencat, .artid, .changedate, .hiddencat {
    clear: both;
    color: #fff;
    float: left;
    font-size: 10px;
}
@media (min-width:1200px) {
	#header_container, #menu_main, #body, #footer, #menu_sub{/*margin: 0 auto;*/ width: 1200px}	
/*	.mainpic {width: 100%}*/

	#menu_main{display: block;}
	#menu_mobile{display: none;}
	
	#PrevPic_mobile{display: none;}
	
	#chkPrevPic1:checked ~ a#linkLB1 {display: block !important}
	#chkPrevPic2:checked ~ a#linkLB2 {display: block !important}
	#chkPrevPic3:checked ~ a#linkLB3 {display: block !important}
	#chkPrevPic4:checked ~ a#linkLB4 {display: block !important}
	#chkPrevPic5:checked ~ a#linkLB5 {display: block !important}
	#chkPrevPic6:checked ~ a#linkLB6 {display: block !important}
	#chkPrevPic7:checked ~ a#linkLB7 {display: block !important}
	#chkPrevPic8:checked ~ a#linkLB8 {display: block !important}
}

@media (min-width:992px) and (max-width:1200px) {
	#header_container, #menu_main, #body, #footer, #menu_sub{/*margin: 0 auto;*/ width: 100%}
	.mainpic {width: 100%}
	#menu_main{display: block;}
	#menu_mobile{display: none;}
	.desc_container {padding-right: 10px;width: 97.8%}
	#desc_about_img {width: 95%;}
	#PrevPic_mobile{display: none;}	
	
	#chkPrevPic1:checked ~ a#linkLB1 {display: block !important}
	#chkPrevPic2:checked ~ a#linkLB2 {display: block !important}
	#chkPrevPic3:checked ~ a#linkLB3 {display: block !important}
	#chkPrevPic4:checked ~ a#linkLB4 {display: block !important}
	#chkPrevPic5:checked ~ a#linkLB5 {display: block !important}
	#chkPrevPic6:checked ~ a#linkLB6 {display: block !important}
	#chkPrevPic7:checked ~ a#linkLB7 {display: block !important}
	#chkPrevPic8:checked ~ a#linkLB8 {display: block !important}
}
@media (min-width:768px) and (max-width:991px){
	div.Stil1, div.Stil2, div.Stil3, #footer {font-size: 0.9em;}
	#header_container, #menu_main, #body, #footer, #menu_sub{/*margin: 0 auto;*/ width: 100%}
	#header_container {float: left; margin-top: 20px; width: 80%}
	#header_container > img{float: none;margin-left: none;margin-top: -10px;}
	#body {margin-top: 10px;}
	#desc_about_img{width: 90%}
	.desc_tab{font-size: 0.8em;}
	.mainpic {width: 100%}
	#menu{height: 0px}
	#menu_main{display: none;}
	#menu_mobile_button {
		clear: both;
		display: block;
		float: left;
		margin-left: 15px;
		margin-top: 22px;
		width: 15%;
	}
	#menu_mobile_categories {
		width: 87%;
	}
	.submenu_outercontainer {display: none}
/*	#show_mobile_menu:checked ~ div#menu_mobile {display: block !important;}*/
	div#menu_mobile:target {/*display: block !important;*/margin-left: -1px; transition: margin-left 300ms ease}
	.desc_container {padding-right: 10px;width: 97.2%}
	.PrevPic{padding: 15px 15px 0;}
	#top_right {
		float: left;
		padding-left: 15px;
		padding-right: 0;
		width: 50%;
	}
	#PrevPic_mobile{display: none;}	
	
	#chkPrevPic1:checked ~ a#linkLB1 {display: block !important}
	#chkPrevPic2:checked ~ a#linkLB2 {display: block !important}
	#chkPrevPic3:checked ~ a#linkLB3 {display: block !important}
	#chkPrevPic4:checked ~ a#linkLB4 {display: block !important}
	#chkPrevPic5:checked ~ a#linkLB5 {display: block !important}
	#chkPrevPic6:checked ~ a#linkLB6 {display: block !important}
	#chkPrevPic7:checked ~ a#linkLB7 {display: block !important}
	#chkPrevPic8:checked ~ a#linkLB8 {display: block !important}
	
	.lightbox{display: none}
	
	/* Für die speziellen Formatierungen in der Artikelbeschreibung */
	.artikel_box1, .artikel_box2 {
		width: 100% !important;
	}
	.artikel_box2:last-child {
		padding-bottom: 60px !important;
	}
}
@media (min-width:480px) and (max-width:767px) {
	div.Stil1, div.Stil2, div.Stil3, #footer {font-size: 0.9em;}
	#header_container, #menu_main, #body, #footer, #menu_sub{/*margin: 0 auto;*/ width: 100%}
	#header_container {float: left; margin-top: 20px; width: 80%}
	#header_container > img{float: none;margin-left: none;margin-top: -10px;}
	#menu {height: 0;}
	#body {margin-top: 10px;}
	#top_left, #top_right{margin-left: 0; width: 100%}
	#top_right{padding-right: 0;}
	#top_right > a{display: none;}
	#top {line-height: 1.2; margin-left: 15px;margin-right: 15px;}
	.desc_tab {font-size: 0.8em; height: 29px; line-height: 1; padding-top: 7px; width: 20%}
	.desc_container { width: 97.4%}
	#desc_about_img{width: 90%}
	#footer_battery {padding: 20px; width: 90%;}

	.PrevPic {
		cursor: pointer;
		max-height: 60px;
		padding: 0 0 0 3px;
	}
	#art_technData{display: none}
	#art_technData_mobile{display: block;height: 100%;padding-bottom: 15px;padding-top: 15px;}
	#menu_mobile_button {
		clear: both;
		display: block;
		float: left;
		margin-left: 15px;
		margin-top: 22px;
		width: 15%;
	}
	#menu_mobile_categories {
		width: 87%;
	}
	#menu_main{display: none;}
	.submenu_outercontainer {display: none}
	#menu_mobile{float: none;}
/*	#show_mobile_menu:checked ~ div#menu_mobile {display: block !important;}*/
	div#menu_mobile:target {/*display: block !important;*/margin-left: -1px; transition: margin-left 300ms ease}
	#PrevPic_mobile {
		clear: both;
		display: block;
		padding-top: 20px;
		width: 100%;
	}
	#top_left{display: none}
	.lightbox{display: none}
	.mainpic {
		margin: auto;
		max-height: 430px;
		max-width: 100%;
	}
	#tab_rest{display: none;}
	
	/* Für die speziellen Formatierungen in der Artikelbeschreibung */
	.artikel_box1, .artikel_box2 {
		width: 100% !important;
	}
	.artikel_box2:last-child {
		padding-bottom: 60px !important;
	}
}
@media (min-width:0px) and (max-width:479px) {
	div.Stil1, div.Stil2, div.Stil3, #footer {font-size: 0.9em;}
	#header_container, #menu_main, #body, #footer, #menu_sub {width: 100%;}
	#header_container {float: left; margin-top: 20px; width: 80%}
	#header_container > img{float: none;margin-left: none;margin-top: -10px;}
	#menu {height: 0;}
	#body {margin-top: 10px;}
	#top {line-height: 1.2; margin-left: 15px;margin-right: 15px;}
	#top_left, #top_right{margin-left: 0; width: 100%}
	#top_right{padding-right: 0;}
	#top_right > a{display: none;}
	.desc_tab {font-size: 0.8em; height: 29px; line-height: 1; padding-top: 7px; width: 20%}
	.desc_container {padding-right: 10px; width: 93.6%;}
	#desc_about_img{width: 97%}
	#footer_battery {padding: 20px; width: 89%;}
	#art_technData{display: none}
	#art_technData_mobile{display: block;height: 100%;padding-bottom: 15px;padding-top: 15px;}
	#menu_mobile_button {
		clear: both;
		display: block;
		float: left;
		margin-left: 15px;
		margin-top: 22px;
		width: 15%;
	}
	#menu_mobile_categories {
/*		margin-top: 25px;*/
		width: 87%;
	}
	#menu_main{display: none;}
	.submenu_outercontainer {display: none}
/*	#show_mobile_menu:checked ~ div#menu_mobile {display: block !important;}*/
	div#menu_mobile:target {/*display: block !important;*/margin-left: -1px; transition: margin-left 300ms ease}
	#PrevPic_mobile {
		clear: both;
		display: block;
		padding-bottom: 20px;
		padding-top: 20px;
		width: 100%;
	}
	.PrevPic {
		cursor: pointer;
		max-height: 60px;
		padding: 0 0 0 3px;
	}
	#top_left{display: none}
	.lightbox{display: none}
	.mainpic {
		margin: auto;
		max-height: 430px;
		max-width: 99%;
	}
	#tab_rest{display: none;}
	
	/* Für die speziellen Formatierungen in der Artikelbeschreibung */
	.artikel_box1, .artikel_box2 {
		width: 100% !important;
	}
	.artikel_box2:last-child {
		padding-bottom: 60px !important;
	}
}