@charset "utf-8";
/* Allgemein */
#banner {
	width: 100%;
	height: 400px;
	background-image: url(/fileadmin/templates/headerbilder/kafka1260.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/kafka1260.jpg);	
}

}

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

}



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

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

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

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


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

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

}

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

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

}

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

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

}