/* Kommentar in CSS */


/* Anfang Fonts einbinden */
/* carter-one-regular - latin */
@font-face {
  font-family: 'Carter One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/carter1/carter-one-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Carter One'), local('CarterOne'),
       url('../fonts/carter1/carter-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/carter1/carter-one-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/carter1/carter-one-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/carter1/carter-one-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/carter1/carter-one-v10-latin-regular.svg#CarterOne') format('svg'); /* Legacy iOS */
}
/* Ende Fonts einbinden */



body
{
	height:100%;
	width:100%;
	margin:auto;
	-background:url(../images/home/test11klein.png);
	-background-repeat:no-repeat;
}

#checkjs
{
	position:absolute;
	height:98%;
	width:99%;
	top:1%;
	background:rgba(99, 99, 144, 0.9);
	z-index: 30000;
}

h1
{
	text-align:center;
}

h2
{
	text-align:center;
}

h3
{
	text-align:center;
}

h3.redh3
{
	text-align:center;
	color:red;
}

h1.check
{
	position:relative;
	display:block;
	width:80%;
	top:20%;
	text-align:center;
	margin:auto;
	font-size:7vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
}

h2.check
{
	position:relative;
	display:block;
	width:80%;
	top:30%;
	text-align:center;
	margin:auto;
	font-size:5vh;
	font-weight:bold;
	color:blue;
	text-shadow:-1px 1px 1px white;
}

#main
{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(177, 177, 177, 0.9);
}

#content
{
	position:absolute;
	width:100%;
	height:100%;
	-background:rgba(0, 0, 177, 0.9);
}


/* Anfang Content */

a 
{
	color: red;
	text-decoration: none;
}

#logo
{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 177, 0, 0.9);
}

#logo01
{
	position:absolute;
	width:10%;
	-max-height:30%;
	right:1%;
	top:1%;
	background:rgba(222, 2, 0, 0.9);
}

#ueberh1
{
	position:absolute;
	width:100%;
	height:20%;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:7vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(11, 111, 111, 0.7);
}

/* Anfang Menu */
#menu
{
	position:absolute;
	width:100%;
	height:5%;
	top:20%;
	margin:auto;
	background:rgba(222, 177, 111, 0.6);
}
#menu01
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%;
	height:100%;
	margin:auto;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:4vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(44, 44, 111, 1);
}
#menu01:hover
{
	cursor:pointer;
	background:rgba(177, 177, 177, 0.9);
}

#menu02
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%;
	height:100%;
	left:20%;
	margin:auto;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:4vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(44, 44, 111, 0.7);
}
#menu02:hover
{
	cursor:pointer;
	background:rgba(177, 177, 177, 0.9);
}

#menu03
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%;
	height:100%;
	left:40%;
	margin:auto;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:4vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(44, 44, 111, 0.4);

}
#menu03:hover
{
	cursor:pointer;
	background:rgba(177, 177, 177, 0.9);
}
/* Ende Menu */

/* Anfang Klapp-Menu */
#menu02a1
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left:0%;
	top:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	transition:1.3s;
	transition-delay:0.1s;
	background:rgba(177, 177, 177, 0.9);
	opacity: 0;
}
#menu02:hover #menu02a1
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top:100%;
	cursor:pointer;
	background:rgba(0, 177, 177, 0.9);
	opacity: 1;
}
#menu02:hover #menu02a1:hover
{
	cursor:pointer;
	transition:0.1s;
	background:rgba(177, 177, 177, 0.9);
}

#menu02a2
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left:0%;
	top:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	transition:1.0s;
	transition-delay:0.1s;
	background:rgba(177, 177, 177, 0.9);
	opacity: 0;
}
#menu02:hover #menu02a2
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top:200%;
	cursor:pointer;
	background:rgba(0, 155, 177, 0.9);
	opacity: 1;
}
#menu02:hover #menu02a2:hover
{
	cursor:pointer;
	transition:0.1s;
	background:rgba(177, 177, 177, 0.9);
}

#menu02a3
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left:0%;
	top:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	transition:0.7s;
	transition-delay:0.1s;
	background:rgba(177, 177, 177, 0.9);
	opacity: 0;
}
#menu02:hover #menu02a3
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top:300%;
	cursor:pointer;
	background:rgba(0, 133, 177, 0.9);
	opacity: 1;
}
#menu02:hover #menu02a3:hover
{
	cursor:pointer;
	transition:0.1s;
	background:rgba(177, 177, 177, 0.9);
}

