body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 11pt;
}
h1, h2{
	color: #4697ffdb;
	font-size: 15pt;
	text-align: center;
}
h2{
	font-size: 12pt;
}
#filter, #plan{
	text-align: center;
}
#updateHistory{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	margin: 0px;
	background: #bfdbff;
	display: none;
}
#updateHistory h1,#updateHistory h2{
	color: royalblue;
}
#updateHistory div{
	width: 580px;
    margin: 0 auto;
    padding: 15px;
}
dt{
	margin: 10px 2px;
}
dt::after{
	content: attr(data-date);
	font-size: smaller;
	color: rgb(59, 59, 59);
	padding-left: 10px;
}
#updateHistory .button{
	text-align: center;
    border: 1px solid royalblue;
}
#footer{
	font-size: smaller;
	color: grey;
	border-top: 1px solid gray;
	margin-top: 10px;
	padding-top: 10px;
	margin: 0 auto;
	width: 350px;
	text-align: center;
}
select {
	font-size: 14pt;
}
.activeTeam{
	font-weight: bold;
}
.mobile{
	display: none;
}
pre{
	display: none;
}
table{
	border:  1px solid #4697ff63;
	border-spacing: 0 0;
}

td, th{
	padding: 12px 10px 12px 10px;
	text-align: left;
	border: 0;
	margin: 0px;

}
.time, .group, .place{
	width: 100px;
}
.t1, .t2{
	width: 250px;
}
tr{
	background-color: white;

}
wtr {
	border-bottom: 5px solid #4697ff26;
}
/*
tbody tr:not([style*="display: none"]):nth-child(2n)
*/
.oddRow{
	background-color: #4697ff26;
}
@media only screen and  (min-width: 901px) {
	table {
		margin-left: auto;
  		margin-right: auto;
		width: 880px;
	}
}
@media only screen and  (max-width: 900px) {
	table {
		width: 100%;
	}
}
/*Mobile View*/
@media only screen and  (max-width: 600px) {
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}
	#plan {
		text-align: center;
	}
	table {
		width: 100%;
        border: 0;
	}
	td, tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr {
		border: 1px solid #4697ff63;
		margin: 10px 0;
		border-radius: 15px;
		background-color: #4697ff26;
		padding: 5px;
	}
	tr + tr { margin-top: 1.5em; }
	td {
		/* make like a "row" */
		border: none;
		/*		border-bottom: 1px solid #9af8f2; */
		position: relative;
		padding-left: 50%;
		/*		background-color: #c1e2e0;*/
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	td:before {
		content: attr(data-label);
		display: inline-block;
		line-height: 1.5;
		margin-left: -100%;
		width: 55%;
		white-space: nowrap;
		font-size: 8pt;
		vertical-align: top;
		color: #242424a8;
	}
	td{
		font-size: 11pt;
	}
	h1{
		font-size: 12pt;
	}
	h2{
		font-size: 10pt;
	}
	#updateHistory div{
		width: 300px;
	}	

}
/*Mobile View*/
@media only screen and  (max-width: 400px) {
	td:before {
		font-size: 7pt;
	}
	td{
		font-size: 10pt;
	}
	h1{
		font-size: 11pt;
	}
	h2{
		font-size: 10pt;
	}
	select {
		font-size: 10pt;
	}
}

#textFilter{
	display: none;
}

input[type="checkbox"] {
	display: none; /* Checkbox ausblenden */
}
label span {
	display: inline-block; /* Sicherstellen, dass der Text „ANZEIGE“ angezeigt wird */
	font-size: 13pt;
	width: 100%;
	padding: 2px 2px 2px 20px
}

input[type="checkbox"]:checked + label span{
	background: #bfdbff;
}
.dx-popup-content .dx-button{
	background: #bfdbff;
	margin: 4px;
}