
@media only screen and (min-width:1900px){
	nav li {
		margin-right: 6em;
	}
		
}

@media only screen and (min-width:1600px){
	#copyright{	
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	nav li {
		margin-right: 4em;
	}
		
}

@media only screen and (max-width:1040px){
	body {
		letter-spacing: 0;
	}
	
	h3 {
		font-size: 1.8em;
	}

	#toggle-menu {display: block; cursor:pointer}
	#mobile-menu {display: none; top:0; left: 0; width: 100%; text-align: left; background: #e31f13; color: white; padding: 30px 24px; box-sizing: border-box; font-size: 28px; line-height: 1.6em; height: 100%; height: 100vh; z-index:10; position:fixed} 
	#mobile-menu a{color:white} 
	.close-menu {display: block; float: right;} 
	.close-menu img {width: 2em; margin-bottom: 1em;}
	nav {display:none}
	#support {
		float: left;
	}
	
	section:not(#intro):not( #video ), header {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.footer-nav {
		left: 5%;
	}
	
	#intro-text {
		padding: 2em;
	}
	
	#intro-text p {
		font-size: 1.4em;
	}
	
	.block p {
		font-size: 1.4em;
		padding: 3em 0em 0.5em;
	}
	
	.block .block-text {
		position: relative;
		height: 21em;
	}
	
	.btn-block {
		font-size: 1.3em;
		margin: 0 1em 0 1em;
		width: 88%;
		position: absolute;
		bottom: 0;
		right: 0%;
		transform: translateY(-50%);
	}
	
	.form-text {
		float: none;
		width: 100%;
	}
	
	#kontakt p {
		font-size: 1.5em;
	}
	
	#kontakt p.contact-info {
		font-size: 1.4em;
	}
	
	.contact-form {
		float: none;
    	width: 100%;
	}
	
	.contact-form .row {
		margin-bottom: 0;
    }

	.contact-form .input-box {
		width: 100%;
		padding-bottom: 2em;
		padding-left: 0;
		float: none;
	}
	
	.contact-form input.box {
		height: 4em;
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size: 1.5em;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size: 1.5em;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
		font-size: 1.5em;
	}

	.contact-form .submit-btn {
		font-size: 1.8em;
	}
	
	input {
		font-size: 1.2em;
	}

	#contactform.contact-form .form-response {
		font-size: 1.9em;
	}

	textarea {
		font-size: 1.2em;
	}
	
	.footer-nav{
		font-size: 1.5em;
	}
	
	#partners h4 {
		font-size: 1.7em;
	}
	
}

@media only screen and (max-width:764px){
	body {
		letter-spacing: 0.00em;
	}
	
	h1 {
		font-size: 5em;
	}
	
	h2 {
		font-size: 4em;
	}
	
	h3 {
		font-size: 3em;
	}

	#logo {
		float: left;
		height: 100%;
		position: relative;
	}
	
	#logo img {
		width: 80%;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0%;
		transform: translateY(-50%);
	}

	header {
		position: relative;
	}
	
	#support p {
		display: none;

	}
	
	#support {
		font-size: 2em;	
		float: left;
		width: 30%;
	}
	
	#support .btn-header {
		width: 30%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.btn-header {
		height: 2em;
		line-height: 2em;
	}
	.btn-header span {
		font-size: 1.5em;
	}
		
	.intro-img {
		width: 100%;
	}
	
	#intro-text p {
		padding-top: 1em;
		font-size: 2.6em;
	}
	
	#intro-text {
		padding: 4em 5%;
		position: static;
		transform: initial;
		width: 100%;
	}
	
	#intro-text h1 {
		position: absolute;
		top: 23%;
		left: 5%;
	}
	
	#intro-text p.opening {
		padding-top: 0;
	}
	
	#pomoc {
		padding-top: 10em;
		padding-bottom: 10em;
	}
	
	.teaser {
		overflow: hidden;
		float: none;
		width: 100%;
		padding: 0;
		padding-top: 10em;
	}
	
	.teaser.right .block-img {
		float: right;
	}
	
	.block .block-text {
		padding: 0 5em;
		height: 43em;
	}

	.block p {
		font-size: 2.6em;
		padding: 3em 0em 2.5em;
	}
	
	.btn-block {
		border: 1px solid white;
		font-size: 2.8em;
		height: initial;
		transform: initial;
		bottom: 1em;
	}
	
	#kontakt p {
		font-size: 2.6em;
	}
	
	.form-text h4 {
		font-size: 2.2em;
	}
	
	#kontakt p.contact-info {
		font-size: 2.4em;
	}

	.contact-form input.box {
		height: 4em;
		border: 1px solid #464646;
	}
	
	.contact-form .input-box {
		padding-bottom: 5em;
	}
	
	#contactform.contact-form .form-response {
		font-size: 2.8em;
	}
	
	input, textarea {
		font-size: 2.8em;
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size: 1em;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size: 1em;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
		font-size: 1em;
	}
	
	
	.contact-form .submit-btn {
		padding: 1.5em 3em;
		font-size: 2.8em;
	}
	
	.contact-form #form-message {
		height: 15em;
		border: 1px solid #464646;
		font-size: 2.6em;
	}
	
	.footer-nav {
		font-size: 2.5em;
	}
	
	#copyright {
		height: 4em;
	}
	
	#copyright img {
		right: 5%;
		width: 15%;
	}
	
	#legal {
		padding: 1em 0;
	}

	#partners h4 {
		font-size: 2.4em;
	}
	
	.partner-cont, #headline {
		width: 27em;
	}
	
	.produkt-popup p {
		color: black;
		font-size: 2.8em;	
	}
	
	.produkt-popup ul, .produkt-popup ol {
		font-size: 2.8em;
	}
	
	
	
}

@media only screen and (max-width:360px){
	
	h1 {
		font-size: 6em;
	}
	
	h2 {
		font-size: 5em;
	}
	
	h3 {
		font-size: 4em;
	}
	
	#intro-text p {
		font-size: 3.6em;
	}

	.block p {
		font-size: 3.6em;
		padding: 1em 0em 1em;
	}
	
	.btn-block {
		font-size: 2.5em;
	}
	
	#kontakt p {
		font-size: 3.6em;
	}
	
	.form-text h4 {
		font-size: 3.2em;
	}
	
	#kontakt p.contact-info {
		font-size: 3.4em;
	}
	
	input, textarea {
		font-size: 3.8em;
	}
		
	.contact-form #form-message {
		font-size: 3.6em;
	}
	
	#contactform.contact-form .form-response {
		font-size: 3.3em;
	}
		
	#partners h4 {
		font-size: 3.4em;
	}
	
	.produkt-popup p {
		font-size: 3.8em;	
	}
	
	.produkt-popup ul, .produkt-popup ol {
		font-size: 3.8em;
	}
	
	#separator {
		padding: 0 0.7em;
	}
	
	.btn-block {
		bottom: 0.5em;
	}
}




	