body {
	overflow: hidden;
	background-color: #F0F0F0;
	font-family: 'corporateS', Arial, serif;
	font-weight: normal;
	letter-spacing:0.05em;
	cursor: auto;
	font-size: 120%;
	-ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    margin-left: 0px;
	margin-top: 0px;
	top:0;
	left:0;
}
canvas {
	-ms-touch-action: none;		/* Für Windows Touch Events */
    touch-action: none;
    top:0;
	left:0;
	margin: 0;
}
div#loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	display: block;
	background-color: #D0C3B2;
	z-index: 200;
}
div#loading img {
	width: 1920px;
	height: 1080px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -540px;
	margin-left: -960px;
}
div#loading p{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 40%;
}
div#startinfo {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	display: block;
	z-index: 190;
	text-shadow: 0 0 3px white;
	color: white;
	cursor: default;
	opacity: 1;
}
div#disable_all_events {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	display: none;
	z-index: 900;
}
a{
	text-decoration: none;
	color: black;
}
b {
	font-weight: bold;
}
h3 {
	font-family: 'corporateA', Arial, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 135%;
}
.cursor2 {
	cursor: pointer;
}
.blurred {
	/*
  	-webkit-filter: blur(5px) grayscale(0.5) brightness(30%);
  	-moz-filter: blur(5px) grayscale(0.5) brightness(30%);
  	-o-filter: blur(5px) grayscale(0.5) brightness(30%);
  	-ms-filter: blur(5px) grayscale(0.5) brightness(30%);
 	filter: blur(5px) grayscale(0.5) brightness(30%);
 	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	*/
}
.notblurred {
	/*
	 -webkit-filter: blur(0px) grayscale(0) brightness(100%);
  	-moz-filter: blur(0px) grayscale(0) brightness(100%) ;
  	-o-filter: blur(0px) grayscale(0) brightness(100%);
  	-ms-filter: blur(0px) grayscale(0) brightness(100%);
 	filter: blur(0px) grayscale(0) brightness(100%);
 	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	*/
}
.box {
	background-color: rgba(255,255,255,0.8);
	width: 0px;
	height: 0px;
	position: absolute;
	text-align: left;
	padding-left: 5%;
	top: 50%;
	left: 50%;
	display: none;
	border-radius: 10px;
	padding-right: 2%;
	overflow: auto;
	font-size: 90%;
}
.white_shadow {
	color: white;
	text-shadow: 0px 0px 10px #000000; 
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	font-weight: bold;
}
.white_shadow:hover {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-shadow: 0px 0px 20px #ffffff, 0px 0px 20px #ffffff; 
}
div#topright {
	position: absolute;
	top: 2.0%;
}
div#topright i:hover {
	font-size: 3.5em;
}
div#topright i {
	font-size: 3em;
	color: white;
}
div#topright div {
	position: absolute;
	right: 0%;
	text-align: right;
	z-index: 1000;
}
div#topright div p {
	text-shadow: 0 0 10px black;
}
div#topright div p:hover {
	letter-spacing: 0.2em;
}
i.topright_open {
	transform: rotate(90deg);
}
i.topright_closed {
}
div.topright_open {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	opacity: 1;
	top: 130%;
}
div.topright_open p {
	font-size: 1em;
}
div.topright_open img{
	display: inline;
	width: 32px;
	height: 32px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div.topright_open img:hover{
	width: 40px;
	height: 40px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div.topright_closed p{
	font-size: 0em;
}
div.topright_closed img{
	width: 0px;
	height: 32px;
}
div.topright_closed {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	opacity: 0;
	top: 0%;
}
div.out_iframe {
	right: 2.3%;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
div.in_iframe {
	right: 2.3%;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	z-index: 500;
}
div.out_iframe i {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-shadow: 0 0 10px white;
}
div.in_iframe i{
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-shadow: 0 0 3px black;
}
div.out_iframe a{
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: white;	
}
div.in_iframe a{
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: white;
	text-shadow: 0 0 5px black,0 0 5px black,0 0 5px black;
}

div.out_iframe i#closeIframe {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	font-size: 0em;
}
div.in_iframe i#closeIframe {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	font-size: 3em;
}
div.in_iframe i#closeIframe:hover {
	font-size: 3.5em;
}
div#topleft {
	position: absolute;
	top: 3.5%;
	left: 3.5%;
	cursor: default;
	z-index: 50;
}
div#topleft img{
	margin-right: 10px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#topleft img:hover{
	width: 120px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#topleft span{
	text-shadow: 0 0 3px white;
	color: white;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#topleft span:hover{
	letter-spacing: 0.1em;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#metanavi{
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	height: auto;
}
div#metanavi img {
	display: block;
	max-width: 931px;
	width: 100%;
	height: auto;
	margin: 0  auto;
}
div#metanavi_punkte {
	position: relative;
	width: 100%;
	max-width: 931px;
	height: auto;
	margin: 0  auto;
}
div#metanavi_unterpunkte {
	display: none;
	position: relative;
	width: 100%;
	max-width: 931px;
	height: 5em;
	margin: 0  auto;
}
div#metanavi_unterpunkte span{
	font-weight: normal;
	display: none;
	opacity: 0;
}
div#metanavi_punkte span{
	padding-bottom: 6%;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#metanavi_punkte span:hover{
	letter-spacing: 0.08em;
}
div#metanavi span#point1, div#metanavi span#unterpunkt1  {
	position: absolute;
	left: 8%;
}
div#metanavi span#point2, div#metanavi span#unterpunkt2  {
	position: absolute;
	left: 47%;
}
div#metanavi span#point3, div#metanavi span#unterpunkt3  {
	position: absolute;
	left: 81%;
}
div#metanavi span#point4 {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: auto;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div#metanavi span#point4:hover {
	letter-spacing: 0.05em;
}
div#metanavi span#point4 i {
	font-size: 1.5em;
}
div#view_next {
	position: absolute;
	top: 50%;
	right: 3.5%;
	display: none;
	opacity: 0;
}
div#view_next i{
	font-size: 1.3em;
}
div#view_prev {
	position: absolute;
	top: 50%;
	left: 3.5%;
	display: none;
	opacity: 0;
}
div#view_prev i{
	font-size: 1.3em;
}

