/****************************/
/* MEDIA QUERIES Hauptseite */
/****************************/


/* Vertikale Anpassung */
@media only screen and (max-height: 1000px) {
			
	/* --- S E C T I O N  1 --- */
	
	#section1-hg {
		background-size: 139rem;
	}
	
	#s1-logo {
		left: -0.8rem; bottom: 33.5rem;
	}
	
	#s1-claim {
		left: 6rem; bottom: 29.75rem;
	}
	
	#s1-benefits {
		left: 5rem; bottom: 11.25rem;
	}
	
	#section1 .fb-like {
		right: 27rem; bottom: 11.75rem;
	}
	
	/* --- S E C T I O N  3 --- */
	
	#section3 .section-head	{ font-size: 3.8rem; }
	
	#section3 .section-text p	{ font-size: 2.3rem; line-height: 2.8rem; }
	
	#section3 .mehr			{ font-size: 2.7rem; }
	
	#section3 .mehr:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	#section3 .mehr-weiss:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	#s3-wrapper {
		display: block; position: relative;
		top: -20rem;
	}
		
	#s3-text {
		left: 55%; top: 0%;
		width: 36rem;
	}
	
	#s3-text .linebreak {
		display: none;
	}
	
	.s3-foto {
		width: auto; height: 30rem;
	}
		
	#s3-foto1 { left: 2rem;  top: 3rem; z-index: 1; }
	#s3-foto2 { left: 9rem;  top: 32rem; }
	#s3-foto3 { left: 51rem; top: 36rem; }
	
	/* --- S E C T I O N  5 --- */
	
	#section5 .section-head	{ font-size: 3.8rem; }
	
	#section5 .section-text p	{ font-size: 2.3rem; line-height: 2.8rem; }
	
	#section5 .mehr			{ font-size: 2.7rem; }
	
	#section5 .mehr:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	#section5 .mehr-weiss:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	#section5-gradient .gradient {
		width: 125rem; height: 125rem;
		left: -25rem; top: -25rem;
	}
	
	#section5-hg,
	#section5-wlan {
		background-size: 140rem;
	}	
	
	#s5-text {
		left: 48rem; bottom: 47rem;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#s6-content {
		width: 102.4rem; height: 100%;
	}
	
	#s6-text {
		margin-top: -10rem !important;
	}
	
	#section6 .inline-image {
		width: auto; height: 55%;
	}
			
	/* --- S E C T I O N  7 --- */
		
	#s7-head {
		font-size: 8rem;
	}
	
	#s7-fliess {
		margin: 1rem 0 2rem 0;
		font-size: 2.7rem;
	}
		
	input, textarea {
		margin: 0 0 1rem 0;
		padding: 0rem 1rem;
	}
	
	#label-sonstiges,
	#label-wann,
	#label-wo,
	#label-vorname,
	#label-name,
	#label-email {
		margin-top: 0 !important;
	}
	
	#art-2 {
		margin: -0.5rem 0 0 18rem;
	}
	
	#textarea-nachricht {
		height: 15rem;
	}
	
	/* --- S E C T I O N  8 --- */
	
	#s8-container {
		max-width: 110rem;
	}
	
	#s8-content {
		display: table-cell; position: relative;
		top: -4rem;
		vertical-align: middle;
	}
	
	#s8-foto,
	#s8-text {
		top: -3rem;
	}
	
	#s8-foto {
		width: 20%;
	}
	
	#s8-foto img {
		top: -3rem;
	}
		
	#s8-text {
		width: 75%;
	}
	
	#s8-head {
		width: 80%;
	}
		
	#s8-fliess {
		max-width: 100%;
	}
	
}


