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

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

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

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

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

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

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

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

/* Neue Klassen für Ausrichtung */
.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}