@charset "utf-8";
html, * {
	margin: 0; padding: 0;
}
* {
	font-family: 'Open Sans Condensed', sans-serif;
}
p {	
	font-size: 1,5vw;
	margin: 0.5vw 0 0.5vw;
}
li {margin-left: 1vw;}
h1, #ImpressumLink {
	font-size: 2vw;
}
h2, h3 {
	margin: 0.7vw 0 0.5; 
}
html {
	background-image: url(../pics/girl-1064659_1921.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 8vw center;
	background-size:cover;
	background-color: #fff;
}
#Logo {
	position: absolute;
	left: 10vw;
	top: 9vw;
}
#Logo p, #Logo h1 {
	font-family: 'Rajdhani', sans-serif;
}
#Logo p{	
	font-size: 1.3vw;
}
#Logo h1 {
	font-size: 2.3vw;
	font-weight: normal;
}
#Slogan {
	position: absolute;
	top: 50%;
	left: 8vw;
	overflow: hidden;
	opacity: 1;
	/*border: medium solid #000000;*/
	 -webkit-transition: opacity 3s;/* Safari */
  	transition: opacity 3s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
#Slogan p {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.5vw;
}
#Support {	
	position: absolute;
	top: 50%;
	/*left: 1.8vw;*/
	height: auto;
	width: 0;
	overflow: hidden;
	/*background-color:hsla(208,100%,97%,0.75);*/
	opacity: 0;
	-webkit-transition: width 0.3s, left 0.3s, opacity 1s;/* Safari */
  	transition: width 0.3s, left 0.3s, opacity 1s;
 	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
}
#Support p {
	margin: auto;
	text-align: center;
}
#Impressum {
	position: absolute;
	bottom: 0;
	right: 10vw;
	height: 0;
	overflow: auto;
	padding: 1vw;
	width: 20vw;
	opacity: 0;
	background-color:hsla(208,100%,97%,0.80);
	-webkit-transition: height 0.5s, opacity 1s;/* Safari */
  	transition: height 0.5s, opacity 1s;
	transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
}
 #ImpressumLink {	
	position: absolute;
	bottom: 0;
	right: 11vw;
	height: auto;
	padding: 2vw;
	width: auto;
	background-color:hsla(208,100%,97%,0.75);
	opacity: 1;
	 -webkit-transition: opacity 3s;/* Safari */
  	transition: opacity 1s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
#ImpressumLink a, a:hover, a:active, a:visited {
	text-decoration: none;
	color: black;
	}