/* ---------------------------------------------- /*
 * Slider
/* ---------------------------------------------- */

@media (min-width: 1601px) and (max-width: 1920px) { 
	#Slider .carousel, #Slider .carousel-inner, .preloader{
	   /*height: 610px; */
	   height: 790px;  
	}
}

@media (min-width: 1441px) and (max-width: 1600px) { 
	#Slider .carousel, #Slider .carousel-inner, .preloader{
	  /* height: 514px;   */
	   height: 680px;  
	}
}

@media (min-width: 1361px) and (max-width: 1440px) { 
	#Slider .carousel, #Slider .carousel-inner, .preloader{
	 /* height: 463px;  */
	  height: 437px; 
	}
}

@media (min-width: 1281px) and (max-width: 1360px) { 
	#Slider .carousel, #Slider .carousel-inner, .preloader{
	 /* height: 437px;  */
	  height: 411px; 	  
	}
}

@media (min-width: 1025px) and (max-width: 1280px) { 
	#Slider .carousel, #Slider .carousel-inner, .preloader{
	  /*height: 411px;  */
	  height: 329px;	  
	}
}

@media (min-width: 981px) and (max-width: 1024px) { 
  	#Slider .carousel,#Slider .carousel-inner , .preloader{
	  /* height: 329px; */
	   height: 330px;	   
	}
}

@media (min-width: 769px) and (max-width: 980px) { 
  	#Slider .carousel,#Slider .carousel-inner, .preloader {
	  /* height: 310px; */	 
	   height: 247px;
	}   
}

@media (min-width: 569px) and (max-width: 768px) { 
  	#Slider .carousel,#Slider .carousel-inner, .preloader {
	  /* height: 247px;*/
	   height: 260px;
	}   
}

@media (min-width: 481px) and (max-width: 568px) { 
  	#Slider .carousel,#Slider .carousel-inner , .preloader{
	   /*height: 183px; */
	   height: 154px;	   
	}   
}


@media (min-width: 320px) and (max-width: 480px) { 
  	#Slider .carousel,#Slider .carousel-inner, .preloader {
	   /*height: 154px;	 */
	   height:214px; 
	}   
}

@media (max-width: 320px) { 
   	#Slider .carousel,#Slider .carousel-inner , .preloader{
	  height:150px; 
	}
}





/*-----------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

   /* iPad in landscape */

 }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

   /* iPad in portrait */
	
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

  /* iPhone 5 & 5S in landscape */
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

  /* iPhone 5 & 5S in portrait */
    
}




/* ---------------------------------------------- /*
 * Large devices 
/* ---------------------------------------------- */
@media (min-width: 1200px) { 

   .navbar{
	  /*background: linear-gradient(0deg, #fff 90px, silver 40px);*/
   }

}

/* ---------------------------------------------- /*
 * Medium devices 
/* ---------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) { 

   .navbar{
	  background: linear-gradient(0deg, #fff 100px, #80BA27 20px);
   }

    .logo img {
		width: auto;
		height: 80px;
		margin-top:10px;
	}


}

/* ---------------------------------------------- /*
 * Small devices - ipad hochkant
/* ---------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) { 
      
	 .navbar{
	   /*background: linear-gradient(0deg, #fff 90px, brown 40px);*/
	   background: linear-gradient(0deg, #fff 100px, #80BA27 20px);
	 }


    ul.navbar-nav > li > a{
	  margin-left:5px;
	  margin-right:5px;
	  font-size: 15px;
	}
	
	ul.navbar-nav {
      height: 80px;
      padding-top: 50px;
    }
	
    .logo img {
		width: auto;
		height: 70px;
		margin-top:15px;
	}

	#footer {
	 font-size:13px;
	 line-height:18px;
	}
	
	.footer-top{
	  padding-top: 10px;
	  padding-bottom: 0px;
	}

    .footer-top section{
	  margin-bottom: 15px;
	  height:auto;
	  border-bottom: 1px solid #9f9d9d;
	  text-align:center;
	}
	
	.footer-top section:last-child { 
	  border-bottom: 0px solid #fff
	 }	
	
	.footer-top h3 {
	  color: #80BA27;
	  font-size: 1.8em;
	  padding-left: 0px;
	  border-left: 0px solid #80BA27;
	  margin-bottom:10px;
	}	
		
    .footer-top .social a{
       font-size: 40px;
	}	
	
    .footer-bottom {
	  height: auto;
	  text-align:center;
	 }
	
	.footer-bottom p.credits {
	  line-height: auto;
	}	

   .sidebar{
	 margin-top:30px;
     margin-bottom:20px;   
   }
   
   #sponsorencarousel .img-responsive{
	   display:inline;
   }
   
}

