@media only screen and (max-width: 1199px){
  
	.carousel-caption h2{
	font-size: 30px;
	} 
	
	.carousel-caption a{
	margin-left: 0px;
	}

	.carousel-caption h2 small{
	display: block;
	}
	
	.carousel-caption p{
	width: 100%;
	margin-bottom: 2px;
	}

} 

@media only screen and (max-width : 992px){
  
  .intro_text{
	padding-top: 25px;
	}
	
	.teasertext {
	padding-left: 15px;
	}


} 


@media only screen and (max-width : 766px){
 
	.carousel-caption p{
	display: none;
	}
	
	.carousel-caption{
	height: 78px;
	} 

	.balken_headline{
	height: 75px;
	}
	
	.carousel-indicators{
	display: none;
	}
	
	
	.headergrafik .balken_headline{
	  height: 50px;
	}
	.headergrafik h1{
	 font-size: 28px;
  padding: 5px 20px;
	}
	
} 
	
@media only screen and (max-width : 480px){
 
	
	.carousel-inner .item img{
	max-width: none;
  height: none;
	min-height: 250px; 
	width: auto;
	left: -50px;
	} 

	.carousel-caption h2{
	font-size: 22px;
		line-height: 1.1;
	} 
	
	.balken_headline{
	height: 75px;
	}
	
.carousel-caption{
	height: 80px;
	} 
	
	
	.headergrafik .balken_headline{
	  height: 40px;
	}
	.headergrafik h1{
	 font-size: 24px;
  padding: 5px 20px;
	}

}

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

 .carousel-inner .item img{
	min-height: 200px; 
	} 
	
	.img-responsive, .thumbnail > img{
	max-width:none;
	}

}