@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic);

.container {  
}

.navigation a, .navigation a:link, .navigation a:visited, .navigation a:active, .navigation {
font-family: 'Bitter', serif;
color: #adb3bf;	
font-weight: 400;
text-align: left;
text-decoration: none;
}

#oben {
text-align: center;
}

.name, .name a  {
font-family: 'Bitter', serif;
color: #848a97; 
font-weight: 700;
text-decoration: none;
}

.navi {
}

.navigation a:hover {
color: #848a97;	
text-decoration: none;
}

q {
quotes:"\00bb" "\00ab";
}

.illustrationsbild {
margin-top: 0px;
margin-bottom: 0px;
height: auto;
max-width: 700px;
width: 100%;
border-bottom: 1px dotted #adb3bf;
}

.inhalt a, .inhalt a:link, .inhalt a:visited, .inhalt a:active, .inhalt, .inhalt a:hover  {
font-family: 'Bitter', serif;
color: #232635;	
font-weight: 400;
}

.headline { 
font-weight: 700;
font-family: 'Bitter', serif;
color: #848a97;	
text-decoration: underline;
}

.jahr, .special {
font-weight: 400;
color: #848a97;	
}

.sound {
height: auto;
max-width: 700px;
}

.galerie {
width: 100%; 
background: #ffffff;
}

@media only screen and (min-device-width: 900px) {

.name  {
margin-top: 25px;
margin-bottom: 18px;
font-size: 56px;
}

.navigation {
font-size: 27px;
}

.aktuell {
max-width: 700px;
text-align: center;
padding: 50px;
}

.inhalt {
font-size: 18px;
}

.headline { 
font-size: 30px;
padding-bottom: 25px;
}

.jahr, .special {
font-size: 20px;
}

.nachoben {
padding-bottom: 50px;
}

}

@media only screen and (min-device-width: 299px) and (max-device-width: 899px) {

.name  {
margin-top: 25px;
margin-bottom: 18px;
font-size: 32px;
}

.navigation {
font-size: 16px;
}

.aktuell {
max-width: 700px;
text-align: center;
padding: 25px;
}

.inhalt {
font-size: 12px;
}

.headline { 
font-size: 30px;
padding-bottom: 25px;
}

.jahr, .special {
font-size: 20px;
}

.nachoben {
padding-bottom: 25px;
}

}

@media only screen and (min-device-width: 1px) and (max-device-width: 298px) {

.container  {
display: none;
}

}