@charset "UTF-8";

.cbp-hrmenu .cbp-hrsub-inner .category  { float:left; margin:1.5%; width:30%; font-size:16px; line-height:22px; text-align:center; }/**/

.cbp-hrmenu .cbp-hrsub-inner .category2 { text-align:left; float:right; width:63%;  }

.cbp-hrmenu .cbp-hrsub-inner .category3 {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	
}

.cbp-hrmenu .cbp-hrsub-inner .category img, .cbp-hrmenu .cbp-hrsub-inner .category2 img { max-width:100%; border:0; margin-bottom:3px; }

.cbp-hrmenu .cbp-hrsub-inner a { 
	background:none !important; 
	background-color:none !important;
	text-decoration:none;
	color:rgb(0,148,117) !important;
} 

.cbp-hrmenu .cbp-hrsub-inner .category a, .cbp-hrmenu .cbp-hrsub-inner .category2 a, .cbp-hrmenu .cbp-hrsub-inner .category3 a { 
	color:rgb(0,148,117); 
	margin:0; 
	padding:0; 
	background:none !important; 
	background-color:none !important; 
	border:none; 
	text-decoration:none; 
} 

.cbp-hrmenu .cbp-hrsub-inner .category a:hover, .cbp-hrmenu .cbp-hrsub-inner .category2 a:hover, .cbp-hrmenu .cbp-hrsub-inner .category3 a:hover { color:#777777; }

.cbp-hrmenu .cbp-hrsub-inner .trenner1, .cbp-hrmenu .cbp-hrsub-inner .trenner2 { float:left; width:5%; min-height:50px;}


/* #############################################################################################################  PRODUCT-FINDER */


.cbp-hrmenu .cbp-hrsub-inner .cbp-hrsub-innerNav { float:left; width:31.56%; /*width:360px;*/ font-size:16px; line-height:22px; }

.cbp-hrmenu .cbp-hrsub-inner .cbp-hrsub-innerNav h2:hover {cursor:pointer;}

.cbp-hrmenu .cbp-hrsub-inner .cbp-hrsub-innerNav a { 
	float:left;
	width:100%;
	margin:0; 
	padding-left:0px;
	padding-top:2px; 
	padding-bottom:2px;
	border:none; 
	text-decoration:none; 
	color:rgb(0,148,117);
	background:none ; 
} 

.cbp-hrmenu .cbp-hrsub-inner .cbp-hrsub-innerNav a:hover  {
	color:#777777;
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-hrsub-innerNav .catMenue {display:none;}

.cbp-hrmenu .cbp-hrsub-inner .ProductShow a { color:#777777; margin:0; padding:0; background:none ; border:none; text-decoration:none; }

.cbp-hrmenu .cbp-hrsub-inner .ProductShow a:hover { color:rgb(0,148,117); }



.MenueBlock {
	float: left;
	width: 100%;
	padding-bottom:20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #777777;
}
.MenueBlock h2 { margin-bottom:20px; margin-top:0px; font-size:20px !important; }

/*.cbp-hrmenu .cbp-hrsub-inner .category img				{ max-width:300px; height:auto !important; }*/
.cbp-hrmenu .cbp-hrsub-inner .category .image_left		{ max-width:300px; height:auto !important; margin-right:10px !important; }
.cbp-hrmenu .cbp-hrsub-inner .category img.icon			{ max-width:48px !important; margin:3px; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img				{ max-width:300px; height:auto !important; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img.Map			{ width:60% !important; max-width:60% !important; height:auto !important; }
.cbp-hrmenu .cbp-hrsub-inner .category3 .image_left		{ max-width:300px; height:auto !important; margin-right:10px !important; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img.icon		{ max-width:48px !important; margin:3px; }

/* RICHTSCHNUR */

/* ------ */
.ui-accordion .ui-accordion-header.link .ui-accordion-header-icon  { background-image:none !important; }

.cbp-hrmenu .cbp-hrsub-inner .Buttonblock { padding:0px; float: left; margin-left:30px !important; width:780px; max-width: 100%; }
.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink { padding:0px; float:left; min-width: 240px !important; margin-right: 15px;}
/*.cbp-hrmenu .cbp-hrsub-inner .Buttonblock { padding:10px; float: left; margin-left:70px !important; width:760px; max-width: 760px; border-radius:12px; border: 1px solid #999999; background-color:#EFEFEF;}
.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink { padding:0px; float: left; min-width: 240px !important; margin-right: 10px; }*/

@media only screen and (min-width: 1024px) and (max-width: 1279px)	{
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock {  margin-left:60px !important; width: 540px !important; }
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink { min-width: 240px !important; margin-left:0px !important; margin-right:10px; }
}

.cbp-hrmenu .cbp-hrsub-inner .category img				{ max-height:150px; width:auto !important; }
.cbp-hrmenu .cbp-hrsub-inner .category .image_left		{ max-height:150px; width:auto !important; margin-right:15px !important; }
.cbp-hrmenu .cbp-hrsub-inner .category img.icon			{ max-width:42px !important; margin:3px; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img				{ max-width:150px; width:auto !important; }
.cbp-hrmenu .cbp-hrsub-inner .category3 .image_left		{ max-height:150px; width:auto !important; margin-right:15px !important; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img.icon		{ max-width:42px !important; margin:3px; }
	

.cbp-hrmenu .cbp-hrsub-inner .Buttonblock 			{ float: left; width: 100% !important; margin-left:0px !important; }
.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink { min-width: 210px!important; margin-right: 5px; }


@media only screen and (min-width: 480px) and (max-width: 767px)		{ 
	
	.cbp-hrmenu .cbp-hrsub-inner .category { float:left; margin-bottom:2%; width:47%;  }
	.cbp-hrmenu .cbp-hrsub-inner .category h2, .cbp-hrmenu .cbp-hrsub-inner .category3 h2 a { font-size:12px !important;}
	.cbp-hrmenu .cbp-hrsub-inner .category h3, .cbp-hrmenu .cbp-hrsub-inner .category3 h3 a { font-size:12px !important;}
	
	.cbp-hrmenu .cbp-hrsub-inner .category img				{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
	.cbp-hrmenu .cbp-hrsub-inner .category .image_left		{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
	.cbp-hrmenu .cbp-hrsub-inner .category3 img.Map			{ width:100% !important; max-width:100% !important; height:auto !important; }
	.cbp-hrmenu .cbp-hrsub-inner .category img.icon			{ max-width:26px !important; margin:3px; }
	.cbp-hrmenu .cbp-hrsub-inner .category3 img				{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
	.cbp-hrmenu .cbp-hrsub-inner .category3 .image_left		{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
	.cbp-hrmenu .cbp-hrsub-inner .category3 img.icon		{ max-width:26px !important; margin:3px; }
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock 				{ float: left; width: 100% !important; margin-left:0px !important; }
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink 	{ min-width:200px !important; width:200px !important; margin-right:10px !important;}
} 
@media only screen and (min-width: 320px) and (max-width: 479px)		{ 
	.trenner1, .trenner2 { display:none; } 
	.cbp-hrmenu .cbp-hrsub-inner .category { float:left; margin-bottom:2%; width:100%; }
	
	.cbp-hrmenu .cbp-hrsub-inner .category h2, .cbp-hrmenu .cbp-hrsub-inner .category3 h2 a { font-size:16px !important;}
	.cbp-hrmenu .cbp-hrsub-inner .category h3, .cbp-hrmenu .cbp-hrsub-inner .category h3 a { font-size:16px !important;} 
	
	.cbp-hrmenu .cbp-hrsub-inner .category img				{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
.cbp-hrmenu .cbp-hrsub-inner .category .image_left	{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
.cbp-hrmenu .cbp-hrsub-inner .category3 img.Map			{ width:100% !important; max-width:100% !important; height:auto !important; }
.cbp-hrmenu .cbp-hrsub-inner .category img.icon			{ max-width:26px !important; margin:3px; }
.cbp-hrmenu .cbp-hrsub-inner .category3 img				{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
.cbp-hrmenu .cbp-hrsub-inner .category3 .image_left	{ max-width:100px !important; height:auto !important; max-height:200px !important; margin-right:0px }
.cbp-hrmenu .cbp-hrsub-inner .category3 img.icon		{ max-width:26px !important; margin:3px; }
	/*.cbp-hrmenu .cbp-hrsub-inner .category .image_left,	.cbp-hrmenu .cbp-hrsub-inner .category3 .image_left	{ float:left; max-width:100px !important; height:auto !important; margin-right:20px !important; }
	.cbp-hrmenu .cbp-hrsub-inner .category img.icon, .cbp-hrmenu .cbp-hrsub-inner .category3 img.icon { max-width:26px !important; margin:3px !important; }*/
	
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock { float:left; max-width: 300px; margin-left:0px !important; }
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink { float:left; min-width:150px; width:150px; margin-right:0px;}
	.cbp-hrmenu .cbp-hrsub-inner .Buttonblock .ButtonLink a { font-size:11px;}
	
	/*.cbp-hrmenu .cbp-hrsub-inner .functionBlock { position:relative; float:left; min-width:180px !important; margin-left:0px !important; }*/
}

/* #######################################################################################  NEU FÜR category 3 (ganze Breite) */


.MenueBlock h2 a, .category3 h2 a 	{
	font-family: 'michromaregular', sans-serif !important;
	color: rgb(0,148,117) !important;
	border: none;
	text-decoration: none;
	padding-right: 45px !important;
	background-image: url(css-images/nav/direction_nav_right_grey.png) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px  !important;
}
.MenueBlock h2 a:hover, .category3 h2 a:hover	{ 
	color:#777777 !important; 
	background:none !important; 
	border:none; text-decoration:none; 
	background-image: url(css-images/nav/direction_nav_right_grey2.png) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px  !important;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)	{ 
	.MenueBlock h2 a, 
	.category3 h2 a, 
	.MenueBlock h2 a:hover, 
	.category3 h2 a:hover	{ font-family: 'michromaregular', sans-serif !important; padding-right: 45px !important; background-size: 26px 26px  !important; } }
@media only screen and (min-width: 768px) and (max-width: 1023px)	{ 
	.MenueBlock h2 a, 
	.category3 h2 a,
	.MenueBlock h2 a:hover, 
	.category3 h2 a:hover	{ font-family: 'michromaregular', sans-serif !important; padding-right: 30px !important; background-size: 22px 22px  !important; } }
@media only screen and (min-width: 480px) and (max-width: 767px)	{ 
	.MenueBlock h2 a, 
	.category3 h2 a, 
	.MenueBlock h2 a:hover, 
	.category3 h2 a:hover	{ font-family: 'michromaregular', sans-serif !important; font-size:18px !important; padding-right: 30px !important; background-size: 20px 20px  !important; } }
@media only screen and (min-width: 320px) and (max-width: 479px)	{ 
	.MenueBlock h2 a, 
	.category3 h2 a, 
	.MenueBlock h2 a:hover, 
	.category3 h2 a:hover	{ font-family: 'michromaregular', sans-serif !important; padding-right: 30px !important; background-size: 22px 22px  !important; } }

.cbp-hrmenu .cbp-hrsub-inner .category3 .ImageBlock				{ width:350px; float:left; height:auto;}
.cbp-hrmenu .cbp-hrsub-inner .category3 .ImageBlock img			{ width:100% !important; height:auto; }
.cbp-hrmenu .cbp-hrsub-inner .category3 .TextBlock				{ width:750px; float:right; padding-top:20px; }
.cbp-hrmenu .cbp-hrsub-inner .category3 .TextBlock img.icon		{ width:36px !important; }

.cbp-hrmenu .cbp-hrsub-inner .category3 .TextBlock .IconBlock 	{ float: left; min-width: 220px; margin-right: 20px; }


/* =============================================================== */
.ProdOverview { float:left; width:100%; margin-bottom:30px; }

.CatButton { float:left; width:6% !important; margin-right:20px; height:auto; margin-top:-1.5%; }
@media (max-width:991px){.CatButton {width:10% !important;}}

.ProdOverview i { margin-left:30px;  font-size:1.3em;}