@font-face {
	font-family: 'droid_sansbold';
	src: url('/webfonts/droidsans-bold.eot');
	src: url('/webfonts/droidsans-bold.eot?#iefix') format('embedded-opentype'),
		 url('/webfonts/droidsans-bold.woff2') format('woff2'),
		 url('/webfonts/droidsans-bold.woff') format('woff'),
		 url('/webfonts/droidsans-bold.ttf') format('truetype'),
		 url('/webfonts/droidsans-bold.svg#droid_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'droid_sansregular';
	src: url('/webfonts/droidsans.eot');
	src: url('/webfonts/droidsans.eot?#iefix') format('embedded-opentype'),
		 url('/webfonts/droidsans.woff2') format('woff2'),
		 url('/webfonts/droidsans.woff') format('woff'),
		 url('/webfonts/droidsans.ttf') format('truetype'),
		 url('/webfonts/droidsans.svg#droid_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}
body{
	color: #121211;
	font-size: 16px;
	font-family: 'droid_sansregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.4;
	word-break: break-word;
	background-color: #d51317;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
	a{
		color: #d51317;
		text-decoration: none;
		transition: color .4s linear 0s;
	}
		a:hover{
			color: #121211;
		}
	strong, b{
		font-family: 'droid_sansbold';
		font-weight: normal;
	}
	.clear{
		clear: both;
	}
	
	div.outer{
		margin: 0 auto;
		position: relative;
	}
	
	div#header{
		position: fixed;
		z-index: 1000;
		background-color: white;
		box-shadow: 0 2px 6px rgba(0,0,0,.35);
	}

		div#logo, 
		div#logo_mob{
			position: absolute;
			z-index: 1100;
		}
			div#logo a, 
			div#logo_mob a{
				display: inline-block;
				text-indent: -99999px;
				background: url(/images/logo_h1.svg) no-repeat center center / 100%;
			}

		ul#menu,
		ul#menu2{
			position: absolute;
			z-index: 1000;
		}	
		ul#menu{
			bottom: 0;
		}	
		ul#menu2{
			top: 36px;
		}	
			ul#menu li, 
			ul#menu2 li{
				float: left;
				list-style: none;
			}
			ul#menu li{
				margin-right: 20px;
			}
			ul#menu2 li{
				margin-left: 20px;
			}
				ul#menu li a, 
				ul#menu2 li a{
					display: inline-block;
					padding: 8px 0;
					font-size: .95em;
				}
				ul#menu2 li a{
					padding: 4px 0 12px;
					font-size: .75em;
				}

	div#wrapper_header_mob{
		display: none;
		position: fixed;
		z-index: 1000;
		width: 100%;
		height: 84px;
		background-color: white;
		box-shadow: 0 2px 6px rgba(0,0,0,.35);
	}
		div#header_mob{
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 60px;
			margin: 12px 0;
			background-color: #d51317;
		}
			div#logo_mob, div#logo_mob a{
				width: 137px;
				height: 60px;
			}
			div#logo_mob{
				margin-left: 12px;
			}
				div#logo_mob a{
					background: url(/images/logo_mob.svg) no-repeat center center / 100%;
				}

			div#bt_menu_mob{
				position: absolute;
				display: block;
				top: 15px;
				right: 12px;
				width: 33px;
				height: 30px;
				background: url(/images/bt_menu_mob.png) no-repeat center center / 33px;
				cursor: pointer;
			}

		div#wrapper_menu_mob{
			position: fixed;
			left: 0;
			top: -600px;
			z-index: 999;
			width: 100%;
			background-color: rgba(255,255,255,.9);
			box-shadow: 0 4px 10px rgba(0,0,0,.25);
			transition: top 0.5s cubic-bezier(.17,.58,.91,.98) 0s;
		}
 			ul#menu_mob{
				position: relative;
				width: 100%;
				padding: 99px 15px 15px;
			}
				ul#menu_mob li{
					margin-bottom: 1px;
					padding: 10px 15px;
					list-style: none;
					background-color: #d51317;
				}
					ul#menu_mob li a{
						display: block;
						color: white;
					}



