/* CSS Document */
* {box-sizing:border-box}
#showamobnav, #kopfzeile_sm {display:none}
input[type=radio] {display:none}
.youtube {margin:10px 0; display:block}
.box1 {padding: 10px 15px 12px 30px;}

#favnews {top:1px}

#kopfnavi{left:0px;}
#kopfnavi ol li.kopfnavi_shop a {padding:0 54px;}
#kopfnavi ol li.kopfnavi_versand a {padding:0 41px;}
#kopfnavi ol li.kopfnavi_kauf a {padding:0 23px;}
#kopfnavi ol li.kopfnavi_imp a {padding:0 31px;}

a.katlink, a.katlink:hover {line-height: 19px; padding:10px 5px 10px 22px;}
#crosspromotion .klbox-content{background:url(../pix/bbox-bg.gif);}
.grbox-fuss{background:url(../pix/grbox-fuss.gif) no-repeat;}

#gallery {}

#showacross{}
#showacross::after{clear:both;}
#showacross p{border:1px solid #DDD;background:#FFF;float:left;width:135px;margin:10px 5px;padding:0;}
#showacross img{max-height:140px;width:auto;max-width: 90%;}
#showacross p a{display:block;position:relative;height:265px;color:#000;}
#showacross p a span{display:block;font:12px Arial;position:absolute;top:150px;width:100%;text-align:center;padding:15px 0 2px;}
#showacross p a span.amr_preis{display:block;font:14px Arial;position:absolute;top:250px;text-align:center;width:100%;padding:5px 0 2px;}
#showacross p a + span{font-size:9px;}
#showacross p a span.amr_btn{display:block;width:calc(100%+10px);color:#000;position:absolute;top:205px;height:50px;padding-top:17px;text-align:center;font-weight:700;margin:15px -5px 20px;}


#crosspromotion img {margin-top: 2px;}

#fusszeile {background:#25343D url(../pix/fusszeile-bg.gif) no-repeat}

/*
#fusszeile {
    height: 85px;
    background-position: 0 -150px;
}
#fussnavi {
    width: 100%;
    top: 15px;
}
*/

@media (min-width: 1024px) {
	#kopfzeile {background: url(../pix/kopfzeile-bg.jpg) top center;}
	#kategorien {}
	#dd_navi {}
	#rechte_spalte .klbox-content div.p1 {}
	#rechte_spalte .klbox-content div.p1 a {display:block; padding-bottom:15px}
	.artikelbeschreibung {padding: 0 20px 0 10px;}
	#egal_buehne {float: left;}
}

