@import url(full.css) (min-width:800px);
@import url(mobile-extra.css) (max-width:800px);
/*mobile*/
 




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



  .no_link, .no_link a, .no_link a:hover, .no_link:hover{
	
	color:black !important;
	cursor:default !important;
}


 
  .spacer {height:7vw;width:100%;}
  
   .mobil_image{
  position: fixed;
  width: 100vw;
  height: 50vh;
  top:0px;
  
  overflow: hidden;
}

 .mobil_image img {
  position: absolute;
width:100%;
transform-origin:center;
transform:scale(1.5);

  margin: auto;
}


 
  
   .contain_image img {
	   
	   
	   width:100%;
   }
  
  .legal {display:none;}

a {text-decoration:none; color:black;}


body,html {
	font-family: 'Agipo Regular';
font-style: normal;
font-weight: 400;
    position: relative;
	overflow:hidden;
	-moz-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01";
margin:0px;
padding:0px;
width:100vw;
height:100%;
background-color:#EEEEEE;

}

body{
	position: relative;
	height: 100%;
}


.flex-next {
	
	cursor: url('./FlecheD.svg'), auto;	
	
}

.flex-prev {
	
	cursor: url('./FlecheG.svg'), auto;	
	
}




it{
	font-family:'Agipo Regular Italic';
	font-style: italic;
font-weight: 400;


}

#landing{
	display:none;
z-index:300;
position:fixed;
width:100vw;
height:100vh;
margin:0px;
top:0px;
padding:0px;
cursor:pointer;
background-color:#EEEEEE;
}

#landingLogo{
	-moz-font-feature-settings: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  
text-align:center;
font-size:12vw;
position:fixed;
left:50%;
top:72%;
transform:translate(-50%,-50%);
line-height:0.9;
min-width:100%;

}

#landingLogo img {
	
	width:63vw;
	
}






#sideBar {
	
	background-color:#EEEEEE;
	z-index:10;

width:100vw;
border-bottom: solid black 1px;
height:26vw;

}



#type_logo{
	font-size: 12vw;
	line-height:0.9;
	
	text-align:center;
	padding-top:4vw;
	
}



.footer {
	
margin:0 3px 0 3px;
position:absolute;
z-index:50;
padding:1.5vw 1.5vw 1.5vw 1.5vw;
bottom:0px;
line-height:1;
font-size:1vw;
width:50%;
	background-color:#EEEEEE;


}

#back_footer {
	width:100%;
	height:4.7vw;
	display:none;
	position:absolute;
	z-index:30;
	bottom:0px;
	
	
}

#footer_side {
	background-color:#EEEEEE;
position:relative;

bottom:0px;

font-size:1vw;
width:100%;

}

.lang-item {
	font-size:12vw;
position:fixed;
	margin:0px;
padding: 0 0 2vw 0;
	display:inline;
width:15vw;
	list-style: none;
	bottom:0vw;
	z-index:250;
}


.lang-item:nth-child(2n){
	text-align:right;
	right:4.3vw;

}


.lang-item:first-child{
		text-align:right;
	right:4.3vw;
	bottom:12vw;
}

.footer_exhibit{
	width:100%;
	bottom:0px;
	position:absolute;
}


.flexslider:hover .flex-caption {
	
}

.flexslider .flex-caption {
	display:none;
	  position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    
    color: white;
        background-color: rgba(0, 0, 0, 0.6);

}


.blue .menu-item:hover, .blue .menu-item a:hover,.blue .exhibit a:hover {

color:#004f91;

}

#menu.blue .menu-item,.blue .menu-item a,.blue .exhibit a{

transition: color 0.5s;
cursor:pointer;
}

.blue .exhibit {}

.menu.blue .menu-item a {cursor:pointer;}



#menu_footer{width:100vw;background:#EEEEEE;text-align:left;left:0px; display:none;}
#en {width:3vw;right:0px;text-align:right;}
#de{width:3vw;left:0px;text-align:left;}


#menu ol, #menu ul{
	list-style:none;
	
}

