html, body{
	height: 100.1%;
	margin: 0 0;
    text-align: center;
    color:#000000;
    z-index: 100;
}







#test{
	background: url(../buidl_layout/background_04_11032019.jpg) no-repeat center center fixed;
	z-index: -1;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	background-color: #000;
	animation: infinite 16s ease meine-animation;
}

@keyframes meine-animation {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity:  1.0;
	}
}

@-webkit-keyframes meine-animation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1.0;
	}

}


#kopfnavi_container{
	background-color: red;
	min-width: 100%;
	text-align: left;
	border-bottom: 1px solid #fff;
	z-index: 100;
}


#logo_startseite{
	max-width: 100%;
	min-width: 100px;
	height:auto;
	margin-top:4em;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.4));
	filter: drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.4));
	animation: 	infinite 8s ease logoani;
	z-index: 100;

}


@keyframes logoani {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity:  1.0;
	}
}

@-webkit-keyframes logoani {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1.0;
	}

}


#fussnavi_container{
	min-width: 100%;
	margin-bottom: 50px;
	margin-top: 50px;
	text-align:right;
	z-index: 100;
}



a, a:link{
	color: #000;
	text-decoration: none;
}

a:visited{
    color: red;
}

a:hover{
    text-decoration: underline;
}





#startseite .startseite, #studio .studio, #impressum .impressum, #kontakt .kontakt, #angebot .angebot, #gruppen .gruppen{
	background-color: #fff;
	border-bottom: 4px solid #ccc;
}

#coronatext{
    text-align: left;
}