/* FORM ELEMS */

	form{
		display: inline-block;
	}
		input, textarea, select{
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
		}
		input[type="text"], input[type="password"], input[type="number"], textarea, select{
			padding: 4px 10px 5px;
			color: #80878f;
			font-family: 'droid_sansregular';
			font-size: 18px;
			line-height: 1;
			letter-spacing: .2px;
			background-color: white;
			border-radius: 0 !important;
		}
		input[type="text"], input[type="password"], input[type=number]{
			background-color: white;
			border-top: 1px solid #c0c3c7;
			border-left: 1px solid #c0c3c7;
		}
		input[type="text"], textarea{
			width: 80%;
		}
		textarea{
			height: 120px;
			text-transform: none;
		}
		input[type="button"], input[type="submit"], a.button{
			padding: 5px 10px 8px;
			color: white;
			font-family: 'droid_sansregular';
			font-size: 19px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .2px;
			text-transform: uppercase;
			background-color: #d51317;
			border: 0 none;
			border-radius: 0 !important;
			transition: background-color .35s linear 0s;
			cursor: pointer;
		}
			input[type="button"]:hover, input[type="submit"]:hover, a.button:hover{
				background-color: #80878f;
			}
			input[type="button"].disabled, input[type="submit"].disabled, a.button.disabled{
				color: white;
				background-color: #f2f3f4;
				cursor: not-allowed;
			}
		select{
			padding: 4px 36px 7px 12px !important;
			font-family: 'droid_sansregular';
			line-height: 24px;
			background: #f2f3f4 url(/images/bg_select.svg) no-repeat right top / 30px;
			box-shadow: none;
			border-radius: 3px;
		}
			select *{
				max-width: 100%;
				color: #80878f;
				background-color: #f2f3f4;
			}
		@-moz-document url-prefix(){
			input[type="text"], textarea, select{
				padding: 7px 10px 6px;
			}
			input[type="button"], input[type="submit"], a.button{
				padding: 7px 10px 6px;
			}
			select{
				padding: 6px 36px 5px 12px !important;
			}
		}	
		input[type="checkbox"], input[type="radio"]{
			display:none;
			}
			label{
				float: left;
				margin-right: 15px;
				font-family: 'droid_sansregular';
				line-height: 44px;
			}
			input[type="checkbox"]+label::before, input[type="radio"]+label::before{
				float: left;
				width: 20px;
				height: 20px;
				margin: 14px 14px 10px 8px;
				border-radius: 20px;
				background-color: white;
				content: "";
				cursor: pointer;
				box-shadow: inset 2px 2px 5px rgba(0,0,0,.35);
				}
				input[type="checkbox"]:checked+label::before, input[type="radio"]:checked+label::before{
					box-shadow: inset 2px 2px 5px rgba(0,0,0,.35);
					background-color: #d51317;
					}
		input.input80{
			width: 80px !important;
			}
		input.input100{
			width: 100px !important;
			}
		::placeholder{
			color: #c0c3c7;
			opacity: 1;
			}
		.hiddenPlaceholder::placeholder,
		.hiddenPlaceholder::-webkit-input-placeholder{
			color: #c0c3c7;
			opacity: 1;
		}
		:-ms-input-placeholder{
			color: #c0c3c7;
			opacity: 1;
			}
		::-ms-input-placeholder{
			color: #c0c3c7;
			opacity: 1;
			}
		div.feedback_field{
			height: 1.4em;
			padding: 10px 0;
			color: #d51317;
		}


	div#content_main{
		min-height: 500px;
		background-color: white;
	}

		div#pic_header{
			width: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		div#content_main p{
			margin-bottom: 1em;
		}
			div#content_main p:last-child{
				margin-bottom: 0 !important;
			}

		div#content_main ol, 
		div#content_main ul{
			margin: 0 0 1em 16px;
		}


		h1 {
			margin: 15px 0;
			color: #d51317;
			font-family: 'droid_sansbold';
			font-weight: normal;
			font-size: 2em;
			line-height: 1.2;
			text-align: center;
			letter-spacing: 1px;
		}
		h2{
			margin-bottom: 15px;
			color: #666464;
			font-family: 'droid_sansregular';
			font-weight: normal;
			font-size: 2em;
			line-height: 1.2;
			text-align: center;
			letter-spacing: .7px;
		}
		h3, h4, h5, h6{
			margin: .25em 0 .5em;
			font-family: 'droid_sansregular';
			font-weight: normal;
			font-size: 1.5em;
			line-height: 1.2;
			text-align: center;
			letter-spacing: .7px;
		}


		div.col1, 
		div.wrapper_left, 
		div.textCol1{
			float: left;
		}
		div.col2, 
		div.wrapper_right, 
		div.textCol2{
			float: right;
		}

		hr{
			height: 1px;
			background-color: #dadada;
		}


