/* HEADER */
header {
	background-color:#0082c8;
	font-family: 'Istok Web', sans-serif;
	font-size:12pt;
	color:#919191;
	padding:0;
	line-height:30px;
}

#headerContentBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	padding:20px 0;
}

header #logo {
	flex:0 0 350px;
	padding:0;
}
header #logo img {
	width:100%;
	max-width:390px;
	height:auto;
}

#headRight {
	flex:1 1 100%;
	align-content: end;
	justify-content: flex-end;
}

#head1Box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
}

#head2Box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	padding-top:23px;
}

header .sprachwahl {
	padding:0 5px;
}
header .sprachwahl, header .sprachwahl a {
	color:#80b9d7;
}
header .sprachwahl.akt a, #header .sprachwahl a:hover  {
	color:#fff;
}

header .trenner {
	display:block;
	background-color:#80b9d7;
	width:1px;
	height:30px;
	margin:0 5px;
	float:left;
}

header .menuButton {
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px;
	margin-top:2px;
	width:20px;
	height:20px;
	float:right;
	display:block;
	cursor:pointer;
	padding:0 6px;
}

header #headSearchButton {
	background-image:url('/_webpics/buttons/search-icon-procamed.svg');
}
header #headSearchButtonPop {
	background-image:url('/_webpics/buttons/search-icon-procamed.svg');
}
header #headUserButton {
	background-image:url('/_webpics/buttons/login-icon-procamed.svg');
}
header #headShopButton {
	background-image:url('/_webpics/buttons/shop-icon-procamed.svg');
}


#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:450px;
}


#headerTopBox {
	position:relative;
	overflow:hidden;
}

@media  only screen and (max-width: 1200px) {
	#head2Box {
		position:relative;
	}
	header #logo {
		flex:0 0 280px;
		padding:0;
	}
	#head2Box {
		padding-top:26px;
	}


}
@media  only screen and (max-width: 820px) {
	#kapitelbild {
		height:340px;
	}
}
@media  only screen and (max-width: 650px) {
	#headerContentBox {
		flex-flow: column;
		padding:14px 0;
	}
	header #logo {
		flex:1 1 100%;
		padding:0;
		text-align:center;
	}

	header #logo img {
		display:inline-block;
		width:100%;
		max-width:280px;
		height:auto;
	}
	#headRight {
		flex:1 1 100%;
		flex-flow: row nowrap;
	}
	#head1Box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		padding-top:0;
	}
}