/* ---------------------------------------------- /*
 * extra Small devices - Smartphone quer
/* ---------------------------------------------- */
@media (min-width: 569px) and (max-width: 767px) { 

	 .navbar{
		/*background: linear-gradient(0deg, #fff 60px, green 15px);
		background: linear-gradient(0deg, #fff 60px, #efbf2d 15px);
		*/
		background: linear-gradient(0deg, #fff 100px, #80BA27 20px);
		height: 75px;
		padding-top: 5px;
		margin-bottom:0px;
		min-height:75px;		
	 }

	 body{ 
        padding-top: 75px;
	 }

	.carousel-control {
	  font-size: 10px;
	}
	  
	.carousel .carousel-control {
		top: 30%;
	}

	.navbar-toggle {
		margin-right: 10px !important;
		margin-top:15px;
	}

	ul.navbar-nav {
		height:auto;
		padding-top:0px;
	}

	nav .navbar-collapse {
		padding-left: 0px; 
		padding-right: 0px;
		background-color:#ededed;
	}
	
    .navbar-nav {
        margin: 0px 0px;
	}

    .navbar-collapse.collapse {
        height: auto !important;
        padding-bottom: 0;
    }
	
    .navbar-collapse.collapse.in { 
	   display: block !important;
	   background-color:#ededed;
	 }

	.navbar-default .navbar-nav > .active > a#home, .navbar-default .navbar-nav > .active > a#musikproduktion, .navbar-default .navbar-nav > .active > a#filmproduktion, .navbar-default .navbar-nav > .active > a#akademie {
		 border-bottom: 0px solid #efbf2d !important; 
	}
	
     a#home, a#musikproduktion, a#filmproduktion, a#akademie{
		 border-bottom: 0px solid #efbf2d !important;
		 background:none;
	 }
	 
     a#home:hover, a#musikproduktion:hover, a#filmproduktion:hover, a#akademie:hover{
		 border-bottom: 0px solid #efbf2d !important;
		 background-color:#fff;
	 }

    ul.navbar-nav > li > a{
	  border-bottom: 0px solid transparent; 
	  padding-top: 15px;
      padding-bottom: 15px;
	  margin-left:0px;
	  margin-right:0px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
	    background-color:#fff
	}

	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 7px 15px 7px 25px;
		 font-size:1.3em;
	}

	.logo img {
		width: auto;
		height: 60px;
	}

	.streifen{
	  padding-top:15px;
	  padding-bottom:15px;
	}

   .streifen h3 {
	  font-size: 1.0em;
	  line-height:1.4em;
	  font-weight:500;
   }

    .viererblock {
	  padding-top:10px;
	  padding-bottom:10px;
	}

	.footer-top{
	  padding-top: 10px;
	  padding-bottom: 0px;
	}

    .footer-top section{
	  margin-bottom: 15px;
	  height:auto;
	  border-bottom: 1px solid #9f9d9d;
	  text-align:center;
	}
	
	.footer-top section:last-child { 
	  border-bottom: 0px solid #fff
	 }	
	
	.footer-top h3 {
	  color: #80BA27;
	  font-size: 1.8em;
	  padding-left: 0px;
	  border-left: 0px solid #80BA27;
	  margin-bottom:10px;
	}	
		
    .footer-top .social a{
       font-size: 40px;
	}	
	
    .footer-bottom {
	  height: auto;
	  text-align:center;
	 }
	
	.footer-bottom p.credits {
	  line-height: auto;
	}	

   .sidebar{
	 margin-top:30px;
     margin-bottom:20px;   
   }
   
   #sponsorencarousel .img-responsive{
	   display:inline;
   }

}

