table {
	width:100%;
}

table, td, tr, th {
	border-collapse: collapse;
	text-align: left;
}

td, tr, th {
	padding:1em;
}

th {
	font-weight: bold;
}
.seperator {
    border-bottom: solid 1px #d1d1d1;
    height: 1px;
	max-width: 100px;
}
@media (max-width:575px) {
	
	table, tr, td {
		padding:0;
	}
	
	table {
		border:none;
	}
	
	thead {
		display:none;
	}
	
	tr {
		float: none;
		width: 100%;
		margin-bottom: 2em;
	}
	
	td {
		float: left;
		width: 100%;
		padding:0;
	}
	
	[data-label="Montag"],
	[data-label="Mittwoch"],
	[data-label="Freitag"] {
		background: #f8f8f8;
		margin-bottom: 1em;
	}
	td::before {
		content: attr(data-label);
		word-wrap: break-word;
		float: left;
		padding: 1em;
		font-weight: bold;
		margin: 19% 0;
	}
	.table-cell {
		padding-left: 40%;
	}
	
}
@media (min-width:576px) and (max-width:700px) {
	
	table, tr, td {
		padding:0;
	}
	
	table {
		border:none;
	}
	
	thead {
		display:none;
	}
	
	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	
	td {
		float: left;
		width: 100%;
		padding:1em;
	}
	[data-label="Montag"],
	[data-label="Mittwoch"],
	[data-label="Freitag"] {
		background: #f8f8f8;
		margin-bottom: 1em;
	}
	td::before {
		content: attr(data-label);
		word-wrap: break-word;
		float: left;
		padding: 1em;
		font-weight: bold;
		margin: 12.5% 0;
	}
	.table-cell {
		padding-left: 30%;
	}
}