/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> Suchfeld <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
#imgheader {
	background-image: url(../images/hebelschule_haussmall.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 95px;
	height: 25em;
}

.titel {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 40%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%);
	text-align: center;
}
	.titel h1 {
		color: #444444;
		letter-spacing: 1px;
		font-size: 28px;
	}
.subtitel {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #044890 30%, #044890 70%, rgba(255, 255, 255, 0) 100%);
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 20px;
	padding: 2px 10px;
}
.symbol {
	text-align: center;
	padding-bottom: 10px;
	font-size: 50px;
}
	.symbol img {
		width: 40px;
		filter: grayscale(100%);
		margin-bottom: -3px;
	}

/* Normal */
@media screen and (max-width: 2500px) {
}

@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1630px) {
}

@media screen and (max-width: 1540px) {
}

@media screen and (max-width: 1440px) {
	#imgheader {
		height: 100px!important;
	}
}

@media screen and (max-width: 1360px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 1080px) {	
}

@media screen and (max-width: 900px) {
	#imgheader {
		margin-top: 100px!important;
	}
	.titel {
		margin-top: 25px;
	}	
	.subtitel {
		background-color: #b00000;
	}
}

@media screen and (max-width: 820px) {
}

@media screen and (max-width: 736px) {
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 480px) {
	#imgheader {
		margin-top: 100px!important;
	}
}

@media screen and (max-width: 400px) {
}