@media only screen and (max-height: 875px) {
	
	/* --- S E C T I O N  2 --- */
	
	#s2-text { bottom: 3rem; }
		
	/* --- S E C T I O N  6 --- */
	
	#s6-text {
		margin-top: 2rem;
	}
	
	/* --- S E C T I O N  8 --- */
		
	#s8-foto,
	#s8-text {
		top: -4rem;
	}
	
	#s8-foto {
		width: 15%;
	}
	
	#s8-foto img {
		top: -3rem;
	}
		
	#s8-text {
		width: 81%;
	}
	
	#s8-head {
		width: 100%;
		font-size: 8rem;
		margin-bottom: 1rem;
	}
		
	#s8-fliess {
		max-width: 100%;
	}
	
	#s8-fliess p {
		font-size: 2.6rem;
	}
	
	#s8-fliess .linebreak {
		display: block;
	}
		
}


@media only screen and (max-width: 1024px) {
		
	.section-head	{ font-size: 3.8rem; }
	
	.section-text p	{ font-size: 2.3rem; line-height: 2.8rem; }
	
	.mehr			{ font-size: 2.7rem; }
	
	.mehr:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	.mehr-weiss:before {
		width: 2.5rem; height: 2.5rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.4rem;
	}
	
	/* --- S E C T I O N  2 --- */
	
	#s2-text { left: 10rem; bottom: 5rem; }
	
	/* --- S E C T I O N  4 --- */
	
	#s4-text {
		left: 12rem; top: 13rem;
	}
	
	#section4-hg {
		background-position: -37rem 30rem;
		background-size: 170rem;
	}
	
	/* --- S E C T I O N  5 --- */
	
	#section5-gradient .gradient {
		width: 125rem; height: 125rem;
		left: -25rem; top: -25rem;
	}
	
	#s5-text {
		left: 51.5%; bottom: 50rem;
	}
	
	#section5-hg,
	#section5-wlan {
		background-position: 40% bottom;
		background-size: 150rem;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#section6 .inline-image {
		width: 100%; height: auto;
	}
	
}


/* iPad Landscape */
@media only screen and (max-width: 1024px) and (max-height: 768px) {
	
	/* --- S E C T I O N  1 --- */
	
	#section1-hg {
		background-position: 55% 50%;
	}
	
	#s1-logo {
		width: 50rem; height: auto;
		left: 4rem; bottom: 25rem;
	}
		
	#section1 span {
		font-size: 2.5rem;
	}
	
	#s1-claim {
		max-width: 45rem;
		left: 10rem; bottom: 25rem;
	}
	
	#s1-benefits {
		left: 9rem; bottom: 10rem;
	}
	
	#section1 .fb-like {
		right: 4rem; bottom: 26rem;
	}
	
	/* --- S E C T I O N  2 --- */
	
	#section2-hg {
		background-position: 40% bottom;
		background-size: auto 115%;
	}
	
	/* --- S E C T I O N  3 --- */
	
	#s3-wrapper {
		top: -34rem;
	}
	
	#s3-text {
		display: block; position: absolute;
		left: 56rem; top: 3.5rem;
		width: 40rem;
	}
	
	#s3-text .linebreak {
		display: none;
	}
	
	.s3-foto {
		width: 43rem; height: auto;
		box-shadow: 0.2rem 0.2rem 1.0rem rgba(0,0,0,0.3);
	}
	
	#s3-foto1 { left: 7rem;     top: 4rem; }
	#s3-foto2 { left: 13.25rem; top: 32rem; }
	#s3-foto3 { left: 55rem;    top: 35.5rem; }
	
	/* --- S E C T I O N  4 --- */
	
	#s4-text {
		left: 25rem; top: 2rem;
	}
	
	#section4-hg {
		background-position: -6rem 21rem;
		background-size: 110%;
	}
	
	/* --- S E C T I O N  5 --- */
	
	#s5-text {
		left: 52rem; bottom: 37rem;
	}
	
	#section5-hg,
	#section5-wlan {
		background-position: 0rem bottom;
		background-size: 110rem;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#section6-gradient .gradient {
		display: block; position: relative;
		width: 200rem; height: 200rem;
		left: -50%; top: -125%;
		margin: auto;
	}
	
	#s6-text {
		margin-top: 2rem;
	}
	
	#s6-text-container {
		display: block; position: relative;
		top: 0.5rem;
	}
	
	#section6 .inline-image {
		display: block; position: relative;
		top: 2rem;
		width: 60rem;
		margin: 0 auto;
	}
	
	#section6 #mehr-erfahren {
		right: 24.5rem;
	}
		
	#section6 #randnotiz {
		left: 22%; bottom: 4.5rem;
		font-size: 1.6rem;
	}
	
	/* --- S E C T I O N  8 --- */
	
	#s8-container {
		max-width: 85rem;
	}
	
	#s8-content {
		display: table-cell; position: relative;
		top: -4rem;
		vertical-align: middle;
	}
	
	#s8-foto,
	#s8-text {
		top: -3rem;
	}
	
	#s8-foto {
		width: 20%;
	}
	
	#s8-foto img {
		top: -1rem;
	}
		
	#s8-text {
		width: 75%;
	}
	
	#s8-head {
		width: 100%;
		font-size: 5rem;
		line-height: normal;
		margin-bottom: 1rem;
	}
		
	#s8-fliess {
		max-width: 100%;
	}
	
	#s8-fliess p {
		font-size: 2.3rem;
	}
	
	/* Footer */
		
	#footer {
		font-size: 2.2rem;
		padding: 3.25rem 5rem;
		text-align: center;
	}
		
	#logo-footer {
		top: 0.45rem;
	}
	
	#footer-links {
		font-size: 2.5rem;
		line-height: 1.3;
	}
	
	.trenner:first-child {
		display: none;
	}
			
}


/* iPad Landscape (Sonderfall für Section 7) */
@media only screen and (min-width: 900px) and (min-height: 650px) and (max-width: 1024px) and (max-height: 768px) {

	/* --- S E C T I O N  7 --- */
	
	#section7 .container {
		display: block;
	}
	
	#s7-content {
		display: block;
		margin: 5rem auto 0 auto;
	}
	
	#s7-head {
		float: left;
		font-size: 6.5rem;
		line-height: 5rem;
		margin: 0 2rem 3rem 0;
	}
	
	#s7-fliess {
		font-size: 2rem !important;
	}
	
	#section7 .optional {
		display: none;
	}
	
	input, textarea {
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
		font-size: 2.3rem !important;
	}
	
	#s7-fliess,
	#section7 form label {
		font-size: 2.3rem;
		margin-top: 0.75rem !important;
	}
		
	#section7 .spalte1 {
		width: 11.5rem;
		margin: 0 1rem 0 0;
	}
	
	#section7 .spalte2 {
		width: 9.75rem;
		margin-right: 1rem;
	}
		
	#section7 #wann-wo span,
	#section7 #vorname-name span {
		margin: 1rem 0;
	}
	
	#label-sonstiges,
	#label-wann,
	#label-wo,
	#label-vorname,
	#label-name,
	#label-email,
	#label-nachricht {
		margin-top: 1.5rem;
	}
	
	#label-wann,
	#label-vorname {
		top: 1rem;
	}
	
	#label-sonstiges {
		text-align: right;
	}
	
	#section7 form {
		margin-top: 2rem;
	}
	
	#art-des-events {
		top: 0.5rem;
		margin-right: 1rem !important;
		float: none !important;
	}
		
	#art-1 label {
		margin: 0.5rem 0.6rem;
	}
	
	#art-1 {
		display: inline-block !important;
		width: 42.5rem !important;
		margin: 0 0 0.5rem 0 !important;
	}
	
	#art-1 .stretch {
		display: none !important;
	}
	
	#art-2 {
		display: inline-block; position: relative;
		top: 0.75rem;
		margin: 0 !important;
		width: 25.75rem;
	}
			
	#nachricht {
		margin-top: 2rem;
	}
	
	
	#section7 #alternative {
		display: block; position: relative;
		left: 12.5rem;
		margin: 0 0 10rem 0;
		font-size: 2.2rem;
	}

}


/* "iPad Portrait" */
@media only screen and (max-width: 950px) {
	
	/* --- S E C T I O N  1 --- */
	
	#section1-hg {
		background-size: 145.5rem;
		background-position: -40rem bottom;
	}
	
	#s1-logo {
		width: 40rem; height: auto;
		left: 0rem; bottom: 36rem;
	}
	
	#section1 span {
		font-size: 2rem;
	}
		
	#s1-claim {
		max-width: 36rem;
		left: 5rem; bottom: 34.5rem;
	}
	
	#s1-benefits {
		left: 4rem; bottom: 22rem;
	}
	
	#section1 .fb-like {
		left: 4.5rem; bottom: 17rem;
	}
	
	/* --- S E C T I O N  2 --- */
	
	#section2-hg {
		background-position: 55% bottom;
		background-size: auto 110%;
	}
	
	#s2-text .linebreak {
		display: none;
	}
	
	#s2-text {
		left: 4rem; bottom: 4rem;
		width: 27.5rem;
	}
	
	/* --- S E C T I O N  3 --- */
	
	#s3-wrapper {
		top: -48rem;
	}
	
	#s3-text {
		display: block; position: absolute;
		left: 38rem; top: 4rem;
		width: 36rem;
	}
	
	#s3-text .linebreak {
		display: none;
	}
	
	.s3-foto {
		width: 43rem; height: auto;
		box-shadow: 0.2rem 0.2rem 1.0rem rgba(0,0,0,0.3);
	}
	
	#s3-foto1 { left: -8.5rem; top: 6.5rem; }
	#s3-foto2 { left: 26rem;   top: 37rem; z-index: 1; }
	#s3-foto3 { left: 5rem;    top: 60rem; }
	
	/* --- S E C T I O N  4 --- */
	
	#section4-hg {
		background-position: -20rem 31rem;
		background-size: 165%;
	}
	
	#s4-text {
		left: 17rem; top: 3rem;
		width: 38rem;
	}
	
	#s4-text .linebreak {
		display: none;
	}
	
	/* --- S E C T I O N  5 --- */
	
	#section5-hg,
	#section5-wlan {
		background-position: 58% bottom;
		background-size: 153rem;
	}
	
	#s5-text {
		left: 37%; bottom: 55rem;
		width: 43rem;
	}
	
	#s5-text .linebreak {
		display: none;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#section6-gradient .gradient {
		display: block; position: relative;
		width: 200rem; height: 200rem;
		left: -75%; top: -100%;
		margin: auto;
	}
	
	#section6 #mehr-erfahren {
		right: 7.5rem;
	}
	
	/* --- S E C T I O N  8 --- */
	
	#s8-container {
		max-width: 65rem;
	}
	
	#s8-content {
		display: table-cell; position: relative;
		top: -4rem;
		vertical-align: middle;
	}
	
	#s8-foto,
	#s8-text {
		top: -3rem;
	}
	
	#s8-foto {
		width: 25%;
	}
	
	#s8-foto img {
		top: -1rem;
	}
		
	#s8-text {
		width: 70%;
	}
	
	#s8-head {
		width: 100%;
		font-size: 7rem;
		line-height: 7.5rem;
		margin-bottom: 1rem;
	}
		
	#s8-fliess {
		max-width: 100%;
	}
	
	#s8-fliess p {
		font-size: 2.4rem;
	}
	
	/* Footer */
		
	#footer {
		width: 100% !important;
		font-size: 2.2rem;
		padding: 3.25rem 5rem;
		text-align: center;
	}
		
	#logo-footer {
		top: 0.45rem;
	}
	
	#footer-links {
		font-size: 2.5rem;
		line-height: 1.3;
	}
	
	.trenner:first-child {
		display: none;
	}
			
}


