/* HEADER */

header.fix {
	margin-bottom:40px;
}

#headOverlay {
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

header {
	background-color:#fff;
}


#headBox {
	padding:20px 0;
	display:block;
	width:222px;
	margin:0 auto;
}


#headBox #logo {
	display:block;
	background-image:url('/page/_webpics/logo-pro-city-schaffhausen.svg');
	width:222px;
	height:160px;
} 
#headBox .sprachwahl {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:12pt;
	text-align:center;
	padding:10px 0 15px
}

#headBox .sprachwahl a {
	color:#fff;
}
#headBox .sprachwahl.akt a, #headBox .sprachwahl a:hover  {
	color:#fff;
}

.headerImageBox {
	position:relative;
}

.homeHeaderFlag{ 
	position:absolute;
	z-index:300;
	right:0;
	top:30px;
	background-color:#efb756;
	padding:16px 20px 16px 24px;
	box-shadow:-3px 3px 5px rgba(100,100,100,0.3);
}
.homeHeaderFlag:hover { 
	background-color:#d7a144;
}
.homeHeaderFlag a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17pt;
	font-weight:bold;
	line-height:24px;
	color:#fff !important;
}



@media  only screen and (max-width: 768px) {
	#headBox #logo {
		background-image:url('/page/_webpics/logo-pro-city-schaffhausen-klein.svg');
		width:222px;
		height:111px;
	}
	.homeHeaderFlag{ 
		top:20px;
		padding:10px 14px 10px 18px;
	}

	.homeHeaderFlag a {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:13pt;
		font-weight:bold;
		line-height:15px !important;
		color:#fff !important;
	}
}


@media  only screen and (max-width: 420px) {
	.homeHeaderFlag{ 
		top:20px;
		padding:10px 14px 10px 18px;
	}

	.homeHeaderFlag a {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:11pt;
		font-weight:bold;
		line-height:15px !important;
		color:#fff !important;
	}
}