@charset "UTF-8";
/* CSS Document */

body, html { margin:0; padding:0; font-family: 'Jura', sans-serif; font-weight:500; font-size:1em; color: #000000; background-color:#ffffff; }
	#wrap { margin:20px auto; }
	#karte { margin:0 auto; padding:0px; text-align: center; color: #000000;  }
	#logo { text-align:center; margin:20px auto; margin-top:5%;}
      
	p.small { font-size:0.6em;}
	h1 { text-transform:none;}
      
	a:link { text-decoration:none; color:#000000; }
	a:visited { text-decoration:none; color:#000000; }
	a:hover { text-decoration:underline; color:#990000; }

	img { border:0px;}
      
@media screen and (max-width: 736px) {
body { overflow-x:hidden;  }
	#wrap { margin:0px auto; margin-bottom: 0px; text-align:center}
	#karte { padding:0px 20px; text-align: center; }
	#logo { text-align:left; margin:0px auto; margin-top:20px; text-align: center; }
	#logo img { width: 300px; height: auto; }
}
      
/*@media screen and (min-device-width: 320px) and (max-device-width: 640px) {
body { overflow-x:hidden;}
	#wrap { margin:0px auto; margin-bottom: 0px; }
	#karte { padding:0px 20px 0px 20px; width:100%; }
	#logo { text-align:center;}
	#logo img { width:50%; height:auto; }
}
      
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation:landscape) { 
	#logo img { width:50% !important; height:auto; }
}
      
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation:portrait) { 
	#logo img { width:50% !important; height:auto; }
}*/