#next-match{
	margin-top: -80px;
	margin-bottom: var(--vfl-padding-v);
	position: relative;
}
#next-match .event-day{
	font-size: 60px;
	line-height: 0.9em;
}
#next-match .event-header{
	rotate: -5deg;
}
#next-match :is(.event-class, .event-date){
	position: relative;
	width: fit-content;
}
#next-match .event-class{
	left: 140px;
}
#next-match .event-date{
	left: 50px;
}
#next-match .event-logo{
	height: 80px;
	width: 80px;
}
#next-match img {
	height: 100%;
	width: 100%;
}
#next-match .event{
	border-radius: var(--vfl-border-radius);
	background: linear-gradient(135deg, var(--vfl-color-red) 0%, #6C1313 100%);
	padding: 32px;
	position: relative;
	overflow: hidden;
	min-height: 200px;
}
#next-match-one,
#next-match-two{
	gap: 15%;
	width: 100%;
}
#next-match .overlay{
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
	width: 100%;
	height: 100%;
	opacity: .1;
	z-index: -1;
}
#next-match .event-team{
	flex: 1;
	width: 100%;
	gap: 6px;
}
#next-match :is(.event, .event-day, .event-gegner span){
	color: var(--vfl-color-secondary);
}

#next-match .event-game span{
	text-align: center;
	font-size: var(--vfl-font-size-small);
}
@media screen and (min-width: 1024.02px ) {
	#next-match .event-team{
		width: 220px;
	}
}
@media screen and (max-width: 1024px ) {
	#next-match-one,
	#next-match-two{
		flex-direction: column;
		gap: 24px;
	}
	#next-match :is(.event-logo, .event-gegner-logo){
		height: 60px;
		width: 60px;
	}
	#next-match .event-game span{
		font-size: var(--vfl-font-size-small);
	}
	#next-match .event-date{
		font-size: var(--vfl-font-size-regular);
	}
}
@media screen and (min-width: 640.02px) {
	#next-match .fupa-tabs{
		position: absolute;
		right: 0;
		top: -38px;
	}
	#next-match .event-header{
		margin: 0;
	}
}
@media screen and (max-width: 640px) {
	#next-match .fupa-tabs{
		margin-bottom: 12px;
	}
	#next-match .fupa-tabs .team-radio span{
		box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
	}
	#next-match{
		margin-top: 32px;
	}
}
@media screen and (max-width: 460px) {
	#next-match .event-class{
		left: 110px;
	}
	#next-match .event-date{
		left: 10px;
	}
	#next-match .event-day{
		font-size: 50px;
	}
}