.background-dark {
	background-color: #1E1E2D;
	color: #D4D4D8;
}

.box {
	font-family: 'sans-serif';
	font-size: 24px;
	border-radius: 20px;
	padding: 20px;
	margin: 20px;
	margin-top: 50px;
}

.normal-box {
	background-color: #27293D;
	color: #D4D4D8;
}

.highlight-box {
	background-image: linear-gradient(to bottom right, #E14ECA, #BA54F5);
	color: #FFFFFF;
}

.box-header {
	font-size: 30px;
	text-align: center;
}

.light-border {
	border-color: #2B3553;
}

.important {
	color: #BA54F5;
}

.very-important {
	color: #E14ECA;
}

.flexed {
	display: flex;
	/*justify-content: center;*/
	justify-content: space-around;
}

.plot-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.two-column {
	width: 45%;
	margin-top: 20px;
}

.four-column {
	width: 20%;
	margin-top: 20px;
}

.last-update {
	margin-top: 20px;
	font-size: 16px;
	color: grey;
	font-style: italic;
}

.train-type {
	font-size: 40px;
}

.train-scheduledDeparture {}

.train-delay {}

.train-realDeparture {}

.train-arrival-time {
	font-size: 14px;
	color: grey;
}

.train-destination {}

.train-msg-text {
	color: #3972B6;
}

.train-msg-ts {
	font-size: 20px;
	color: grey;
	font-style: italic;
}

/*
lila schrift: #BA54F5;
lila highlight: #E14ECA;
light border #2B3553;

light blue: #3972B6;

gradient von #E14ECA; bis #BA54F5;
 */