#menu02a4
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left:0%;
	top:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	transition:0.4s;
	transition-delay:0.1s;
	background:rgba(177, 177, 177, 0.9);
	opacity: 0;
}
#menu02:hover #menu02a4
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top:400%;
	cursor:pointer;
	background:rgba(0, 111, 177, 0.9);
	opacity: 1;
}
#menu02:hover #menu02a4:hover
{
	cursor:pointer;
	transition:0.1s;
	background:rgba(177, 177, 177, 0.9);
}

#menu02a5
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left:0%;
	top:0%;
	height:100%;
	width:100%;
	overflow:hidden;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	transition:0.1s;
	transition-delay:0.1s;
	background:rgba(177, 177, 177, 0.9);
	opacity: 0;
}
#menu02:hover #menu02a5
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top:500%;
	cursor:pointer;
	background:rgba(0, 88, 177, 0.9);
	opacity: 1;
}
#menu02:hover #menu02a5:hover
{
	cursor:pointer;
	transition:0.1s;
	background:rgba(177, 177, 177, 0.9);
}


/* Ende Klapp-Menu */

/* Anfang Fusszeile */
#fuss
{
	position:absolute;
	width:100%;
	height:5%;
	top:95%;
	margin:auto;
	background:rgba(222, 177, 111, 0.6);
}
#fuss01
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%;
	left:80%;
	height:100%;
	margin:auto;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(44, 44, 111, 1);
}
#fuss01:hover
{
	cursor:pointer;
	background:rgba(177, 177, 177, 0.9);
}
#fuss02
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%;
	left:60%;
	height:100%;
	margin:auto;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(44, 44, 111, 1);
}
#fuss02:hover
{
	cursor:pointer;
	background:rgba(177, 177, 177, 0.9);
}
#fuss03
{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width:10%;
	left:1%;
	bottom:5%;
	height:200%;
	margin:auto;
	background:rgba(44, 44, 111, 1);
}
#insta
{
	height:90%;
}
#insta:hover
{
	cursor:pointer;
}
/* Ende Fusszeile */

/* Ende Content */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 560px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:560px) {
	
#logo01
{
	position:absolute;
	width:20%;
	-max-height:30%;
	right:1%;
	top:1%;
	background:rgba(222, 2, 0, 0.9);
}

#ueberh1
{
	position:absolute;
	width:100%;
	height:20%;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:5vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(222, 177, 0, 0.4);
}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 420px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:420px) {
	
#logo01
{
	position:absolute;
	width:20%;
	-max-height:30%;
	right:1%;
	top:1%;
	background:rgba(222, 2, 0, 0.9);
}

#ueberh1
{
	position:absolute;
	width:100%;
	height:20%;
	font-family: 'Carter One';
	text-align:center;
	margin:auto;
	font-size:3vh;
	font-weight:bold;
	color:red;
	text-shadow:-2px 2px 2px white;
	background:rgba(222, 177, 0, 0.4);
}

}
/* ENDE MEDIA QUERY max-*/





/* Anfang Viewports einbinden berechnen Anfang Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:1080px){



}

@media (min-aspect-ratio:16/9) and (max-height:1080px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:980px){



}

@media (min-aspect-ratio:16/9) and (max-height:980px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:880px){



}

@media (min-aspect-ratio:16/9) and (max-height:880px){


}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:780px){



}

@media (min-aspect-ratio:16/9) and (max-height:780px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:680px){



}

@media (min-aspect-ratio:16/9) and (max-height:680px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:580px){



}

@media (min-aspect-ratio:16/9) and (max-height:580px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/
@media (max-aspect-ratio: 16/9) and (max-height:480px){



}

@media (min-aspect-ratio:16/9) and (max-height:480px){



}
/* Ende Viewports einbinden berechnen Ende Viewports einbinden berechnen Anfang Viewports einbinden berechnen*/









/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 1080px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1080px) {


}
/* ENDE MEDIA QUERY min-*/



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 980px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:980px) {


}
/* ENDE MEDIA QUERY max-*/



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 880px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:880px) {
	
	

}
	
	
/* ENDE MEDIA QUERY max-*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 780px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:780px) {


}
/* ENDE MEDIA QUERY */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 680px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:680px) {
	



}
/* ENDE MEDIA QUERY */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 580px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:580px) {
	


}
/* ENDE MEDIA QUERY */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 480px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:480px) {


}
/* ENDE MEDIA QUERY */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MEDIA QUERY 280px*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:280px) {


}
/* ENDE MEDIA QUERY */