.alignleft{
	
	position:absolute;
	left:30vw;
	
	
}

.alignexhibit{
	
	position:absolute;
	left:30vw;
	
	
}

.list_container{
	position:absolute;
left:50%;
	width:60vw;
	z-index:0;
height:93vh;
top:0px;
overflow:scroll-y;
	-webkit-overflow-scrolling:touch;

}
.list {
	position:absolute;

font-size:3.7vw;
top:0px;
line-height:0.9;
padding-top:2.7vw;

height:100%;
overflow:scroll;
-webkit-overflow-scrolling:touch;

width:94%;
margin:auto;

}



.menu {
	
	padding:0px;
	margin:0px;
}

#menu ol li, #menu ul li {
	
	
	padding:0px;
}

.current-menu-item a{
	color:#004f91;
}


#menu{
	position:relative;
left:0px;
top:0;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
	overflow-x:hidden;
	z-index:10;
}

#menu_content{
font-size:12vw;
}




.mobil_marker{
	display: none;
}

.item_title {cursor:pointer;}

.item{
width:100%;
font-size:3.7vw;
}

#currentImage{
	padding: 20px 20px 120px 20px;
	display:block!important;
	overflow-x: auto;
	height: calc(100vh - 26vw);
}

#currentImage{
	font-size: 5vw;
}

#currentImage img{
	position: relative;
	top: 0px;
	height: 99%;
	width: 99%;
	object-fit: contain!important;
	object-position: 0 0;
}

.wp-caption-text {
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}
	
.spacer {width:3vw;}

.itemText{
	
	display:none;
	overflow:hidden;
	position: relative;
margin-top:0;
color:black;
font-size:1vw;
width:40vw;
margin-bottom:1.5vw;

}



.exhibit{
color:black;
font-size:1vw;

margin-bottom:1.5vw;
line-height:1.2;
	
}


#years tr:first-child{
	
	color:#004f91;
	
}

.current {color:#004f91;}





.article_container{
	
	z-index:80;
	height:100vh;
	width:calc(80vw - 1.5vw);
	border-left:solid black 2px;
	background-color:#EEEEEE;
	overflow:hidden;
position:absolute;
right:-100vw;

  display: flex;
  flex-direction: column;

}







.article_title{
padding: 1.5vw 0 1.5vw 0;
	text-align:center;
	line-height:0.9;
	font-size:3.7vw;
	
	
	
}

.exhibit_name{
	font-family:'Agipo Regular Italic';
	font-style: italic;
font-weight: 400;

	
}







.article_section {

  flex-grow: 1;
  
  display: flex;
  flex-direction: column;
  
  /* for Firefox */
  min-height: 0;
}

.description{
	margin-bottom:6vw;
	
}


.scrollable{
 
  flex-grow: 1;
  
  overflow: auto;
  -webkit-overflow-scrolling:touch;

  /* for Firefox */
  min-height: 0;
}

.article_full{
	font-size:1vw;
	float:top;
	padding:0 1.5vw 0 1.5vw;
	width:100%;
 display: flex;

}


.article_left{
	
	
	width:calc(57vw - 50px);
	
}

.article_right{
	 padding:0 1.5vw 0 1.5vw;
	
	width:22vw;
	
}



.itemText a,  .itemText p a{color:#004f91;}

.map {
	
	width:30vw;
	height:15vw;
	 filter: grayscale(100%);
	 
}

.quote {padding: 1.5vw 0 1.5vw;}

.viewer {width:100%;}

.info_title{
	
	text-align:center;
	padding-bottom:1.5vw;
	
}

.info {	padding-bottom:1.5vw;}

.legal {
	
	z-index:60;
	font-size:1vw;
	position:absolute;
	bottom:0px;
	right:0px;
	
	text-align:right;
	padding:1.5vw 1.5vw 1.5vw 1.5vw;
	
	
	
	
}




	body.has-newsticker #sideBar{
		top: 36px;
	}

	.newsticker .mtphr-dnt-tick-container{
		font-size: 16px;
	}

  
  
  
}