div.programm-container {
	width: 100%;
	overflow: auto;
	padding-block-end: 0;
}


table.legend,
table.programm {
	width: 100%;
}


table.programm tr td {
	/* border: 1px solid #000; */
	padding: 0.2em;
	text-align: center;
	vertical-align: top;

}

.legend tr td {
	padding: 1em !important;
	text-align: center;
	vertical-align: top;
	padding: 0.2em;
}

table .day,
table .time {
	background: hsl(0, 99%, 38%);
	color: hsl(0, 0%, 100%);
	font-weight: bolder;
}

table .mix {
	background: hsl(240, 75%, 70%);
	color: hsl(0, 0%, 100%);
	font-weight: bolder;
}


table .show {
	background: hsl(240, 95%, 25%);
	color: hsl(0, 0%, 100%);
	font-weight: bolder;




}

table .repeat {
	background: hsl(240, 95%, 55%);
	color: hsl(0, 0%, 100%);
	font-weight: bolder;
}



/*breakpoints*/
@media (max-width: 1440px) {}


@media (max-width: 1280px) {}

@media (max-width: 1024px) {}

@media (max-width: 900px) {}

@media (max-width: 768px) {}

@media (max-width: 480px) {}