main .grid_table_row.tor {
	background: #3bb9ff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin: 0 0 5px 0;
}
main .grid_table_row.abwehr {
	background: #4cc417;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin: 0 0 5px 0;
}
main .grid_table_row.mittelfeld {
	background: #ffdb58;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin: 0 0 5px 0;
}
main .grid_table_row.sturm {
	background: #f75d59;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin: 0 0 5px 0;
}
main .columns_systems .grid_table_row {
	grid-template-rows: auto;
	grid-template-columns: 50% 50%;
	grid-template-areas: "a b";
}
main .columns_playertypes .grid_table_row {
	grid-template-rows: auto;
	grid-template-columns: 36% 36% 28%;
	grid-template-areas: "a b c";
}
main .columns_statistics .grid_table_row {
	grid-template-rows: auto auto;
	grid-template-columns: 17% 17% 17% 17% 16% 16%;
	grid-template-areas:
		"a a b b c i"
		"d e f g h i";
}
main .columns_teams .grid_table_row {
	grid-template-rows: auto;
	grid-template-columns: 35% 25% 40%;
	grid-template-areas: "a b e";
}
main .columns_teams .grid_table_row.more {
	grid-template-rows: auto auto auto;
	grid-template-columns: 35% 25% 40%;
	grid-template-areas:
		"a b e"
		"c c f"
		"d d f";
}
main .columns_player .grid_table_row {
	grid-template-rows: auto;
	grid-template-columns: 9% 12% 12% 9% 15% 9% 9% 25%;
	grid-template-areas: "a b b c c d e n";
}
main .columns_player .grid_table_row.more {
	grid-template-rows: auto auto auto;
	grid-template-columns: 9% 12% 12% 9% 15% 9% 9% 25%;
	grid-template-areas: 
		"a b b c c d e n"
		"f f g g h i j o"
		"k k k k k k k ."
		"l l l l l l l ."
		"m m m m m m m .";
}
main .columns_teams .grid_table_row .column3, main .columns_teams .grid_table_row .column4, main .columns_teams .grid_table_row .column6 {
	display: none;
}
/*main .columns_teams .grid_table_row.more .column3,*/ main .columns_teams .grid_table_row.more .column4, main .columns_teams .grid_table_row.more .column6 {
	display: flex;
}
main .columns_teams .grid_table_row.more .column3 {
	flex-direction: column;
	align-items: flex-start;
}
main .columns_player .grid_table_row .column6, main .columns_player .grid_table_row .column7, main .columns_player .grid_table_row .column8, main .columns_player .grid_table_row .column9, main .columns_player .grid_table_row .column10, main .columns_player .grid_table_row .column11, main .columns_player .grid_table_row .column12, main .columns_player .grid_table_row .column13, main .columns_player .grid_table_row .column15 {
	display: none;
}
main .columns_player .grid_table_row.more .column6, main .columns_player .grid_table_row.more .column7, main .columns_player .grid_table_row.more .column8, main .columns_player .grid_table_row.more .column9, main .columns_player .grid_table_row.more .column10, main .columns_player .grid_table_row.more .column11, main .columns_player .grid_table_row.more .column12, main .columns_player .grid_table_row.more .column13, main .columns_player .grid_table_row.more .column15 {
	display: flex;
}