/* NEWS home */

	div.news_item{
		float: left;
		border: 1px solid #121211;
	}
		div.news_list_pic, 
		div.news_list_text{
			float: left;
			width: 50%;
		}
		div.news_list_text{
			position: relative;
		}
			div.news_list_pic img{
				width: 100%;
			}
			div.news_list_text h3{
				color: #d51317;
				font-family: 'droid_sansbold';
				text-align: left;
			}
			div.news_list_content{
				padding-bottom: 30px;
				font-size: .85em;
			}
			div.news_list_link{
				position: absolute;
				bottom: 0;
				left: 0;
			}
				div.news_list_link a{
					text-decoration: underline;
				}

/* WANTED */

		div.kachel_wanted{
			position: relative;
			float: left;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
			div.wanted_fundort,
			div.wanted_finder{
				position: absolute;
				z-index: 10;
				left: 0;
				color: white;
				background-color: rgba(213, 19, 23, 0.7);
			}
			div.wanted_fundort{
				top: 0;
			}
				div.wanted_fundort h3{
					margin: 10px;
					padding-top: 5px;
					font-size: 1.4em;
					text-align: left;
					border-top: 1px solid white;
				}
			div.wanted_finder{
				padding: 15px;
				bottom: 0;
				font-size: .8em;
			}





/* SHOP */
				
		li#n_warenkorb{
			position: relative;
			}
			div.menu_wk_num{
				display: none;
				width: 26px;
				height: 26px;
				margin-left: 5px;
				color: white;
				font-size: .85em;
				font-weight: bold;
				line-height: 28px;
				text-align: center;
				background-color: #d51317;
				border-radius: 20px;
				}
		
		input[name="plz"], input[name="plz_l"]{
			width: 70px !important;
			margin-right: 15px;
			}
		div#wrapper_warengruppen{
			margin-top: 30px;
			}
			div.warengruppe{
				margin-bottom: 50px;
				float: left;
				}
				div.warengruppe a.pic_wrapper{
					display: block;
/*					box-shadow: 3px 3px 10px rgba(0,0,0,.2); */
					background-repeat: no-repeat;
					background-position: center center;
					background-size: contain;
					}
				div.warengruppe h2{
					text-align: center;
					text-transform: none;
					}
			div#group_details_text{
				margin-top: 30px;
				padding-top: 30px;
				border-top: 1px solid #dadada;
				}

		div#wrapper_list_artikel{
			width: 100%;
			}
			div.artikel{
/*				float: left;*/
				margin-bottom: 50px;
				padding-bottom: 20px;
				border-bottom: 1px solid #dadada;
			}
				div.artikel a{
					color: #121211;
				}
				div.list_artikel_pic{
					background-repeat: no-repeat;
					background-position: center center;
					background-size: contain;
					}
				div.artikel h3{
					margin: 15px 0 0;
					text-align: left;
					text-transform: none;
					}
					div.artikel h3.noMargTop{
						margin: 0;
						}
		div#wrapper_article_details{
			width: 100%;
			margin: 50px 0;
			}
			div#article_details_info, div#article_details_pix{
				margin-bottom: 50px;
				}
			div#article_details_info{
				position: relative;
				}
				div#article_details_info_inner{
					}
					div#article_details_info_inner h3{
						margin: 0;
						font-size: 1.4em;
						text-transform: none;
						}
					div#article_details_info_inner h1{
						margin: 0 0 30px;
						font-size: 1.15em;
						text-align: left;
						text-transform: none;
						}
					div#article_details_text{
						margin-top: 50px;
						padding-top: 30px;
						border-top: 1px solid #dadada;
						}
						div#article_price,
						div#article_nr,
						div#article_versions,
						div#article_details_wk_counter{
							margin-bottom: 30px;
							}
			.kleiner,
			div#article_nr{
				color: grey;
				font-size: .8em;
			}
				
		div#art_pic_big img{
			width: 100%;
		}
		div#art_pic_big,
		div#wrapper_thumbs{
			margin-top: 50px;
		}
			div.art_thumb{
				float: left;
			}
				div.art_thumb a{
					display: inline-block;
					width: 110px;
					height: 110px;
					margin: 0 15px 15px 0;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: contain;
					border: 1px solid #e3e3e3;
				}

		div.wk_counter_anzeige{
			display: inline-block;
			margin-left: 15px;
			font-size: .85em;
			}

		/* WARENKORB */
		table.tabelle_warenkorb{
			width: 100%;
			}
			td.td_pic img{
				width: 120px;
				margin-right: 20px;
				vertical-align: bottom;
				}
			td.tdPaddR{
				padding-right: 20px;
				}
			table.tabelle_warenkorb td a{
				float: left;
				border-bottom: 0 none;
				}
			table td hr{
				height: 1px;
				margin: 10px 0;
				color: #dadada;
				background-color: #dadada;
				}
		input#bt_back2shop{
			margin-right: 10px;
			}
		input.minus, 
		input.plus, 
		input.delete,
		input.minus2, 
		input.plus2, 
		input.delete2{
			padding: 0;
			height: 32px;
			width: 32px;
			font-size: 1.3em;
			text-align: center;
			line-height: 1;
			}
		input.minus, 
		input.minus2{
			margin-right: 2px;
			float: left;
			}
		input.plus, 
		input.plus2{
			margin-right: 10px;
			float: left;
			}
		input.delete, 
		input.delete2{
			margin-top: 8px;
			}
		input.menge, 
		input.menge2{
			width: 32px !important;
			margin-right: 2px;
			margin-bottom: 10px;
			padding: 5px 6px 2px;
			float: left;
			line-height: 23px;
			text-align: center;
			}
		div#div_button_order, 
		div.button_order{
			text-align: center;
		}
		div#warenkorb_next, 
		div#bestell_hinweise{
			margin: 30px 0;
			}
		div#hinweis_agb a{
			float: none !important;
			}
		div#nav_shop_bottom{
			margin-top: 40px;
			padding-top: 40px;
			text-align: center;
			border-top: 1px solid #dadada;
			}
			div#nav_shop_bottom ul{
				display: inline-block;
				}
				div#nav_shop_bottom li{
					display: inline-block;
					list-style: none;
					margin: 0 20px;
					}
					li#n_btm_warenkorb{
						position: relative;
						}
	img.orderStatus{
		width: 30px;
	}


