html body * {
	font-family: 'Open Sans', sans-serif !important;;
}


html body strong, html body b, html body .bold {
	font-family: 'Exo 2', sans-serif !important;
}
html body em { font-family: 'Exo 2', sans-serif !important;
	}

body .color { color: #c19831; }

* { box-sizing: border-box; margin: 0px; padding: 0px; }
.maxwidth { max-width: 1200px; margin: 0px auto; position: relative; }

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
html, body {
  height: 100%;
   background-color: #EEEEEE;
  color: #444444;
}

#page { position: relative; height: 100%;
	display: flex;
	flex-direction: column; }

#page .content { flex: 1 0 auto; }

section {
	position: relative;
	margin: 25px 0px 30px 0px; padding: 28px 20px 25px 20px;
	border-radius: 20px;
	-webkit-box-shadow: 1px 0px 25px 2px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 0px 25px 2px rgba(0,0,0,0.10);
	box-shadow: 1px 0px 25px 2px rgba(0,0,0,0.10);
	background-color: #fff !important;
}

section p { margin: 0px 0px 5px 0px; }

section .section_name {
	font-weight: bold;
	color: #555;
	font-size: 16px;
}

section .event {
	padding: 10px 5px 15px 5px;
	border-bottom: 2px solid #eee;
	margin: 15px 0px 5px 0px;
}

section .event h3 { font-size: 16px; }


section .event.first {
	margin-top: 0px;
}
section .event.declined { opacity: 0.75; }
section .event.last { border-bottom: 0px solid transparent; }

section .buttonwrapper {
	margin: 10px 0px 0px 0px;
	display: flex;
	max-width:400px;
	align-items: center;
}

section .buttonwrapper form { flex: 1; }

section .buttonwrapper button.absagen { background-color: #b10000; }
section .buttonwrapper button.absagen:hover { background-color: #880101; }


section .buttonwrapper button.zusagen { background-color: #1db100; }
section .buttonwrapper button.zusagen:hover { background-color: #188801; }


section button, section a.button {
	background-color: #666;
	color: #FFF;
	border: 1px solid transparent;
	padding: 6px 15px;
	font-size: 16px;
	line-height: 1.0;
	cursor: pointer;
	text-decoration: none;
}

section button:hover, section a.button:hover { background-color: #0076bb; }

section .inner {
	position: relative;
	margin: 6px 0px;
	padding: 18px 0px 10px 0px;
	border-top: 2px solid #ccc;
}

footer { 
	width: 100%;
	bottom: 5px;
	padding: 20px 25px;
	background-color: #ededed;
	font-size: 13px;
}
footer a { text-decoration: none; color: inherit; }
footer .top { margin: 0px 0px 15px 0px; }
footer .bottom { color: #666; }