/* ------- COLUMNS RESPONSIVE ------- */
.columns { width:100%; }
.columns::after { content:""; display:block; clear:both; }
.columns > div, .columns > article { float:left; vertical-align:top; }

.half       { width:48.0%; margin:0 1.3% 2% 1.3%; }
.oneThird   { width:32%; margin:1%; }
.columns > div:first-child, .columns > article:first-child { margin-left:0; }
.oneThird + .oneThird + .oneThird, .threeForth + .oneForth, .oneForth + .half, .half + .half, .half + .oneForth + .oneForth, .last { float:right; margin-right:0; }
.oneForth   { width:25%; }
.threeForth { width:74.5%; }

div.icsshalf { float:left; width:50%; margin:0; overflow-y:auto; }
div.icsshalf:first-child { float:left; width:45%; margin:0 5% 0 0; }

div.icsvari { float:right; width:50%; margin:0; overflow-y:auto; }
div.icsdesc { float:left;  width:45%; margin:0 5% 0 0; overflow-y:auto; }

.herstellerlogo { display:block; width:24%; height:130px; overflow:hidden; float:left; margin-bottom:5px; margin-right:1%; }
.herstellerlogo img { width:auto; height:auto; max-width:100%; max-height:130px; }

div.grppic_cont1 { float:left; width:100%; background:#FFFFFF; position:relative; right:25%; border-right:5px solid #FFFFFF; }
div.grppic_cont2 { clear:left; float:left; width:100%; overflow:hidden; background:#393939; }
div.grppic_col1 { float:left; width:75%; position:relative; left:25%;   overflow:hidden; background-color:#FFFFFF; padding-left:1px; text-align:right; }
div.grppic_col2 { float:left; width:22.5%; position:relative; left:26.5%; overflow:hidden; font-size:12px; line-height:135%; color:#FFFFFF; padding:5px 0 5px 0; }

.cbdesc1, .cbdesc2, .cbdesc3 { font-weight:normal; display:inline; }
.bextrafields, .bextrafields2 { float:left; width:33%; min-width:220px; display:flex; flex-direction:column; position:relative; }
.bef_item { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-right:10px; max-width:300px; }
.bt_extradata { border:1px solid var(--olivegreen) !important; color:var(--textinput) !important; background-color:var(--nearblack) !important; margin-bottom:2px; max-width:250px; }

.mob_only, .mob_only_flex { display:none; }
.dsk_only { display:block; }

/* ------- Bereiche die vom Menü�-Stil (normal/mobil) abhängig sind ------- */
#main_navigation { min-height:40px; width:100%; }
#searcharea { height:40px; width:340px; display:inline-block; z-index: 999; white-space:nowrap; background-color:#393939; overflow:hidden; position:absolute; right:0; bottom:20%; box-sizing:border-box; }
#searchfield  { display:inline-block; width:100%; height:30px; color:var(--textinput); background-color:var(--anthrazit); margin:5px 3px 5px 1px; border:1px solid var(--limegreen); box-sizing:border-box; font-size:14px; }
#searchfield:focus { border:1px solid var(--limegreen) !important; }

#searchbutton { width:36px; height:34px; margin-top:5px; display:none; border:0; line-height:26px; font-size:21px; -webkit-border-radius:3px; border-radius:3px; }
#searchstart  { position:absolute; top:5px; right:4px; border:0; width:30px; height:30px; line-height:25px; font-size:21px; background-color:var(--limegreen); color:#000000; }
#searchstart:hover { background-color:var(--olivegreen); color:var(--limegreen); border:1px solid var(--limegreen); border-left:0; }
div.sra_left  { float:right; width:340px; margin-right:35px; position:relative; display:block; z-index:9990; }
div.sra_right { position:absolute; right:0; width:40px; height:40px; z-index:9990; }

#topright_box { position:absolute; right:6px; top:1px; width:auto; max-width:80%; height:40px; padding:0px; margin:0px; text-align:right;  }
#topright_box > a, #topright_box > div { display:block; position:relative; height:40px; padding-top:5px; line-height:30px; float:left; text-decoration:none; color:var(--limegreen); font-size:16px; font-family:OpenSansCondensed,Arial,sans-serif; font-weight:bold; margin-left:25px; }
#topright_box > div > a { text-decoration:none; color:var(--limegreen); }
#topright_box > div:hover > a { color:#FFFFFF; }

#topright_box > a#adminaccess { color:#FF0000; }
#topright_box > a:hover, #topright_box > a#adminaccess:hover, #topright_box > div:hover { text-decoration:none; color:#FFFFFF; }
#topright_box > #loginstatus { margin-left:0; max-width:120px; }


.userinfo, .currencyinfo, .cartinfo { font-size:15px; line-height:40px; color:#808080; }

#topright_box a > i { font-size:25px; width:30px; text-align:right; font-weight:normal; float:left; }
#topright_box a span.basketpic  { display:block; float:left; width:35px; height:30px; background:url(/assets/images/carts_big.png) no-repeat 0 -120px; position:relative; }
#topright_box a:hover span.basketpic { background-position:0 -30px; }
#topright_box a span.currencypic  { display:block; float:left; width:30px; height:30px; background:url(/assets/images/currencies_big.png) no-repeat 0 -30px; position:relative; }
#topright_box a:hover span.currencypic { background-position:0 0; }

#idg_body.borderless #idg_content { height:550px; max-width:990px; }
#slider1_container { border-bottom:1px solid #E0E0E0; margin-bottom:0px; }

span.logintext, span.baskettext, span.currtext { display:block; float:left; height:30px; line-height:30px; font-size:16px; font-family:OpenSansCondensed,Arial,sans-serif; }
span.baskettext { line-height:31px; }
span.numitems { position:absolute; top:-2px; right:2px; padding:1px; min-width:15px; text-align:center; font-size:12px; font-family:OpenSans,Arial,Helvetica,sans-serif; line-height:13px; color:#FFFFFF; -webkit-border-radius:7px; border-radius:7px; }
.numbergreen { background-color:#009000; }
.numbergray { background-color:transparent; display:none; }
span.numfavlists { position:absolute; top:-2px; right:-2px; padding:1px; min-width:15px; text-align:center; font-size:12px; font-weight:bold; font-family:OpenSans,Arial,Helvetica,sans-serif; line-height:13px; color:#FFFFFF; background-color:#777777; -webkit-border-radius:7px; border-radius:7px; }

.teaser_rechts > img { width:100% !important; }
a.level3, a.level4, a.level5 { display:none; }

.actionbuttons { float:right; max-width:50%; margin-right:2px; text-align:right; }

.myaccbuttons { float:right; margin:3px 0 8px 0; width:200px; border:1px solid #A0A0A0; background-color:#F8F8F8; text-align:center; padding:5px; position:relative; }
.myaccbuttons a { margin:5px 0 8px 0; }

.myaccountdata { width:385px; max-width:98%; position:relative; padding-right:10px; border-right:1px solid var(--anthrazitl); }
.myaccountbtns { display:flex; justify-content:space-around; flex-wrap:wrap; min-width:300px; max-width:calc(100% - 386px); width:100%; padding-top:18px; }
.myaccount_btn { display:block; width:250px; margin:5px; padding:1px; }
.myaccount_btn i { font-size:18px; }
.myaccountbtns .mtbutton, .myaccountbtns a.mtbutton { width:100%; display:flex; justify-content:center; align-items:center; }


#swiffycontainer { width:512px; height:320px; }

/* ------- RESPONSIVE MENU ------- */
.hamburger { display:none; width:42px; height:50px; position:fixed; left:0; top:0px; color:#FFFFFF; -webkit-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; transition: 0.5s; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
.hamburger label { display:block; width:42px; height:50px; position:absolute; left:0; top:0; background:url(/assets/images/menu-icon.png) no-repeat center center; cursor:pointer; z-index:99999; } 
.hamburger label span { position:absolute; left:-9999px; }

input.submenus, input#menutoggle { position:absolute; display:none; }
.kuewi_mainmenu { position:absolute; height:40px; background-color:var(--anthrazitl); z-index:400; left:0; bottom:0; width:100%; -webkit-transition:left 0.1s; -o-transition:left 0.1s; -moz-transition:left 0.1s; transition:left 0.1s; }

.respomenu ul li.home { display:none; height:48px; }
.respomenu ul li.home_g { display:block; height:40px; text-align:center; }
.respomenu ul li.home_g a { display:block; text-align:center; width:65px; height:40px; font-size:28px; padding:6px 0 0 0px; }

.respomenu { float:left; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; -ms-touch-action:none; }
.respomenu ul { margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; }
.respomenu li { display:block; position:relative; }
.respomenu ul ul { position:absolute; left:-9999px; top:40px; padding:0 0 0 0; z-index:0; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; -moz-transition:opacity 0.5s; transition:opacity 0.5s; }
.respomenu ul ul ul { left:100%; top:auto; margin-top:-26px;  }
.respomenu ul li.left > ul { left:auto; right:0; top:40px; }
.respomenu ul li.left ul li > ul { left:auto; right:100%; top:auto; margin-top:-35px; }
.respomenu > ul { margin:0 auto; }
.respomenu > ul > li { float:left; position:relative; }
.respomenu ul { background-color:var(--nearblack); }
.respomenu a { display:block; font:normal 14px OpenSans,Arial,Helvetica,sans-serif; color:var(--limegreen); line-height:24px; text-decoration:none; padding:0 23px 0 10px; position:relative; z-index:10;}
.respomenu > ul > li > a { line-height:40px; font-weight:bold; font-size:20px; font-family:OpenSansCondensed; font-style:italic; font-variant:all-small-caps; text-shadow:0 2px 3px rgba(0,0,0,0.8); }

.respomenu > ul > li > label  { display:block; position:relative; width:100%; margin-top:-40px; height:40px; background:transparent; z-index:100; } 
.respomenu ul ul > li > label { display:block; position:relative; margin-top:-25px; width:100%; height:25px; background:transparent; z-index:100; -webkit-transition:0s 0.5s; -o-transition:0s 0.5s; -moz-transition:0s 0.5s; transition:0s 0.5s; }
.respomenu ul li.back { display:none; }
.respomenu li:hover > label { width:0; }
.respomenu li.left ul a { text-align:right; padding:0 20px 0 20px; }
.respomenu li:hover > a, .respomenu ul li:hover > a { color:var(--limegreenl); background:var(--olivegreen); text-decoration:none; }

.respomenu ul ul { background-color:var(--anthrazitll); -webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.34); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.34); border-top:1px solid var(--nearblack); }
.respomenu ul ul > li { border-bottom:1px dotted var(--anthrazit); }
.respomenu ul ul li a { color:var(--limegreen); min-width:145px; }
.respomenu ul ul ul { border-top:0; }
/*
.respomenu ul ul { background-color:#CCCCCC; -webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.34); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.34); }
.respomenu ul ul li a { color:#000000; min-width:145px; }
.respomenu ul li a.hassub    { background: url(/assets/images/arrow-down.png)  no-repeat right center; height:40px; } 
*/

.respomenu > ul li a.hassub::after { content:'\f0d7'; font-family:FontAwesome; font-size:18px; font-variant:normal; font-style:normal; color:var(--olivegreen); position:absolute; right:1px; top:3px; width:15px; height:35px; }
.respomenu > ul li:hover a.hassub::after { content:'\f0d7'; font-family:FontAwesome; font-size:18px; font-variant:normal; font-style:normal; color:var(--limegreen); position:absolute; right:1px; top:3px; width:15px; height:35px; }

.respomenu li ul li a { height:26px; }
.respomenu li ul li a.hassub { background: url(/assets/images/arrow-right.png) no-repeat right center; height:26px; }
.respomenu li ul li a.hassub::after { content:'' !important; } 

.respomenu li.left ul li a.hassub { background: url(/assets/images/arrow-left.png) no-repeat left center; }
.respomenu ul li:hover > a.hassub { color:var(--limegreenl); background-color:var(--olivegreen); text-decoration:none; }
.respomenu li.left ul li:hover > a.hassub { color:var(--limegreenl); background-color:var(--olivegreen); text-decoration:none; }
.respomenu > ul {*display:inline;}
.respomenu ul ul, .respomenu ul ul ul, .respomenu ul li.left > ul, .respomenu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}
.respomenu ul ul { min-width:100%; }
.respomenu ul li:hover > ul {left:0; opacity:1;}
.respomenu ul ul li:hover > ul {left:100%; opacity:1;}
.respomenu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.respomenu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}
.respomenu li ul li ul li, .respomenu li ul li ul li a { height:1px; }
.respomenu li ul li:hover ul li, .respomenu li ul li:hover ul li a { height:26px; }

.respomenu a.graphical { height:40px; display:flex; align-items:center; }
.respomenu a.graphical > img { height:60%; }

@media only screen and (max-width:1600px)	{ #idg_debug_output { display:none; } }

@media only screen and (max-width:1100px)
	{	
	#sitelogo { left:1%; }
	#idg_contall  { padding:10px 0.5% 0 0.5%; }
	div.sra_left { width:280px; }
	div#searchbubble { right:300px; }
	}

@media only screen and (max-width:1050px)
	{
	div.sra_left { width:260px; }
	div#searchbubble { right:280px; }
	#idg_navi    { width:19.9%; }
	#filterwrapper { left:-24% !important; width:23%; }
	#idg_content { width:80%; }
	a.subcatdata { width:32%; }
	div.il_prodbox_cont { width:32.3%; }
	}
	
@media only screen and (max-width:1000px)
	{
	#sociallinks { left:360px; }
	div.sra_left { width:230px; }
	div#searchbubble { right:250px; }
	div.subcategory { width:24%; }
	a.subcategory { width:24%; }
	a.subcatdata  { width:32%; }
	div.ptb_head { font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica; }
	
	}

@media only screen and (max-width:950px)
	{
	#sociallinks { left:340px; }
	div.sra_left { width:180px; }
	div#searchbubble { right:200px; }
	#footer_menu { display:none; }
	#footer_sla { float:left; width:100%; max-width:85%; }
	#footer_adr { float:right; }
	.contentmiddle { font-size:1em; }
	a.socialnet { margin:5px;  }
	a.snavi, a.snavi_c { font-size:13px; }
	.slantmany { padding:2px 9px 2px 12px !important; width:151px !important; margin-left:-112px !important; margin-right:0px !important; }
	
	}
	
@media only screen and (max-width:900px)
	{
	#sitelogotext { font-size:11px; }
	#sitelogotext span.addr { margin-bottom:0.5em !important; }
	#sociallinks { top:15px; left:320px; }
	.socialicon { margin:0 0 4px 0; }
	
	div.sra_left { width:160px; }
	div#searchbubble { right:180px; }
	#topright_box a { padding-top:3px; }
	#idg_navi    { width:24.9%;  }
	#filterwrapper { left:-33% !important; width:32%; }
	#idg_content { width:75%; }
	h1 { font-size:1.2em; }
	.respomenu li ul li a { font-family:OpenSansCondensed; font-size:15px; }
	div.jssorb01 { display:none; }
	}

@media only screen and (max-width:850px)
	{
	div.sra_left { width:140px; }
	div#searchbubble { right:160px; }
	#topright_box a { padding-top:2px; }
	#idg_navi { display:none; }
	#filterwrapper { width:100%; position:relative !important; left:0 !important; }
	div.filteroption { width:49%; min-width:150px; float:left; margin:0 1% 5px 0; }
	#idg_content { width:100%; padding-left:5px; }
	h1 { font-size:1.1em; }
	.contentmiddle { border:0; padding:0 5px 0 5px; }
	.contentfooter { border:0; padding:0; height:1px; }
	.sectiontitle { font-family:OpenSansCondensed; font-weight:bold; font-size:18px; color:#808080; margin-bottom:10px; }
	
	div.subcategory { width:32%; }
	a.subcategory { width:32%; }
	.personalbox { width:49%; }
	}

@media only screen and (min-width:769px)
	{
	#topright_box { z-index:9999; }
	#mainmenu { z-index:9998; }
	}

/* ---------- Switch to mobile Menu ---------- */
@media only screen and (max-width:768px)
	{
	#wrapper, div.wrapper { margin:0 0 0 0; max-width:100%; -webkit-box-shadow:none; box-shadow:none; }
	#slider1_container { margin-bottom:0; border-bottom:none; }
	.mob_only { display:block; }
	.mob_only_flex { display:flex; }
	.dsk_only { display:none !important; }
	.qualitable { display:none !important; }
	#breadcrumbs { padding:0 5px; }
	#breadcrumbs a.dsk_only { display:none !important; }
	#breadcrumbs a { height:26px; padding:1px 4px; line-height:24px; max-width:140px; white-space:nowrap; overflow:clip; font-size:12px; }
	
	
	#mainmenu { top:0; }
	#main_navigation { height:50px; width:100%; border-bottom:1px solid var(--anthrazitl); }
	body { background:none; background-color:var(--nearblack); }
	div.wrapper { margin:50px auto 0 auto; -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0) !important; box-shadow:0 0 0 0 rgba(255,255,255,0) !important; }
	div.hamburger { display:block; z-index:99999;  }
	#header { position:fixed; top:0; left:0; z-index:9000; width:100%; height:50px; background-color:var(--nearblack); }
	#headerspace { display:none; }
	#sitelogo { display:none; }
	#sitelogos { display:block; position:relative; left:50px; top:2px; z-index:9100; width:96px; height:48px; background:url(/assets/images/logo-kuewi.png) no-repeat 2px -3px; background-position:center center; background-size:contain; text-decoration:none; }
	#siteslogan { top:15px; font-size:12px; left:27%; }
	#chatbutton { display:none; }
	
	#idg_body.borderless { position:fixed; top:0; left:0; right:0; bottom:0; margin-top:0; padding:0 0 0 0; }
	#idg_body.borderless #mainarea { height:100%; }
	#idg_body.borderless #idg_content { height:100%; max-width:100%; }
	#scandit-barcode-picker { max-width:100%; height:100% !important; max-height:100%; }
	#footer.borderless { display:none; }
	span.numfavlists { right:1px; }
	
	#searcharea  { background-color:transparent; position:absolute; top:45px; right:1px; width:100%; height:40px; z-index:9110; }
	div.sra_left  { display:none; margin:0 0 0 0; position:fixed; top:45px; left:0; width:100%; padding:5px 3px 5px 3px; height:40px; background-color:#000000; z-index:99999; }
	div.sra_right { position:fixed; right:0; top:5px; margin:0; width:42px; height:40px; float:none; z-index:998; }
	#searchbutton { display:block; margin:2px 0 0 0; height:36px; width:38px; background-color:var(--limegreen); color:#FFFFFF; }
	#searchbutton:hover { color:#FFFFFF; }
	#searchstart  { display:none; }
	#searchfield  { width:100%; margin:0 auto 0 auto; }
	div#searchbubble { top:85px; left:5px; right:unset; background-image:none; background-color:#FFFF99; border:1px solid #A0A0A0; -webkit-border-radius:9px; border-radius:9px; }
	
	#topright_box { position:absolute; height:40px; top:5px; right:49px; overflow:hidden; z-index:9100; text-align:right; }
	#topright_box a, #topright_box > div { padding-top:5px; margin:2px 0 0 8px; width:38px; height:36px; overflow:hidden; white-space:nowrap; background-color:var(--limegreen); color:#FFFFFF; -webkit-border-radius:3px; border-radius:3px; }
	#topright_box > div > a { color:#FFFFFF; }
	#topright_box > div > a:hover { color:var(--olivegreen); }
	#topright_box a:hover, #topright_box > div:hover > a { color:var(--olivegreen); }
	#topright_box a > i { width:38px; text-align:center;  }
	#topright_box a#basketinfo { padding-left:3px; }
	#topright_box a span.basketpic  { display:block; float:left; width:35px; height:30px; background:url(/assets/images/carts_big.png) no-repeat 0 -30px; position:relative; }
	#topright_box a:hover span.basketpic { background-position:0 0; }
	
	#newcustmsg   { top:0; }
	#idg_body { margin-top: 51px; }
	.opbreadt { display:none; }
	.opbreadn { width:100%; }
	.opbread0, .opbread1 { width:24% }
	
	.btab .pic_desc { font-size:12px; line-height:120%; }
	.kom_bem_anr_lpl { clear:left; max-width:100%; margin-left:0px; padding-right:0px; margin-top:2px; }
	
	div.grppic_col2 { font-size:11px; }
	
	div.icsshalf, div.icsshalf:first-child, div.icsvari, div.icsdesc { clear:both; width:100%; margin:0 0 1px 0; }
	div.icsdesc { padding-top:10px; }
	div.icsdesc div[itemprop="description"] { font-size:14px !important;  }
	div.icsvari { padding:5px; }
	div.variantdescr { text-align:left; vertical-align:top; font-size:14px; width:auto; padding:5px 2px 5px 2px; min-height:18px; }
	
	div.subcategory { width:32%; }
	a.subcategory { width:32%; }
	a.subcategory_l { min-width:49%; }
	a.subcategory_s { max-width:33%; min-width:180px; }
	
	.allpicscontainer { flex-direction:column; }
	div.prod_pic_box { width:100% !important; }
	div.prod_txt_box { width:100% !important; }
	.artikelbildbox {width:100%; margin-bottom:5px; }
	#artikelinfobox { width:100% !important; }
	#navtextfieldbox { width:100% !important; }
	div#atc_message  { width:165px; bottom:32px !important; }
	
	div.altpicarea { width:100%; height:50px; margin:0 0 5px 0;  }
	div.altpicarea a.thumbnail { float:left; margin:0 0 0 5px; border:1px solid #E0E0E0; clear:none; }
	
	.cart27 { display:block; float:left; width:30px; max-width:30px; height:27px; background-position:2px -98px; position:relative; top:-2px !important; margin-right:2px;  }
	.cart27:hover { background-color:var(--bluegreen); background-position:2px -22px; }
	.tab-content .btab .priceinfo { min-width:210px; min-height:35px; }
	
	.sectiontitle2 { font-size:18px; line-height:105%; padding-top:3px; }
	span.sectiontitle2 + span { font-size:13px; }
	
	a.subcatdata  { width:50%; }
	.jssorb01 { display:none !important; }
	a.buttonprint, a.buttonlike { display:none; }
	.contentheader h1 { font-size:16px; }
	a.clearbasket { width:20px; overflow:hidden; height:20px; background-position:left center; }
	
	a.level3, a.level4, a.level5 { display:block; }
	/* ------- RESPONSIVE MENU ------- */
	.kuewi_mainmenu { position:fixed; left:-280px; width:280px; top:0; bottom:0; height:auto; overflow-x:hidden; color:#FFFFFF; background-color:transparent; z-index:9900; -webkit-transition: left 0.5s; -o-transition: left 0.5s; -moz-transition: left 0.5s; transition: left 0.5s;  }
	.respomenu ul li.home_g { display:none; }
	.respomenu ul li.home { display:block; background-color:#393939; }
	.respomenu ul li a { color:var(--limegreen); font-size:16px; font-weight:bold; font-variant:normal; font-style:normal; }
	/* .respomenu ul li.home a { color:#FFFFFF; font-weight:bold; } */
	
	.respomenu li ul li a { font-family:OpenSansCondensed,Arial,Helvetica; font-size:14px; color:var(--limegreen); }
	.respomenu { float:right; width:280px; text-align:center; position:absolute; z-index:100; background:#393939; left:0; top:0; border-right:1px solid #000000; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; -ms-touch-action:none; -webkit-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
	.respomenu ul { margin:0; padding:0; width:278px; list-style:none; white-space:nowrap; text-align:left; border-radius:0; background:#393939;  }
	.respomenu li { display:block; position:static; width:278px; height:42px; border-bottom:1px solid #000000; }
	.respomenu ul li.back { display:block; background-color:#393939; }
	.respomenu ul ul { position:absolute; left:280px; top:-5000px; padding:0; z-index:0; opacity:1; background:#393939; -webkit-transition:0s 0.5s; -o-transition:0s 0.5s; -moz-transition:0s 0.5s; transition:0s 0.5s; }
	.respomenu ul ul ul { left:300px; top:-5000px; margin-top:0; opacity:1; }
	.respomenu ul li.left > ul { left:280px; right:auto; top:-5000px; }
	.respomenu ul li.left ul li > ul { left:280px; right:auto; top:-5000px; margin-top:0; }
	.respomenu > ul { margin:0; }
	.respomenu > ul > li { float:left; position:static; }
	.respomenu ul { background:#393939; }
	.respomenu ul ul li a { color:#FFFFFF; }
	.respomenu > ul li a.hassub::after { content:'' !important; }
	
	.respomenu a { display:table-cell; vertical-align:middle; font:normal 14px/50px OpenSans,Arial,sans-serif; line-height:15px; color:#FFFFFF; text-decoration:none; padding:0 0 0 10px; margin-right:60px; position:relative; z-index:10; background:transparent; }
	.respomenu a.leaf { margin-right:1px; width:279px; max-width:279px; height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.respomenu > ul > li > a { line-height:40px; }
	.respomenu > ul > li > label  { display:block; position:relative; margin-top:-38px; margin-right:15px; width:36px; height:36px; border:0; border-radius:3px; float:right; background:#666666 url(../images/arrow-right.png) no-repeat center center; z-index:100; cursor:pointer; -webkit-transition:0s; -o-transition:0s; -moz-transition:0s; transition:0s; }
	.respomenu ul ul > li > label { display:block; position:relative; margin-top:-38px; margin-right:15px; width:36px; height:36px; border:0; border-radius:3px; float:right; background:#666666 url(../images/arrow-right.png) no-repeat center center; z-index:100; cursor:pointer; -webkit-transition:0s; -o-transition:0s; -moz-transition:0s; transition:0s; }
	.respomenu li:hover > label { width:36px; color:#FFFFFF; }
	.respomenu li.left ul a { text-align:left; padding:0 40px 0 20px; }
	.respomenu ul li:hover > a { color:#333333; background:#393939; text-decoration:none; }
	.respomenu ul li a:hover,  .respomenu ul li a.hassub:hover { color:#FFFFFF; background:#606060; text-decoration:none; }
	.respomenu ul li.home a:hover { color:#FFFFFF; background:#606060; text-decoration:none; border-radius:0; -webkit-border-radius:0; }
	.respomenu ul li a.hassub, .respomenu li.left ul li a.hassub, .respomenu li ul li a.hassub { background:none; height:40px; max-height:40px; overflow:hidden; white-space:normal; width:225px; max-width:225px; }
	
	.respomenu ul ul { -webkit-box-shadow:none; box-shadow:none; }
	
	.respomenu ul li.back label { display:block; width:36px; height:36px; margin:3px 0 0 4px; border-radius:4px; float:left; background:var(--limegreen) url(../images/arrow-left.png) no-repeat center center; z-index:100; cursor:pointer; -webkit-transition:0s; -o-transition:0s; -moz-transition:0s; transition:0s; }
	.respomenu ul li.back span  { display:block; height:40px; font-size:15px; font-family:OpenSansCondensed,Arial,sans-serif; font-weight:bold; color:#FFFFFF; width:220px; padding:10px 5px 0 0px; white-space:nowrap; overflow:hidden; float:right; text-overflow:ellipsis; }
	.respomenu ul li.home a { margin-right:0; width:278px; height:50px; display:flex; justify-content:start; flex-wrap:nowrap; align-items:center; }
		
	.respomenu ul ul, .respomenu ul ul ul, .respomenu ul li.left > ul, .respomenu ul li.left ul li > ul { left:280px; top:-5000px; right:auto; opacity:1; }
	
	.respomenu ul li:hover > ul, .respomenu ul ul li:hover > ul, .respomenu ul li.left:hover > ul, .respomenu ul li.left ul li:hover > ul { left:280px; right:auto; opacity:1; }
	.respomenu ul li:hover > a.hassub, .respomenu li.left ul li:hover > a.hassub { background:none; color:#FFFFFF; text-decoration:none; }
	.respomenu ul li a.hassub:hover, .respomenu ul ul li a.hassub:hover, .respomenu li.left ul li a.hassub:hover { color:#FFFFFF; background:#606060; text-decoration:none; }
	
	.respomenu li ul li ul li, .respomenu li ul li ul li a { height:40px; }
	.respomenu li ul li:hover ul li, .respomenu li ul li:hover ul li a { height:40px; }
	


/*	#menutoggle:checked ~ .wrapper { left:280px; }  */
	#menutoggle:checked ~ .wrapper .kuewi_mainmenu { left:0; } 
	#menutoggle:checked ~ .wrapper .hamburger { left:278px; top:0; height:48px; border-left:1px solid #000000; box-shadow:0px 0px 10px 6px var(--anthrazit);  } 
	#menutoggle:checked ~ .wrapper .hamburger label { background:#888888 url(/assets/images/menu-icon.V1.png) no-repeat center center; height:48px; width:44px; border-radius:0 5px 5px 0; }
	}

@media only screen and (max-width:725px)
	{
	.myaccountdata { width:100%; padding-right:0; border-right:none; padding-left:6px;  }
	.myaccountbtns { width:100%; max-width:100%; }
	.myaccount_btn { display:block; width:32%; margin:5px 0; }
	.ccbody { height:500px; }
	}
	
@media only screen and (max-width:680px)
	{
	.bextrafields { width:90%; }
	.bextrafields2 { width:100%; }
	
	.actionbuttons { float:right; width:99%; max-width:99%; margin-right:2px; text-align:right; }
	div.il_prodbox_cont { width:49%; }
	.il_prodbox .pbkngreen { font-size:12px; }
	
	.basketfooter_l { display:none; float:left; max-width:1px; }
	.basketfooter_r { float:right; width:100%; max-width:100%; }
	.discountinfo_mob { display:inline-block; }
	.discountinfo_dtp { display:none; }
	.lieferinfobox { width:100%; }
	.cookietext { width:72%; line-height:120%; font-size:12px; }
	}

@media only screen and (min-width:600px) and (max-width:768px)
	{
	#mainarea    { position:relative; width:100%; margin:0; padding:0 2px; z-index:4;  }
	/* .tabs label { font-size:13px; font-family:OpenSansCondensed; } */
	}

@media only screen and (max-width:620px)
	{
	#kl_sortbox { min-width:140px; text-align:left; }
	.myaccbuttons { clear:both; width:100%; }
	.myaccbuttons a { margin:5px 0 5px 0; }
	.myaccountbtns { width:100%; max-width:100%; }
	.myaccount_btn { display:block; width:49%; margin:5px 0; }
	}

@media only screen and (max-width:560px)
	{
	
	#swiffycontainer { width:512px; height:320px; }
	}

@media only screen and (min-width:480px) and (max-width:599px)
	{
	#siteslogan { display:none; }
	#mainarea    { position:relative; width:100%; margin:0; padding:0 2px; z-index:4;  }

	div.teaser_left { width:100%; border-right:0; }
	div.teaser_right { clear:both; width:100%; float:left; } 
	.box_ein_viertel:last-child { border-right:0; }
	
	.adrblk_caption, .maablk_caption { width:100%; font-size:12px; padding-bottom:0; }
	div.il_prodbox_cont { width:48%; }
	object[codebase^='http://download.macromedia.com'] { display:none; }
	
	.sectiontitle2 { font-size:16px; line-height:105%; }
	span.sectiontitle2 + span { font-size:12px; }
	
	div.grppic_cont1 { float:left; width:100%; background:#FFFFFF; position:relative; right:0; border-right:0; }
	div.grppic_cont2 { clear:both; float:left; width:100%; overflow:hidden; background:#393939; }
	div.grppic_col1 { clear:both; width:100%; position:relative; left:0; overflow:hidden; border-bottom:1px solid #393939; }
	div.grppic_col2 { clear:both; width:100%; position:relative; left:0; overflow:hidden; font-size:12px; line-height:135%; background-color:#393939; color:#FFFFFF; padding:5px; margin-bottom:5px; }
	
	div.subcategory { width:48%; }
	a.subcategory { width:48%; }
	a.subcategory_l { min-width:48%; }
	a.subcatdata  { width:99.9%; }
	#swiffycontainer { width:450px; height:281px; }
	a.subcategory_s { max-width:50%; }
	}

@media only screen and (max-width:479px)
	{
	#siteslogan { display:none; }
	#mainarea    { position:relative; width:100%; margin:0; padding:0 2px; z-index:4; }
	#footer_soc  { width:105px; }

	a.socialnet { font-size:14px; font-family:OpenSansCondensed,Arial,Helvetica,sans-serif; }
	.opbreadn { width:100%; }
	div.teaser_left { width:100%; border-right:0; }
	div.teaser_right { clear:both; width:100%; float:left; }
	.box_ein_viertel:last-child { border-right:0; }

	.half { width:100%; padding-left:0; padding-right:0; padding-bottom:0; }
	
	.adrblk_caption, .maablk_caption { width:100%; font-size:12px; padding-bottom:2px;  }
	.columns > div, .columns > article { float:none; margin:0; width:100%; }
	div.il_prodbox_cont { width:48%; }
	object[codebase^='http://download.macromedia.com'] { display:none; }
	
	input.textfield, select.textfield { font-size:14px; padding:3px 2px; }
	.dropdown { padding:4px 0 3px 5px; height:25px; font-size:14px; }	
	.dropdown .trigger { height:23px; padding-top:3px; }
	li.drop { padding:7px 5px; height:30px; }
	.ddedel, i.ddedel { height:30px; width:30px; line-height:27px; font-size:22px; }
	
	#descriptionbrand h1 { font-size:1.0em; }
	.fbutton, a.fbutton { font-size:14px; }
	
	div.grppic_cont1 { float:left; width:100%; background:#FFFFFF; position:relative; right:0; border-right:0; }
	div.grppic_cont2 { clear:both; float:left; width:100%; overflow:hidden; background:#393939; }
	div.grppic_col1 { clear:both; width:100%; position:relative; left:0; overflow:hidden; border-bottom:1px solid #393939; }
	div.grppic_col2 { clear:both; width:100%; position:relative; left:0; overflow:hidden; font-size:12px; line-height:135%; background-color:#393939; color:#FFFFFF; padding:5px; margin-bottom:5px; }
	
	.cbdesc2 { display:none; }
	
	.contentmiddle { font-size:0.9em; padding:0; }
	div#prodsizetable { margin-left:0; margin-right:0; }
	div.icsdesc div[itemprop="description"] { font-size:13px !important;  }
	span.itemavailtext { font-size:10px; line-height:17px; }
	
	a.subcategory_l { min-width:48%; }
	
	div.subcategory { width:48%; }
	a.subcategory   { width:48%; }
	a.subcategory_s { width:48%; max-width:48%; }
	a.subcategory_s .imgbox { width:100%; height:100px; background-size:contain; }
	a.subcatdata  { width:99.9%; }

	#leftboxes { width:100%; }
	div#custbasketbox, div#quickorderbox { clear:both; float:left; margin-right:1%; max-width:99%; width:99%; }
	form#customerbaskets { width:100%; }
	.kom_bem_anr_lpl { clear:left; max-width:100%; margin-left:0px; padding-right:0px; }
	
	div.prod_txt_box { width:100%; margin:5px 0 0 0; }
	.tabs label { font-size:13px; font-family:OpenSansCondensed; line-height:120%; }
	#swiffycontainer { width:450px; height:281px; }
	
	.cdline .cdcapt { clear:both; float:none; font-size:12px; width:99%; padding-top:4px; }  
	.cdline .cddata { clear:both; float:none; width:99%; }
	
	}

@media only screen and (max-width:426px)
	{
	div.il_prodbox_cont { width:99%; }
	div.prod_pic_box { width:100% !important; margin:0 !important; }
	div.altpicarea { width:100%; height:50px; margin:-6px 0 5px 0;  }
	div.altpicarea a.thumbnail { float:left; margin-left:5px; border:1px solid #E0E0E0; clear:none; -webkit-border-radius:0 0 5px 5px !important; border-radius:0 0 5px 5px !important; }
	a.subcategory_s { max-width:50%; height:125px; margin:0 4px 4px 0; }
	a.subcategory_s .imgbox { width:100%; height:100px; background-size:contain; }
	#swiffycontainer { width:360px; height:225px; }
	#leftboxes { width:100% !important; }
	}
	
@media only screen and (max-width:360px)
	{
	#sitelogos { width:140px; vertical-align:middle; overflow:hidden; }
	#sitelogos img { max-width:140px !important; height:auto; }
	#topright_box { right:44px; }
	#topright_box a { margin:2px 0 0 4px; }
	.adrblk_caption { font-size:11px; }
	.adrblk_data input.textfield { max-width:290px; }
	.adrblk_data select.textfield { max-width:290px; }
	input#bh_city { max-width:217px !important; }
	#swiffycontainer { width:320px; height:200px; }
	a.subcategory_s { min-width:150px; }
	}

body { -webkit-animation: bugfix infinite 1s; } 
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }