/*@media only screen and (min-width:480px) and (max-width:1024px) {
	.content p {
		font-size: 24px;
		margin-left: 60px;
    margin-right: 60px;
		max-width: 600px;
    margin: 0 auto;
	}
	.content h3 {
		font-size: 48px;		
	}
	.content h2 {
		font-size: 70px;		
	}		
}*/

/*@media only screen and (min-width:540px) and (max-width:1024px) {*/
@media only screen and (max-width:767px) {
	x#section7.frontpage {
    /*max-width: 1200px;*/
		min-height: initial;
		/*min-height: 300px;*/
    /* display: none; */
	}
	#section2.frontpage,
	#section3.frontpage,
	#section4.frontpage,
	#section5.frontpage {
    /*height: 55%;*/
	}
	#section3_message.frontpage, 
	#section4_message.frontpage {
    height: 12%;
    max-height: 12%;
	}
	.spacing_top, .spacing_bottom {
    height: 4%;
    /* display: none; */
	}
	#section1 .logo {
    height: 4%;
    /*width: 26vw;*/
		/*width: 41vw;*/
    /*display: none;*/
	}
	.frontpage .contentContainer {
    height: 57%;
		height: 100%;
    /*width: 90%;*/
		/*max-width: 480px;*/
		/*max-width: 90%;*/
	}
	.content {
    max-width: 90%;
		/*margin-bottom: 30%;*/
	}
	.content p {
		font-size: 24px;
		font-size: 18px;
		/*font-size: 5vw;*/
		font-size: 3vw;
		font-weight: 200;
		line-height: 1.4;
		margin-left: 60px;
    margin-right: 60px;
		/*max-width: 600px;*/
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
	}
		a.jLink {
    /* background-color: rgb(32, 78, 151); */
    /* font-size: 24px; */
    line-height: 1;
    /* text-align: center; */
    color: white;
    /* display: inline-table; */
    /* margin: 0 auto; */
    position: absolute;
    /* top: -13px; */
		padding: 0;
    bottom: 0px;
    right: 2px;
    /* left: 50%; */
    /* right: 20px; */
    /* display: none; */
}	
	.content h3 {
		font-size: 38px;
		font-size: 24px;
		font-size: 6.4vw;
		font-size: 4.4vw;
		/*margin: 0;*/
		padding: initial;
    padding-top: 2vw;
    padding-bottom: 2vw;
    padding-top: 0.4vw;
		padding-bottom: 0.4vw;
	}
	.content h2 {
		font-size: 52px;
		font-size: 36px;
		font-size: 9.6vw;
		font-size: 5.6vw;
		font-size: 7vw;
		/*font-size: 3.2vh; */
		/*font-size: 270%;*/
		margin: 0;
		/*margin-bottom: 30px;*/
		/*margin-bottom: 14vw;*/
		/*padding: 0.7vw 0.9vw;*/
		margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
	}
	.message {
    font-size: 24px;
    font-size: 16px;
    /*font-size: 5vw;*/
		font-size: 4vw;
    line-height: 1.3;
    /*font-weight: 500;*/
    max-width: 90%;
		padding-left: 20px; 
		padding-right: 20px; 
	}
	.content.contact {
		margin-top: 15px;
		margin-top: 5vw;
		margin-bottom: 18%;
		margin-bottom: 11vw;
		/*margin-bottom: 15vw;*/		
		padding-top: 35px;
		padding-top: 11vw;		
	}
	.content.contact p {
		font-size: 20px;
		font-size: 16px;
		/*font-size: 2.2vw;*/
		font-size: 3.2vw;
		text-align: left;
		/*margin: 0 auto;	*/
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0;
		padding: 0;
	}
	.content.contact a {
		font-size: inherit;
		font-weight: inherit;
		position: inherit;
	}
	.content.contact h2 {
		font-size: 36px;
		font-size: 9vw;
    margin-left: -0.6vw;
	}
	footer {
		/*padding-bottom: 2px;*/
		font-size: 12px;
	}
	h2 {
    font-size: 30px;
	}
	.singlepage1 h5 {
    font-size: 18px;
}
	.singlepage1 p {
    font-size: 14px;
	}   
	.singlepage1 ul li {
    font-size: 14px;
	}

	.singlepage1.pc_team .contentContainer, 
	.singlepage1.pc_orga .contentContainer, 
	.singlepage1.pc_moderation .contentContainer {
    background-color: rgba(255, 255, 255, 0.4);
	}

	.contentBoxWrapper {
    /* background-color: beige; */
		display: block;
    margin: 0 auto;		
    margin-top: 15px;
    /* padding-top: 50px; */
    margin-bottom: 25px;
		max-width: 90%;
    /* display: none; */
	}
	.contentBox {
		width: 100%;
    margin: 0;
    /*padding: 10px;*/
		margin-bottom: 10px;
		margin-bottom: 3vw;
    /* display: none; */
	}
	.contentBox p {
    font-size: 12px;
    font-size: 3vw;
    /* display: none; */
	}
	.contentBox h2 {
    font-size: 24px;
    font-size: 6vw;
    /* display: none; */
	}
	.pageclassDisplay {
     display: none; 
	}	
}


/*@media only screen and (min-width:768px) and (max-width:1024px)*/
@media only screen and (max-width:1280px) and (min-width:768px) {
	#section7.frontpage {
    /*max-width: 1200px;*/
		min-height: initial;
		/*min-height: 300px;*/
    /* display: none; */
	}
	#section1 .logo {
    height: 6%;
}
	.frontpage .contentContainer {
    /*height: 57%;*/
		/*width: 90%;*/
		max-width: 98%;
		max-width: 760px;
	}
	.content {
    /*width: 80%;*/
    max-width: 80%;
		max-width: 600px;
	}
	.content p {
		font-size: 20px;
		/*font-size: 24px;*/
    /*font-size: 2vw;*/
		/*margin-left: 60px;*/
    /*margin-right: 60px;*/
		/*max-width: 600px;*/
    margin: 0 auto;
	}
	.content h3 {
		font-size: 38px;
		/*font-size: 24px;*/
		/*font-size: 6.4vw;*/
		/*margin: 0;*/
		padding: initial;
    /*padding-top: 6px;*/
    /*padding-bottom: 6px;*/
		padding: 3px 6px;
	}
	.content h2 {
		font-size: 52px;
		font-size: 38px;
		/*font-size: 9.6vw;*/
		margin: 0;
		/*margin-bottom: 60px;*/
		/*margin-bottom: 20%;*/
		/*margin-bottom: 9vw;*/
		padding: 5px 5px;
	}
	.message {
    font-size: 24px;
    /*font-size: 16px;*/
    /*font-size: 5vw;*/
    line-height: 1.3;
    /*font-weight: 500;*/
    max-width: 90%;
		padding-left: 20px; 
		padding-right: 20px; 
	}
	.content.contact {
		/*text-align: left;*/
		/*padding: 0;*/
    /*margin: 0;	*/
		/*padding-top: 70px;*/
		/*padding-bottom: 70px;*/
		/*margin-top: 36px;*/
		/*margin-bottom: 70px;*/
	}
	.content.contact p {
		font-size: 20px;
		/*font-size: 2.2vw;*/
	}
	.content.contact a {
		/*color: #FFF;*/
		font-size: inherit;
		font-weight: inherit;
		position: inherit;
	}
	
	.content.contact h2 {
		font-size: 56px;
		/*text-align: left;*/
		/*padding: 0;*/
		/*padding-bottom: 20px;*/
	}
} 
@media only screen and (max-width:1280px) and (min-width:768px) and (orientation: portrait) {
	.content h2 {
    /*margin-bottom: 20vw;*/
	}
}



x@media only screen and (orientation: landscape) {
	#section3 .bgImage {
    background-size: 95% auto;
		background-position: center top;
	}	
}
x@media only screen and (orientation: portrait) {
	#section3 .bgImage {
    background-size: auto 95%;
	}		
}
x@media only screen and (min-aspect-ratio: 9/16) {
	#section3 .bgImage {
    background-size: auto 95%;
		background-position: center top;
	}	
}
/* ===== 3 Apple mediascreens, jeweils mit versch. Bildqualitäten ===== */

/*.section-hero .lockup .image-hero-hardware {
    width: 1446px;
    height: 1028px;
    background-size: 1446px 1028px;
    background-repeat: no-repeat;
    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_large.jpg);
    position: relative;
    left: 50%;
    margin-left: -723px;
}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.section-hero .lockup .image-hero-hardware {
	    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_large_2x.jpg);
	}
}*/

/*@media only screen and (max-width: 1068px) {
	.section-hero .lockup .image-hero-hardware {
    width: 802px;
    height: 570px;
    background-size: 802px 570px;
    background-repeat: no-repeat;
    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_medium.jpg);
	}
}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .lockup .image-hero-hardware {
    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_medium_2x.jpg);
	}
}*/

/*@media only screen and (max-width: 735px) {
	.section-hero .lockup .image-hero-hardware {
    width: 330px;
    height: 234px;
    background-size: 330px 234px;
    background-repeat: no-repeat;
    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_small.jpg);
	}
}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
	.section-hero .lockup .image-hero-hardware {
    background-image: url(/v/imac/i/images/overview/hero/hero_hardware__fat5ykohogmu_small_2x.jpg);
	}
}*/

/*min-aspect-ratio
max-aspect-ratio
min-resolution
max-resolution
*/