/* iPad Portrait (Breite) - Sonderfall für Section 7 */
@media only screen and (min-width: 750px) and (max-width: 768px) {

	/* --- S E C T I O N  7 --- */
	
	#section7 .container {
		display: block;
	}
	
	#s7-content {
		display: block;
		max-width: 65rem;
		margin: 0 auto;
	}
	
	#s7-head {
		font-size: 6rem;
		margin-top: 7rem;
	}
	
	#section7 .optional {
		display: none;
	}
	
	input, textarea {
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
		font-size: 2.3rem !important;
	}
	
	#s7-fliess,
	#section7 form label {
		font-size: 2.3rem;
		margin-top: 0.75rem !important;
	}
		
	#section7 .spalte1 {
		width: 11.5rem;
		margin: 0 1rem 0 0;
	}
	
	#section7 .spalte2 {
		width: 9.75rem;
		margin-right: 1rem;
	}
	
	#section7 #wann-wo span,
	#section7 #vorname-name span {
		margin: 1rem 0;
	}
	
	#label-sonstiges,
	#label-wann,
	#label-wo,
	#label-vorname,
	#label-name,
	#label-email,
	#label-nachricht {
		margin-top: 1.5rem;
	}
	
	#label-wann,
	#label-vorname {
		top: 1rem;
	}
	
	#label-sonstiges {
		text-align: right;
	}
		
	#art-1 label {
		margin: 0.5rem 0;
	}
	
	#art-2 {
		margin: 0 0 1rem 14.5rem;
	}
			
	#nachricht {
		margin-top: 2rem;
	}
	
	
	#section7 #alternative {
		display: block; position: relative;
		width: 50rem;
		left: 12.5rem;
		margin: 0 0 10rem 0;
		font-size: 2.3rem;
	}

}


