body {
	font-family: "Myriad-Pro", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	padding: 1em;
	background: #fff url('/medien/bg.jpg');
	background-size: cover;
}

a {
	color: #747373;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.sprache {
	max-width: 600px;
	margin: 1em auto;
	text-align: center;
	padding: 0.8em;
	background: #fff url('/images/arrow1.gif') 95% 50% no-repeat;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.52);
	}
	
.sprache:hover {
	background: #fff url('/images/arrow2.gif') 95% 50% no-repeat;
	}


@media all and (max-width: 1200px) {
 body {
 font-size: 24px;
 }
}


@media all and (max-width: 768px) {
 body {
 font-size: 18px;
 }
}

@media all and (max-width: 360px) {
 body {
 font-size: 14px;
 }
}