.infotabelle {
	box-sizing: border-box;
	font-size: 1rem;
}

table.infotabelle {
	border-collapse: collapse;
	margin: 0 0 3rem;
	width: 100%;
	max-width: 800px;
}

table.infotabelle thead tr {
	background-color: rgba(0,0,0,0.2);
	font-weight: bolder;
	text-align: left;
}

table.infotabelle th,
table.infotabelle td {
	padding: 0.7rem 1.2rem;
}

table.infotabelle tbody tr {
	border-bottom: 1px solid rgb(125,125,125);
}

table.infotabelle tbody tr:last-of-type {
	border-bottom: 1px solid rgb(125,125,125);
}

table.infotabelle tbody tr:hover {
	background-color: rgba(0,0,0,0.05);
}

.infotabelle tbody tr.heute {
    background-color: rgba(255,0,0,0.05);
}


@media screen and (max-width: 800px) {
	
	table.infotabelle thead {
		display: none;
	}
	
	table.infotabelle tbody tr {
		display: block;
		margin-bottom: 1.5rem;
		background-color: rgba(0,0,0,0.1);
	}
	
	table.infotabelle tbody tr:hover {
	background-color: rgba(0,0,0,0.1);
}
	
	table.infotabelle tbody tr:last-of-type {
	border-bottom: 1px solid rgb(125,125,125);
}
	
	table.infotabelle tbody td {
		display: block;
		/*margin-bottom: 0.8rem;*/
	}
	
	table.infotabelle th,
table.infotabelle td {
	padding: 0.4rem 1.2rem;
}
	
	
	table.infotabelle tbody td::before {
		content: attr(data-label) ": ";
		display: inline-block;
		/*min-width: 100px;*/
		font-weight: bolder;
		margin: 0 20px 0 0;
	}
}