/* ===[ Responsive Media Queries ]===
   ==================================================
   ================================================== */



@media (min-width: 1601px) and (max-width: 1920px) { 
	#main-slider .carousel, #main-slider .carousel-inner .item, #main-slider .item {
	   height: 850px;  
	}
}


@media (min-width: 1401px) and (max-width: 1600px) { 
	#main-slider .carousel, #main-slider .carousel-inner .item, #main-slider .item {
	   height: 743px;  
	}
}


@media (min-width: 1361px) and (max-width: 1440px) { 
	#main-slider .carousel, #main-slider .carousel-inner, #main-slider .item {
	   height: 669px;  
	}
}

@media (min-width: 1281px) and (max-width: 1360px) { 
	#main-slider .carousel, #main-slider .carousel-inner, #main-slider .item {
	  height: 632px; 
	}
}


@media (min-width: 1025px) and (max-width: 1280px) { 
	#main-slider .carousel, #main-slider .carousel-inner, #main-slider .item, #main-slider .slider-inner  {
	  height: 595px; 
	}
}


@media (min-width: 981px) and (max-width: 1024px) { 
  	#main-slider .carousel,#main-slider .carousel-inner, #main-slider .item, #main-slider .slider-inner {
	   height: 550px;
	}
}


@media (min-width: 769px) and (max-width: 980px) { 
  	#main-slider .carousel, #main-slider .carousel-inner, #main-slider .item  {
	   height: 456px;
	}   
}

@media (min-width: 569px) and (max-width: 768px) { 
  	#main-slider .carousel,#main-slider .carousel-inner, #main-slider .item  {
	   height: 375px;
	}   
}

@media (min-width: 481px) and (max-width: 568px) { 
  	#main-slider .carousel, #main-slider .carousel-inner,  #main-slider .item  {
	   height: 320px;
	}   
}


@media (min-width: 320px) and (max-width: 480px) { 
  	#main-slider .carousel, #main-slider .carousel-inner,  #main-slider .item  {
	   height: 223px;
	}   
}

@media (max-width: 320px) { 
   	#main-slider .carousel,#main-slider .carousel-inner,  #main-slider .item  {
	  height:149px; 
	}
}

@media (max-width: 768px) { 
   	.carousel .carousel-control{
	  font-size:0.75em;
	}
}



/*----------*/

@media (min-width: 992px) { 

	.untermenu-collapse{
     display: block !important;
	}	
  
}


@media (max-width: 979px) { 

	#navigation .navbar-static-top {
		top: 10px !important;
	}
	
/*
    .navbar-header, .navbar-nav { 
	  float: right;
	  width:100%;
	 }	
	
    .navbar-toggle {
        position: relative;
        float: right;
        margin-top: 20px;
        margin-bottom: 8px;
        background-color: transparent;
        display: block;
        text-align: center;
    }
	
    .navbar-toggle:hover, .navbar-toggle:focus {
	   background-color: transparent;
	   color:#3fab61;
	   background-color:#fff;
	 }	
	 
	 .navbar-toggle:hover .icon-bar,  .navbar-toggle:focus .icon-bar {
	   background-color: #3fab61;
	 }
	 
	 
    .navbar-collapse.collapse.in { 
	  display: block !important;
	 
	 }		
	 
	.navbar-collapse{
	  max-height: 340px;
	  padding-right: 15px;
	  padding-left: 15px;
	  padding-bottom:0px !important;
	  overflow-x: visible;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	  -webkit-overflow-scrolling: touch;
      height: auto !important;
      overflow: visible !important;
	  background-color:#3fab61;
	  border: 1px solid #efefef;
	   width:100%;
	}	
	
    .navbar-collapse.collapse {
       display: none !important;
    }
		
	     
	 .navbar-nav > li{
	   display:block;
	   float:none;
	 }	
		
	 .navbar-nav{
	   height:auto;
       text-align: center;
	   width:100%;   
	 }
	
	#navigation .navbar-right li a{
		padding-top: 7px;
		padding-bottom:7px;
		margin-top: 2px;
		margin-bottom:2px;
		font-weight:600;
	}	
		
    #navigation .navbar-right li a.active, #navigation .navbar-right li a:hover, #navigation .navbar-right li.active> a, #navigation .navbar-right li i:hover, .nav>li>a:hover{
    	background-image:none;
		background-color:#FFFFFF;
		color:#3fab61;
	}
	

	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	  padding-top:9px;
	  padding-left:0px;
	  margin-left:0px;
	}	
	
*/	


	#footer {
		font-size:14px;
		line-height:24px;
	}

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

    .footer-top section{
      border-right: 0px solid #fff;
	  border-bottom: 1px solid #fff;
	  text-align: center;
	   margin-bottom:5px;
	   height:auto;
    }

	.footer-top section:first-child { 
	  border-left: 0px solid #fff !important;
	 }
 
	 .footer-top h3 {
	  text-align: center;
	  margin-top:10px;
	 }
 
    .footer-bottom {
	  text-align: center;
	  height: auto;
      font-size:0.9em;
	 }

    .footer-bottom p.credits {
	  line-height:1.7em;
	   min-height:50px;
    }

	 #tagcloud{ 
		text-align:center;
	 }




}