/* Smartphone Landscape */
@media only screen and (max-width: 750px) {
	
	/* --- S E C T I O N  1 --- */
		
	#section1 {
		height: 88rem !important;
	}
	
	#section1-gradient .gradient {
		display: block; position: relative;
		width: 100rem; height: 100rem;
		left: -25rem; top: 0rem;
		margin: auto;
	}
	
	#section1 .container {
		width: 48rem; height: 88rem;
		padding: 0;
		background-image: url('../img/section1_background.png');
		background-repeat: no-repeat;
		background-size: 142rem;
		background-position: -79rem 55rem;
	}
	
	#section1-hg {
		background: none;
	}
	
	#section1 span {
		font-size: 2.4rem;
	}
	
	#s1-logo {
		position: relative;
		width: 48rem; height: auto;
		left: -3rem; top: 0rem;
		margin: 0;
	}
		
	#s1-claim {
		position: relative;
		max-width: 43rem;
		left: 2.75rem; top: 1.5rem;
	}
	
	#s1-benefits {
		position: relative;
		left: 1.75rem; top: 3.5rem;
	}
	
	#section1 .fb-like {
		position: relative;
		left: 0; bottom: -14rem;
		text-align: center;
	}
	
	#section1 .next a {
		left: 0;
		margin: 0 auto;
		width: 48rem;
		bottom: 16.5rem;
	}

	/* --- S E C T I O N  2 --- */
	
	#section2,
	#section2 .fp-tableCell {
		height: auto !important;
	}
		
	#section2 .container {
		height: auto;
		padding: 0;
	}
	
	#section2 .inline-image {
		display: block; position: relative;
		width: 200%;
		left: -55%;
		margin-top: -12%;
	}
		
	#section2-hg {
		display: none;
	}
	
	#s2-text {
		position: relative;
		left: 0rem; top: 1rem;
		margin: 0 auto 6rem auto; padding: 1.5rem;
		width: 95%;
	}
	
	/* --- S E C T I O N  3 --- */
	
	#section3,
	#section3 .fp-tableCell {
		height: auto !important;
	}
		
	#section3 .container {
		height: auto;
		padding: 0;
	}
	
	#s3-wrapper {
		top: 0rem;
	}
	
	#s3-text {
		position: relative;
		left: 0rem; top: 1rem;
		margin: 0 auto 1rem auto; padding: 1.5rem;
		width: 95%;
	}
	
	.s3-foto {
		position: relative;
		left: 0rem !important; top: 0rem !important;
		margin: 0 auto !important;
	}
	
	#s3-foto1 {
		z-index: 2;
	}
	
	#s3-foto2 {
		left: 3rem !important;
	}
	
	#s3-foto3 {
		z-index: 1;
	}
	
	#section3 .next a {
		position: relative;
		left: 0;
		margin: 5rem auto 0 auto;
		width: 48rem;
		bottom: 2rem;
	}
	
	/* --- S E C T I O N  4 --- */
	
	#section4,
	#section4 .fp-tableCell {
		height: auto !important;
	}
	
	#section4-hg {
		display: none;
	}
		
	#section4 .container {
		height: auto;
		padding: 0;
	}
	
	#s4-text {
		position: relative;
		left: 0rem; top: 1rem;
		margin: 0 auto 1rem auto; padding: 1.5rem;
		width: 95%;
	}
	
	#s4-text .linebreak {
		display: none;
	}
	
	#section4 .inline-image {
		display: block; position: relative;
		width: 150%;
		left: -15%; top: 2rem;
		margin-bottom: -25%;
	}
	
	/* --- S E C T I O N  5 --- */
	
	#section5-gradient .gradient {
		width: 100rem; height: 100rem;
		left: -25rem; top: -25rem;
	}
	
	#section5,
	#section5 .fp-tableCell {
		height: auto !important;
	}
	
	#section5-hg,
	#section5-wlan {
		display: none;
	}
		
	#section5 .container {
		height: auto;
		padding: 0;
	}
	
	#s5-text {
		position: relative;
		left: 0rem; top: 1rem;
		margin: 0 auto 1rem auto; padding: 1.5rem;
		width: 95%;
	}
	
	#section5 .inline-image {
		display: block; position: relative;
		width: 170%;
		left: -35%;
		margin-top: 2rem;
	}
	
	#section5 .inline-image-2 {
		display: block; position: absolute;
		width: 170%;
		margin-top: 2rem;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#section6,
	#section6 .fp-tableCell {
		height: auto !important;
	}
	
	#section6-gradient .gradient {
		width: 100rem; height: 100rem;
		left: -15%; top: -20%;
	}
			
	#section6 .container {
		height: auto;
		margin: 10rem 0 0 0;
		padding: 0;
	}
	
	#section6 #s6-text {
		margin-top: -6rem !important;
	}
	
	#section6 .inline-image {
		margin-bottom: 15rem;
	}
	
	#section6 #randnotiz {
		left: 8rem;
	}
	
	/* --- S E C T I O N  7 --- */
	
	#section7,
	#section7 .fp-tableCell {
		height: auto !important;
	}
	
	#s7-head {
		font-size: 7.5rem;
		margin-top: 2rem;
	}
	
	#s7-fliess,
	#section7 form label {
		font-size: 2.7rem;
	}
	
	#section7 .spalte1 {
		width: 13.5rem;
		margin-right: 1rem;
	}
	
	#section7 .spalte2 {
		width: 10rem;
		margin-right: 1rem;
	}
	
	#art-2 {
		margin: 0 0 0 16.5rem;
	}
	
	#section7 #alternative {
		display: block; position: relative;
		margin: 0 0 10rem 0;
	}
	
	/* --- S E C T I O N  8 --- */
	
	#section8,
	#section8 .fp-tableCell {
		height: auto !important;
	}
	
	#section8-gradient .gradient {
		display: block; position: relative;
		width: 150rem; height: 150rem;
		left: -50rem; top: -100rem;
		margin: auto;
	}
	
	#s8-container {
		margin-bottom: 30rem;
		padding: 0 2rem !important;
	}
		
	#s8-content {
		display: block !important;
		top: 5rem;
	}
	
	#s8-foto,
	#s8-text {
		top: 0rem;
	}
		
	#s8-foto img {
		top: -1rem;
	}
			
	#s8-head {
		width: 100%;
		font-size: 7rem;
		line-height: 7.5rem;
		margin-bottom: 1rem;
	}
			
	#s8-fliess p {
		font-size: 2.4rem;
	}
		
	/* Footer */
	
	#footer {
		font-size: 1.8rem;
	}
	
	#footer-links {
		display: block; position: relative;
		font-size: 2.3rem;
		line-height: 1.4;
	}
	
	.trenner {
		display: none;
	}
	
	#footer a {
		display: block;
	}
	
}


