*{box-sizing:border-box; margin:0; padding:0;}
p{margin-bottom:2em;}
html, body{margin:0; padding:0; font-size:100%; line-height:2em; font-family:Oswald, sans-serif;}
h1{line-height:1.25em; font-family:Oswald, sans-serif; margin-bottom:0.5em; margin-top:0.5em;}
.menu a{display:block; width:100%; padding:0.6em 2vw;}
#navi{width:100%; min-height:3.6em; background-color:#231f20; color:#fff; font-size:1.2em; line-height:2.4em;}
.menu{display:inline; margin:0px; padding:0;}
.menu li{display:inline-block; list-style-type:none;}
.menu li a, .menu ul li a{text-decoration:none; color:#fff;}
.menu li:hover, .menu ul li:hover{background-color:#ed1f24;}
.menu li:hover ul{display:block;}
.menu li ul{display:none; position:absolute; background-color:#433f40;}
.menu li ul li{display:block;}
#mobile_navi{margin:0 0.8em; padding:0.8em 0; width:2em; height:3.6em; display:none; background-image:url("img/menu_icons.png"); background-size:4em 2em; background-repeat:no-repeat; background-position:0em 0.8em;}
#mobile_navi:hover{background-position:-2.0205em 0.8em;}
#mobile_navi:hover + div > .menu {display:block;}
#header{width:100%; height:40vw;}
#event_container{width:100%; min-height:3em; background-color:#ed1f24; color:#fff; font-size:1.2em;}
#event_content{padding:0.6em 1vw;}
#event_content a{text-decoration:none; color:#fff; display:inline-block; margin:0 1vw;}
#footer{width:100%; background-color:#231f20; color:#fff; min-height:3.6em;}
#footer_content{padding:1vh 1vw;}
#footer_navi{margin:0 auto; text-align:center;}
#footer_navi a{text-decoration:none; color:#fff;}
#content_container{width:100%; max-width:55em; min-height:80vh; background-color:#fff; color:#231f20; margin:0 auto; font-family:Merriweather, serif; font-size:1.1em; line-height:1.5em; padding: 1em;}
#content_container ul{padding-left:1em;}
.element{width:23.75%; min-width:210px; height:15.8175vw; margin-right:1%; margin-top:1%; background-color:#f90; display:inline-block;}
.header_img{display:block; width:100%; height:40vw; top:-1em;}
.sponsor{display:inline-block; padding:10px 20px; background-color:#fff; margin-right:0.5vw; margin-bottom:0.5vh;}
#content_container img{max-width:100%; height:auto; padding-right:1em;}
.float_left{float:left; margin:0.5em 1em 0.5em 0;}
.news_date{display:block; font-size:0.8em; font-family:Oswald, sans-serif; line-height:0.8em; margin-bottom:1em;}
#contact{padding:0.8em 1vw; height:3.6em;}
.contact_icon{display:inline-block; width:2em; height:2em; background-image:url("img/social_icons.png"); background-size:10em 4em; background-repeat:no-repeat; margin:0 0.4em;}
#facebook_icon{background-position: -4em 0em;}
#facebook_icon:hover{background-position: -4em -2.041em;}
#mail_icon{background-position: -2em 0em;}
#mail_icon:hover{background-position: -2em -2.041em;}
#flickr_icon{background-position: -0em 0em;}
#flickr_icon:hover{background-position: -0em -2.041em;}
#phone_icon{background-position: -6em 0em;}
#phone_icon:hover{background-position: -6em -2.041em;}
#location_icon{background-position: -8em 0em;}
#location_icon:hover{background-position: -8em -2.041em;}
#post_navigation{margin:0 auto; text-align:center;}
#content_container a{text-decoration:none; color:#ed1f24;}
@media screen and (min-width:65em){
	#navi:before{content: ''; float: right; display: block; width:5em; height:3.6em; padding:0.8em;}
	#contact{position: absolute; top: 0; right: 0; height:3.6em;}
}
@media screen and (max-width:43em){
	.menu{width:100%; display:none;}
	.menu:hover{display:block;}
	.menu li, .menu ul li{width:100%; text-align:center; padding:0.6em 0;}
	.menu li ul{position:relative; margin-left:0; margin-bottom:-0.6em;}
	#mobile_navi{display:block;}
	#navi:before{content: ''; float: right; display: block; width:5em; height:3.6em; padding:0.8em;}
	#contact{position: absolute; top: 0; right: 0; height:3.6em;}
	#footer_content{text-align:center;}
	
}

/*WP-Style Classes*/
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Termine*/
.event-table{margin:2vw;}
.event-table td{padding:0.25em 1em 0.25em 0.25em; vertical-align:top;}
.event-table a{text-decoration:none; color:#333;}
.event-div{width:5em; text-align:center; float:left;}
.event-link{display:inline-table;}
.event-day{font-size:300%; font-weight:bold; line-height:1em;}
.event-month{font-size:100%; line-height:0.5em;}
.event-year{font-size:100%; line-height:1.4em;}
.event-time{font-size:100%; }
.event-title{font-size:110%; color:#E27051; font-weight:bold;}
.event-content{line-height:1.1em;}
.show-details{color:#ffa6a6;}