main .filter form {
	/* display: flex;
	justify-content: center; */
}
main .filter form select {
	/* min-width: 150px;
	max-width: 500px;
	padding: 3px 5px 3px 5px;
	margin: 0 25px 25px 25px; */
}
main .team {
	display: none;
}
main .grid_lineup {
	background-color: #7ec850;
	padding: 25px 10px 25px 10px;
	margin: 0 auto 2rem auto;
	position: relative;
	z-index: 1;
}
main .grid_lineup .box {
	position: absolute;
	z-index: 2;
	content: "";
	top: 0;
	left: 20%;
	right: 20%;
	height: 17%;
	background: transparent;
	border-color: white;
	border-style: solid;
	border-width: 0 4px 4px 4px;
}
main .grid_lineup .line {
	position: absolute;
	z-index: 2;
	content: "";
	bottom: 18%;
	right: 0;
	left: 0;
	height: 4px;
	background-color: white;
}
main .grid_lineup .circle {
	position: absolute;
	z-index: 2;
	content: "";
	bottom: calc(18% - 60px);
	right: calc(50% - 60px);
	left: calc(50% - 60px);
	width: 120px;
	height: 120px;
	background: transparent;
	border: 4px solid white;
	border-radius: 60px;
}
main .grid_lineup_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 10px 0;
	position: relative;
	z-index: 3;
}
main .grid_lineup_row .grid_lineup_column {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
}
main .grid_lineup_row .grid_lineup_column span {
	padding: 5px 10px 5px 10px;
	background: rgba(255, 255, 255, .5);
	border-radius: 15px;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
}
main .grid_lineup_row .grid_lineup_column span.player {
	cursor: pointer;
}
main .grid_lineup_row .grid_lineup_column span.info {
	position: absolute;
	top: 55px;
	background: rgba(0, 171, 169, .8);
	z-index: 10;
	display: none;
}
main .grid_lineup_row .grid_lineup_column.active span.info {
	display: block;
}
main .grid_lineup_row span.no_player {
	color: rgb(255, 0, 0);
}

/* Media Queries */
@media screen and (max-width: 1000px) {
	main .columns_statistics .grid_table_row {
		grid-template-rows: auto auto auto;
		grid-template-columns: 18% 18% 18% 18% 28%;
		grid-template-areas:
			"a a b b c"
			"d e f g h"
			"i i i i i";
		}
	main .columns_player .grid_table_row {
		grid-template-rows: auto auto;
		grid-template-columns: 10% 10% 10% 10% 10% 10% 40%;
		grid-template-areas:
			"b b b c c c n"
			"a a d d e e n";
	}
	main .columns_player .grid_table_row.more {
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 10% 10% 10% 10% 10% 10% 40%;
		grid-template-areas:
			"b b b c c c n"
			"a a d d e e n"
			"f f f g g g o"
			"h h h . i j o"
			"k k k k k k ."
			"l l l l l l ."
			"m m m m m m .";
	}
}
@media screen and (max-width: 750px) {
	main .columns_teams .grid_table_row {
		grid-template-rows: auto auto;
		grid-template-columns: 50% 50%;
		grid-template-areas:
			"a b"
			"e e";
	}
	main .columns_teams .grid_table_row.more {
		grid-template-rows: auto auto auto auto auto;
		grid-template-columns: 50% 50%;
		grid-template-areas:
			"a b"
			"e e"
			"f f"
			"c c"
			"d d";
		}
	main .columns_teams .grid_table_row .column1, main .columns_teams .grid_table_row .column2 {
		justify-content: center;
		text-align: center;
	}
	main .columns_teams .grid_table_row .column3, main .columns_teams .grid_table_row .column4 {
		padding-bottom: 10px;
	}
	main .grid_table_row .grid_table_column.button {
		justify-content: center;
	}
}
@media screen and (max-width: 600px) {
	main .columns_statistics .grid_table_row {
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-areas:
			"a a b b"
			"d e f g"
			"c c h h"
			"i i i i";
		}
	main .columns_player .grid_table_row {
		grid-template-rows: auto auto auto;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-areas:
			"b b c c"
			"a d e e"
			"n n n n";
	}
	main .columns_player .grid_table_row.more {
		grid-template-rows: auto auto auto auto auto;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-areas:
			"b b c c"
			"a d e e"
			"f f g g"
			"h h i j"
			"k k k k"
			"l l l l"
			"m m m m"
			"n n n n"
			"o o o o";
	}
	main .columns_player .grid_table_row .grid_table_column, main .columns_statistics .grid_table_row .grid_table_column {
		justify-content: center;
	}
	main .columns_player .grid_table_row .grid_table_column.column11, main .columns_player .grid_table_row .grid_table_column.column12, main .columns_player .grid_table_row .grid_table_column.column13 {
		text-align: center;
	}
	main .grid_lineup_row .grid_lineup_column {
		padding: 10px 5px 10px 5px;
	}
	main .grid_lineup_row .grid_lineup_column span {
		font-size: 1.4rem;
	}
}