@font-face {
font-family: "Courgette-Regular";
font-style: normal;
font-weight: 200;
src: local("font\Courgette"), local("Courgette-Regular"), url(font\Courgette\Courgette-Regular.ttf) format("ttf");
}

@font-face {
font-family: "IM_Fell_French_Canon";
font-style: normal;
font-weight: 200;
src: local("font\IM_Fell_French_Canon"), local("IM_Fell_French_Canon"), url(font\IM_Fell_French_Canon\IMFeFCit28P.ttf) format("ttf");
}



body {
background-color: #eee;
background-image: url(../image/bg.jpg); 
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit- background-size: cover;
-moz- background-size: cover;
-o- background-size: cover;
background-size: cover;

}


h1 {
color: #FFF;
font-family: "Courgette-Regular";
font-size: 500%;
margin: 5% 5% 10px 5%;

}


h2 {
color: #FFF;
font-family: "Courgette-Regular";
font-size: 220%;
margin: 5% 5% 10px 5%;

}

blockquote {
color: #FFF;
font-family: "IM_Fell_French_Canon";
font-size: 150%;
margin: 5% 5% 10px 5%;

}


a {
color: #FFF;
text-decoration: none;
}

#biografie {
width: 50%;
max-width: 600px; 
text-shadow: 1px 1px 0 #000;
z-index: 1;
position: relativ;
}

#biografie p {
color: #FFF;
margin: 50px 0;
font-family: "IM_Fell_French_Canon";
}
	
#biografie a {
color: #ECCFAE;
transition: color .2s ease;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition: color .2s ease;
}
	
#biografie a:hover {
color: #FFF;
}

	/*	SOCIAL-WEB-LINKS */
	
#links {
margin: 60px 5% 5% 5%;
z-index: 1;
position: relativ;
}
	
#links img {
width: 45px;
height: auto;	
}

#links a {
margin: 0 8px 0 0;
text-decoration: none;
border: 0px;

}

#links a:link {
text-decoration:none;
border: 0px;
}

#links a:visited {
text-decoration:none;
border: 0px;
}

#links a:hover{
border: 0px;
opacity: .6;
transition: opacity .4s ease;
-moz-transition: opacity .4s ease;
-webkit-transition: opacity .4s ease;
text-decoration:none;
}

#links a:active {
text-decoration:none;
}

#logo {
width: 95%;
position: fixed;
bottom: 5%;
right: 5%; 
text-align: right;
z-index: 0;

}


#logo img{
width: 200px;
height: auto;

}

#footer {
width: 50%;
max-width: 600px; 
z-index: 1;
position: relativ;
}

#footer  p {
color: #FFF;
margin: 10px 0;
}
	
#footer  a {
color: #ECCFAE;
transition: color .2s ease;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition: color .2s ease;
}
	
#footer  a:hover {
color: #FFF;
}