@media (max-width: 768px) {
	#main_content .part.mittelalter, 
	#main_content .part.endzeit, 
	#main_content .part.dfo{
	    width: 100% !important;
		position: relative;
		right: auto;
		left: auto;
		top: auto;
		float: none;
		height: 33%;
		min-height: 300px; 
		margin-left: 0px; 
	}		
	#main_content .part.dfo{
		height: 50%; 
	}
	.part .dfo_content{
		max-height: 100%; 
		
	}
	.part.dfo img,
	.part.mittelalter img,
	.part.endzeit img{
		max-width: 35%;
		height: auto;
	}
	.itemHeader {
		width: 100%; 
		marign-bottom: 20px; 
	}
	.itemBody{
		width: 100%; 
	}
	.mod_pk_icagenda {
    position: relative;
    top: 0px;
    width: 100%;
    transform: none;
}

}