@media(max-width: 991px) {
    
}

@media(max-width:767px){
	.hero {
		min-height: 80vh;
	}

	#hero {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.hero-wrapper {
		height: 100%;
	}

	.teaser-text .background {
		top: -5%;
	}

	.hero .hero-text > .hero-title-regular {
		font-size: 150px;
		text-align: center;
		line-height: 150px;
	}

	.hero .hero-wrapper img.hero-wrapper-award-logo {
		height: 110px;
		margin-left: 0;
	}

	.hero .hero-text > .hero-title-semi {
		font-size: 24px;
		padding-left: 0;
		text-align: center;
	}

	.teaser-text p {
		font-size: 24px!important;
		line-height: 34px;
	}

	.h3-theme {
		line-height: 22px;
	}

	.h2-headline {
		font-size: 20px;
		line-height: 28px;
		overflow-wrap: anywhere;
	}

	section.teaser-text {
		margin-bottom: 48px;
	}

	section.image {
		padding: 32px 0;
	}

	section.video {
		padding: 24px 0 32px;
	}

	section.headline {
		padding: 28px 0 48px;
	}

	section.features-intro {
		padding: 24px 0 48px;
	}

	.h1-dna {
		font-size: 32px;
		line-height: 43px;
	}

	.features-slider {
		padding: 24px 0 48px;
	}

	.features-slider li h1 {
		margin-top: 12px;
	}

	.features-slider .flickity-page-dots {
		bottom: -12px;
		left: 0;
		text-align: center;
	}

	footer {
		padding: 48px 0;
	}

	footer .imprint-privacy {
		margin-top: 12px;
	}

	footer img {
		max-width: 40%;
		margin-top: 24px;
	}
}

@media(max-width: 576px) {
	footer img {
		max-width: 50%;
	}	
}

@media(min-width: 768px) and (max-width:991px) {
	.hero .hero-text > .hero-title-regular {
		font-size: 175px;
		text-align: center;
		line-height: 175px;
	}

	.hero .hero-wrapper img.hero-wrapper-award-logo {
		height: 125px;
		margin-left: 20px;
	}

	.hero .hero-text > .hero-title-semi {
		font-size: 24px;
		padding-left: 0;
		text-align: center;
	}
}

@media(min-width: 992px) and (max-width:1200px) {
	
}

@media(min-width: 1500px) {
	.hero .hero-text > .hero-title-regular {
		font-size: 400px;
		line-height: 400px;
	}

	.hero .hero-wrapper img.hero-wrapper-award-logo {
		height: 275px;
		margin-left: 50px;
	}

	.hero .hero-text > .hero-title-semi {
		font-size: 32px;
	}
}

@media(max-width: 360px) {
	header .text-left {
		font-size: 20px;
	}
	
	header .text-right {
		font-size: 16px;
	}
}