@media only screen and (max-width: 40em) { 


.panel .content {

  padding: 5rem 1.5rem 1.5rem 1.5rem;
 
}

h1 {
  font-size: 1.3rem;

}

h2{

  font-size: 1.1rem;
}

h3 {
 font-size: 1.3rem;

}

h4 {
  font-size: 1.1rem;

}






.item h3 {
  font-size: 1.3rem;

}

.item h4 {
  font-size: 1.1rem;
}

.item img{float: left;width:50%;margin:0rem 1rem 1rem 0rem}

.content h3:first-child{margin-right:0.6375rem;}

h1.smallOnly{

  margin:1rem 1.5rem 0rem 3.5rem;



  padding-bottom: 0.5rem;

border-bottom:1px solid #052460;

font-size: 1.8rem

}


/****************************************** FRAME LEFT **********************/

	#frame_left{

		width:100%;
		left:-102%;
		-webkit-transition: all 700ms ease-in-out;
  	transition: all 700ms ease-in-out;


   /* background:url('/template/big_white.png');
    background-repeat: no-repeat;
    background-size: 100% auto ;
    background-position: left bottom;
    opacity: 1;
    transition: all 1500ms ease-in-out;*/

	}

	#frame_left.active{

		left:0;

	}

	#main_menu {

		top: 2rem;
    z-index: 12

	}

    #main_menu li{
   
   font-size:inherit; 
   
    }

  /*#main_menu li{padding:0px 5px;}*/

  #main_menu li a{font-size:0.9rem;}

  /*#main_menu li:hover a, #main_menu li.selected a{border-bottom:1px solid #fff;}*/

.menu_icon{position:fixed;
  /*left:0.9375rem;*/
  top:0;
  left:0;
  font-size:2rem;
  color:#fff;
  z-index: 10;
  width:100%;

  
}

.menu_icon i{color:#fff;padding:1rem 0.9375rem;}


.menu_icon.blue {

  background: rgba(5, 36, 96, 1);
 
  padding:0rem 0.9375rem;}

.menu_icon.blue i{color:#fff;}

.menu_icon.blue span{

  padding-left:0.5rem;
  

font-size: 1.8rem;
color:#fff !important;

  font-size: 1.8rem;;

 
  font-family: 'History-02';
  text-transform: uppercase;

  }



#frame_left #social{ padding:1rem 0rem 1rem 2rem;}

#frame_left #social a{color:#ffffff;font-size: 1.5rem;}
#frame_left #social a:first-child{}
#frame_left #social a i{}




/****************************************** FRONTPAGE **********************/

#frontpage{
 
  width:100%;
  margin-left: 0;


 /* position: relative !important;
  left:auto  !important;
  top:auto  !important; */
 


}

#frontpage img{
  width: 90%
  }


 
.swiper-button-next, .swiper-button-prev{

  top:70% !important;
}


/****************************************** NEWS **********************/
#news{
  width:100%;

    /*position: relative !important;
  left:auto  !important;
  top:auto  !important; */

}

#news:target {
  margin-left: 0%;
}

#news_right{display:none;}

/****************************************** PROGRAM **********************/

#program{
  width:100%;

}

#program:target {
  margin-left: 0%;
}

#program .datum {
    
    font-size: 0.85rem;
 
}

#program_right{display:none;}

/******************************************** about *****************************/

#about{
  width:100%;

}

#about:target {
  margin-left: 0%;
}

#about_right{display:none;}



/******************************************** mydonat *****************************/


#mydonat{
  width:100%;
  background-color:  #f2f2f2;

}

#mydonat:target {
  margin-left: 0%;
}

#mydonat_right{display:none;}


/******************************************** press *****************************/



#press{
  width:100%;
  background-color: #f2f2f2;

}

#press:target {
  margin-left: 0%;
}

#press_right{display:none;}


/******************************************** locations *****************************/


#locations{
  width:100%;
  background-color: #f2f2f2;

}

#locations:target {
  margin-left: 0%;
}

#mapLoadplaceLocations{height: 70vh;}




/******************************************** impressum *****************************/

#impressum{
  width:100%;
  background-color: #f2f2f2;

}

#impressum:target {
  margin-left: 0%;
}

#impressum_middle{



padding-left:3.5rem;
padding-right:1.5rem;





}


#mapLoadplaceImpressum{height: 70vh;}

#impressum #partneri h4{text-align: center}

#impressum #partneri .cell{text-align: center}

#impressum #partneri img{float: none;width:auto;}



/******************************************** archive *****************************/


#archive{
  width:100%;
  background-color: #f2f2f2;

}

#archive:target {
  margin-left: 0%;
}

#archive_right{display:none;}



/***************************************** AJAX CONTENT **********************************************/


#ajax_content{
  width:100%;
  margin-left: 0%;
}

#ajax_close{float:right;margin-top: -0.6375rem;margin-right: -0.6375rem}
#ajax_close i{font-size: 2rem;}





/******************************************** test *****************************/

#test{
  width:100%;


}

#test:target {
  margin-left: 0%;
}

#test_right{


  margin-left:58.5%;
  width:38.5%; 



}

















/****************************************** COPY FRAME  **********************/

#copy_frame{
   
    /*position: relative;
    left:auto;
    margin-left:0;
    top:auto; */
    display:none;
    width:100%; 
  
    -webkit-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;

  }






} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (orientation: landscape) and (max-width: 40em)   {

  /*#big_white_container{display:none !important;}
	*/
}