/* ---------------------------------------------- /*
 * Smartphone hochkant
/* ---------------------------------------------- */

@media (min-width: 320px) and (max-width: 568px) { 
      
	 .navbar{
		 /*
		background: linear-gradient(0deg, #fff 70px, plum 20px);
		background: linear-gradient(0deg, #fff 60px, #efbf2d 15px);
		*/
		background: linear-gradient(0deg, #fff 70px, #80BA27 20px);
		
		height: 75px;
		padding-top: 5px;
		margin-bottom:0px;
		min-height:75px;
	 }
	  
	 body{ 
        padding-top: 75px;
	 }
	 
	.carousel-control {
	  font-size: 10px;
	}
	  
	.carousel .carousel-control {
		top: 30%;
	}

	.navbar-toggle {
		margin-right: 10px !important;
		margin-top:15px;
	}

	ul.navbar-nav {
		height:auto;
		padding-top:0px;
	}

	nav .navbar-collapse {
		padding-left: 0px; 
		padding-right: 0px;
		background-color:#fff;
	}
	
    .navbar-nav {
        margin: 0px 0px;
	}

    .navbar-collapse.collapse {
        height: auto !important;
        padding-bottom: 0;
    }
	
    .navbar-collapse.collapse.in { 
	   display: block !important;
	   background-color:#fff;
	 }

    ul.navbar-nav > li > a{
	  border-bottom: 0px solid transparent; 
	  padding-top: 12px;
      padding-bottom: 12px;
	  margin-left:0px;
	  margin-right:0px;
	  text-align:left;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
	    background-color:#fff
	}

	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 2px 15px 2px 15px;
		font-size:1.1em;
		line-height:1.4em;
	}

	.logo img {
		width: auto;
		height: 60px;
		margin-top:5px;
	}

	.streifen{
	  padding-top:15px;
	  padding-bottom:15px;
	}

   .streifen h3 {
	  font-size: 1.1em;
	  line-height:1.4em;
   }

    .viererblock {
	  padding-top:10px;
	  padding-bottom:10px;
	}
	
    .viererblock .info-box h3{
       margin:0;
     } 
	 
    .info-box .fa-stack{
	    display:none;
	 }

	 .thumbnail {
		 margin-bottom: 5px;
	  }

    .inhalt {
	   padding-top:10px;
	  }

	.inhalt h1{
		font-size:1.6em;
		font-weight:300;
		line-height:1.4em;
		margin-bottom:10px;
	}

	.footer-top{
	  padding-top: 10px;
	  padding-bottom: 0px;
	}

    .footer-top section{
	  margin-bottom: 15px;
	  height:auto;
	  border-bottom: 1px solid #9f9d9d;
	  text-align:center;
	}
	
	.footer-top section:last-child { 
	  border-bottom: 0px solid #fff
	 }	
	
	.footer-top h3 {
	  color: #80BA27;
	  font-size: 1.8em;
	  padding-left: 0px;
	  border-left: 0px solid #80BA27;
	  margin-bottom:10px;
	}	
		
    .footer-top .social a{
       font-size: 40px;
	}	
	
    .footer-bottom {
	  height: auto;
	  text-align:center;
	 }
	
	.footer-bottom p.credits {
	  line-height: 25px;
	}	

   .sidebar{
	 margin-top:30px;
     margin-bottom:20px;   
   }
   
   #sponsorencarousel .img-responsive{
	   display:inline;
   }


}


@media (min-width: 320px) { 

     
}