@media (max-width: 1023px) {
	body {background:#346191}
	#arbeitsbereich {box-sizing:border-box; background:}
	#arbeitsbereich img {max-width: 100%; height:auto}
	#favnews {width: 300px; float:right}
	
	a.katlink, a.katlink:hover {color: #FFF;}
	.vmenu > ul > li:hover > a {background:#80ACDB !important; color: #FFF !important;}
	
	#drei_spalten {width:100% ; border:0px solid red; max-width:990px}
	#drei_spalten_table {width:100%}
	#drei_spalten_table > tbody > tr > td {float:left; width:100%; border:0px solid yellow; height:auto !important}
	#linke_spalte, #rechte_spalte, #mittlere_spalte {width:100%}
	
	#kopfzeile {background: url(../pix/kopfzeile-bg.jpg) top left; width:100%}
	
	#showamobnav {display:block}
	#showamobnav .btn-toggle {margin:15px 0; height: auto; border: 1px solid #FFF; border-radius: 5px; background: #023C6E; display: inline-block; padding: 2px 5px; cursor:pointer; float: right;}
	#showamobnav .btn-toggle hr {border:1px solid #fff; width:25px;	padding:0; margin:5px 0}
	#showamobnav label {display:none}
	#linke_spalte  {display:none}	
	#snav:checked ~ #linke_spalte, #snav:checked ~ #showamobnav #closeamrnav {display: inline-block;}
	#snav:checked ~ #showamobnav #openamrnav {display: none;}
	#showamobnav #closeamrnav {display: none;}
	
	#linke_spalte {}
	#linke_spalte > table, #linke_spalte > table > tbody > tr > td > div > div {width:100%}
	
	#linke_spalte #kategorien .klbox-kopf {background: #00325A !important; max-width:100%; display: none;}
	#linke_spalte #kategorien .klbox-kopf p {padding: 15px 0px 0px 20px; font-size: 16px;}
		
	a.all_cats, a.all_cats:visited, div.lcat div.ttl a, div.lcat div.ttl a:visited, ul.lev1 li a, ul.lev1 li a:visited, div.lcat div.link a, .kat00 a, .kat00 a:visited, .category b a, .category b a:visited, #mainnavi ol li a, #mainnavi ol li a:visited, a.katlink, a.katlink:visited, .s_recat li a, .s_recat li a:visited {
		background: #00325A; width:100% !important; border-bottom:1px solid #FFF !important; box-sizing: border-box;
	}
	
	a.all_cats:hover, div.lcat div.ttl a:hover, ul.lev1 li a:hover, div.lcat div.link a:hover, .kat00 a:hover, .category b a:hover, #mainnavi ol li a:hover, a.katlink:hover, a.katlink_on, a.katlink_on:visited, a.katlink_on:hover, .s_recat li a:hover {
    background: #6F9F00; width:100% !important; border-bottom:1px solid #FFF !important;
	}
	
	.klbox-kopf {background: #E7E7E7 !important; max-width:100%}
	.klbox-content {background: #F2F2F2;}
	.klbox-fuss {background: #F2F2F2; margin-bottom:20px}
	
	.bbox-content {background:none}
	
	#mittlere_spalte {background:none; }
	#mittlere_spalte > table {width: 100%;}
	#mittlere_spalte > table > tbody > tr > td > div > div {border:0px solid blue; width:100%}
	#mittlere_spalte > table > tbody > tr > td > div > div table {max-width: 100%; width: 100%; overflow:hidden;}
	@media (max-width: 400px) {#mittlere_spalte > table > tbody > tr > td > div > div table {font-size:smaller}}
	#mittlere_spalte .grbox-kopf {background: #023C6E; max-width:100%; height:auto}
	#mittlere_spalte .grbox-kopf p {padding: 10px 0px 10px 20px; font-size: 16px;}
	#mittlere_spalte .grbox-content {background: #FFF;border:1px solid #023C6E; margin-bottom:15px;}
	#mittlere_spalte .grbox-fuss {background: #FFF; margin-bottom:20px; border-bottom:1px solid #023C6E; display:none}
	
	#gallery, #printdiv, #lasche-kategorie, #lasche-info, #lasche-impressum, #lasche-newsletter, .klbox-fuss{display:none}
	#apa_image_td {width:100%}
	#widerruf .grbox-content div.p1 {padding-right:0}
	#widerruf_box {width:100%; margin:0; padding:0}
	
	.grbox-content .symbolbild + td {width:100%; padding-top: 10px;}
	
	#crosspromotion .klbox-content {background:none; width:100%; text-align:center}
	#crosspromotion .klbox-content a { margin:10px}


	#fusszeile {width:100%; background-position:center center; background-size:contain; background:none; height:auto}
	#fussnavi a {font-size:12px; font-weight:normal; line-height:28px; }
	#fusszeile .copyright {clear:both}

	#favnews, #kopfzeile, #apa_logo, #head_bg, #impressum {display:none}
	#kopfzeile_sm {display:block; background:url(../pix/kopfzeile-bg.jpg) center -20px no-repeat; height: 197px;}
	#kopfzeile_sm div {display:inline-block}
}

@media (max-width: 623px) {
	#fussnavi a {font-size:12px; font-weight:normal; line-height:28px}
	#rechte_spalte {width:100%; display:none}
}

/*
@media (min-width: 451px) {#fusszeile {display:block} #fusszeile_xs {display:none}}
@media (max-width: 450px) {#fusszeile {display:none} #fusszeile_xs {display:block}}
*/