
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	body {
		font-size:54% !important;
	    min-width: initial;
	}
	.ismobileindex {
		font-size:2px;
	}

	.siteholder {
	    min-width: initial;
	}


	.siteholder, body, #header,	#mainarea {
	    min-width: inherit;
	}

	.mobileopener, #mobile_mainnav {
		display: none;
	}

	.mobilecontactcontent {
		display: none;
	}
}


/* Ipad hoch */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.ismobileindex {
		font-size:1px;
	}

	body {
		font-size:77% !important;
	    min-width: initial;		
	}

	.siteholder {
	    min-width: initial;
	    width: 100%;
	}

	.siteholder, body, #header,	#mainarea {
	    min-width: inherit;
	}


	#header {
		position: static;
		box-shadow: none;
	}

	#header_inner {
	    margin: 0;
	    position: relative;
	    height: auto;
	    padding: 1em 10% 0 10%;
	}	

	#directcontactcontent {
		display: none;
	}

	#subnav {
		display: none;
	}

	#logo {
	    position: static;
	    width: 100%;
	    background: url(../images/logo.svg) 0 0 no-repeat;
	    background-size: contain;
	    height: 22vw;
	    box-sizing: border-box;
	}	

	#mobile_mainnav {
		display: none;
	}

	#mainarea {
		margin-top:0;
	}

	section .flexholder {
		flex-direction: column;
		padding:1em 0;
	}

	section .leftcontent {
	    width: auto;
	}

	section .leftcontent_padder {
	    margin: 1em;
	}	

	section .rightcontent {
	    width: 100%;
	    border-left: 0;
	}

	section .rightcontent_padder {
	    margin: 1em;
	    width: auto;
	}

	img.mfp-img {
    	padding: 0;
    }

	section .leftcontent h2 {
    	font-size: 2em;
    	margin-top:0;
   	}

   	.mobileopener {
   		background-color: #c3b9ae;
   		padding:0.75em 1em 0.5em 1em;
   	}

   	.mobileopener i {
   		font-size: 2em;
   		color:#ffffff;
   	}

   	#mobile_mainnav > ul {
   		list-style-type: none;
   		margin:0;
   		padding:1em;
   		border-bottom:2px solid #c3b9ae;
   	}

   	#mobile_mainnav ul li {
   		padding:0.2em 0;
   		font-size: 1.5em;
   		line-height: 1.2em;
   		color:#756666;
   		position: relative;
   	}

   	#mobile_mainnav ul a {
   		text-decoration: none;
   		color:inherit;
   	}

   	#mobile_mainnav ul ul {
   		display: none;
   		list-style-type: none;
   		margin:0;
   		padding:0.5em 0 0.5em 1.5em;
	}

   	#mobile_mainnav ul ul li {
   		font-size: 1em;
   	}

   	#mobile_mainnav .subopener {
   		position: absolute;
    	right: 0;
    	font-size: 1.5em;
   	}

	.blockdividerline {
	    margin: 0 1em;
	}
	#mainnav {
		display: none;
	}

	.mobilecontactcontent {
	    padding:0 1em 1em 1em;	
	}
}


/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) { 
	.ismobileindex {
		font-size:1px;
	}

	body {
		font-size:77% !important;
	    min-width: initial;		
	}

	.siteholder {
	    min-width: initial;
	    width: 100%;
	}

	.siteholder, body, #header,	#mainarea {
	    min-width: inherit;
	}


	#header {
		position: static;
		box-shadow: none;
	}

	#header_inner {
	    margin: 0;
	    position: relative;
	    height: auto;
	    padding: 1em 5% 0 5%;
	}	

	#directcontactcontent {
		display: none;
	}

	#subnav {
		display: none;
	}

	#logo {
	    position: static;
	    width: 100%;
	    background: url(../images/logo.svg) 0 0 no-repeat;
	    background-size: contain;
	    height: 22vw;
	    box-sizing: border-box;
	}	

	#mobile_mainnav {
		display: none;
	}

	#mainarea {
		margin-top:0;
	}

	section .flexholder {
		flex-direction: column;
		padding:1em 0;
	}

	section .leftcontent {
	    width: auto;
	}

	section .leftcontent_padder {
	    margin: 5%;
	}	

	section .rightcontent {
	    width: 100%;
	    border-left: 0;
	}

	section .rightcontent_padder {
	    margin: 1em;
	    width: auto;
	}

	img.mfp-img {
    	padding: 0;
    }

	section .leftcontent h2 {
    	font-size: 1.875em;
		
    	margin-top:0;
    	word-break:break-word;
   	}

   	.mobileopener {
   		background-color: #c3b9ae;
   		padding:0.75em 1em 0.5em 5%;
   	}

   	.mobileopener i {
   		font-size: 2em;
   		color:#ffffff;
   	}

   	#mobile_mainnav > ul {
   		list-style-type: none;
   		margin:0;
   		padding:1em;
   		border-bottom:2px solid #c3b9ae;
   	}

   	#mobile_mainnav ul li {
   		padding:0.2em 0;
   		font-size: 1.5em;
   		line-height: 1.2em;
   		color:#756666;
   		position: relative;
   	}

   	#mobile_mainnav ul a {
   		text-decoration: none;
   		color:inherit;
   	}

   	#mobile_mainnav ul ul {
   		display: none;
   		list-style-type: none;
   		margin:0;
   		padding:0.5em 0 0.5em 1.5em;
	}

   	#mobile_mainnav ul ul li {
   		font-size: 1em;
   	}

   	#mobile_mainnav .subopener {
   		position: absolute;
    	right: 0;
    	font-size: 1.5em;
   	}

	.blockdividerline {
	    margin: 0 1em;
	}
	#mainnav {
		display: none;
	}


	.powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label {	
		width: 100%;
		float: none;
	}

	.powermail_fieldwrap_type_input input {
    	width: 100%;
    	margin-left: 0;	
   }

.mobilecontactcontent {
    padding: 0 1em;
   }

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) 
and (orientation : landscape) { 
	.ismobileindex {
		font-size:1px;
	}

.mobilecontactcontent {
    padding: 0 1em;
   }

}
