/* 1) LOGIK FÜR GROSSE BILDSCHIRME (Desktop) */
@media screen and (min-width: 768px) {
	.Trainingszeiten,
	.Hallen {
		table-layout: fixed !important;
		width: 100% !important;
	}

	.Trainingszeiten .column-1 {
		width: 20% !important;
	}

	.Hallen .column-1 {
		width: 20% !important;
	}

	.Trainingszeiten .column-2 {
		width: 20% !important;
	}

	.Hallen .column-2 {
		width: 80% !important;
	}

	.Trainingszeiten .column-3 {
		width: 20% !important;
	}

	.Trainingszeiten .column-4 {
		width: 40% !important;
	}

	/* Erzwingt Zeilenumbruch bei langem Text */
	.Trainingszeiten,
	.Hallen td {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
	}
}

/* 2) LOGIK FÜR KLEINE BILDSCHIRME (Mobil) */
@media screen and (max-width: 767px) {
	.Trainingszeiten,
	.Hallen {
		table-layout: auto !important; /* Erlaubt der Tabelle, so breit zu werden wie nötig */
		width: auto !important;
		min-width: 600px; /* Erzwingt eine Mindestbreite, damit gescrollt werden MUSS */
	}

	.Trainingszeiten,
	.Hallen td {
		white-space: nowrap !important; /* Verhindert Umbrüche, damit die Zeilen einzeilig bleiben */
		padding: 10px !important;
	}
}

/* Hintergrundfarbe der Kopfzeile ändern */
.Trainingszeiten thead th,
.Hallen thead th,
.Trainingszeiten tfoot th,
.Hallen tfoot th {
	background-color: rgba(179,38,30,0.8) !important; /* Hier deinen extrahierten Farbcode einfügen */
	color: #ffffff !important; /* Schriftfarbe (weiß) */
}

/*Schrift der Mail-Adresse auf normal stellen (war sonst fett)*/
.Trainingszeiten td a {
	font-weight: normal !important;
}