/* FOOTER */

	div#footer{
		color: white;
		background-color: #d51317;
	}
		div#footer a{
			color: white;
		}

		div#wrapper_footer_kontakt{
			width: 25%;
			float: right;
			font-size: .75em;
		}
			div#wrapper_footer_kontakt a{
				color: white;
			}
				div#wrapper_footer_kontakt a:hover{
					color: #121211;
				}
			div#footer_logo_white{
				height: 135px;
				background: url(/images/logo_mob.svg) no-repeat left center / 80%;
			}
			div#footer_claim{
				height: 235px;
				padding-top: 5px;
				border-top: 2px solid white; 
			}
			div#footer_kontakt{
				height: 235px;
				padding-top: 5px;
				border-top: 2px solid white; 
			}
			div#wrapper_footer_menu{
				width: 734px;
				margin-right: 20px;
				padding-top: 135px;
				float: left;
			}

				ul#menu_footer{
					width: 100%;
				}
					ul#menu_footer li{
						width: 128px;
						height: 255px;
						margin-right: 20px;
						padding: 1em 20px 3em 0;
						list-style: none;
						float: left;
						border-top: 2px solid white; 
						}
						ul#menu_footer li a{
							display: block;
							padding: 5px 0 1em;
							color: white;
							font-family: 'droid_sansbold';
							font-size: .75em;
							}
						ul#menu_footer ul{
							width: 128px;
						}
							ul#menu_footer ul li{
								width: 128px;
								height: auto;
								padding: 0;
								float: none;
								border: 0 none;
								}
								ul#menu_footer ul li a{
									padding: 0;
									font-family: 'droid_sansregular';
									line-height: 1.6;
									}
	
		div#footer_copyright{
			font-size: .65em;
		}	
	
	
	#status{ position: fixed; bottom: 10px; left: 10px; z-index: 99999; padding: 3px 5px; font-size: 14px; font-family: monospace; color: rgb(196, 12, 198); background: rgba(211, 211, 211, 0.8); }