/* ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	body {
		font-size: 1vw;
	}
}
/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	body {
		font-size: 1.3vw;
	}

}


/* 10px 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 750px) 
and (orientation : landscape) { 

	body {
		background:none;
		background-size: contain;
	}



	.singleicon .text {
		font-size:2em;
	}

	.footer {
		background:url(../images/bg_footer.png) left bottom repeat-x;
		background-size: contain;
		height: auto;
	}

	.footer p {
		padding-top:5em;
		margin:0 2em;
		padding-bottom: 5em;
		font-size:2.5em;	
		line-height: 1.8em;
	}

	.imagecontent h2 {
    	font-size: 5em;
	}
	.imagecontent p {
    	font-size: 3em;
    	padding: 0 0 0 50%;
   	}

	.imagecontent {
	    position: absolute;
	    bottom: 0;
	    width: 95.531%;
	    text-align: right;
	    border-right: 0.6em solid #0268e7;
	    padding-right: 3em;
	    box-sizing: border-box;
	    top: 5.735vw;
	    height: 8.5vw;
	    text-align: right;
	}
	.endlichhofmilch {
	    position: absolute;
	    bottom: 0;
	    width: 35%;
	    text-align: right;
	    padding-right: 3em;
	    box-sizing: border-box;
	    top: 4vw;
	    left: 8vw;
	    height: 8.5vw;
	}


}


/* iPhone 2G-4S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
	body {
		background:none;
		background-size: contain;
	}


	.singleicon {
		width:100%;
		float: none;
		padding-top: 15vw;
	}

	.singleicon .text {
		font-size:5em;
	}

	.footer {
		background:url(../images/bg_footer.png) left bottom repeat-x;
		background-size: contain;
		height: auto;
	}

	.footer p {
		padding-top:5em;
		margin:0 2em;
		padding-bottom: 5em;
		font-size:5em;	
		line-height: 1.8em;
	}

	.imagecontent h2 {
    	font-size: 5em;
	}
	.imagecontent p {
    	font-size: 3em;
    	padding: 0 0 0 50%;
   	}

	.imagecontent {
	    position: absolute;
	    bottom: 0;
	    width: 95.531%;
	    text-align: right;
	    border-right: 0.6em solid #0268e7;
	    padding-right: 3em;
	    box-sizing: border-box;
	    top: 5.735vw;
	    height: 8.5vw;
	    text-align: right;
	}

	.endlichhofmilch {
	    position: absolute;
	    bottom: 0;
	    width: 35%;
	    text-align: right;
	    padding-right: 3em;
	    box-sizing: border-box;
	    top: 4vw;
	    left: 8vw;
	    height: 8.5vw;
	}



}