/*
denkmal europa font
flowpagefont
*/

h1 ,h2,h3,h4,h5,h6,p {
	margin:0;
	padding: 0;
	display: block;
}

@font-face {
	font-family: 'wgitd';
	src: url('fonts/wgitd/fonts/wgitd.eot?cb=1568830171');
	src: url('fonts/wgitd/fonts/wgitd.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/wgitd/fonts/wgitd.woff?cb=1568830171') format('woff'),
	url('fonts/wgitd/fonts/wgitd.ttf?cb=1568830171') format('truetype'),
	url('fonts/wgitd/fonts/wgitd.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'tagline';
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?cb=1568830171');
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.svg?cb=1568830171#svgFontName') format('svg');
}


@font-face {
	font-family: 'titel';
	src: url('fonts/BebasNeue-BoldAscent/fonts/BebasNeue-BoldAscent.eot?cb=1568830171');
	src: url('fonts/BebasNeue-BoldAscent/fonts/BebasNeue-BoldAscent.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/BebasNeue-BoldAscent/fonts/BebasNeue-BoldAscent.woff?cb=1568830171') format('woff'),
	url('fonts/BebasNeue-BoldAscent/fonts/BebasNeue-BoldAscent.ttf?cb=1568830171') format('truetype'),
	url('fonts/BebasNeue-BoldAscent/fonts/BebasNeue-BoldAscent.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'untertitel';
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?cb=1568830171');
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'text';
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?cb=1568830171');
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'footer';
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?cb=1568830171');
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'freitext';
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?cb=1568830171');
	src: url('fonts/Ubuntu-R/fonts/Ubuntu-R.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-R/fonts/Ubuntu-R.svg?cb=1568830171#svgFontName') format('svg');
}

@font-face {
	font-family: 'frage';
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?cb=1568830171');
	src: url('fonts/Ubuntu-B/fonts/Ubuntu-B.eot?#iehack&cb=1568830171') format('embedded-opentype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.woff?cb=1568830171') format('woff'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.ttf?cb=1568830171') format('truetype'),
	url('fonts/Ubuntu-B/fonts/Ubuntu-B.svg?cb=1568830171#svgFontName') format('svg');
}



.loading_progress {
	background-color: #719fdd !important;
}

.text_scroller {
	width: 100%;
	height: auto;
	position: absolute;
	padding-left: 20px;
	padding-right: 65px;
}

.has_timeline .text_scroller {
	padding-left: 100px;
}

.text_padder_lefttop {
	padding-left: 3vw !important;
	padding-right: calc( 50% - 3vw ) !important;
	padding-bottom: 100px !important;
	padding-top: 1vh !important;
	width: 100%  !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_righttop {
	padding-left: 50% !important;
	padding-right: 0% !important;
	padding-bottom: 100px !important;
	padding-top: 1vh !important;
	width: 100%  !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_middletop {
	padding-left: 3vw !important;
	padding-bottom: 100px !important;
	padding-top: 1vh !important;
	width: 100% !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_leftmiddle {
	padding-left: 3vw !important;
	padding-right: calc( 50% - 3vw ) !important;
	padding-bottom: 100px !important;
	padding-top: 15vh !important;
	width: 100%  !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_rightmiddle {
	padding-left: 50% !important;
	padding-right: 0% !important;
	padding-bottom: 100px !important;
	padding-top: 15vh !important;
	width: 100%  !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_middlemiddle {
	padding-left: 3vw !important;
	padding-bottom: 100px !important;
	padding-top: 15vh !important;
	width: 100%  !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}


.text_padder_leftbottom {
	padding-left: 3vw !important;
	padding-right: calc( 50% - 3vw ) !important;
	padding-bottom: 100px !important;
	padding-top: 30vh !important;
	width: 100% !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_rightbottom {
	padding-left: 50% !important;
	padding-right: 0% !important;
	padding-bottom: 100px !important;
	padding-top: 30vh !important;
	width: 100% !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.text_padder_middlebottom {
	padding-left: 3vw !important;
	padding-right: 0% !important;
	padding-bottom: 100px !important;
	padding-top: 30vh !important;
	width: 100% !important;
	height: auto;
	-moz-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-webkit-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-ms-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	-o-transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s linear 0s, opacity 0.5s linear 0s;
	z-index: 100 !important;
	/*pointer-events: none;*/
}

.tagline {
	font-size: 3.24vh !important;
	line-height: 1.28 !important;

	font-family: "tagline" !important;
	word-spacing: 1px;
	word-break: break-word;
	padding: calc( (8 / 1080 ) * 100vh );

	border: calc( (2 / 1080 ) * 100vh )  solid white;
	display: inline-block;
}

.tagline_span {
	padding-top: 0em;
	padding-bottom: 0;
}

.titel {
	font-size: 9.259vh !important;
	line-height: 1.04 !important;

	font-family: "titel" !important;
	letter-spacing: 1px;
	word-spacing: 1px;
	word-break: break-word;
	padding: 0;
}

.titel_span {
	padding-top: 0em;
	padding-bottom: 0;
}

.untertitel {
	font-family: "untertitel" !important;
	font-size: 5.35vh !important;
	line-height: 1.2;
	word-spacing: 1px;
	word-break: break-word;
	padding: 0;
}

.untertitel_span {
	padding-top: 0em;
	padding-bottom: 0;
}

.text {
	font-size: 2.31vh !important;
	line-height: 1.4 !important;
	font-family: "text" !important;
	letter-spacing: 1px;
	word-break: break-word;
	padding: 10px 0 0 0;
}

.text_span {
	padding-top: 0em;
	padding-bottom: 0;
}

.footer {
	padding: 0;
	font-size: 2.31vh !important;
	line-height: 1.4 !important;
	font-family: "footer" !important;
	letter-spacing: 1px;
	word-break: break-word;
	margin-bottom: 20px !important;
}

.footer_span {
	padding-top: 0em;
	padding-bottom: 0;
}

.gallery {
	width: 100%;
	height: auto;
	/* 2 * 23 + x */
	margin: 0;
	padding: 0;
	text-align: left;
	text-align-last: left;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	left: 0;
	top: 0;
	z-index: 0 !important;
}

.gallery_div {
	width: calc(2 * 10vw);
	height: calc(((2 * 10vw) * 387) / 209);
	padding: 0 !important;
	border: none;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 23px;


	display: inline-block;
	vertical-align: top;
	background: transparent;
	position: relative;
}

.gallery_pic {
	left: calc(10 * (2 * 10vw) / 209);
	top: calc(40 * (2 * 10vw) / 209);
	width: calc(2 * 10vw - 2 * 10 * (2 * 10vw) / 209);
	height: calc(2 * 10vw - 2 * 10 * (2 * 10vw) / 209);
	border: none !important;
	margin: 0 !important;
	padding-left: 0 !important;
	z-index: 1 !important;
	position: absolute;
}

.gallery_text {
	position: absolute;
	font-family: "courier", sans-serif !important;
	font-size: 1.2vw;
	left: calc(10 * (2 * 10vw) / 209);
	top: calc(2 * 10vw + 30 * (2 * 10vw) / 209);
	width: calc(2 * 10vw - 2 * 10 * (2 * 10vw) / 209);
	height: calc(2 * 10vw - 2 * 50 * (2 * 10vw) / 209);

	text-align: left;
	text-align-last: left;
	-ms-text-justify: auto;
	text-justify: auto;

	overflow: hidden;
	color: #111;
}

.gallery_background {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url("logos/handystadtsache.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}


.gallery_img {
	width: 100%;
	height: 100%;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	pointer-events: none;
}


@media all and (max-width: 1690px) {
	.overview_item_container {
		width: calc((100vw - 20px - 65px - 3vw - 16px - (5 * 8px) - 3vw) / 5);
		height: calc((((100vw - 20px - 65px - 3vw - 16px - (5 * 8px) - 3vw ) / 5) * 75 ) / 100);
	}
	.has_timeline .overview_item_container {
		width: calc((100vw - 100px - 65px - 3vw - 16px - (5 * 8px) - 3vw) / 5);
		height: calc((((100vw - 100px - 65px - 3vw - 16px - (5 * 8px) - 3vw ) / 5) * 75 ) / 100);
	}
}
@media all and (max-width: 1280px) {
	.overview_item_container {
		width: calc((100vw - 20px - 65px - 3vw - 16px - (4 * 8px) - 3vw) / 4);
		height: calc((((100vw - 20px - 65px - 3vw - 16px - (4 * 8px) - 3vw ) / 4) * 75 ) / 100);
	}
	.has_timeline .overview_item_container {
		width: calc((100vw - 100px - 65px - 3vw - 16px - (4 * 8px) - 3vw) / 4);
		height: calc((((100vw - 100px - 65px - 3vw - 16px - (4 * 8px) - 3vw ) / 4) * 75 ) / 100);
	}
}
@media all and (max-width: 980px) {
	.overview_item_container {
		width: calc((100vw - 20px - 65px - 3vw - 16px - (3 * 8px) - 3vw) / 3);
		height: calc((((100vw - 20px - 65px - 3vw - 16px - (3 * 8px) - 3vw ) / 3) * 75 ) / 100);
	}
	.has_timeline .overview_item_container {
		width: calc((100vw - 100px - 65px - 3vw - 16px - (3 * 8px) - 3vw) / 3);
		height: calc((((100vw - 100px - 65px - 3vw - 16px - (3 * 8px) - 3vw ) / 3) * 75 ) / 100);
	}
	.overview_item_text	{
		font-size: 3vw !important;
	}
}
@media all and (max-width: 736px) {
	.overview_item_container {
		width: calc((100vw - 20px - 65px - 3vw - 16px - (2 * 8px) - 3vw) / 2);
		height: calc((((100vw - 20px - 65px - 3vw - 16px - (2 * 8px) - 3vw ) / 2) * 75 ) / 100);
	}
	.has_timeline .overview_item_container {
		width: calc((100vw - 100px - 65px - 3vw - 16px - (2 * 8px) - 3vw) / 2);
		height: calc((((100vw - 100px - 65px - 3vw - 16px - (2 * 8px) - 3vw ) / 2) * 75 ) / 100);
	}
	.overview_item_text	{
		font-size: 4vw !important;
	}

}
@media all and (max-width: 480px) {
	.tagline {
		font-size: 2.14vh !important;
		line-height: 1.4;
		font-family: "tagline" !important;
		word-spacing: 1px;
		word-break: break-word;
		padding: 0;
	}

	.titel {
		font-size: 5vh !important;
		line-height: 1.2;
		font-family: "titel" !important;
		letter-spacing: 1px;
		word-spacing: 1px;
		word-break: break-word;
		padding: 0;
	}

	.untertitel {
		font-family: "untertitel" !important;
		font-size: 3.75vh !important;
		line-height: 1.2;
		word-spacing: 1px;
		word-break: break-word;
		padding: 0;
	}

	.text {
		font-size: 2.14vh !important;
		line-height: 1.3;
		font-family: "text" !important;
		letter-spacing: 1px;
		word-break: break-word;
		padding: 0;
	}

	.footer {
		padding: 0;
		font-size: 2.14vh !important;
		line-height: 1.4;
		font-family: "footer" !important;
		letter-spacing: 1px;
		word-break: break-word;
		padding: 0;
		margin-bottom: 20px !important;
	}


	.wgitd_icon1 {
		font-size: 2.5vh !important;
		line-height: 1.1;
		width: 2.5vh;
		height: 2.625vh;
	}

	.wgitd_icon2 {
		font-size: 5vh !important;
		line-height: 1.1 !important;
		width: 5vh;
		height: 5.25vh;
	}

	.wgitd_icon3 {
		font-size: 10vh !important;
		line-height: 1.1 !important;
		width: 10vh;
		height: 11vh;
	}

	.overview_item_container {
		width: calc((100vw - 20px - 65px - 3vw - 16px - (1 * 8px) - 3vw) / 1);
		height: calc((((100vw - 20px - 65px - 3vw - 16px - (1 * 8px) - 3vw ) / 1) * 75 ) / 100);
	}

 	.has_timeline .overview_item_container {
		width: calc((100vw - 100px - 65px - 3vw - 16px - (1 * 8px) - 3vw) / 1);
		height: calc((((100vw - 100px - 65px - 3vw - 16px - (1 * 8px) - 3vw ) / 1) * 75 ) / 100);
	}

	.overview_item_text	{
		font-size: 5vw !important;
	}

	.smallScreen {
		display:none;
	}
}

.impressum {
	background: rgba(42, 89, 176, 1) !important;
}

.impressum_titel {
	font-size: 25px !important;
	font-family: "titel", sans-serif !important;
	margin-bottom: 20px;
	letter-spacing: 3px;
}

.impressum_untertitel {
	font-size: 20px !important;
	margin-bottom: 5px;
	font-family: "untertitel", sans-serif !important;
	letter-spacing: 2px;
}

.impressum_text {
	font-size: 15px !important;
	line-height: 1.1;
	letter-spacing: 1px;
	font-family: "text", sans-serif !important;
	margin-bottom: 25px !important;
}

.flowmenu_logo_placeholder:hover {
	background: rgba(42, 89, 176, 1) !important;
}
.question_container{
	margin-top: 1vh;
}
@media screen and (max-width:820px)  {
	.gallery_div {
		width: calc(2 * 12vw) !important;
		height: calc(((2 * 12vw) * 387) / 209)  !important;
	}

	.gallery_pic {
		left: calc(10 * (2 * 12vw) / 209)  !important;
		top: calc(40 * (2 * 12vw) / 209)  !important;
		width: calc(2 * 12vw - 2 * 10 * (2 * 12vw) / 209)  !important;
		height: calc(2 * 12vw - 2 * 10 * (2 * 12vw) / 209)  !important;
	}

	.gallery_text {
		left: calc(10 * (2 * 12vw) / 209)  !important;
		top: calc(2 * 12vw + 30 * (2 * 12vw) / 209)  !important;
		width: calc(2 * 12vw - 2 * 10 * (2 * 12vw) / 209)  !important;
		height: calc(2 * 12vw - 2 * 50 * (2 * 12vw) / 209)  !important;
	}
}

@media screen and (max-width:500px)  {
	.gallery_div {
		width: calc(2 * 17vw) !important;
		height: calc(((2 * 17vw) * 387) / 209)  !important;
	}

	.gallery_pic {
		left: calc(10 * (2 * 17vw) / 209)  !important;
		top: calc(40 * (2 * 17vw) / 209)  !important;
		width: calc(2 * 17vw - 2 * 10 * (2 * 17vw) / 209)  !important;
		height: calc(2 * 17vw - 2 * 10 * (2 * 17vw) / 209)  !important;
	}

	.gallery_text {
		left: calc(10 * (2 * 17vw) / 209)  !important;
		top: calc(2 * 17vw + 30 * (2 * 17vw) / 209)  !important;
		width: calc(2 * 17vw - 2 * 10 * (2 * 17vw) / 209)  !important;
		height: calc(2 * 17vw - 2 * 50 * (2 * 17vw) / 209)  !important;
	}
}

@media screen and (max-aspect-ratio:1/1)  {
	.gallery_div {
		width: calc(2 * 35vw) !important;
		height: calc(((2 * 35vw) * 387) / 209)  !important;
	}

	.gallery_pic {
		left: calc(10 * (2 * 35vw) / 209)  !important;
		top: calc(40 * (2 * 35vw) / 209)  !important;
		width: calc(2 * 35vw - 2 * 10 * (2 * 35vw) / 209)  !important;
		height: calc(2 * 35vw - 2 * 10 * (2 * 35vw) / 209)  !important;
	}

	.gallery_text {
		font-size: 2vh;
		left: calc(10 * (2 * 35vw) / 209)  !important;
		top: calc(2 * 35vw + 30 * (2 * 35vw) / 209)  !important;
		width: calc(2 * 35vw - 2 * 10 * (2 * 35vw) / 209)  !important;
		height: calc(2 * 35vw - 2 * 50 * (2 * 35vw) / 209)  !important;
	}

	.scroll_down_message {
		text-align: left;
		padding-left: 70px !important;
		padding-right: 0px !important;
	}

	.scroll_button_container {
		padding-left: 0px;
		padding-right: 0px;

	}

	.notonhandy {
		display: none;
	}

	.text_padder_lefttop {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_middletop {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_righttop {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_leftmiddle {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_middlemiddle {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_rightmiddle {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_leftbottom {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_middlebottom{
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.text_padder_rightbottom {
		padding-left:0 !important;
		padding-right:0 !important;
		width: 100% !important;
	}
	.datenschutz {
		padding-left:3px !important;
		padding-right:3px !important;
	}
	.cookie_consent {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.media_controls {
		padding-left:25px !important;
	}
	.silent_play {
		left: 25px !important;
	}

}

.bold{
	font-family: "tagline", sans-serif !important;
	display: inline;
	font-size: 14px;
	line-height: 1.0;
}
.regular {
	font-family: "text", sans-serif !important;
	display: inline;
	font-size: 14px;
	line-height: 1.0;
}


@font-face {
	font-family: 'media';
	src: url('fonts/media/media-webfont-webfont.eot?cb=cb=1635324249');
	src: url('fonts/media/media-webfont-webfont.eot?#iefix&cb=cb=1635324249') format('embedded-opentype'),
	url('fonts/media/media-webfont-webfont.woff?cb=cb=1635324249') format('woff'),
	url('fonts/media/media-webfont-webfont.ttf?cb=cb=1635324249') format('truetype'),
	url('fonts/media/media-webfont-webfont.svg#mediaregular?cb=cb=1635324249') format('svg');
}

.media-play:before {
	font-family: "media", fantasy;
	content: "F";
	color: #fff;
}

.media-pause:before {
	font-family: "media", fantasy;
	content: "G";
	color: #fff;
}

.media-volume3:before {
	font-family: "media", fantasy;
	content: "A";
	color: #fff;
}

.media-volume2:before {
	font-family: "media", fantasy;
	content: "B";
	color: #fff;
}

.media-volume1:before {
	font-family: "media", fantasy;
	content: "C";
	color: #fff;
}

.media-volume0:before {
	font-family: "media", fantasy;
	content: "D";
	color: #fff;
}

.media-mute:before {
	font-family: "media", fantasy;
	content: "E";
	color: #fff;
}

.media-video:before {
	font-family: "media", fantasy;
	content: "T";
	color: #fff;
}

.media-circle:before {
	font-family: "media", fantasy;
	content: "H";
	color: #fff;
}

.media-fullcircle:before {
	font-family: "media", fantasy;
	content: "I";
	color: rgba(0, 0, 0, 0.3);
}

.media-collapse:before {
	font-family: "media", fantasy;
	content: "L";
	color: #fff;
}

.media-expand:before {
	font-family: "media", fantasy;
	content: "M";
	color: #fff;
}

.media-forward:before {
	font-family: "media", fantasy;
	content: "N";
	color: #fff;
}

.media-backward:before {
	font-family: "media", fantasy;
	content: "O";
	color: #fff;
}
.videoctrl {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.posterimage {
	background-size: 100% auto;background-position:center;background-repeat: no-repeat;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


.controls {
	transition: opacity 0.3s ease-out;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
}

.shadow {
	position: absolute;
	top: calc(100% - 50px);
	height: 50px;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.progressarea {
	position: absolute;
	left: 0;
	top: calc(100% - 50px);
	height: 12px;
	width: calc(100% - 24px);
	margin: 0;
	background-color: rgba(255, 255, 255, 0);

	padding-top: calc(10px - 3px);
	padding-bottom: calc(10px - 3px);
	padding-left: 12px;
	padding-right: 12px;
}

.wholearea {
	position: absolute;
	top: 3px;
	height: 4px;
	width: calc(100%);
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	padding: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.3);
	pointer-events: none;
}

.loadedarea {
	position: absolute;
	top: 3px;
	height: 4px;
	width: calc(0%);
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	padding: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.4);
	pointer-events: none;
}

.playedarea {
	position: absolute;
	top: 3px;
	height: 4px;
	width: calc(0%);
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	padding: 0;
	margin: 0;
	background-color: #f0210a;
	pointer-events: none;
}

.playknob {
	position: absolute;
	left: 0;
	top: 1px;
	height: 8px;
	width: 8px;
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	padding: 0;
	margin: 0;
	background-color: #f0210a;
	pointer-events: none;
}

.playpause {
	position: absolute;
	left: 12px;
	top: calc(100% - 25px);
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0;
}

.volumearea {
	position: absolute;
	left: calc(70px);
	top: calc(100% - 27px);
	height: 8px;
	width: calc(25%);
	margin: 0;
	padding-top: calc(8px - 3px);
	padding-bottom: calc(8px - 3px);
	padding-left: 12px;
	padding-right: 12px;
}

.volumewhole {
	position: absolute;
	left: 0;
	top: 2px;
	height: 4px;
	width: calc(100%);
	background: rgba(255, 255, 255, 0.5);
	border-radius: 4px;
}

.volumecurrent {
	position: absolute;
	left: 0;
	top: 2px;
	height: 4px;
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 2px;
	background: rgba(255, 255, 255, 1);
}

.volumeknob {
	position: absolute;
	left: 0;
	top: 0px;
	height: 8px;
	width: 8px;
	border: 0 solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	padding: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 1);
}

.mute {
	position: absolute;
	left: calc(52px);
	top: calc(100% - 30px);
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0;
}

.time {
	position: absolute;
	font-family: "media" , sans-serif;
	font-size: 7px;
	right: calc(40px);
	top: calc(100% - 21px);
	height: 20px;
	width: calc(110px);
	border: 0px solid rgba(0, 0, 0, 0);
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	text-align: right;
	text-align-last: right;
	pointer-events: none;
	padding-left: 0;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	margin: 0;
}

.fullscreen {
	position: absolute;
	right: 140px;
	top: calc(100% - 29px);
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0;
}

.fullscreen_mobile{
	position: absolute;
	left: 12px;
	top: calc(100% - 29px);
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0;
}

.clicktoplay {
	opacity: 1;
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	height: 100px;
	width: 100px;
	margin: 0;
	font-size: 50px;
}

.clicktopause {
	opacity: 0;
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	height: 100px;
	width: 100px;
	margin: 0;
	font-size: 50px;
}

.spinner {
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 40px);
	height: 100px;
	width: 100px;
	margin: 0;
	background-size: 100% 100%;
	background-image: url("spinner.gif");
	pointer-events: none;
	opacity: 0;
}

.forward {
	position: absolute;
	opacity: 1;
	left: calc(50% + 70px);
	top: calc(50% - 30px);
	height: 60px;
	width: 60px;
	margin: 0;
	font-size: 30px;
}

.backward {
	position: absolute;
	opacity: 1;
	left: calc(50% - 130px);
	top: calc(50% - 30px);
	height: 60px;
	width: 60px;
	margin: 0;
	font-size: 30px;
}

.scalevideo {
	width: calc( 384px  );
	height: calc( 216px  );
}

@media only screen and (min-width: 900px) {
	.scalevideo {
		width: calc(3 * 384px);
		height: calc(3 * 216px);
	}
}

@media only screen and (min-width: 600px) {
	.scalevideo {
		width: calc(2 * 384px);
		height: calc(2 * 216px);
	}
}