@charset "utf-8";
/* Allgemein */
#banner {
	width: 100%;
	height: 400px;
	background-image: url(/fileadmin/templates/headerbilder/start1260.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	
}

/* Für größere Bildschirme */

@media screen and (min-width: 1679px) {	
#banner {
	width: 100%;
	height: 500px !important;
	background-image: url(/fileadmin/templates/headerbilder/start1260.jpg);	
}

}


@media screen and (min-width: 1439px) {	
#banner {
	width: 100%;
	height: 460px;
	background-image: url(/fileadmin/templates/headerbilder/start1260.jpg);	
}

}



/* For iPads and other Tablets or Displays less then 968px ========================  */
@media screen and (max-width: 1024px) {	

#banner {
	width: 100%;
	height: 312px;
	background-image: url(/fileadmin/templates/headerbilder/start968.jpg);
	
}
	
}


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

#banner {
	width: 100%;
	height: 307px;
	background-image: url(/fileadmin/templates/headerbilder/start968.jpg);
	
}
	
}

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

#banner {
	width: 100%;
	height: 273px;
	background-image: url(/fileadmin/templates/headerbilder/start860.jpg);
	
}
	
}


/* For iPads and other Tablets or Displays less then 768px ========================  */
@media screen and (max-width: 768px) {	

#banner {
background-image: url(/fileadmin/templates/headerbilder/start768.jpg);
height: 244px;
}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start620.jpg);
height: 216px;

}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start620.jpg);
height: 197px;

}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start479.jpg);
height: 152px;

}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start479.jpg);
height: 130px;

}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start479.jpg);
height: 118px;

}

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

#banner {
background-image: url(/fileadmin/templates/headerbilder/start479.jpg);
height: 102px;

}