/* Schriftdatei laden */
@font-face {
	font-family: "Yantranamav" ;
	src: url(Schriften/Yantramanav/Yantramanav-Light.ttf);
}
@font-face{ 
	font-family: bangers;
	src:url(Schriften/Bangers-Regular.ttf);
}

/* Formatierung für die gesamte Seite */
body {
	position: relative;
	background-image: url(Hintergrund.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 1440px;
	height: 900px;
	max-width:1440px;
}
/* ID, die Aussehen und Position des Logos definieren. */
#logo {
	display: block;
	position: fixed;
	top: 20px;
	left : 20px;
}
/* ID, die Aussehen und Position des Hauses definieren. */
#haus{
	position: absolute; 
	bottom:190px; 
	left: 760px;
}
/* ID, die Aussehen und Position des Fledermaus-GIF definiert. */
#fledermaus {
	position:absolute; 
	left: 780px;
	bottom: 450px; 
	visibility: hidden;
	animation-duration: 5s;
}
/* ID, die Aussehen und Position der Impressum-Tafel definiert. */
#infotafel {
	position: absolute;
	bottom: 40px; 
	left: 620px;
	width: 200px;
}
/* ID, die Aussehen und Position des Briefkastens definiert. */
#Briefkasten {
	position: absolute;
	bottom: 10px; 
	left: 1200px;
	width: 90px;
}
#Briefkasten2 {
	position: absolute;
	bottom: 10px; 
	left: 1200px;
}
/* ID, die Aussehen und Position von Fritz definiert. */
#FRED { 
	position: absolute; 
	bottom: -35px; 
	left: 60px;
}
/* ID, die Aussehen und Position der Sprechblase definiert. */
#BUBBLE {
	position: absolute;
	padding: 30px;
	bottom: 300px;
	left: 410px;
	border-radius: 30px 30px 30px 0; 
	max-width: 500px; /*Maximal-Weite der Sprechblase */ 
	background-color:#FDEAD2; /*Hintergrundfarbe*/
	font-family: Yantranamav;
	font-size: 25px; /*Schriftgröße*/ 
	text-align: center; /* Text ist zentriert */ 
	box-shadow: 5px 5px 10px 0px gray; /*Schatten der Box*/ 
	visibility: hidden; /* Sprechblase ist zunächst noch nicht sichtbar */ 
}
/* ID, die Aussehen der Überschriften definiert. */
h1 { 
	text-align:center; /* Text ist zenrtiert*/ 
	font-family: bangers; /*Schriftart*/ 
	font-size: 60px; /*Schriftgröße*/ 
}