/* ------- 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%; min-width:155px; height:190px; overflow:hidden; float:left; margin:5px 1% 5px 0; padding:5px; border:1px solid #E0E0E0; }
.herstellerlogo .logo { width:100%; height:130px; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.herstellerlogo .desc { width:100%; max-height:45px; font-size:12px; line-height:1.3; padding:3px 2px 0 5px; text-align:center; }

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; }

div.catalogitem { float:left; width:48.5%; margin-left:1%; min-width:300px; position:relative; margin-bottom:15px; }

.viertel { display:inline-block; vertical-align:top; width:23%; margin-right:1.3%; box-sizing:border-box; margin-bottom:20px; padding-bottom:10px; font-size:15px; line-height:130%; }
.viertel:nth-child(4n+0) { margin-right:0; }
.viertel:nth-child(4n+0)::after { content:''; clear:both; height:0; }
.viertel a { color:#000000; text-decoration:none; }
.viertel img { max-width:100% !important; height:auto !important; margin-bottom:5px; }

.drittel { display:inline-block; vertical-align:top; width:32%; margin-right:1.6%; box-sizing:border-box; margin-bottom:20px; padding-bottom:10px; font-size:15px; line-height:130%; }
.drittel:nth-child(3n+0) { margin-right:0; }
.drittel:nth-child(3n+0)::after { content:''; clear:both; height:0; }
.drittel a { color:#000000; text-decoration:none; }
.drittel img { max-width:100% !important; height:auto !important; margin-bottom:5px; }

.haelfte { display:inline-block; vertical-align:top; width:49%; margin-right:1.5%; box-sizing:border-box; margin-bottom:20px; padding-bottom:10px; font-size:15px; line-height:130%; }
.haelfte:nth-child(2n+0) { margin-right:0; }
.haelfte:nth-child(2n+0)::after { content:''; clear:both; height:0; }
.haelfte a { color:#000000; text-decoration:none; }
.haelfte img { max-width:100% !important; height:auto !important; margin-bottom:5px; }

.haelfte + .viertel + .viertel, .viertel + .haelfte + .viertel, .viertel + .viertel + .haelfte { margin-right:0; }
.haelfte + .viertel + .viertel::after { content:''; clear:both; height:0; }
.viertel + .haelfte + .viertel::after { content:''; clear:both; height:0; }
.viertel + .viertel + .haelfte::after { content:''; clear:both; height:0; }

/*
div.svcblock { clear:both; position:relative; width:100%; background-color:#FFFFFF; padding:0; margin:5px 0 10px 0; box-sizing:border-box; overflow:hidden; min-height:175px; }
div.svcblock .links  { float:left; width:49.5%; margin:0 0.5% 0 0; padding:10px; font-size:14px; background-color:#EEEEEE; }
div.svcblock .mitte  { float:left; width:24.5%; min-height:175px; margin:0 0.5% 0 0; padding:0; background-size:cover; background-position:center center; background-repeat:no-repeat; }
div.svcblock .rechts { float:left; width:25%; margin:0; padding:10px; background-color:#005598; color:#FFFFFF; font-size:14px; }
div.svcblock .rechts::after { content:''; clear:both; height:1px; width:100%; }
*/