a#closeBox {
	font-size: 25px;
	color:white;
	text-shadow: 0 0 2px black;
	top: 1%;
	right: 1.2%;
	position:absolute;
}
a#closeBox:hover {
	text-shadow: 0 0 3px black, 0 0 3px black;
}
div#contentIframe{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	top: 100%;
	left: 0%;
	display: none;
}
iframe#iframe {
	z-index: 60;
	border: none;
	position: absolute;
}

a#erfahre_mehr {
	align:	center;
	cursor:	pointer;	
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	font-family: 'corporateS', Arial, serif;
	font-weight: bold;
	font-size: 100%;
}
a#erfahre_mehr:hover {
	letter-spacing: 0.09em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.active_shadow {
	text-shadow: 0px 0px 20px #ffffff, 0px 0px 20px #ffffff;
}



@media screen and (max-width: 600px){

body {
	font-size: 80%;
}

}	/* END @media (max-width: 600px) */


@media screen and (max-width: 460px){
	
body {
	font-size: 70%;
	letter-spacing: 0;
}
div#topleft span{
	display: block;
}

div.topright_open img:hover{
	width: 32px;
	height: 32px;
}
div.topright_open img{
	width: 20px;
	height: 20px;
}
}	/* END @media (max-width: 460px) */


@media screen and (max-width: 350px){
	
body {
	font-size: 60%;
	letter-spacing: 0;
}
div#topleft span{
	display: block;
}
div.topright_open img:hover{
	width: 20px;
	height: 20px;
}
div.topright_open img{
	width: 20px;
	height: 20px;
}
}	/* END @media (max-width: 350px) */

@media screen and (max-height: 400px){
	
body {
	font-size: 60%;
	letter-spacing: 0;
}
div#topleft span{
	display: block;
}
div.topright_open img:hover{
	width: 20px;
	height: 20px;
}
div.topright_open img{
	width: 20px;
	height: 20px;
}

}	/* END @media (max-height: 400px) */

@media only screen  
  and (max-device-width: 400px)
  and (orientation: landscape) {
	body {
		font-size: 60%;
		letter-spacing: 0;
	}
	div#topleft span{
		display: block;
	}
	div.topright_open img:hover{
		width: 20px;
		height: 20px;
	}
	div.topright_open img{
		width: 20px;
		height: 20px;
	}
}