/* Sonderfall für Section 7 */
@media only screen and (max-width: 700px) {

	/* --- S E C T I O N  7 --- */
	
	#section7 .container {
		display: block;
	}
	
	#s7-content {
		display: block;
		max-width: 45rem;
		margin: 0 auto;
	}
	
	#s7-head {
		font-size: 6rem;
		margin-top: 2rem;
	}
	
	#section7 .optional {
		display: none;
	}
	
	input, textarea {
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
		font-size: 2.3rem !important;
	}
	
	#s7-fliess,
	#section7 form label {
		font-size: 2.3rem;
		margin-top: 0.75rem !important;
	}
		
	#section7 .spalte1 {
		width: 9.75rem;
		margin: 0 1rem 0 0;
	}
	
	#section7 .spalte2 {
		width: 9.75rem;
		margin-right: 1rem;
	}
	
	#section7 #wann-wo span,
	#section7 #vorname-name span {
		margin: 1rem 0;
	}
	
	#label-sonstiges,
	#label-wann,
	#label-wo,
	#label-vorname,
	#label-name,
	#label-email,
	#label-nachricht {
		margin-top: 1.5rem;
		width: 9.75rem !important;
	}
	
	#label-sonstiges {
		text-align: right;
	}
	
	#art-des-events {
		width: 100% !important;
		text-align: center !important;
	}
	
	#art-1 label {
		margin: 0.5rem 0;
	}
	
	#art-2 {
		margin: 0 0 2rem 0;
	}
	
	#wann-wo,
	#vorname-name,
	#email,
	#nachricht {
		display: block; position: relative;
		width: 100%;
	}
	
	#vorname-name {
		float: none;
		margin: 2rem 0;
	}
	
	#nachricht {
		margin-top: 2rem;
	}
	
	#nachricht-rechts {
		display: none;
	}
	
	#hinweis-submit-mobile {
		display: block; position: relative;
		left: 10.75rem;
		width: 22rem;
		margin-bottom: 2rem;
	}
	
	#hinweis-submit-mobile input {
		display: block; position: relative;
		margin-top: 2rem !important;
	}
	
	#section7 #alternative {
		display: block; position: relative;
		margin: 0 0 10rem 0;
		font-size: 2.3rem;
	}

}


/* Sonderfall für Section 6 + 8 */
@media only screen and (max-width: 650px) {
	
	/* --- S E C T I O N  6 --- */
	
	#s6-text1,
	#s6-text2 {
		width: 29rem;
	}
	
	#s6-text1 {
		display: block;
		margin: 1rem auto;
		text-align: left;
	}
	
	#section6 .punkt {
		display: inline-block;
		margin-right: 1rem;
	}
	
	#section6 #s6-text {
		margin-top: -6rem !important;
	}
	
	#section6 .inline-image {
		width: 100% !important;
		top: 3rem;
		margin-bottom: 18rem;
	}
	
	#section6 #mehr-erfahren {
		display: block;
		left: 0; bottom: 12rem;
		width: 100%;
		text-align: center;
	}
	
	#section6 #randnotiz {
		position: relative !important;
		left: 0; bottom: 8.5rem;
		width: 100%;
		text-align: center;
	}
	
	/* --- S E C T I O N  8 --- */
	
	#s8-head {
		font-size: 5rem;
		line-height: 5.5rem;
	}
	
}


