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




.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:47%;
		left:-102%;
		-webkit-transition: all 700ms ease-in-out;
  	transition: all 700ms 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:94%;
  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:47%;

}

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

#news_right{


  margin-left:47%;
  width:47%; 

}

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



#program{
  width:47%;

}

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

#program_right{


  margin-left:47%;
  width:47%; 

}

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



#about{
  width:47%;

}

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

#about_right{


  margin-left:47%;
  width:47%; 

}


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


#mydonat{
  width:47%;

}

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

#mydonat_right{


  margin-left:47%;
  width:47%; 

}


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


#press{
  width:47%;

}

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

#press_right{


  margin-left:47%;
  width:47%; 

}

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




#locations{
  width:47%;

}

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

#locations_right{


  margin-left:47%;
  width:47%; 

}

#mapLoadplaceLocations{height: 70vh;}




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



#impressum{
  width:47%;

}

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

#impressum_right{


  margin-left:47%;
  width:47%; 

}

#impressum_middle{


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



}


#mapLoadplaceImpressum{height: 70vh;}

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


#archive{
  width:47%;

}

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

#archive_right{


  margin-left:47%;
  width:47%; 

}



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


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

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





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



#test{
  width:47%;

}

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

#test_right{


  margin-left:47%;
  width:47%; 

}




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





#copy_frame{

    margin-left:94%;
    top:0; 
    width:6%; 
   
  }

  #copy_frame.selected{

    width:30%;
    margin-left:70%;

}










} 

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


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