*{

	box-sizing: border-box;

}

html{

	font-size: 16px;

}

body{

	font-family: 'Arial, Helvetica';
	font-size: 1rem;
	line-height: 1.4em;

}

.events-container{

	margin: 60px 0;

}




.hidden{

	display: none;

}

.block{

	margin-bottom: 40px;

}

.flex{

	display: flex;
	flex-flow: row wrap;
	margin-left: -40px;

}

.flex > div{

	margin-left: 40px;
	margin-bottom: 40px;
	width: calc(100% - 40px);

}

@media (min-width: 640px) {

	.flex > div{

		margin-left: 40px;
		width: calc(50% - 40px);

	}

}

@media (min-width: 1024px) {

	.flex.flex-33-33-33 > div{

		margin-left: 40px;
		width: calc(33.33% - 40px);

	}

}

.flex > div.fullwidth{

	width: calc(100% - 40px);

}


.cards > div{

	border: 1px solid #000000;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 60px 20px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	

}

.cards > div.active,
.cards > div:hover{

	background: #6a87b8;
	color: #ffffff;

}

#uhrzeit-button{

	width: 100%;

}

.events-container form label{

	display: block;
	font-size: inherit;
	margin-bottom: 10px;

}

.events-container form input[type="text"],
.events-container form input[type="email"],
.events-container form textarea,
.events-container form .ui-selectmenu-button.ui-button,
.events-container form button{
	
	appearance: none;
	border-radius: 0;
	border: 1px solid #000000;
	background: #ffffff;
	font-family: inherit;
	font-size: inherit;
	width: 100%;
	padding: .375rem .75rem;
	
}

.events-container form textarea{

	height: 10em;

}

.events-container form button{

	cursor: pointer;
	width: auto;
	transition: all 0.2s ease-in-out;

}

.hint{

	font-size: 0.8em;
	font-weight: 600;
	margin-bottom: 25px;

}

.ui-selectmenu-menu > ul{

	max-height: 20em;

}