/* HEADER */
header {
	padding:0;
	position:fixed;
	z-index:100;
	background:#fff;
	width:100%;
	box-shadow:0px 10px 20px rgba(0,0,0,0.2)
}


header #topheaderBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	width:100%;
	padding:30px 0;
}

header #headerBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width:100%;
	justify-content:flex-end;
}


header #mainNavBox  {
	display: flex;
	flex:0 0 100%;
	justify-content:flex-end;
}
header #sucheBox {
	padding:5px 10px;
}
header #suche {
	background-image:url('/page/_webpics/lupe-icon-aquasuisse.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px 20px;
	width:30px;
	height:30px;
	display:inline-block;

}


header #logo, header #logo a {
	flex:0 0 150px;
}
header #logo img {
	display:block;
	width:100%;
	height:auto;
}


/*  SUCH-EINGABE */
#searchbox {display:inline-block;border:1px solid #0082b9;margin:0 auto;}
#searchbox ::-webkit-input-placeholder { color:#0082b9; }
#searchbox ::-moz-placeholder { color:#0082b9;opacity:1; } /* firefox 19+ */
#searchbox :-ms-input-placeholder { color:#0082b9; } /* ie */
#searchbox input:-moz-placeholder { color:#0082b9; }

#term {
	display:inline-block;
	line-height:23px;
	background-color:#fff;
	padding-left:10px;
	border:0;
	font-size:13pt;
	border-radius:0;
	color:#0082b9;
}



/*  Sprachwahl */
header #sprachwahlBox {
	display:inline-block;
	padding-right:15px;
}

header #sprachwahlBox .sprachwahl {
	padding:0 5px;
}
header #sprachwahlBox .sprachwahl a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12pt;
	line-height:38px;
	display:block;
	padding:0 0 0 10px;
	color:#0082b9;
}
header #sprachwahlBox .sprachwahl.akt a, header #sprachwahlBox .sprachwahl a:hover  {
	color:#000;
}

#searchLink {
	display:none;
	font-size:12pt;
	line-height:38px;
	height:38px;
	padding:0 0 0 10px;
	color:#0082b9;
	cursor:pointer;
}



/* RESPONSIVE */
@media  only screen and (max-width: 1230px) {
	header #headerBox {
		justify-content: flex-end;
	}
	header #mainNavBox  {
		justify-content: flex-end;
	}
	header #logo, header #logo a {
		flex:0 0 150px;
	}

}

@media  only screen and (max-width: 1080px) {
	header #logo, header #logo a {
	flex:0 0 120px;
}
	header #topheaderBox {
		padding:15px 0 5px;
	}
}

@media  only screen and (max-width: 780px) {
	header #searchbox {
		display:none;
		height:auto;
		position:absolute;
		z-index:2000;
		width:100%;
		background-color:rgba(0,159,227,0.8);
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	header #searchbox table{
		width:100%;
	}
	header #searchbox td {
		padding:10px;
		width:100%;
	}
	header #term {
		width:100%;
		text-align:left;
		height:50px;
	}
	#searchLink {
		display:block;
	}
}
@media  only screen and (min-width: 781px) {
}


@media  only screen and (max-width: 630px) {
}
@media  only screen and (max-width: 380px) {
}