.intro_titel{
	font-size: 6em;
	font-weight: 900;
	letter-spacing: 0.2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;

	padding-bottom: 40px;
	text-align: center;

	display: block;
	padding-left:0px;



}



.intro_text{
	
	font-size: 4em;
	font-weight: 100;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	font-family: "Open Sans";
	text-transform: none;
	color:white;
	text-align: justify;
  	text-justify: inter-word;
  	hyphens: auto;
  	padding-left:0px;
  	padding-right:0px;
  	width: 100%;
  	text-shadow: 0px 0px 1px white;

}


.detail_titel{
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 0.2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;

	padding-bottom: 40px;
	text-align: center;

	display: block;
	padding-left:0px;



}



.detail_text{
	
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	font-family: "Open Sans";
	text-transform: none;
	color:white;
	text-align: justify;
  	text-justify: inter-word;
  	hyphens: auto;
  	padding-left:0px;
  	padding-right:0px;
  	width: 100%;
  	text-shadow: 0px 0px 1px white;

}


.impressum_titel{
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: 0.2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;

	padding-bottom: 40px;
	text-align: left;

	display: block;
	padding-left:0px;



}



.impressum_text{
	
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-family: "Open Sans";
	text-transform: none;
	color:white;
	text-align: justify;
  	text-justify: inter-word;
  	hyphens: auto;
  	padding-left:0px;
  	padding-right:0px;
  	width: 100%;
  	text-shadow: 0px 0px 1px white;

}


.menue_button{

	background-color:#907751;
	width: 500px;
	height: 150px;
	margin-top:0px;
	margin-left:390px;
	margin-bottom:100px;
	padding-top: 45px;
	padding-left:15px;
	color:white;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;
	text-align: center;
  	text-justify: inter-word;
  	display: inline-block;
  	position: relative;
  	z-index: 1110;
  	box-shadow: 2px 2px 3px black;


}


.menue_close{
	
	width: 80px;
	height: 80px;
	top:50px;
	right:50px;
	margin-bottom:50px;
	padding-top: 5px;
	color:white;
	font-size: 35px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;
	text-align: center;
  	text-justify: inter-word;
  	display: block;
  	position: absolute;
  	z-index: 1110;
  	text-shadow: 2px 2px 3px black;


}


.weiter_button{

	background-color:#907751;
	width: 200px;
	height: 85px;
	left:550px;
	bottom:50px;
	padding-top: 15px;
	padding-left: 15px;
	color:white;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: 0.3em;
	line-height: 2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;
	text-align: center;
  	box-shadow: 2px 2px 3px black;
  	position: absolute;
  	border-radius: 2px;
  	z-index: 1000;
  	visibility: visible;
  	cursor: pointer;
  	


}

iframe {
    overflow: scroll;
    scroll-behavior: smooth;
	width: 1250px;
    height: 910px;
    border: 0px solid black;
}

.menue_container{

	width: 1280px;
	height: 0px;
	background-color: #29625A;
	opacity: 0;
	z-index: 9999;
	bottom: 0px;
	left: 0px;

	position: absolute;
	transition: opacity 2s;
	-webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
	transition: height 2s;
	-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */	


}


.meldung{

	position:absolute;
	width: 800px;
	height: 0px;
	background-color: #741C64;
	z-index:9999;
	top:0px;
	left:25%;
	padding-top: 0px;
	color:white;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 2em;
	font-family: "Open Sans";
	text-transform: uppercase;
	color:white;
	text-align: center;
  	text-justify: inter-word;
	display: block;
	transition: height 1s;
	-webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */	
	overflow: hidden;
	margin-left: auto;
	margin-right: auto 
}




.square {
	position: relative;
	width: 50%;
}

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.content {
	position: absolute;
	width: 100%;
	height: 100%;
}

.tag_gruen{

	position:relative;
	width: 100px;
	height: 100px;
	background-color: #29625A;
	z-index:9998;
	top:5%;
	left:5%;
	display: block;
	opacity: 0.9;
	text-align: center;
	color:white;
	font-size:25px;
	font-weight: 900;
	padding-top:30px;

}



.tag_purpur{

	position:relative;
	width: 100px;
	height: 100px;
	background-color: #741C64;
	z-index:9998;
	top:5%;
	left:5%;
	display: block;
	opacity: 0.9;
	text-align: center;
	color:white;
	font-size:25px;
	font-weight: 900;
	padding-top:30px;

}

.tag_purpur:hover{

	box-shadow: 0px 0px 8px grey;
	cursor: pointer;

}

.tag_gruen:hover{

	box-shadow: 0px 0px 8px grey;
	cursor: pointer;

}


.tag5{

	position:relative;
	width: 100px;
	height: 100px;
	background-color: red;
	z-index:9998;
	top:5%;
	left:5%;
	display: block;
	opacity: 0.7;
	text-align: center;

}


.aktiv{

	background-color: inherit;
	z-index:9998;
	top:5%;
	left:5%;
	display: block;
	opacity: 1;
	border: dotted;
	border-color: white;
	border-width: 3px;
	color:white;
	font-size:25px;
	font-weight: 900;
	padding-top:25px;
};

.tag9{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:235px;
	left:410px;
	display: block;
	opacity: 0;

}

.tag3{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:235px;
	left:950px;
	display: block;
	opacity: 0;

}
.tag19{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:515px;
	left:138px;
	display: block;
	opacity: 0;


}
.tag22{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:515px;
	left:410px;
	display: block;
	opacity: 0;


}
.tag1{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:515px;
	left:685px;
	display: block;
	opacity: 0;


}

.tag14{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:515px;
	left:950px;
	display: block;
	opacity: 0;


}

.tag12{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:790px;
	left:138px;
	display: block;
	opacity: 0;


}
.tag16{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:790px;
	left:410px;
	display: block;
	opacity: 0;


}
.tag7{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:790px;
	left:685px;
	display: block;
	opacity: 0;


}

.tag20{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:790px;
	left:950px;
	display: block;
	opacity: 0;


}

.tag24{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1080px;
	left:550px;
	display: block;
	opacity: 0;


}



.tag8{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1365px;
	left:138px;
	display: block;
	opacity: 0;


}
.tag4{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1365px;
	left:410px;
	display: block;
	opacity: 0;


}
.tag21{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1365px;
	left:685px;
	display: block;
	opacity: 0;


}

.tag17{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1365px;
	left:950px;
	display: block;
	opacity: 0;


}

.tag11{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1643px;
	left:138px;
	display: block;
	opacity: 0;


}
.tag23{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1643px;
	left:410px;
	display: block;
	opacity: 0;


}
.tag15{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1643px;
	left:685px;
	display: block;
	opacity: 0;


}

.tag10{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1643px;
	left:950px;
	display: block;
	opacity: 0;


}
.tag18{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1920px;
	left:138px;
	display: block;
	opacity: 0;


}
.tag6{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1920px;;
	left:410px;
	display: block;
	opacity: 0;


}
.tag2{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1920px;;
	left:685px;
	display: block;
	opacity: 0;


}

.tag13{

	position:absolute;
	width: 185px;
	height: 185px;
	background-color: red;
	z-index:9998;
	top:1920px;;
	left:950px;
	display: block;
	opacity: 0;


}