/* Smartphone Portrait */
@media only screen and (max-width: 479px) {
	
	
	.section-head	{ font-size: 3.0rem !important; }
	
	.section-text p	{ font-size: 2.0rem; line-height: 2.5rem; }
	
	.mehr			{ font-size: 2.4rem !important; }
	
	.mehr:before {
		width: 2.3rem; height: 2.3rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.3rem;
	}
	
	.mehr-weiss:before {
		width: 2.3rem; height: 2.3rem;
		margin: 0 0.75rem 0 -4.25rem;
		top: 0.3rem;
	}
	
	
	/* --- S E C T I O N  1 --- */
	
	#section1 {
		height: 93rem !important;
	}
	
	#section1-gradient .gradient {
		display: block; position: relative;
		width: 100rem; height: 100rem;
		left: -25rem; top: 0rem;
		margin: auto;
	}
	
	#section1 .container {
		width: 32rem; height: 93rem;
		padding: 0;
		background-image: url('../img/section1_background.png');
		background-repeat: no-repeat;
		background-size: 90rem;
		background-position: -49.25rem 48rem;
	}
	
	#section1-hg {
		background: none;
	}
	
	#section1 span {
		font-size: 2rem;
	}
	
	#s1-logo {
		position: relative;
		width: 30.5rem; height: auto;
		left: -1.25rem; top: 0rem;
		margin: 0;
	}
		
	#s1-claim {
		position: relative;
		max-width: 28rem;
		left: 2.35rem; top: 1.5rem;
		font-size: 2.6rem !important;
	}
	
	#s1-benefits {
		position: relative;
		max-width: 28rem;
		left: 1.65rem; top: 3.5rem;
	}
	
	#section1 .fb-like {
		bottom: -11.5rem;
	}
	
	#section1 .next a {
		left: 0;
		margin: 0 auto;
		width: 32rem;
		bottom: 20rem;
	}
	
	
	/* --- S E C T I O N  3 --- */
	
	.s3-foto {
		width: 95%;
	}
	
	#section3 .next a {
		width: 24rem;
	}
	
	/* --- S E C T I O N  5 --- */
	
	#s5-text {
		position: relative;
		left: 5%; top: 2rem;
		margin: 0 auto 1rem auto; padding: 1.5rem;
		width: 75%;
	}
	
	#section5 .inline-image {
		width: 250%;
		left: -99%;
		margin-top: -40%;
	}
	
	#section5 .inline-image-2 {
		width: 250%;
		margin-top: -40%;
	}
	
	#section5 .next a {
		font-size: 2.2rem;
		left: 0; margin-left: 0;
		width: 16rem;
	}
	
	/* --- S E C T I O N  6 --- */
	
	#section6-gradient .gradient {
		width: 85rem; height: 85rem;
		left: -30%; top: -15%;
	}
	
	/* --- S E C T I O N  7 --- */
			
	#section7 #art-1 {
		width: 25rem;
	}	
	
	/* --- S E C T I O N  8 --- */
	
	#s8-container {
		margin-bottom: 30rem;
	}
	
	
	#s8-content {
		top: 5rem;
	}
	
	#s8-foto {
		width: 100%;
	}
	
	#s8-foto img {
		width: 23rem;
		margin: 0 auto;
	}
	
	#s8-text {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	
					
	#s8-head {
		width: 100%;
		font-size: 5rem;
		line-height: 5.5rem;
		margin: 1rem 0 1.5rem 0;
		text-align: center;
	}
			
	#s8-fliess p {
		font-size: 2.4rem;
	}
			
	/* Footer */
	
	#footer {
		padding: 2.5rem 0;
	}
			
	#logo-footer {
		width: 27rem; height: 3.2rem;
	}
	
	#footer-links {
		font-size: 2rem;
		line-height: 1.3;
	}
	
}


/* Sonderfall für Section 6 (iPhone 6-Breite) */
@media only screen and (max-width: 376px) {
	
	#section6-gradient .gradient {
		width: 100rem; height: 100rem;
		left: -75%; top: -25%;
	}
	
}


/* Sonderfall für Section 7 (iPhone 5-Breite) */
@media only screen and (max-width: 360px) {
	
	#section7 #hinweis-submit-mobile {
		left: 0;
	}
	
}