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

@font-face {
	font-family: 'wgitd';
	src: url('fonts/wgitd2019_10/wgitd-webfont.eot');
	src: url('fonts/wgitd2019_10/wgitd-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/wgitd2019_10/wgitd-webfont.woff2') format('woff2'),
	url('fonts/wgitd2019_10/wgitd-webfont.woff') format('woff'),
	url('fonts/wgitd2019_10/wgitd-webfont.ttf') format('truetype'),
	url('fonts/wgitd2019_10/wgitd-webfont.svg#untitled1regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot');
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.woff') format('woff'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.ttf') format('truetype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.svg#svgFontName') format('svg');
}

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

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

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

@font-face {
	font-family: 'tagline';
	src: url('fonts/Gotham-Bold/fonts/Gotham-Bold.eot');
	src: url('fonts/Gotham-Bold/fonts/Gotham-Bold.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Bold/fonts/Gotham-Bold.woff') format('woff'),
		url('fonts/Gotham-Bold/fonts/Gotham-Bold.ttf') format('truetype'),
		url('fonts/Gotham-Bold/fonts/Gotham-Bold.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'titel';
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'untertitel';
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
		url('fonts/Gotham-Medium/fonts/Gotham-Medium.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'text';
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot');
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.woff') format('woff'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.ttf') format('truetype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'footer';
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot');
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot?#iehack') format('embedded-opentype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.woff') format('woff'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.ttf') format('truetype'),
		url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'frage';
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iehack') format('embedded-opentype'),
	url('fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
	url('fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
	url('fonts/Gotham-Medium/fonts/Gotham-Medium.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'freitext';
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot');
	src: url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.eot?#iehack') format('embedded-opentype'),
	url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.woff') format('woff'),
	url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.ttf') format('truetype'),
	url('fonts/Gotham-Book Mac/fonts/Gotham-Book Mac.svg#svgFontName') format('svg');
}

.text_scroller {
	width: 100%;
	height: auto;
	position: absolute;
	padding-left: 50px;
	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: 50px !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: 50px !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: 50px !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: 50px !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: 50px !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: 50px !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: 50px !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: 50px !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: 50px !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.2vh !important;
	font-family: "tagline", sans-serif !important;
	line-height: 1.2;
	vertical-align: bottom;
	word-break: break-word;
	padding: 0 !important;
}

.titel {
	font-size: 7vh !important;
	font-family: "titel", sans-serif !important;
	line-height: 1.4;
	vertical-align: bottom;
	word-break: break-word;
	margin-bottom: 1vh !important;
}

.untertitel {
	font-size: 5.25vh !important;
	font-family: "untertitel", sans-serif !important;
	line-height: 1.4;
	vertical-align: bottom;
	word-break: break-word;
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

.text {
	font-size: 3vh !important;
	font-family: "text", sans-serif !important;
	line-height: 1.4;
	vertical-align: bottom;
	word-break: break-word;
	margin-top: calc((1vh * 120) / 100) !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

.footer {
	font-size: 3vh !important;
	font-family: "footer", sans-serif !important;
	line-height: 1.4;
	vertical-align: bottom;
	word-break: break-word;
	margin-top: calc((1vh * 120) / 100) !important;
	margin-left: 0 !important;
	margin-bottom:20px !important;
	margin-right: 0 !important;
}

.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;
}

.impressum_titel {
	font-size: 25px !important;
	font-family: "titel", sans-serif !important;
}

.impressum_untertitel {
	font-size: 20px !important;
	font-family: "untertitel", sans-serif !important;
}

.impressum_text {
	font-size: 15px !important;
	font-family: "text", sans-serif !important;
	margin-bottom: 10% !important;
}

.question {
	padding-bottom: 5px;
	position: absolute;
	left:0;
	top:0;
}

.qhidden {
	display: none;
}

.question_container {
	font-family: "Gotham-Book", sans-serif;
	font-size: 15px;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	position: relative;
}

@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: 60px !important;
		padding-right: 0px !important;
	}

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

	}

	.notonhandy {
		display: none;
	}

	.wgitd_icon1 {
		font-size: 25px !important;
		line-height: 25px !important;
		width: 25px;
		height: 25px;
	}

	.wgitd_icon2 {
		font-size: 50px !important;
		line-height: 50px !important;
		width: 50px;
		height: 50px;
	}

	.wgitd_icon3 {
		font-size: 150px !important;
		line-height: 150px !important;
		width: 150px;
		height: 150px;
	}
	.text_scroller {
		padding-left:5px;
		padding-right:65px;
	}
	.text_padder {
		width:100%;
	}
	.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;
	}
	.titel {
		font-size:5vh;
	}
	.untertitel {
		font-size:4vh;
	}
	.media_controls {
		padding-left:8px !important;
	}
	.silent_play {
		left: 5px !important;
	}
	
	.datenschutz {
		padding-left:3px !important;
		padding-right:3px !important;
	}
}

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