diff --git a/panels/departure/style.less b/panels/departure/style.less
index e7a8f3cec7b29c71fdc19c5a235dab5a739b65de..35817e3945a5a842f1a83475e61e9f71117cd62e 100755
--- a/panels/departure/style.less
+++ b/panels/departure/style.less
@@ -2,7 +2,6 @@
 	position: relative;
 	width: 100%;
 	height: 100%;
-	background-color: #000000;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #000000;
@@ -15,7 +14,7 @@
 	[data-departure] {
 		position: relative;
 		width: 100%;
-		background-color: #000063;
+		background-color: rgba(33, 33, 134, 0.25);
 		color: #FFFFFF;
 		border-style: solid;
 		border-width: 1px;
diff --git a/panels/departure/style.less.metall b/panels/departure/style.less.metall
new file mode 100755
index 0000000000000000000000000000000000000000..35817e3945a5a842f1a83475e61e9f71117cd62e
--- /dev/null
+++ b/panels/departure/style.less.metall
@@ -0,0 +1,117 @@
+[data-departure-view] {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	border-style: solid;
+	border-width: 1px;
+	border-color: #000000;
+	padding: 0px;
+	box-sizing: border-box;
+	overflow: hidden;
+	font-family: display;
+	/* font-weight: bold */
+
+	[data-departure] {
+		position: relative;
+		width: 100%;
+		background-color: rgba(33, 33, 134, 0.25);
+		color: #FFFFFF;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #000000;
+		padding: 0px;
+		box-sizing: border-box;
+
+		[data-transport] {
+			position: relative;
+			display: inline-table;
+			width: 100%;
+			white-space: nowrap;
+
+			[data-line] {
+				position: relative;
+				display: inline-table;
+				background-color: #FFFFFF;
+				color: #0000A0;
+				width: 10%;
+				height: 100%;
+				text-align: right;
+				padding: 0px 5px;
+			}
+
+			[data-name] {
+				position: relative;
+				display: inline-table;
+			/*	background-color: #0000A0; */
+				color: #FFFFFF;
+				height: 100%;
+				padding: 0px 5px;
+			}
+		}
+
+		[data-stops] {
+			position: relative;
+			display: block;
+			width: 100%;
+
+			[data-stop] {
+				position: relative;
+				display: flex;
+				list-style: none;
+				width: 100%;
+				margin: 1px 0px 0px 0px;
+
+				[data-time] {
+					position: relative;
+					flex: 2;
+					height: 100%;
+					overflow: hidden;
+					text-align: right;
+					padding: 0px 5px 0px 0px;
+				}
+				[data-delay] {
+					position: relative;
+					flex: 1;
+					height: 100%;
+					overflow: hidden;
+					text-align: right;
+					padding: 0px 5px 0px 0px;
+					font-weight: bold;
+					color: #B8860B;
+				}
+
+				[data-name] {
+					position: relative;
+					flex: 16;
+					height: 100%;
+					overflow: hidden;
+				}
+			}
+		}
+	}
+	
+	[data-msg] {
+		position: relative;
+		width: 100%;
+		background-color: #0000A0;
+		color: #FFFFFF;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #000000;
+		padding: 0px;
+		box-sizing: border-box;
+		white-space: nowrap;
+		display: hidden;
+		
+		[data-title] {
+			width: 100%;
+			background-color: #FFFFFF;
+			color: #0000A0;
+			text-align: center;
+		}
+		
+		[data-message] {
+			width: 100%;
+		}
+	}
+}
diff --git a/panels/departure/style.less.vollblau b/panels/departure/style.less.vollblau
new file mode 100755
index 0000000000000000000000000000000000000000..e7a8f3cec7b29c71fdc19c5a235dab5a739b65de
--- /dev/null
+++ b/panels/departure/style.less.vollblau
@@ -0,0 +1,118 @@
+[data-departure-view] {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-color: #000000;
+	border-style: solid;
+	border-width: 1px;
+	border-color: #000000;
+	padding: 0px;
+	box-sizing: border-box;
+	overflow: hidden;
+	font-family: display;
+	/* font-weight: bold */
+
+	[data-departure] {
+		position: relative;
+		width: 100%;
+		background-color: #000063;
+		color: #FFFFFF;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #000000;
+		padding: 0px;
+		box-sizing: border-box;
+
+		[data-transport] {
+			position: relative;
+			display: inline-table;
+			width: 100%;
+			white-space: nowrap;
+
+			[data-line] {
+				position: relative;
+				display: inline-table;
+				background-color: #FFFFFF;
+				color: #0000A0;
+				width: 10%;
+				height: 100%;
+				text-align: right;
+				padding: 0px 5px;
+			}
+
+			[data-name] {
+				position: relative;
+				display: inline-table;
+			/*	background-color: #0000A0; */
+				color: #FFFFFF;
+				height: 100%;
+				padding: 0px 5px;
+			}
+		}
+
+		[data-stops] {
+			position: relative;
+			display: block;
+			width: 100%;
+
+			[data-stop] {
+				position: relative;
+				display: flex;
+				list-style: none;
+				width: 100%;
+				margin: 1px 0px 0px 0px;
+
+				[data-time] {
+					position: relative;
+					flex: 2;
+					height: 100%;
+					overflow: hidden;
+					text-align: right;
+					padding: 0px 5px 0px 0px;
+				}
+				[data-delay] {
+					position: relative;
+					flex: 1;
+					height: 100%;
+					overflow: hidden;
+					text-align: right;
+					padding: 0px 5px 0px 0px;
+					font-weight: bold;
+					color: #B8860B;
+				}
+
+				[data-name] {
+					position: relative;
+					flex: 16;
+					height: 100%;
+					overflow: hidden;
+				}
+			}
+		}
+	}
+	
+	[data-msg] {
+		position: relative;
+		width: 100%;
+		background-color: #0000A0;
+		color: #FFFFFF;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #000000;
+		padding: 0px;
+		box-sizing: border-box;
+		white-space: nowrap;
+		display: hidden;
+		
+		[data-title] {
+			width: 100%;
+			background-color: #FFFFFF;
+			color: #0000A0;
+			text-align: center;
+		}
+		
+		[data-message] {
+			width: 100%;
+		}
+	}
+}