@charset "utf-8";
/* CSS Document */
@media print {
	#map_canvas{display:none;}
	#logo, #flaggen, #fuss, #noprint, .eingabe, #retour{display:none;}
	#tabelle{display:inline;height:100%;}
	#parken{display:none;}
	.route{height:100%;}
	.adp{width:20cm; height:30cm;}
	.adp-directions{width:20cm; font-size:14px;}
}
@media screen{
html, body{width:100%;height: 100%;font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2vw;}
body { margin:0; padding:0;background:#42413C url(../Bilder/HG_1.jpg)top center no-repeat;margin:0;padding:0;color:#000;background-size:cover;}
h1, h2, h3{margin-top: 6px; margin-bottom:2px;}
#container {position:absolute; top:0%; left:3.125%; width:93.75%; height:98%; z-index:1;}
#flaggen {position:absolute; top:0%; left:92%; width:10%; margin-top:2px; height:4%; z-index:2;}
#logo {position:absolute; top:2%; left:35%; width:35%; height:8%; z-index:2;}
#strasse {position:absolute; top:12.5%; left:15%; width:25%; height:75%; z-index:2;}
#text {position:absolute; top:12.5%; left:45%; width:42%; height:45%; z-index:1; font-size: 1vw; overflow:auto; overflow-x: hidden;}
#text h1{ font-size:1.8vw;font-family:Georgia, "Times New Roman", Times, serif;	color:#000;	text-align:center;}
#studio { position:absolute; top:60%; left:55%; width:25%; height:28%; z-index:2;	  }
#studio_2 { position:absolute; top:24%; left:40%; width:60%; height:62%; z-index:2;}
#inhalt_2 { position:absolute; top:24%; left:2%; width:33%; height:60%; z-index:2; font-size: 1vw; padding:1%; background-color: rgba(200,200,200, .2); overflow:auto; overflow-x:hidden;	  }
#karte { position:absolute; left:0%; top:15%; height:100%; width:100%; z-index:2;}
#kartentitel { position:absolute; left:0%; top:10%; height:5%; width:100%; z-index:2; font-size:1vw;}
#fuss { position:absolute; top:95%; left:15%; width:70%; height:3%; z-index:2; font-size: 1vw;}
a img { border: none;}
#button_1 { position:absolute; top:20%; left:5%; height:2%; width:12%; z-index:2;}
#button_2 { position:absolute; top:20%; left:25%; height:2%; width:12%; z-index:2;}
#button_3 { position:absolute; top:20%; left:45%; height:2%; width:12%; z-index:2;}
#kalender { position:absolute; top:10%; left:25%; width:50%; height:80%; z-index:2;}
#lage { position:absolute; top:91%; left:40%; width:20%; height:4%; z-index:2;}
#karteninhalt { position:absolute; top:12%; left:10%; width:80%; height:78%; z-index:2;}
#retour { position:absolute; top:5%; left:10%; width:6%; height:3%; z-index:2;}
.route {height:450px;overflow:scroll; overflow-x:hidden;}
#parken{position:absolute; top:580px; left:0%; width:100%; height:25%; overflow:auto; overflow-x:hidden; font-size: 1vw;}
#kontakt { position:absolute; top:12.5%; ; min-width:420px; left:35%; overflow:auto; overflow-x:hidden; z-index:2; background-color: rgba(200,200,200, .2);
	  }
}