/* rhv-liga-spiele-style.css */

#rhv-liga-spiele {
	width: 100%;
	margin: 0 auto;
	font-weight: 600;
}

/* Responsive Table Style */
.rhv-liga-tabelle-responsive-table, 
.rhv-liga-spiele-responsive-table {
	background-color: #fefefe;
	border-collapse: collapse;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
	width: 100%;
	margin: 2rem 0;
	overflow: hidden;
}
.rhv-liga-tabelle-responsive-table__head__title, .rhv-liga-spiele-responsive-table__head__title {
	font-weight: 600;	
}
.rhv-liga-tabelle-responsive-table__row, .rhv-liga-spiele-responsive-table__row {
	display: grid;
	border-bottom: 1px solid #edeef2;
}
.rhv-liga-tabelle-responsive-table__row {
	grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr;
	
}
.rhv-liga-spiele-responsive-table__row {
	grid-template-columns: 2fr 1fr 3fr 3fr 2fr;
	
}
.rhv-liga-tabelle-responsive-table__body .rhv-liga-tabelle-responsive-table__row:hover, 
.rhv-liga-spiele-responsive-table__body .rhv-liga-spiele-responsive-table__row:hover {
	color: #fff;
	background-color: rgba(175, 30, 27, 0.4);
}
.rhv-liga-tabelle-responsive-table__body .rhv-liga-tabelle-responsive-table__row, 
.rhv-liga-spiele-responsive-table__body .rhv-liga-spiele-responsive-table__row {
	transition-duration: 0.1s, 0.1s;
	transition-property: color, background;
}
.rhv-liga-tabelle-responsive-table__rhv {
	color: #af1e1b;
}
.rhv-button {
	padding: 20px;
	margin-right: 10px;
}
.won {
     color: #1baf39;
}

.lost {
    color: #af1e1b;
}


@media (max-width: 481px) {
	.rhv-liga-tabelle-responsive-table__row {
		grid-template-columns: 1fr;
	}
	.rhv-liga-tabelle-responsive-table__head {
		display: none;
	}
		.rhv-liga-tabelle-responsive-table__body__text {
		text-align: left;
	}
	.rhv-liga-tabelle-responsive-table__body__text--rank::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
		.rhv-liga-tabelle-responsive-table__body__text--team::before {
		content: attr(data-title) ":\00A0\00A0\00A0";
	}
	.rhv-liga-tabelle-responsive-table__body__text--matches::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-tabelle-responsive-table__body__text--points::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-tabelle-responsive-table__body__text--diff {
		border-bottom: 2px solid #af1e1b;
	}
	.rhv-liga-tabelle-responsive-table__body__text--diff::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
}

@media (min-width: 1025px) {
	.rhv-liga-tabelle-responsive-table__row {
		grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr;
	}
}

@media (max-width: 740px) {
	.rhv-liga-spiele-responsive-table__row {
		grid-template-columns: 1fr;
	}
	.rhv-liga-spiele-responsive-table__head {
		display: none;
	}
	.rhv-liga-spiele-responsive-table__body__text {
		text-align: left;
	}
	.rhv-liga-spiele-responsive-table__body__text--result {
		border-bottom: 2px solid #af1e1b;
	}
	.rhv-liga-spiele-responsive-table__body__text--arena {
		border-bottom: 2px solid #af1e1b;
	}
	.rhv-liga-spiele-responsive-table__body__text--date::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-spiele-responsive-table__body__text--time::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-spiele-responsive-table__body__text--home::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-spiele-responsive-table__body__text--visitor::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-spiele-responsive-table__body__text--result::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0";
	}
	.rhv-liga-spiele-responsive-table__body__text--arena::before {
		content: attr(data-title) ":\00A0\00A0\00A0\00A0\00A0";
	}	
	.priority-5 {
		display:none;
	}	
}

@media (min-width: 482px) and (max-width: 920px) {
	/* ab 641px erfolgt der Umbruch in Avada */
	.rhv-liga-tabelle-responsive-table__row {
		grid-template-columns: 1fr 3fr 1fr 2fr 2fr;
	}
	.priority-5 {
		display:none;
	}
}