div.svcblock { clear:both; display:table; position:relative; width:100%; background-color:#EEEEEE; padding:0; margin:5px 0 10px 0; box-sizing:border-box; }
div.svcblock .links  { display:table-cell; width:50%; margin:0; padding:10px; font-size:14px; line-height:1.4; background-color:#EEEEEE; }
div.svcblock .mitte  { display:table-cell; width:25%; height:150px; min-height:150px; margin:0; border-left:3px solid #FFFFFF; border-right:3px solid #FFFFFF; padding:0; background-size:cover; background-position:center center; background-repeat:no-repeat; }
div.svcblock .rechts { display:table-cell; width:25%; max-width:25%; margin:0; padding:10px; background-color:#005598; color:#FFFFFF; font-size:14px; }
div.svcblock .rechts::after { content:''; clear:both; height:1px; width:100%; }
.svc_projekt, .svc_schulung, .svc_reparatur { width:100%; height:75px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:10px; }
.svc_projekt   { background-image:url(/assets/images/svc_projekt.png); }
.svc_schulung  { background-image:url(/assets/images/svc_schulung.png); }
.svc_reparatur { background-image:url(/assets/images/svc_reparatur.png); }


/* ------- 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; background-color:#FFFFFF; margin:5px 3px 5px 1px; border:1px solid #E0E0E0; box-sizing:border-box; font-size:14px; border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; }
#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; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; }
#searchstart:hover { background-color:#E0E0E0; }
div.sra_left  { float:right; width:320px; 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:0px; top:1px; width:auto; max-width:80%; height:40px; padding:0 6px 0 0; margin:0px; text-align:right; background-color:#FFFFFF; border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; }
#topright_box a       { display:block; position:relative; height:40px; padding-top:5px; line-height:30px; float:left; text-decoration:none; color:#A0A0A0; font-size:16px; font-family:OpenSansCondensed,Arial,sans-serif; font-weight:bold; margin-left:25px; }
#topright_box a#adminaccess { color:#FF0000; }
#topright_box a:hover, #topright_box a#adminaccess:hover { text-decoration:none; color:#000000; }
#topright_box a#loginstatus { margin-left:0; }


.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 -60px; position:relative; }
#topright_box a:hover span.basketpic { background-position:0 -90px; }
#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; }

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:0px; right:3px; 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; }

.teaser_rechts > img { width:100% !important; }

a.level3, a.level4, a.level5 { display:none; }


/* ------- 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; }
.idg_mainmenu { position:absolute; height:40px; 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; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; background:rgb(76,163,239); background:-webkit-linear-gradient(top, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); background:linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3ef',endColorstr='#13188e',GradientType=0); }

.respomenu ul li.home { display:none; }
.respomenu ul li.home_g { display:block; height:40px; text-align:center; -webkit-border-radius:7px 0 0 0; border-radius:7px 0 0 0; }
.respomenu ul li.home_g a { display:block; text-align:center; width:65px; height:40px; font-size:28px; padding:5px 0 0 10px; -webkit-border-radius:7px 0 0 0; border-radius:7px 0 0 0; }


.mh-main-nav li:hover a { color:#FFFFFF; }
.mh-main-nav li a { display:block; color:#FFFFFF; padding:7px 10px; border-left:1px solid rgba(255,255,255,0.1); }
.mh-main-nav li:first-child a, .mh-main-nav .sub-menu li a { border:none; }
.mh-main-nav ul li:hover > ul { display:block; background:#162195; color:#000000; z-index:9999; background:-webkit-linear-gradient(top, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); background:linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3ef',endColorstr='#13188e',GradientType=0); }




.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; background:rgb(76,163,239); background:-webkit-linear-gradient(top, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); background:linear-gradient(to bottom, rgba(76,163,239,1) 0%,rgba(46,92,201,1) 49%,rgba(19,24,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3ef',endColorstr='#13188e',GradientType=0);  }
.respomenu li { display:block; position:relative; }
.respomenu li:hover { background:rgb(255,199,13); background:-webkit-linear-gradient(top,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); background:linear-gradient(to bottom,rgba(255,199,13,1) 0%,rgba(255,77,44,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc70d',endColorstr='#ff4d2c',GradientType=0); }

.respomenu ul ul { position:absolute; left:-9999px; top:40px; padding:0px 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:-32px;  }
.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 a { display:block; font:normal 14px OpenSans,Arial,Helvetica,sans-serif; color:#FFFFFF; line-height:30px; text-decoration:none; padding:0 23px 0 10px; position:relative; z-index:10; text-shadow:-1px -1px 1px rgba(0,0,0,0.6); }
.respomenu > ul > li > a { line-height:40px; }
.respomenu > ul > li > label  { display:block; position:relative; width:100%; margin-top:-40px; height:40px; background: url(/assets/images/transp.gif); z-index:100; } /* -webkit-transition:0s 0.5s; -o-transition:0s 0.5s; -moz-transition:0s 0.5s; transition:0s 0.5s;  */
.respomenu ul ul > li > label { display:block; position:relative; margin-top:-31px; width:100%; height:31px; background: url(/assets/images/transp.gif); 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:#FFFFFF; /* background:#007fe0; */ text-decoration:none; }
.respomenu li > a.leaf { padding-right:10px; }

.respomenu ul ul li a { color:#FFFFFF; }
.respomenu ul li a.hassub    { background: url(/assets/images/arrow-down.png)  no-repeat right center; height:40px; }
.respomenu li ul li a { height:32px; }
.respomenu li ul li a.hassub { background: url(/assets/images/arrow-right.png) no-repeat right center; height:32px; }
.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:#FFFFFF; /* background-color:#007fe0; */ text-decoration:none; }
.respomenu li.left ul li:hover > a.hassub { color:#FFFFFF; /* background-color:#007fe0; */ 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 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:32px; }

.respomenu li.custonly { display:none; }		/* only visible for logged-in customers */

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

@media only screen and (max-width:1050px)
	{
	div.sra_left { width:290px; }
	#filterwrapper { width:18%; }
	/*
	#idg_navi    { width:19.9%; }
	#idg_content { width:80%; }
	*/
	}
	
@media only screen and (max-width:1000px)
	{
	div.sra_left { width:280px; }
	a.subcatdata  { width:33%; }
	div.ptb_head { font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica; }
	}

@media only screen and (max-width:950px)
	{
	div.sra_left { width:250px; }
	#footer_menu { display:none; }
	#footer_sla { float:left; width:100%; max-width:85%; }
	#footer_adr { float:right; }
	div.contentmiddle { font-size:0.9em; }
	a.socialnet { margin:5px;  }
	a.snavi, a.snavi_c { font-size:13px; }
	a.subcategory_s .cat_description { font-size:12px; line-height:14px; }
	
	}
	
@media only screen and (max-width:900px)
	{
	#sitelogotext { font-size:11px; }
	#sitelogotext span.addr { margin-bottom:0.5em !important; }
	div.sra_left { width:250px; }
	#topright_box a { padding-top:3px; }
	#filterwrapper { width:23%; }
	/*
	#idg_navi    { width:24.9%;  }
	#idg_content { width:75%; }
	*/
	h1 { font-size:1.2em; }
	.respomenu li ul li a { font-family:OpenSansCondensed; font-size:15px; }
	div.jssorb01 { display:none; }
	div.ptb_data     { width:66%; max-width:66%; }
	a.subcategory_s { display:block; position:relative; float:left; width:19%; margin:0px 0.5% 8px 0.5%; height:160px; border:1px solid #E0E0E0; text-align:center; padding:0px; }
	a.subcategory_s .imgbox { display:block; width:100%; height:129px; }
	a.subcategory_s .cat_description { font-size:11px; line-height:13px;  }
	}

@media only screen and (max-width:850px)
	{
	.respomenu a { font-size:15px; font-family:OpenSansCondensed,'Arial Narrow',Arial,Helvetica,sans-serif; }
	#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; }
	div.contentmiddle { border:0; padding:0 5px 0 5px; }
	div.contentfooter { border:0; padding:0; height:1px; }
	div.sectiontitle { font-family:OpenSansCondensed; font-weight:bold; font-size:18px; color:#808080; margin-bottom:10px; }
	a.subcategory_s { display:block; position:relative; float:left; width:24%; margin:0px 0.5% 8px 0.5%; height:150px; border:1px solid #E0E0E0; text-align:center; padding:0px; }
	a.subcategory_s .imgbox { display:block; width:100%; height:119px; }
	a.subcategory { margin-left:5px; }
	div.ptb_caption  { width:30%; max-width:30%; }
	div.ptb_data     { width:66%; max-width:66%; }
	}

@media only screen and (max-width:810px)
	{
	div.sra_left { width:210px; }
	}

/* ------------------------------------------- */
/*            Switch to MOBILE Menu            */
/* ------------------------------------------- */
@media only screen and (max-width:768px)
	{
	#mainmenu { top:0; }
	.idg_mainmenu { -webkit-border-radius:0; border-radius:0; }
	.respomenu ul li.home_g, .respomenu ul li.home_g a { -webkit-border-radius:0; border-radius:0; }
	#main_navigation { height:50px; width:100%; }
	body { background:none; background-color:#FFFFFF; }
	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; }
	#wrapper { padding-bottom:0; margin-bottom:0; }
	
	div.hamburger { display:block; z-index:99999;  }
	#header { position:fixed; top:0; left:0; z-index:9000; width:100%; height:50px; border-bottom:1px solid #005598; background-color:#FFFFFF; }
	#headerspace { display:none; }
	#sitelogo, #sitelogotext { display:none; }
	#sitelogos { display:block; position:relative; left:50px; top:2px; z-index:9100; width:140px; height:48px; background:url(/assets/images/idg-logo-small.png) no-repeat 2px center; background-size:contain; text-decoration:none; }
	#siteslogan { top:15px; font-size:12px; left:27%; }
	span#loginusername { display:none; }
	#chatbutton { display:none; }
	#footer { font-size:12px; border-radius:0; -webkit-border-radius:0; }
	#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:#005598; color:#FFFFFF; }
	#searchbutton:hover { color:#007fe0; }
	#searchstart  { display:none; }
	#searchfield  { width:100%; margin:0 auto 0 auto; }
	
	#topright_box { position:absolute; height:40px; top:5px; right:49px; overflow:hidden; z-index:9100; text-align:right; }
	#topright_box a { padding-top:5px; margin:2px 0 0 8px; width:38px; height:36px; overflow:hidden; white-space:nowrap; background-color:#005598; color:#FFFFFF; -webkit-border-radius:3px; border-radius:3px; }
	#topright_box a:hover { color:#007fe0; }
	#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; }
	
	.captionGreen, .captionBlack { color:#FFFFFF; font-size:16px; }
	.herstellerlogo .desc { line-height:1.25; }
	
	#newcustmsg   { top:0; }
	#idg_body { margin-top: 51px; }
	.opbreadt { display:none; }
	.opbreadn { width:100%; }
	.opbread0, .opbread1 { width:24% }
	a.goupbutton:hover { width:27px; }
	
	.btab .pic_desc { font-size:12px; line-height:120%; }
	.kom_bem_anr_lpl { clear:left; max-width:100%; margin-left:0px; padding-right:90px; 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.il_prodbox_cont { width:32%; }
	
	#artikelinfobox { width:100% !important; }
	.cart27 { display:block; float:left; width:30px; max-width:30px; height:27px; background-position:1px 0px; position:relative; top:0px !important; margin-right:2px;  }
	.cart27:hover { background-color:#007fe0; background-position:1px -27px; }
	.tab-content .btab .priceinfo { min-width:210px; max-width:210px; }
	
	div.sectiontitle2, span.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; }
	div.contentheader h1 { padding-right:85px; }
	
	div.svcblock .links  { display:block; width:100%; min-height:30px; margin:0; padding:10px; font-size:13px; line-height:1.4; background-color:#EEEEEE; }
	div.svcblock .mitte  { display:block; float:left; height:120px; min-height:120px; width:50%; margin:0; border-left:0px solid #FFFFFF; border-right:3px solid #FFFFFF; padding:0; background-size:cover; background-position:center center; background-repeat:no-repeat; }
	div.svcblock .rechts { display:block; float:left; height:120px; width:50%; max-width:50%; margin:0; padding:10px; background-color:#005598; color:#FFFFFF; font-size:12px; }
	.svc_projekt, .svc_schulung, .svc_reparatur { height:50px; }
	
	a.level3, a.level4, a.level5 { display:block; }
	/* ------- RESPONSIVE MENU ------- */
	.idg_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.home a { color:#FFFFFF; font-weight:bold; }
	.respomenu li ul li a { font-family:OpenSans,Arial,Helvetica; font-size:14px; color:#FFFFFF; }
	.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 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:0; -o-transition:0; -moz-transition:0; transition:0; }
	.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:0; -o-transition:0; -moz-transition:0; transition:0; }
	.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 li.back label { display:block; width:36px; height:36px; margin:3px 0 0 4px; border-radius:4px; float:left; background:#99BB99 url(../images/arrow-left.png) no-repeat center center; z-index:100; cursor:pointer; -webkit-transition:0; -o-transition:0; -moz-transition:0; transition:0; }
	.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; }	
	.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 .idg_mainmenu { left:0; } 
	#menutoggle:checked ~ .wrapper .hamburger { left:278px; top:0; height:40px; border-left:1px solid #000000;  } 
	#menutoggle:checked ~ .wrapper .hamburger label { background:#888888 url(/assets/images/menu-icon.V1.png) no-repeat center center; height:40px; width:42px; }
	}

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

@media only screen and (max-width:650px)
	{
	a.subcategory_s { display:block; position:relative; float:left; width:32.2%; margin:0px 0.5% 8px 0.5%; }
	div.catalogitem { float:left; width:98%; margin-left:1%;  }
	}
	
@media only screen and (min-width:600px) and (max-width:768px)
	{
	#mainarea    { position:relative; width:100%; margin:0; padding:0px; z-index:4;  }
	.tabs label { font-size:12px; font-family:OpenSansCondensed; }
	div.ptb_caption  { width:33%; max-width:33%; }
	div.ptb_data     { width:60%; max-width:60%; }
	.herstellerlogo { display:block; width:32%; }
	}

@media only screen and (min-width:480px) and (max-width:599px)
	{
	#siteslogan { display:none; }
	#mainarea    { position:relative; width:100%; margin:0; padding:0px; 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; }
	.haelfte { width:100%; padding-left:0px; padding-right:0px; padding-bottom:0; margin:0; }
	
	.adrblk_caption, .maablk_caption { width:100%; font-size:12px; padding-bottom:0; }
	div.il_prodbox_cont { width:48%; max-height:255px; margin:0 0.4% 10px 0.4%; }
	.il_prodbox { height:180px; }
	object[codebase^='http://download.macromedia.com'] { display:none; }
	
	div.sectiontitle2, span.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; }
	
	a.subcatdata  { width:99%; }
	
	div.ptb_caption  { width:33%; max-width:33%; }
	div.ptb_data     { width:60%; max-width:60%; } 
	
	div.svcblock .links, div.svcblock .rechts { font-size:12px; }
	.herstellerlogo { display:block; width:32%; }
	}

@media only screen and (max-width:479px)
	{
	#siteslogan { display:none; }
	#mainarea    { position:relative; width:100%; margin:0; padding:0px; z-index:4; }
	#footer_soc  { width:105px; }
	#homefoot .haelfte { font-size:13px; }
	#footer { font-size:11px; }
	
	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; }
	.haelfte { width:100%; padding-left:0px; padding-right:0px; padding-bottom:0; margin:0; }
	
	.adrblk_caption, .maablk_caption { width:100%; font-size:12px; padding-bottom:1px;  }
	.columns > div, .columns > article { float:none; margin:0; width:100%; }
	div.il_prodbox_cont { width:48%; max-height:275px; margin:0 0.4% 8px 0.4%; }
	.il_prodbox { height:200px; }
	object[codebase^='http://download.macromedia.com'] { display:none; }
	
	#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; }
	
	div.contentmiddle { font-size:0.8em; 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 { width:48%; margin:0 1% 1% 0; }
	
	a.subcategory_s .imgbox { width:100%; height:100px; background-size:contain; }
	a.subcatdata  { width:99%; }
	
	div#quickorderbox { clear:right; float:left; }
	div#custbasketbox { clear:both; float:left; margin-right:1%; }
	.kom_bem_anr_lpl { clear:left; max-width:100%; margin-left:0px; padding-right:90px; }
	
	div.prod_txt_box { width:100%; margin:5px 0 0 0; }
	.tabs label { font-size:11px; font-family:OpenSansCondensed; }
	
	div.ptb_caption  { width:33%; max-width:33%; }
	div.ptb_data     { width:60%; max-width:60%; }
	 
	.herstellerlogo { display:block; width:49%; }
	
	div.catalogitem { float:left; width:98%; margin-left:1%;  }
	}

@media only screen and (max-width:426px)
	{
	#sitelogos { width:115px; vertical-align:middle; overflow:hidden; }
	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 { width:48%; height:125px; margin:0 4px 4px 0; }
	a.subcategory_s .imgbox { width:100%; height:100px; background-size:contain; }
	.captionGreen, .captionBlack { color:#FFFFFF; font-size:20px; }
	
	.herstellerlogo { display:block; width:49%; }
	.herstellerlogo .desc { font-size:11px; line-height:1.25; }
	}
	
@media only screen and (max-width:360px)
	{
	#sitelogos { width:100px; 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; }
	input#bh_city { max-width:217px !important; }
	}

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