@media screen and (min-width: 480px) {
	.mobile-sprache-navigation-wrap {
		right: -50%;
		width: 50%;
	}
	
	.article.kontakt h2 {
		font-size: 5em;
	}
	
	.article.kontakt.es h2,
	.article.kontakt.en h2 {
		font-size: 4em;
	}	

	.section.section-3 > div {
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		-webkit-flex-direction: row;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
	}	

	.section.section-3 .col-1 .ce-bodytext {
		font-size: 1em;
	}
	
	.section-3 .col-3 {
		position: absolute;
		transform: scale(0.8);
	}
	
	.section-3 .col-3 > div {
		position: relative;
		transform: translate(-30%, -40%);
	}	

	.section-3 > div > .article.col-2 {
		margin: 250px 45px 0 45px;
		max-width: 600px;
	}

	.section.section-3 .col-1.es h3,
	.section.section-3 .col-1.es h2 {
		text-align: left;
	}		
	
	
}

@media screen and (min-width: 600px) {
	body, html {
		font-size: 15px;
	}	
	
	.article.kontakt:before {
		background-size: 35% auto;
		background-position: 78% 50%;
	}	
	
}

@media screen and (min-width: 720px) {
	
	.section.section-1 {
		
	}
	
	.section-3 .col-3 {
		transform: scale(1);
	}	
	

	.article.slogan {
		display: block;
	}
	
	.section.section-4 > div {
		display: -webkit-flex;
		-webkit-justify-content: center;
		-webkit-flex-wrap: wrap;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 1400px;
		margin: 0px auto;
	}

	.article.col-left {
		width: 100%;
		max-width: 55%;
		min-width: 380px;
		background-color: #ececec;
		overflow: hidden;
	}
	
	.article.col-left > div {
		-webkit-flex-direction: column;
		flex-direction: column;
	}	
	
	.article.col-left > div > article {
		width: 100%;
		padding: 0em;
	}	

	
	.article.col-left > div .article.abo h3 {
		margin: 0;
		font-size: 2.2em;
		padding: 80px 0 80px 65px;
		font-weight: 100;
		text-align: left;
	}

	.article.chat h2 {
		margin: 0;
		font-size: 4.25em; 
		padding: 0px 0px 0px 65px;
		font-weight: 700;
		position: relative;
		top: 0;
		line-height: 1;
		transform: translateY(-33%);
		font-weight: 100;
		text-shadow: 1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff;
		letter-spacing: 6px;
		text-align: left;
		
	}

	.article.chat img {
		max-width: 90%;
	}

	.article.abo img {
		max-width: 52%;
		width: 100%;
		min-width: 160px;
		margin: inherit;
		border-radius: 0px;	
		transform: translateX(-6%)
	}

	.article.col-right {
		width: 100%;
		max-width: 45%;
	}
	

	.offer.bottom {
		margin: 100px 0 30px 0;
	}
	
	.offer-end {
		padding-bottom: 20px;
	}
	
	.offer.bottom .ce-inner {
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		display: flex;
		justify-content: space-between;
	}

	.offer.bottom .ce-inner > div:nth-child(2) {
		margin: 0 25px;
	}	

	.offer-text {
		padding: 72px 0px;
	}

	.section-2 > div {
		-webkit-flex-direction: column;
		flex-direction: column;
	}	
		
	.t1 h2 {
		font-size: 2.2em;
	}

	.t1 > div > header br {
		display: inline;
	}	

	.t1 {
		margin: 0 20px 20px 20px;
		width: 100%;
	}

	.t1 > div > header {
		white-space: nowrap;
	}
	
	.t2 {
		font-size: 1.2em;
		width: 100%;
	}

	.t2 > div > blockquote:before {
		content:'„';
		font-family: 'AdamCGPro';
		font-size: 5em;
		position: absolute;
		line-height: 0;
		left: -0.6em;
		top: -0.1em;
	}

	.t2 > div > blockquote:after {
		content: '„';
		font-family: 'AdamCGPro';
		font-size: 5em;
		position: relative;
		line-height: 0;
		text-align: right;
		width: 100%;
		display: block;
		height: 50px;
		top: -30px;
	}	
	
	.t2 > div > blockquote {
		max-width: calc(600px - 2em);
		margin: 0em 1em 0 25%;
	}	
	
	.t2 .list {
		max-width: calc(600px - 2em);
		margin: 40px 0 0 25%;
	}	
	
	.article.kontakt:before {
		left: -85%;
		bottom: -25%;
		background-size: 100% auto;
		background-position: 0% 100%;
	}
}

@media screen and (min-width: 860px) {
	#sprache,
	#navigation {
		display: block;
	}
	
	#mobile-navigation-wrapper {
		display: none;
	}	
	
	#sprache.es {
		padding: 0 2em 0 0;
	}	
}

@media screen and (min-width: 960px) {

	
	.article.chat h2 {
		font-size: 5em;
	}
	
}

@media screen and (min-width: 1000px) {
	body, html {
		font-size: 18px;
	}	
	
	#sprache.es {
		padding: 0 2em;
	}		
	
	.article.slogan h1 {
		font-size: 2.4em;
	}	
	
	.article.kontakt h3 {
		transform: translateX(-100%);
	}	
	
	.article.col-right {
		padding: 90px 0px;
	}
	
	.offer-text {
		padding: 72px 50px;
	}
	
	.closePreviewLeft,
	.geschichten-action {
		width: 60px;
	}
	

	.section.section-1 {
		min-height: 812px;
	}
	
	.article.herz {
		display: block;
		position: absolute;
		left: 596px;
		bottom: -105px;		
		max-width: 500px;
	}
	
	.article.herz img {
		max-width: 100%;
	}
	
}

