* {margin: 0; padding: 0;}

body {font-family: "Encode Sans Condensed", sans-serif; color: #223843; text-align: center; border: 10px solid #fff; padding: 0 auto; background: #dfd3ca;}
header {margin: 100px auto 70px;}
footer {margin: 150px auto 0px;
    padding: 80px 0 60px;
    background: #fff;}


.wrap {padding: 0 3%; width: 92%;}
.innerwrap {vertical-align: top; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 10%;}


	h2 {padding-bottom: 25px; letter-spacing: 0.1rem; flex-basis: 100%;}
	button {flex-basis: 100%;}
	.event {margin: 0 0 50px; padding: 3% 3% 0; text-align: left;  display: inline-block; vertical-align: top; border-radius: 5px; flex-basis: 41%;    box-shadow: 0 0 10px #c2b9aa; background: #FFf;}
	.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: #FFF;}	
	
	.button {padding: 10px 20px; border: 2px solid #acfff6; background: #acfff6; border-radius: 3px; margin: 10px 0; text-decoration: none; color: #373737; letter-spacing: 1px;  margin: 0 auto; height: 20px;}
	.button:hover {border: 2px solid #efefef; background: #fff;}	
	
	strong {font-weight: 700;}
	
	.event.mood {background: transparent url(/_img/mood-image-1.jpg) center center no-repeat; background-size: 210%; border: none; display: block; min-width: 40%; border-radius: 5px; min-height: 400px;}
		.event.mood.two {background: transparent url(/_img/mood-image-2.jpg) center center no-repeat;}
	
	
@media only screen and (max-width: 992px)  {
	header {margin: 70px auto 40px;}
	.logo {width: 200px;}
	.wrap {padding: 0 20px;}
	.innerwrap {margin: 0;}
	.event {max-width: 98%; flex-basis: 100%; margin: 0 1% 40px; padding: 22px;} 
		.event img {width: 210px; float: none; margin: 0 auto; display: block; margin-bottom: 30px;}
	.event.mood {flex-basis: 100%; background-size: 130%; width: 100%; height: 300px; min-height: 300px;}
	
	h2 {font-size: 1rem; letter-spacing: normal;}
	.download:link, .download:visited {margin: 25px 0 5px 0; width: 90%; max-width: 90%;}

}