/* CSS Document */

:root {
	--primary: #0A3761; 	/* dunkelblau 	Primarym Highlight (Headlines, Buttons, hover etc.) */
	--secondary: #FF6600; 	/* orange 	Secondary Highlight "SALE" (Sublines, etc.) */
	--highlight: #e63b00; 	/* rot-orange 	Sticker Highlight (New, Monatsproduct etc.) */
	
	--highlight2: #ff9f00; 	/* hell-orange */
	--highlight3: #A0BDDA; 	/* hell-blau */ 
	
	--background: #fff;		/* weiss */
	--background_light: #ededed; /* #d7e3ef hellgrauer Hintergrund (im Bild: #ededed) */
	--linkcolor: #262626;
	--textcolor: #262626;
	--textcolorlight: #787878; /* hellert Text */
	--pagination_grey: #e5e5e5; /* #e5e5e5 hellgrau pagination ededed */ 
	
	--headerheight_hoch: 480px;
	--headerheight_flach: 280px;
	
	--body-fonts: "Roboto", sans-serif;
	
	--avail_color_red: #cc0066;		/* Himbeer */
	--avail_color_yellow: #ffcc33;	/* Sonne */
	--avail_color_green: #8bbf18;	/* Frühling "NEU" */
	
	--primary_hover: #004393;	/* hover buttons im slider */
}

html[xmlns^="http"]{
	overflow-y: scroll;
}

body {
	
	padding:0;
	color: var(--textcolor, grey);
	background-color: var(--background, white);

	font-size: 16px;

	font-family: var(--body-fonts);
	
    font-weight: normal;
    font-style: normal;
	line-height:1.42;
	
	font-feature-settings: "liga", "kern";
}

#head_btn{
	overflow:hidden;
	float:right;
	width:0;
	height:10px;
}

#wrapper{
	margin: 0px auto 0 auto;
}

b{font-weight: 500;}

/* spezielle BG-Farbe je nach Main-Kategorie: */
/*
body.cat_494 #wrapper{background-color:#e2f6fa;}
body.cat_500 #wrapper{background-color:#e2f6fa;}
body.cat_505 #wrapper{background-color:#efe7ed;}
body.cat_510 #wrapper{background-color:#efe7ed;}
body.cat_515 #wrapper{background-color:#ffeede;}
body.cat_514 #wrapper{background-color:#fff4b0;}
body.cat_521 #wrapper{background-color:#e2f6fa;}
body.cat_523 #wrapper{background-color:#ffeede;}
body.labelservice #wrapper{background-color:#ffeede;}



body.cat_523.subcat_525 #wrapper{background-color:#efe7ed;}
body.cat_523.subcat_527 #wrapper{background-color:#e2f6fa;}
body.cat_523.subcat_529 #wrapper{background-color:#fff4b0;}
body.cat_523.subcat_530 #wrapper{background-color:#e2f6fa;}
body.cat_523.subcat_531 #wrapper{background-color:#fff4b0;}
*/
#wrapper.white_bg, 
#wrapper.print{
	background-color: var(--background, white);
	width: 100%;
}
#wrapper.print{
	max-width:610px;
}

.print td {font-weight: 200;}
.print .productListing-data.product_list_name{width:350px;}
.print .listing_image_column img{ width: 200px; height: auto;}


#main{
	min-height:300px;
	position: relative;
}
	

.shadow_bottom{
	/*
	-webkit-box-shadow: 	0 2px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 	0 2px 10px rgba(0, 0, 0, 0.2);
			  box-shadow: 	0 2px 10px rgba(0, 0, 0, 0.2);
*/
}


/* BOF TEASER */
#head_teaser{
	width:970px;
	overflow:hidden;
	height:235px;
	margin:0px 10px;
}
#head_teaser #cat_name{
	color:#fff;
	font-size:7em;
	line-height:normal;
}
.cat_name, #cat_name{
	display:none;
	float:left;
	padding:10px 15px;
	color:#fff;	
	font-size:2.65em;
	text-transform:uppercase;
/*
	opacity:0.6;
	background-color:#333;	
*/
	background: url(/shop/img_client/full_bg_cat_name.png) 0px 0px repeat;
	background-color: transparent;
	opacity:1;
	line-height:1.3em;
	overflow:hidden;
	height:340px;
	min-width:300px;
	max-width:400px;
	left:0;
	
	/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);*/
}
.cat_name span{
	font-size: 36px;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}


.cat_name_line2{
	display:none;
	
	background-color:var(--textcolor, black);
	float:left;
	padding:10px 15px;
		
	color:#fff;
	font-size:32px;
	font-weight: normal;

	opacity:0.9;
	line-height:1.1;
	overflow:hidden;
	width:auto;
	white-space:nowrap;
}
/* EOF TEASER */


.col50{
	box-sizing: border-box;
	width:50%;
	float:left;
}
ul.col50 li{ margin-bottom: 20px;}

.blue_bg .col50{min-height:480px;}
.mobile .col50{ float:none; width:100%;}

.col50.rightimage{
	
	background-image:url(/shop/img_clientrs/header/einstiegsbild-720x480.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-color: var(--background, white);
	
	position:relative;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.col50.rightimage.start_gm{
	background-image:url(/shop/img_client/greeting_gm.jpg);
}
.col50.rightimage.uhr{
	background-image:url(/shop/img_clientrs/Wanduhr_ERGO-800x800.png);
	background-size: contain;
}

#columns{
	/*overflow:hidden;*/
	margin: 0 auto;
	padding: 0px;
}
#column_left{
	width:200px;
	padding-left:0px;
	float:left;
}
#content{
	margin: 0px auto 50px auto;
}
#content p{

}


.whitebg{
	padding:20px;
	background-color: var(--background, white);
}
#wrapper.white_bg #content.whitebg{
	padding:0px;
}

.max80{max-width: 50%;}

#date{
	float:left;
	width:300px;
	margin-left:10px;
}
#eidex_banner_120{
	width: 112px;
	overflow:hidden;
	float:right;
	margin-right:25px;
}
#eidex_banner_120 a{
	display:block;
}
a.headerNavigation:hover{
	text-decoration:underline;
}

.balken{
	clear:both;
	height:1px;
	border-bottom: 1px solid #B6BBD8;
	margin:0;
}

table .dataTableHeadingRow, table .dataTableRow{
	font-size:11px;
}
table .dataTableHeadingRow td, table .dataTableRow td{
	padding:2px;
	border-bottom:1px solid #e5e5e5;
}
table .dataTableHeadingRow{
	font-weight:bold;
}

td.maincol{
	background-color:#FFC;	
}


.toggle_info:before{
	display:inline-block;
	position: relative;
	float: none;
	width:15px;
	height:15px;
	
	
	
	cursor:pointer;
	text-align:center;
	margin-left:15px;
	margin-top: -5px;
	/*background: url(/shop/images/all/icons/red_dot_help.gif) right 3px no-repeat;*/
	content:"?";
	border: 1px solid #ccc;
	border-radius: 50%;
	color: var(--textcolor, black);
	font-size: 11px;
}
.toggle_spacer{
	display:inline-block;
	width:10px;
	height:13px;
	padding-left:5px;
}

.show_hook_url{
	font-size: 10px;
	padding: 10px;
}
.show_hook_url .toggle_info{
	width: 90%;
	padding-left:0;
	clear: both;
	background-image: none;
}