@media screen and (min-width: 1200px) {
	.section.section-1 .logo {
		top: 80px;
		left: 20px;
		max-width: 320px;
		min-width: 280px;
		width: 350px;
		transform: translate(0,0) rotate(0deg);
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	
	.section.section-1 .logo > div {
		padding: 0 50px;
	}
	
}

@media screen and (orientation: portrait) {
	.section.section-1:before {
		background-image: url(../img/bg/couple_Handy_app_2.jpg); 
		background-size: cover;
	}
}


@media screen and (orientation: landscape) {
	.section.section-1:before {
		/*background-image: url(../img/bg/couple_Handy.jpg); jsc */
		background-size: cover;
	}
}

@media screen and (min-height: 1080px) and (orientation: portrait) {

	.section.section-1 {
		min-height: 75vh;
	}
	
}

@media screen and (min-height: 1281px) and (orientation: portrait) {
	
	.section.section-1 .logo {
		top: 60px;
		left: 50%;
		max-width: 320px;
		min-width: 320px;
		width: 100%;	
		transform: translate(-50%,0) rotate(0deg);
	}
	
}

@media screen and (min-height: 2160px) and (orientation: portrait) {
	.section.section-1:before {
		/*background-image: url(../img/bg/couple_Handy.jpg); jsc*/
		background-size: cover;
	}	
	
	.section.section-1 {
		min-height: 812px;
	}

	.section.section-1 .logo {
		top: 80px;
		left: 20px;
		max-width: 320px;
		min-width: 280px;
		width: 320px;
		transform: translate(0,0) rotate(0deg);
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}		

}

@media screen and (min-width: 1366px) {

	
	.section-2 {
		padding: 100px;
	}	
	
	.t1 {
		margin: 0 120px 0 0;
		width: 40%;
	}

	.section-2 > div {
		-webkit-flex-direction: row;
		flex-direction: row;
	}	
		
	.t1 h2 {
		font-size: 2.8em;
	}

	.t1 > div > header br {
		display: inline;
	}	

	.t1 > div > header {
		white-space: nowrap;
	}
	
	.t2 {
		font-size: 1.2em;
		width: 60%;
	}

	.t2 > div > blockquote:before {
		content:'„';
		font-family: 'AdamCGPro';
		font-size: 5em;
		position: absolute;
		line-height: 0;
		left: -0.6em;
		top: -0.1em;
	}

	.t2 > div > blockquote:after {
		content: '„';
		font-family: 'AdamCGPro';
		font-size: 5em;
		position: relative;
		line-height: 0;
		text-align: right;
		width: 100%;
		display: block;
		height: 50px;
		top: -30px;
	}	
	
	.t2 > div > blockquote {
		max-width: calc(600px - 2em);
		margin: 0em 1em 0 1em;
	}	
	
	.t2 .list {
		margin: 40px 0 0 0;
	}	

	.section.section-3 > div {
		max-width: 1366px;
		margin: 0px auto;
	}

	.section-3 .col-1 {
		max-width: 320px;
		padding: 0 25px;
	}

	.section-3 > div > .article.col-2 {
		margin: 250px 45px 0 45px;
		max-width: 600px;
	}

	.section-3 .col-3 img {
		border: 16px solid #626262;
		border-radius: 100%;
		max-width: 80%;
		min-width: 284px;
	} 

	.section.section-3 .col-1 h3 {
		font-weight: 100;
		font-size: 2em;
		margin: 0;
	}

	.section.section-3 .col-1 h2 {
		font-size: 7em;
		margin: 0;
		line-height: 1;
	}

	.section.section-3 .col-1 h3,
	.section.section-3 .col-1 h2 {
		text-align: left;
	}

	.section-3 .col-1 .ce-gallery {
		max-width: none;
	}	
	
	.section.section-3 .col-2 .ce-column {
		margin: 0 0 20px 0;
	}
	
	
	.section.section-3 .col-2 .ce-row {
		display: block;
	}	
	
	.section-3 .col-3 {
		position: relative;
	}	

	.section-3 .col-3 .ce-bodytext {
		font-size: 2.5em;
		font-family: 'AdamCGPro';
	}	

	.article.offers {
		padding: 0 50px;
	}	
	
}

@media screen and (min-width: 1400px) {
	
	.lovely-new,
	.lovely-list {
		margin: 2em 80px;
	}
}




@media screen and (max-width: 860px) {

}


@media screen and (max-height: 600px) and (max-width: 1200px) and (orientation: landscape) {
	.section.section-1  {
		min-height: 200vh;
	}
	
	.t1 h2 br:nth-child(3) {
		display: none;
	}	
	
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 479px) {

	
	.section.section-3 .col-1 .ce-row:nth-child(2),
	.section.section-3 .col-1 .ce-row:nth-child(3) {
		margin: 2em 0;
	}

	.article.col-1 .ce-row:nth-child(1) {
		position: absolute;
		top: -19%;
		right: 0;
		width: 25%;
	}
	
	.article.col-1 .ce-gallery {
		width: 100%;
		max-width: none;
		display: flex;
		justify-content: space-evenly;
	}
	
	.section-3 .col-3 {
		right: 0;
	}
	
}

@media screen and (max-width: 400px) {
	.offer-text {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (height: 768px) and (width: 1024px) {
	.section.section-1 .logo {
		
	}
}