@media (min-width: 767px) and (max-width: 992px) { 

    img.bild3{
	  display:none;
	}
}


@media (min-width: 979px) and (max-width: 1200px) { 

	#navigation .navbar-static-top {
		top: 30px !important;
	}

}



@media (max-width: 767px) { 

   	.carousel .carousel-control{
	  font-size:0.75em;
	}


}



@media (min-width: 980px) { 
	

}





@media (min-width: 980px) and (max-width: 1199px) { 

	#footer {
	  font-size:0.90em;
	  line-height:18px;
	}

    #tagcloud{ 
 	 line-height:18px;
	}
	
   .sidebar{	
	  font-size:0.90em;
	}
}



@media (min-width: 768px) and (max-width: 979px) { 

   
	#footer {
		font-size:1.0em;
		line-height:18px;
	}

    footer section { 
	  margin-bottom: 15px;
	}
	
    .footer-top .social a{
       font-size: 40px;
	}	
	
    .footer-bottom {
	  height: auto;
	  text-align:center;
	 }
	
	.footer-bottom p.credits {
	   line-height: auto;
	}	
	
	


}


@media (min-width: 768px) and (max-width: 1024px) { 
      

}


@media (max-width: 1200px) { 


}


@media (max-width: 568px) { 

	 .navbar-header {
		margin-left: 0px;
	  }
  
  	.navbar-collapse{
	  max-height: 340px;
	  padding-right: 15px;
	  padding-left: 15px;
	  padding-bottom:0px !important;
	  overflow-x: visible;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	  -webkit-overflow-scrolling: touch;
      height: auto !important;
      overflow: visible !important;
	  background-color:#ccc;
	  border: 1px solid #efefef;
	  width:100%;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
      filter: alpha(opacity=90);
      opacity: 0.9; 
	}	

	#navigation .navbar-right li a{
		padding-top: 10px;
		padding-bottom:10px;
		margin-top: 2px;
		margin-bottom:2px;
		color: #333333;
	}	
		
    #navigation .navbar-right li a.active, #navigation .navbar-right li a:hover, #navigation .navbar-right li.active> a, #navigation .navbar-right li i:hover, .nav>li>a:hover{
    	background-image:none;
		background-color:#3fab61;
		color:#fff;
	}
	
	.farbstreifen h2{
	  font-size:1.4em;
	  font-weight:600;
	}
  
	.farbstreifen p{
	  line-height:1.4em;
	}  
  
	.teaser { 
		line-height:1.4em;
	}  
  
     img.thumbnail{
	 margin-bottom:10px;
	 }
  
	div.startseite h1{
		font-size:1.5em;
		font-weight:500;
		line-height:1.4em;
	}   
	
	#navigation .header-section {
	  height:50px;
	}
	
	.navbar-brand{
	  padding:0px;
	  margin:0px;
	  height:50px;
	}
	
	.navbar-brand > img{
	  width:60%;
	  height:auto;
	  padding-top:8px;
	}
  
     .navbar-toggle {
	    margin-top:8px;
		margin-right: 0px;
	 }
 
     .splashcontent{
	    background-color:#fff;
		padding-top:5px;
	 }
 
     div.inhalt h1 {
		font-size:2.0em;
	 }
	 
	div.breadcrumbs {
		padding-bottom: 10px;
	}
	 
	#splash{
	  margin-bottom:20px;
	}
	 
	 .sidebar{
		 margin-top:0px;
	 }
	 
	 .externlink{
		 width:100%;
	 }
}





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

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


@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 : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

   /* iPad in landscape */

 }



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

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