@font-face {
	font-family: "test";
	src:	url(EbisuRegular.ttf);
	}


* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}

a,

a:hover { text-decoration: none;}
a:active,
a:visited {
	color: white;
	}




html,
body {
	width: 100%;
	min-height: 100%;
	background-color: rgba( 22, 125, 151, 1 );
	color: white;
	font-size: 1.2em;
	font-family: "test", sans-serif;
	}


hr {
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	margin: 0;
	padding: 0;
	}


/*lachs 235,181,166*/
/****************************************/



.artists {
	font-size: 3em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 100vh;
	}


	.artists p:not(:last-of-type) {
		margin-bottom: 3em;
		}


.geb,
.planke {
	transition: opacity 500ms ease;
	}


.img_africa {
	transition: opacity 500ms ease;
	}


.info_day {
	padding: .5em;
	line-height: 1.3em;
	transition: all 300ms ease;
	}


.link_scroll {
	color: rgba( 255, 255, 255, 1 );
	transition: all 500ms ease;
	}

.mobil_info {
	display: none;
	}


.mobil_info p {
	margin-bottom: 1.6em;
	}


.switch_rotate {
	transform: rotate(180deg);
	}

/****************************************/



#artists_day1 {
	margin-bottom: 0vh;
	}


#bg_day1 {
	width: 100%;
	height: 100%;
	background: rgba( 22, 125, 151, 1 );
    background: -webkit-linear-gradient(black, rgba( 22, 125, 151, 1 ));
    background: -o-linear-gradient(black, rgba( 22, 125, 151, 1 ));
    background: -moz-linear-gradient(black, rgba( 22, 125, 151, 1 ));
    background: linear-gradient(black, rgba( 22, 125, 151, 1 ));
	position: fixed;
	}


#bg_day2 {
	width: 100%;
	height: 100%;
	background: rgba( 235, 181, 166, 1 );
	position: fixed;
	opacity: 0;
	transition: all 1000ms ease;
	}


#day_switch {
	position: fixed;
	transition: all 500ms ease;
	}


#img_africa_schwarz {
	}


#img_africa_schwarz {
	position: absolute;
	bottom: 0;
	opacity: 0;
	display: block;
	}

#img_re_boot {
	margin-bottom: .5vw;
	}

#info_day1 {
	position: fixed;
	right: 0;
	color: white;
	text-align: right;
	}


#info_day2 {
	position: fixed;
	right: 0;
	opacity: 0;
	text-align: right;
	}


#mond {
	height: 80vh;
	width: 80vh;
	background-color: black;
	border-radius: 100%;
	position: fixed;
	bottom: 0;
	left: 10vw;
	}


#sonne {
	height: 80vh;
	width: 80vh;
	background-color: rgba( 238, 112, 78, 1 );
	border-radius: 100%;
	position: fixed;
	top: 100vh;
	right: 10vw;
	}


#wrap_header {
	position: fixed;
	width: 100%;
	}


	#wrap_header img{
		width: 100%;
		}


#wrap_all {
	}


#wrap_artists {
	margin-top: 100vh;
	}


#wrap_imprint {
	text-align: center;
	margin-top: 10em;
	padding: 5vh 0 5vh;
	background-color: black;
	letter-spacing: 1px;
	}


	#wrap_imprint a {
		color: rgba( 235, 181, 166, 1 );
	 	}



@media only all and (max-width: 767px) {

	.artists {
		font-size: 12vw;
		line-height: 1em;
		}

	.info_day {
		display: none;
		}
	.mobil_info {
		display: block;
		}

	#sonne,
	#mond {
		height: 80vw;
		width: 80vw;
		}


	#mond {
		left: 5vw;
		}


	#sonne {
		right: 5vw;
		top: 125%;
		}


	#wrap_artists {
		margin-top: 150%;
		transition: all 500ms ease;
		}

/*	#wrap_header {
		position: absolute;
		}*/
}



/* md */
@media only all and (min-width: 768px) and (max-width: 991px) {

	.artists {
		font-size: 2.4em;
		line-height: 1em;
		}

}