.EventTeaser .event {
	transition: all 300ms;
	border-radius: 2px;
}


.EventTeaser .event {
	max-width: 100%;
	margin-bottom: 3em;
}
.EventTeaser .text h2 {
	margin-bottom: 2px;
	font-size: 26px;
	font-weight: 600;
}
.EventTeaser .date .month {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 10px;
}
.EventTeaser .date .day {
	font-size: 56px;
	font-weight: bold;
	line-height: 100%;
}
.EventTeaser .year {
	font-size: 36px;
	position: absolute;
	left: 100%;
	top: 100%;
	margin-top: 10px;
	transform: rotate(-90deg);
	transform-origin: 0 -10px;
}
.EventTeaser .Thumbnail img {
	max-width: 100%;
}
.EventTeaser .icon {
	max-width: 22px;
	margin-right: 5px;
}
.EventTeaser .event:hover {
	background-color: #fff;
}

.EventTeaser .timelist .date {
	margin-right: 10px;
}

@media all and (max-width: 700px) {
	.EventTeaser .text {width: 66%; order: 3;}
	.EventTeaser .bigdate {width: 32%; order: 2;}
	.EventTeaser .Thumbnail {width: 100%; order: 1; margin-bottom: 1rem;}
	.EventTeaser .Thumbnail img {
		max-width: 300px;
		margin: auto;
	}
}