#tabletPortraitViewLocked,
#menuMobileToggle{
	display:none;
}

/*Tablet Portrait Lockscreen*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :portrait){
	#tabletPortraitViewLocked{
		display:block;
		position:fixed;
		z-index:99;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.3);
		top:0;
		left:0;
	}
	#tabletPortraitViewLocked img{
		position:relative;
		left:50%;
		top:50%;
		margin-left:-212px;
		margin-top:-187px;
	}
}

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



	#subheader{
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	#nav li.menuModules li{
		width: 32.5%;
	}

	#timelineContent #categorySelect {
		top: 8px;
	}

	#loaderDiv{
		top:10px;
	}

	#c138 img{
		width: 100%;
		height: auto;
	}

	/*Module Overview*/
	#c114 .csc-textpic-center-inner {
		height: 100% !important;
	}

	#c114 figcaption.csc-textpic-caption{
		word-wrap: break-word;
	}

	#c114 div.csc-textpic .csc-textpic-imagewrap img {
		width: 100%;
		height: auto;
	}

	#c114 div.csc-textpic div.csc-textpic-imagecolumn{
		width: 30%;
		margin: 1%;
	}

	#toggleOverview{
		display:none;
	}
}

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

	.artefacts .artefactThumbnails{
		margin-top: 0 !important;
	}

	.artefacts .next{
		right:0 !important;
		z-index: 4;
	}

	.artefacts .prev{
		left:0 !important;
		z-index: 4;
	}

	/*App download*/
	.site269 .fce2col img {
		width: 100%;
		height:auto;
	}

	body{
		background:none !important;
	}

	#header{
		position:static;
	}

	.mm-page {
		box-shadow: none !important;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}

	#contentWrap{
		padding-top: 40px !important;
	}

	#contentOuterWrap {
		display:block !important;
	}

	#nav,
	#toggleOverview,
	#subheader,
	#contentLeft,
	#toggleTimeline,
	.showInTimeline,
	#logoStaatsarchiv{
		display:none;
	}

	#logo{
		left:auto;
		right:0;
	}

	#page{
		padding: 0 5%;
	}

	#menuMobileToggle{
		display:block;
		/*background-color: #ccc;*/
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 35px;
		left: 10px;
		z-index: 99;
	}

	#menuMobileToggle:after{
		content: '\f039';
		font-family: "FontAwesome";
		color: #000;
		font-size: 25px;
	}

	#menumobile.mm-opened{
		display:block;
	}

	/*#menumobile,
	#mobileMenuToggle,
	#mobileMenuToggle a{
		display:block;
	}*/

	#mobileMenuToggle span{
		display:block;
		text-indent: -40px;
		overflow:hidden;
		position: absolute;
		left: 2%;
		top: 30px;
		z-index: 9;
	}
	#mobileMenuToggle span:after{
		font-family: "FontAwesome";
		content: '\f0ca';
		color: #333;
		font-size: 20px;
	}


	#social{
		bottom: -62px;
	}

	/**/
	#c138 img{
		width: 100%;
		height: auto;
	}

	/*Module Overview*/
	#c114 .csc-textpic-center-inner {
		height: 100% !important;
	}

	#c114 figcaption.csc-textpic-caption{
		word-wrap: break-word;
	}

	#c114 div.csc-textpic .csc-textpic-imagewrap img {
		width: 100%;
		height: auto;
	}

	#c114 div.csc-textpic div.csc-textpic-imagecolumn{
		width: 30%;
		margin: 1%;
	}

	.artefactTitle, h3.artefactTitle{
		font-size: 12px !important;
		word-break: break-all !important;
	}

	/*Artefactgruops and Artefacts*/
	.artefactgroup .colLeftContent img {
		width: 100% !important;
		height: auto !important;
	}

	.transcription .toggleHide, .explanation .toggleHide {
		width: 90% !important;
	}

	.artefact {
		height: auto !important;
		/*min-height: 380px;*/
	}

	/*Globals*/
	.fce3col .colWrapItem {
		float:none;
		width: 100%;
	}

	#contentLeft, #contentRight{
		width: 100%;
		float:none;
		padding: 0;
		margin:0;
	}

	#footer{
		position:static;
	}

	#footer .colLeftWrap, #footer .colRighttWrap {
		width: 100%;
		float:none;
	}
}


/* For iphone: */
@media screen and (max-width : 320px){

}