/*css für verschiedene Bildschirm-Größen (außer mobile)*/
:root {
	--rot: #c01d2e;
	--blau: #40739e;
}
@media only screen and (max-width: 1600px) {
	div.container {
		width: 75%
	}
	.movieBtnBox {
		left: -60px;
		width: 120px;
	}
}
@media only screen and (max-width: 1400px) {
	#inhalt {
		width: 85%;
	}
	div.container {
		width: 80%
	}
	.movieBtnBox {
		left: -80px;
		width: 80px;
	}
	.highlightbox {
		line-height: calc(20px + 6 * ((100vw - 320px) / 1200));
		font-size: calc(16px + 6 * ((100vw - 320px) / 1200));
		padding-left: 45vw;
		padding-right: 5vw;
		width: 50vw;
		background-position: 1vw center;
	}
}
@media only screen and (max-width: 1200px) {
	#inhalt {
		width: 90%;
	}
	div.container {
		width: 85%
	}
	.movieBtnBox {
		left: -80px;
		width: 40px;
	}
}
@media only screen and (max-width: 800px) {
	.highlightbox {
		line-height: 5vh;
		line-height: calc(20px + 6 * ((100vw - 320px) / 1680));
		font-size: calc(16px + 6 * ((100vw - 320px) / 1680));
		padding-left: 50vw;
		padding-right: 5vw;
		width: 45vw;
		background-position: 1vw center;
	}
}