@font-face {
	font-family: 'QuellskriptRegular';
	src: /*local('☺'), */
		url('quellskript-regular-webfont.woff') format('woff'),
    	url('quellskript-regular-webfont.ttf') format('truetype'),
    	url('quellskript-regular-webfont.svg#QuellskriptRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
font-family: QuellskriptRegular, "Comic Sans MS", "Comic Sans", "Comic", "Cosmic", "Cosmic-Bold", sans-serif; 
} 


body {
margin: 0; padding: 5% 10%; 
text-align: center; 
font-size: 1.1em;
line-height: 1.2em;
background-image: url("/images/gsbkgrd.png"); 
background-position: right bottom; 
background-repeat: no-repeat;
}

h1, h2, h3, p {margin: 1.2em;}

h1 {font-family: fantasy, sans-serif; margin-top: 2em;}
h1, h3 {color: #F159Bb;}


hr {margin: 2.5em; width: 80%;}
img {margin: 0.5em;}

a:hover {text-decoration: none;}

.content { padding: 20px; position: relative;}

.logo { position: absolute; top: 1.5%; right: 2%; }
.lang { position: absolute; top: 2%; left: 2.5%; }
.lang a { color: #F159Bb; }

header, nav { display: block; }
/*.topmenu { position: fixed; width: 90%; top: 0;}*/

.menu { margin: 0 -10%; /*height: 1.5em;*/ padding: 0.1em 0 0 0; overflow: visible;}
.menu a {padding: 0.4em 0 0.3em 0; font-family: sans-serif; font-weight: bold; text-decoration: none; line-height: 2em; /*1.1em; padding: 0.4em 2% 0.3em 2%;*/ font-size: 0.95em; white-space: nowrap; margin-left :-0.5em;}
.menu a:hover { }
   
/* for tablets */
@media (max-width: 45em) {  
		div.lang>a { font-size: 1.3em; line-height: 1.8em; padding: 0 0.2em; border: 2px solid; border-radius: 0.3em; text-decoration: none; font-family: monospace;} 
		h1 { margin-top: 4.5em; } 
}
   
/* bildleiste */
div.bildleiste {overflow: hidden; height: 11.5em; margin-top: 2em;}
figure {display: block; float: left; margin: 0 1em 0 0.5em; height: 100%;}
figure * {display: block; width: 10em;}
figure>img {height: 7.5em; margin: 0;}
figcaption {height: 2.5em; margin-top: 0.5em;}
figure:hover>img {width: 400px; height: 300px; position: absolute; z-index: 5; bottom: 14.5em; left: 45%; margin-left: -150px; }