* {margin: 0; padding: 0;}

body {font-family: "Encode Sans Condensed", sans-serif; color: #373737; text-align: center; border: 10px solid #efefef; padding: 0 auto;}
header {margin: 100px auto 70px;}
footer {margin: 200px auto 40px; padding-top: 40px; border-top: 2px solid #efefef;}


.wrap {padding: 0 3%; width: 92%;}
.innerwrap {vertical-align: top;}


	h2 {padding-bottom: 25px; letter-spacing: 0.1rem;}
	.event {max-width: 40%; margin: 0 2% 40px; padding-top: 35px; padding-left: 35px; text-align: left; border-top: 2px solid #efefef; display: inline-block; vertical-align: top; border-left: 2px solid #acfff6; border-radius: 5px 0 0 0;}
	.event h3 {}
	.event .termine {color: #666; margin: 20px 0;}
	.event p {margin-bottom: 15px;}
	.event img {width: 180px; float: right;}
	.mehr {color: #666;}
	
	.download:link, .download:visited {border-radius: 4px; background: #efefef; color: #333; padding: 4px 8px; display: block; max-width: 200px; margin: 25px 0 35px 0; text-align: center; text-decoration: none;}
	.download:hover {background: #333; color: #DDD;}	
	
	.button {padding: 10px 20px; border: 2px solid #acfff6; background: #acfff6; border-radius: 3px; margin: 10px 0; text-decoration: none; color: #373737; letter-spacing: 1px;}
	.button:hover {border: 2px solid #efefef; background: #efefef;}	
	
	strong {font-weight: 700;}
	
	
@media only screen and (max-width: 600px)  {
	header {margin: 70px auto 40px;}
	.logo {width: 200px;}
	.wrap {padding: 0 20px;}
	.event {max-width: 98%; margin: 0 1% 40px; padding: 22px;} 
		.event img {width: 210px; float: none; margin: 0 auto; display: block; margin-bottom: 30px;}
	
	h2 {font-size: 1rem; letter-spacing: normal;}
	.download:link, .download:visited {margin: 25px 0 5px 0; width: 90%; max-width: 90%;}

}