Initial commit

2020-02-26 18:32:35 +01:00 · 2020-02-26 18:32:35 +01:00 · 918ceb8e77
commit 918ceb8e77
52 changed files with 5443 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,249 @@
+
+# Created by https://www.gitignore.io/api/rider,jetbrains,dotnetcore,jetbrains+all,jetbrains+iml
+# Edit at https://www.gitignore.io/?templates=rider,jetbrains,dotnetcore,jetbrains+all,jetbrains+iml
+
+### DotnetCore ###
+# .NET Core build folders
+bin
+obj
+
+# Common node modules locations
+node_modules
+wwwroot/node_modules
+
+
+### JetBrains ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### JetBrains Patch ###
+# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
+
+# *.iml
+# modules.xml
+# .idea/misc.xml
+# *.ipr
+
+# Sonarlint plugin
+.idea/**/sonarlint/
+
+# SonarQube Plugin
+.idea/**/sonarIssues.xml
+
+# Markdown Navigator plugin
+.idea/**/markdown-navigator.xml
+.idea/**/markdown-navigator/
+
+### JetBrains+all ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+
+# Generated files
+
+# Sensitive or high-churn files
+
+# Gradle
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+
+# Mongo Explorer plugin
+
+# File-based project format
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+
+# Editor-based Rest Client
+
+# Android studio 3.1+ serialized cache file
+
+### JetBrains+all Patch ###
+# Ignores the whole .idea folder and all .iml files
+# See https://github.com/joeblau/gitignore.io/issues/186 and https://github.com/joeblau/gitignore.io/issues/360
+
+.idea/
+
+# Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-249601023
+
+*.iml
+modules.xml
+.idea/misc.xml
+*.ipr
+
+# Sonarlint plugin
+.idea/sonarlint
+
+### JetBrains+iml ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+
+# Generated files
+
+# Sensitive or high-churn files
+
+# Gradle
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+
+# Mongo Explorer plugin
+
+# File-based project format
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+
+# Editor-based Rest Client
+
+# Android studio 3.1+ serialized cache file
+
+### JetBrains+iml Patch ###
+# Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-249601023
+
+
+### Rider ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+
+# Generated files
+
+# Sensitive or high-churn files
+
+# Gradle
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+
+# Mongo Explorer plugin
+
+# File-based project format
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+
+# Editor-based Rest Client
+
+# Android studio 3.1+ serialized cache file
+
+# End of https://www.gitignore.io/api/rider,jetbrains,dotnetcore,jetbrains+all,jetbrains+iml
--- a/ZTravel.API/DBF/DbfAjaxObject.cs
+++ b/ZTravel.API/DBF/DbfAjaxObject.cs
@ -0,0 +1,25 @@
+using System;
+
+namespace ZTravel.API.DBF {
+	public class DbfAjaxObject {
+		public bool HasDepartureTime;
+		public bool HasArrivalTime;
+		public DateTime DepartureTime;
+		public DateTime ArrivalTime;
+		public string TrainName;
+		public string TrainClass;
+		public string TrainSubtype;
+		public string TrainNumber;
+		public string Line;
+		public string LineType;
+		public string Origin;
+		public string Destination;
+		public string Route;
+		public bool PlatformChanged = false;
+		public string Platform;
+		public int Delay;
+		public string Info;
+		public bool Cancelled;
+		public bool Replacement;
+	}
+}
--- a/ZTravel.API/DBF/DbfAjaxParser.cs
+++ b/ZTravel.API/DBF/DbfAjaxParser.cs
@ -0,0 +1,84 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Net;
+using System.Web;
+using System.Xml.Linq;
+// ReSharper disable PossibleNullReferenceException
+
+namespace ZTravel.API.DBF {
+	public class DbfAjaxParser {
+		public static List<DbfAjaxObject> GetDepartures(string station, string via = "") {
+			var url    = $"https://dbf.finalrewind.org/{HttpUtility.UrlEncode(station)}?via={via}&show_realtime=1&ajax=1";
+			var result = new List<DbfAjaxObject>();
+			var raw    = new WebClient().DownloadString(url);
+			var xel    = XElement.Parse($"<root>{raw}</root>", LoadOptions.PreserveWhitespace);
+			foreach (var el in xel.Elements()) {
+				var connection = new DbfAjaxObject();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-line")?.Value))
+					connection.Line = el.Attribute("data-line")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-train")?.Value))
+					connection.TrainName = el.Attribute("data-train")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-from")?.Value))
+					connection.Origin = el.Attribute("data-from")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-to")?.Value))
+					connection.Destination = el.Attribute("data-to")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-platform")?.Value))
+					connection.Platform = el.Attribute("data-platform")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-no")?.Value))
+					connection.TrainNumber = el.Attribute("data-no")?.Value.Trim();
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-linetype")?.Value))
+					connection.LineType = el.Attribute("data-linetype")?.Value.Trim();
+				
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-arrival")?.Value)) {
+					connection.HasArrivalTime = true;
+					connection.ArrivalTime    = DateTime.ParseExact(el.Attribute("data-arrival")?.Value.Trim(), "HH:mm", CultureInfo.InvariantCulture);
+				}
+
+				if (!string.IsNullOrWhiteSpace(el.Attribute("data-departure")?.Value)) {
+					connection.HasDepartureTime = true;
+					connection.DepartureTime    = DateTime.ParseExact(el.Attribute("data-departure")?.Value.Trim(), "HH:mm", CultureInfo.InvariantCulture);
+				}
+
+				var route = el.Descendants("span").FirstOrDefault(div => div.Attribute("class").Value.StartsWith("route"))?.Value;
+				if (!string.IsNullOrWhiteSpace(route))
+					connection.Route = route.Trim();
+				
+				var trainClass = el.Descendants("div").FirstOrDefault(div => div.Attribute("class").Value.StartsWith("line"))?.Value;
+				if (!string.IsNullOrWhiteSpace(trainClass))
+					connection.TrainClass = trainClass.Trim().Split("\n")[0].Trim();
+
+				var trainSubtype = el.Descendants("div")
+									 .FirstOrDefault(div => div.Descendants("span").Any(span => span.Attribute("class").Value.StartsWith("trainsubtype")))
+									 ?.Descendants("span")
+									 .FirstOrDefault(span => span.Attribute("class").Value.StartsWith("trainsubtype"))
+									 ?.Value;
+				if (!string.IsNullOrWhiteSpace(trainSubtype))
+					connection.TrainSubtype = trainSubtype.Trim();
+				
+				var trainNumber = el.Descendants("div")
+									 .FirstOrDefault(div => div.Descendants("span").Any(span => span.Attribute("class").Value.StartsWith("trainno")))
+									 ?.Descendants("span")
+									 .FirstOrDefault(span => span.Attribute("class").Value.StartsWith("trainno"))
+									 ?.Value;
+				if (!string.IsNullOrWhiteSpace(trainNumber))
+					connection.TrainNumber = trainNumber.Trim();
+				
+				var platform = el.Descendants("span").FirstOrDefault(div => div.Attribute("class").Value.StartsWith("platform"));
+				if (platform.Attribute("class")?.Value == "platform changed-platform") {
+					connection.Platform        = platform.Value.Trim();
+					connection.PlatformChanged = true;
+				}
+
+				var dest = el.Descendants("span").FirstOrDefault(div => div.Attribute("class").Value.StartsWith("dest"));
+				if (dest.Attribute("class")?.Value == "dest  cancelled")
+					connection.Cancelled = true;
+
+				result.Add(connection);
+			}
+
+			return result;
+		}
+	}
+}
--- a/ZTravel.API/DBF/DbfApi.cs
+++ b/ZTravel.API/DBF/DbfApi.cs
@ -0,0 +1,15 @@
+using System.Collections.Generic;
+using System.Net;
+using ZTravel.API.VRRF;
+
+namespace ZTravel.API.DBF {
+	public class DbfApi {
+		public static List<Departure> GetDepartures(string api, string station, string via = "") {
+			var url =
+				$"https://{api}/{WebUtility.UrlEncode(station)}?show_realtime=1&via={WebUtility.UrlEncode(via)}&mode=json&version=3";
+			var raw  = new WebClient().DownloadString(url);
+			var json = DbfResponse.FromJson(raw);
+			return json.Departures;
+		}
+	}
+}
--- a/ZTravel.API/DBF/DbfResponse.cs
+++ b/ZTravel.API/DBF/DbfResponse.cs
@ -0,0 +1,83 @@
+// <auto-generated />
+//
+// To parse this JSON data, add NuGet 'Newtonsoft.Json' then do:
+//
+//    using ZTravel.API.DBF;
+//
+//    var dbfResponse = DbfResponse.FromJson(jsonString);
+
+namespace ZTravel.API.DBF
+{
+    using System;
+    using System.Collections.Generic;
+
+    using System.Globalization;
+    using Newtonsoft.Json;
+    using Newtonsoft.Json.Converters;
+    using J = Newtonsoft.Json.JsonPropertyAttribute;
+    using R = Newtonsoft.Json.Required;
+    using N = Newtonsoft.Json.NullValueHandling;
+
+    public partial class DbfResponse
+    {
+        [J("departures")] public List<Departure> Departures { get; set; }
+    }
+
+    public partial class Departure
+    {
+        [J("delayArrival")]       public int? DelayArrival { get; set; }       
+        [J("delayDeparture")]     public int? DelayDeparture { get; set; }     
+        [J("destination")]        public string Destination { get; set; }       
+        [J("isCancelled")]        public long IsCancelled { get; set; }         
+        [J("messages")]           public Messages Messages { get; set; }        
+        [J("platform")]           public string Platform { get; set; }          
+        [J("route")]              public List<Route> Route { get; set; }        
+        [J("scheduledArrival")]   public string ScheduledArrival { get; set; }  
+        [J("scheduledDeparture")] public string ScheduledDeparture { get; set; }
+        [J("scheduledPlatform")]  public string ScheduledPlatform { get; set; } 
+        [J("train")]              public string Train { get; set; }             
+        [J("trainClasses")]       public List<string> TrainClasses { get; set; }
+        [J("trainNumber")]        public string TrainNumber { get; set; }       
+        [J("via")]                public List<string> Via { get; set; }         
+    }
+
+    public partial class Messages
+    {
+        [J("delay")] public List<Delay> Delay { get; set; }
+        [J("qos")]   public List<Delay> Qos { get; set; } 
+    }
+
+    public partial class Delay
+    {
+        [J("text")]      public string Text { get; set; }     
+        [J("timestamp")] public string Timestamp { get; set; }
+    }
+
+    public partial class Route
+    {
+        [J("name")] public string Name { get; set; }
+    }
+
+    public partial class DbfResponse
+    {
+        public static DbfResponse FromJson(string json) => JsonConvert.DeserializeObject<DbfResponse>(json, ZTravel.API.DBF.Converter.Settings);
+    }
+
+    public static partial class Serialize
+    {
+        public static string ToJson(this DbfResponse self) => JsonConvert.SerializeObject(self, ZTravel.API.DBF.Converter.Settings);
+    }
+
+    internal static partial class Converter
+    {
+        public static readonly JsonSerializerSettings Settings = new JsonSerializerSettings
+        {
+            MetadataPropertyHandling = MetadataPropertyHandling.Ignore,
+            DateParseHandling = DateParseHandling.None,
+            Converters =
+            {
+                new IsoDateTimeConverter { DateTimeStyles = DateTimeStyles.AssumeUniversal }
+            },
+        };
+    }
+}
--- a/ZTravel.API/DBF/DbfTypeMapping.cs
+++ b/ZTravel.API/DBF/DbfTypeMapping.cs
@ -0,0 +1,37 @@
+// <auto-generated />
+//
+// To parse this JSON data, add NuGet 'Newtonsoft.Json' then do:
+//
+//    using ZTravel.API.DBF;
+//
+//    var dbfTypeMapping = DbfTypeMapping.FromJson(jsonString);
+
+namespace ZTravel.API.DBF
+{
+    using System;
+    using System.Collections.Generic;
+
+    using System.Globalization;
+    using Newtonsoft.Json;
+    using Newtonsoft.Json.Converters;
+    using J = Newtonsoft.Json.JsonPropertyAttribute;
+    using R = Newtonsoft.Json.Required;
+    using N = Newtonsoft.Json.NullValueHandling;
+
+    public partial class DbfTypeMapping
+    {
+        [J("raw")]                                 public string Raw { get; set; }  
+        [J("short", NullValueHandling = N.Ignore)] public string Short { get; set; }
+        [J("type")]                                public string Type { get; set; } 
+    }
+
+    public partial class DbfTypeMapping
+    {
+        public static Dictionary<string, DbfTypeMapping> FromJson(string json) => JsonConvert.DeserializeObject<Dictionary<string, DbfTypeMapping>>(json, ZTravel.API.DBF.Converter.Settings);
+    }
+
+    public static partial class Serialize
+    {
+        public static string ToJson(this Dictionary<string, DbfTypeMapping> self) => JsonConvert.SerializeObject(self, ZTravel.API.DBF.Converter.Settings);
+    }
+}
--- a/ZTravel.API/HAFAS/HafasApi.cs
+++ b/ZTravel.API/HAFAS/HafasApi.cs
@ -0,0 +1,9 @@
+using dirkj.hafas.net;
+
+namespace ZTravel.API.HAFAS {
+	public class HafasApi {
+		public void test() {
+			var provider = new HafasProvider(HafasEndpoints.DSB);
+		}
+	}
+}
--- a/ZTravel.API/Marudor/HAFAS/Details/MarudorHafasDetailsApi.cs
+++ b/ZTravel.API/Marudor/HAFAS/Details/MarudorHafasDetailsApi.cs
@ -0,0 +1,15 @@
+using System;
+using System.Net;
+using System.Web;
+
+namespace ZTravel.API.Marudor.HAFAS.Details {
+	public class MarudorHafasDetailsApi {
+		public static MarudorHafasDetailsResponse GetDetails(string train, long epoch = 0) {
+			var url = $"https://marudor.de/api/hafas/v1/details/{train}";
+			Console.WriteLine(url);
+			var raw = new WebClient().DownloadString(url);
+			var json = MarudorHafasDetailsResponse.FromJson(raw);
+			return json;
+		}
+	}
+}
--- a/ZTravel.API/Marudor/HAFAS/Details/MarudorHafasDetailsResponse.cs
+++ b/ZTravel.API/Marudor/HAFAS/Details/MarudorHafasDetailsResponse.cs
@ -0,0 +1,152 @@
+// <auto-generated />
+//
+// To parse this JSON data, add NuGet 'Newtonsoft.Json' then do:
+//
+//    using ZTravel.API.Marudor.HAFAS.Details;
+//
+//    var marudorHafasDetailsResponse = MarudorHafasDetailsResponse.FromJson(jsonString);
+
+namespace ZTravel.API.Marudor.HAFAS.Details
+{
+    using System;
+    using System.Collections.Generic;
+
+    using System.Globalization;
+    using Newtonsoft.Json;
+    using Newtonsoft.Json.Converters;
+    using J = Newtonsoft.Json.JsonPropertyAttribute;
+    using R = Newtonsoft.Json.Required;
+    using N = Newtonsoft.Json.NullValueHandling;
+
+    public partial class MarudorHafasDetailsResponse
+    {
+        [J("arrival")]            public Arrival Arrival { get; set; }                
+        [J("departure")]          public Arrival Departure { get; set; }              
+        [J("duration")]           public long Duration { get; set; }                  
+        [J("plannedSequence")]    public PlannedSequence PlannedSequence { get; set; }
+        [J("train")]              public Train Train { get; set; }                    
+        [J("segmentStart")]       public Segment SegmentStart { get; set; }           
+        [J("segmentDestination")] public Segment SegmentDestination { get; set; }     
+        [J("stops")]              public List<Stop> Stops { get; set; }               
+        [J("finalDestination")]   public string FinalDestination { get; set; }        
+        [J("jid")]                public string Jid { get; set; }                     
+        [J("auslastung")]         public Auslastung Auslastung { get; set; }          
+        [J("messages")]           public List<Message> Messages { get; set; }         
+        [J("type")]               public string Type { get; set; }                    
+    }
+
+    public partial class Arrival
+    {
+        [J("platform")]      public string Platform { get; set; }   
+        [J("scheduledTime")] public long ScheduledTime { get; set; }
+        [J("time")]          public long Time { get; set; }         
+        [J("reihung")]       public bool Reihung { get; set; }      
+    }
+
+    public partial class Auslastung
+    {
+        [J("first")]  public long First { get; set; } 
+        [J("second")] public long Second { get; set; }
+    }
+
+    public partial class Message
+    {
+        [J("type")] public string Type { get; set; }
+        [J("code")] public string Code { get; set; }
+        [J("prio")] public long Prio { get; set; }  
+        [J("icoX")] public long IcoX { get; set; }  
+        [J("txtN")] public string TxtN { get; set; }
+    }
+
+    public partial class PlannedSequence
+    {
+        [J("raw")]    public string Raw { get; set; }   
+        [J("short")]  public string Short { get; set; } 
+        [J("type")]   public string Type { get; set; }  
+        [J("wagons")] public Wagons Wagons { get; set; }
+    }
+
+    public partial class Wagons
+    {
+        [J("Apmzf")] public bool Apmzf { get; set; }
+        [J("Avmz")]  public bool Avmz { get; set; } 
+        [J("BRmz")]  public bool BRmz { get; set; } 
+        [J("Bpmbz")] public bool Bpmbz { get; set; }
+        [J("Bpmz")]  public bool Bpmz { get; set; } 
+        [J("Bpmzf")] public bool Bpmzf { get; set; }
+        [J("Bvmz")]  public bool Bvmz { get; set; } 
+        [J("WRmz")]  public bool WRmz { get; set; } 
+    }
+
+    public partial class Segment
+    {
+        [J("title")] public string Title { get; set; }
+        [J("id")]    public string Id { get; set; }   
+    }
+
+    public partial class Stop
+    {
+        [J("station")]                                    public Station Station { get; set; }               
+        [J("departure", NullValueHandling = N.Ignore)]    public Arrival Departure { get; set; }             
+        [J("auslastung", NullValueHandling = N.Ignore)]   public Auslastung Auslastung { get; set; }         
+        [J("arrival", NullValueHandling = N.Ignore)]      public Arrival Arrival { get; set; }               
+        [J("irisMessages", NullValueHandling = N.Ignore)] public List<IrisMessage> IrisMessages { get; set; }
+    }
+
+    public partial class IrisMessage
+    {
+        [J("text")]      public string Text { get; set; }   
+        [J("timestamp")] public long Timestamp { get; set; }
+    }
+
+    public partial class Station
+    {
+        [J("id")]          public string Id { get; set; }              
+        [J("title")]       public string Title { get; set; }           
+        [J("coordinates")] public Coordinates Coordinates { get; set; }
+    }
+
+    public partial class Coordinates
+    {
+        [J("lng")] public double Lng { get; set; }
+        [J("lat")] public double Lat { get; set; }
+    }
+
+    public partial class Train
+    {
+        [J("name")]     public string Name { get; set; }      
+        [J("admin")]    public string Admin { get; set; }     
+        [J("number")]   public string Number { get; set; }    
+        [J("type")]     public string Type { get; set; }      
+        [J("operator")] public Operator Operator { get; set; }
+    }
+
+    public partial class Operator
+    {
+        [J("name")] public string Name { get; set; }
+        [J("icoX")] public long IcoX { get; set; }  
+    }
+
+    public partial class MarudorHafasDetailsResponse
+    {
+        public static MarudorHafasDetailsResponse FromJson(string json) => JsonConvert.DeserializeObject<MarudorHafasDetailsResponse>(json, ZTravel.API.Marudor.HAFAS.Details.Converter.Settings);
+    }
+
+    public static class Serialize
+    {
+        public static string ToJson(this MarudorHafasDetailsResponse self) => JsonConvert.SerializeObject(self, ZTravel.API.Marudor.HAFAS.Details.Converter.Settings);
+    }
+
+    internal static class Converter
+    {
+        public static readonly JsonSerializerSettings Settings = new JsonSerializerSettings
+        {
+            MetadataPropertyHandling = MetadataPropertyHandling.Ignore,
+            DateParseHandling = DateParseHandling.None,
+            Converters =
+            {
+                new IsoDateTimeConverter { DateTimeStyles = DateTimeStyles.AssumeUniversal }
+            },
+        };
+    }
+}
--- a/ZTravel.API/Marudor/Wagenreihung/WagenreihungApi.cs
+++ b/ZTravel.API/Marudor/Wagenreihung/WagenreihungApi.cs
@ -0,0 +1,5 @@
+namespace ZTravel.API.Marudor.Wagenreihung {
+	public class WagenreihungApi {
+		
+	}
+}
--- a/ZTravel.API/Marudor/Wagenreihung/WagenreihungResponse.cs
+++ b/ZTravel.API/Marudor/Wagenreihung/WagenreihungResponse.cs
@ -0,0 +1,156 @@
+// <auto-generated />
+//
+// To parse this JSON data, add NuGet 'Newtonsoft.Json' then do:
+//
+//    using ZTravel.API.Marudor.Wagenreihung;
+//
+//    var wagenreihungResponse = WagenreihungResponse.FromJson(jsonString);
+
+namespace ZTravel.API.Marudor.Wagenreihung
+{
+    using System;
+    using System.Collections.Generic;
+
+    using System.Globalization;
+    using Newtonsoft.Json;
+    using Newtonsoft.Json.Converters;
+    using J = Newtonsoft.Json.JsonPropertyAttribute;
+    using R = Newtonsoft.Json.Required;
+    using N = Newtonsoft.Json.NullValueHandling;
+
+    public partial class WagenreihungResponse
+    {
+        [J("fahrtrichtung")]        public string Fahrtrichtung { get; set; }                     
+        [J("allFahrzeuggruppe")]    public List<AllFahrzeuggruppe> AllFahrzeuggruppe { get; set; }
+        [J("halt")]                 public Halt Halt { get; set; }                                
+        [J("liniebezeichnung")]     public string Liniebezeichnung { get; set; }                  
+        [J("zuggattung")]           public string Zuggattung { get; set; }                        
+        [J("zugnummer")]            public string Zugnummer { get; set; }                         
+        [J("serviceid")]            public string Serviceid { get; set; }                         
+        [J("planstarttag")]         public string Planstarttag { get; set; }                      
+        [J("fahrtid")]              public string Fahrtid { get; set; }                           
+        [J("istplaninformation")]   public bool Istplaninformation { get; set; }                  
+        [J("differentDestination")] public bool DifferentDestination { get; set; }                
+        [J("differentZugnummer")]   public bool DifferentZugnummer { get; set; }                  
+        [J("realFahrtrichtung")]    public bool RealFahrtrichtung { get; set; }                   
+        [J("scale")]                public double Scale { get; set; }                             
+        [J("startPercentage")]      public long StartPercentage { get; set; }                     
+        [J("endPercentage")]        public long EndPercentage { get; set; }                       
+        [J("isRealtime")]           public bool IsRealtime { get; set; }                          
+    }
+
+    public partial class AllFahrzeuggruppe
+    {
+        [J("allFahrzeug")]               public List<AllFahrzeug> AllFahrzeug { get; set; }   
+        [J("fahrzeuggruppebezeichnung")] public string Fahrzeuggruppebezeichnung { get; set; }
+        [J("zielbetriebsstellename")]    public string Zielbetriebsstellename { get; set; }   
+        [J("startbetriebsstellename")]   public string Startbetriebsstellename { get; set; }  
+        [J("verkehrlichezugnummer")]     public string Verkehrlichezugnummer { get; set; }    
+        [J("br")]                        public Br Br { get; set; }                           
+        [J("goesToFrance")]              public bool GoesToFrance { get; set; }               
+        [J("tzn")]                       public string Tzn { get; set; }                      
+        [J("name")]                      public string Name { get; set; }                     
+        [J("startPercentage")]           public long StartPercentage { get; set; }            
+        [J("endPercentage")]             public long EndPercentage { get; set; }              
+    }
+
+    public partial class AllFahrzeug
+    {
+        [J("allFahrzeugausstattung")] public List<AllFahrzeugausstattung> AllFahrzeugausstattung { get; set; }
+        [J("kategorie")]              public string Kategorie { get; set; }                                   
+        [J("fahrzeugnummer")]         public string Fahrzeugnummer { get; set; }                              
+        [J("orientierung")]           public string Orientierung { get; set; }                                
+        [J("positioningruppe")]       public string Positioningruppe { get; set; }                            
+        [J("fahrzeugsektor")]         public string Fahrzeugsektor { get; set; }                              
+        [J("fahrzeugtyp")]            public string Fahrzeugtyp { get; set; }                                 
+        [J("wagenordnungsnummer")]    public string Wagenordnungsnummer { get; set; }                         
+        [J("positionamhalt")]         public Positionam Positionamhalt { get; set; }                          
+        [J("status")]                 public string Status { get; set; }                                      
+        [J("additionalInfo")]         public AdditionalInfo AdditionalInfo { get; set; }                      
+    }
+
+    public partial class AdditionalInfo
+    {
+        [J("klasse")]                                      public long Klasse { get; set; }         
+        [J("icons")]                                       public Icons Icons { get; set; }         
+        [J("comfort", NullValueHandling = N.Ignore)]       public bool? Comfort { get; set; }       
+        [J("comfortSeats", NullValueHandling = N.Ignore)]  public string ComfortSeats { get; set; } 
+        [J("disabledSeats", NullValueHandling = N.Ignore)] public string DisabledSeats { get; set; }
+    }
+
+    public partial class Icons
+    {
+        [J("quiet", NullValueHandling = N.Ignore)]      public bool? Quiet { get; set; }     
+        [J("family", NullValueHandling = N.Ignore)]     public bool? Family { get; set; }    
+        [J("disabled", NullValueHandling = N.Ignore)]   public bool? Disabled { get; set; }  
+        [J("dining", NullValueHandling = N.Ignore)]     public bool? Dining { get; set; }    
+        [J("info", NullValueHandling = N.Ignore)]       public bool? Info { get; set; }      
+        [J("toddler", NullValueHandling = N.Ignore)]    public bool? Toddler { get; set; }   
+        [J("wheelchair", NullValueHandling = N.Ignore)] public bool? Wheelchair { get; set; }
+    }
+
+    public partial class AllFahrzeugausstattung
+    {
+        [J("anzahl")]          public string Anzahl { get; set; }         
+        [J("ausstattungsart")] public string Ausstattungsart { get; set; }
+        [J("bezeichnung")]     public string Bezeichnung { get; set; }    
+        [J("status")]          public string Status { get; set; }         
+    }
+
+    public partial class Positionam
+    {
+        [J("endemeter")]    public string Endemeter { get; set; }   
+        [J("endeprozent")]  public string Endeprozent { get; set; } 
+        [J("startmeter")]   public string Startmeter { get; set; }  
+        [J("startprozent")] public string Startprozent { get; set; }
+    }
+
+    public partial class Br
+    {
+        [J("name")]       public string Name { get; set; }    
+        [J("BR")]         public string BrBr { get; set; }    
+        [J("country")]    public string Country { get; set; } 
+        [J("showBRInfo")] public bool ShowBrInfo { get; set; }
+    }
+
+    public partial class Halt
+    {
+        [J("abfahrtszeit")]     public string Abfahrtszeit { get; set; }      
+        [J("ankunftszeit")]     public string Ankunftszeit { get; set; }      
+        [J("bahnhofsname")]     public string Bahnhofsname { get; set; }      
+        [J("evanummer")]        public string Evanummer { get; set; }         
+        [J("gleisbezeichnung")] public string Gleisbezeichnung { get; set; }  
+        [J("haltid")]           public string Haltid { get; set; }            
+        [J("rl100")]            public string Rl100 { get; set; }             
+        [J("allSektor")]        public List<AllSektor> AllSektor { get; set; }
+    }
+
+    public partial class AllSektor
+    {
+        [J("positionamgleis")]   public Positionam Positionamgleis { get; set; }
+        [J("sektorbezeichnung")] public string Sektorbezeichnung { get; set; }  
+    }
+
+    public partial class WagenreihungResponse
+    {
+        public static WagenreihungResponse FromJson(string json) => JsonConvert.DeserializeObject<WagenreihungResponse>(json, ZTravel.API.Marudor.Wagenreihung.Converter.Settings);
+    }
+
+    public static class Serialize
+    {
+        public static string ToJson(this WagenreihungResponse self) => JsonConvert.SerializeObject(self, ZTravel.API.Marudor.Wagenreihung.Converter.Settings);
+    }
+
+    internal static class Converter
+    {
+        public static readonly JsonSerializerSettings Settings = new JsonSerializerSettings
+        {
+            MetadataPropertyHandling = MetadataPropertyHandling.Ignore,
+            DateParseHandling = DateParseHandling.None,
+            Converters =
+            {
+                new IsoDateTimeConverter { DateTimeStyles = DateTimeStyles.AssumeUniversal }
+            },
+        };
+    }
+}
--- a/ZTravel.API/VRRF/VrrfApi.cs
+++ b/ZTravel.API/VRRF/VrrfApi.cs
@ -0,0 +1,14 @@
+using System.Collections.Generic;
+using System.Net;
+
+namespace ZTravel.API.VRRF {
+	public class VrrfApi {
+		public static VrrfResponse GetDepartures(string api, string backend, string city, string station, int offset = 0, string line = "", string platform = "") {
+			var url =
+				$"https://{api}/{city}/{WebUtility.UrlEncode(station)}.json?backend={backend}&offset={offset}&line={line}&platform={platform}";
+			var raw = new WebClient().DownloadString(url);
+			var json = VrrfResponse.FromJson(raw);
+			return json;
+		}
+	}
+}
--- a/ZTravel.API/VRRF/VrrfResponse.cs
+++ b/ZTravel.API/VRRF/VrrfResponse.cs
@ -0,0 +1,86 @@
+// <auto-generated />
+//
+// To parse this JSON data, add NuGet 'Newtonsoft.Json' then do:
+//
+//    using ZTravel.API.VRRF;
+//
+//    var vrrfResponse = VrrfResponse.FromJson(jsonString);
+
+namespace ZTravel.API.VRRF
+{
+    using System;
+    using System.Collections.Generic;
+
+    using System.Globalization;
+    using Newtonsoft.Json;
+    using Newtonsoft.Json.Converters;
+    using J = Newtonsoft.Json.JsonPropertyAttribute;
+    using R = Newtonsoft.Json.Required;
+    using N = Newtonsoft.Json.NullValueHandling;
+
+    public partial class VrrfResponse
+    {
+        [J("error")]        public object Error { get; set; }                   
+        [J("preformatted")] public List<List<string>> Preformatted { get; set; }
+        [J("raw")]          public List<Raw> Raw { get; set; }                  
+        [J("version")]      public string Version { get; set; }                 
+    }
+
+    public partial class Raw
+    {
+        [J("countdown")]     public string Countdown { get; set; }      
+        [J("date")]          public string Date { get; set; }           
+        [J("delay")]         public string Delay { get; set; }          
+        [J("destination")]   public string Destination { get; set; }    
+        [J("info")]          public string Info { get; set; }           
+        [J("is_cancelled")]  public long IsCancelled { get; set; }      
+        [J("key")]           public string Key { get; set; }            
+        [J("line")]          public string Line { get; set; }           
+        [J("lineref")]       public Lineref Lineref { get; set; }       
+        [J("mot")]           public string Mot { get; set; }            
+        [J("next_route")]    public List<object> NextRoute { get; set; }
+        [J("platform")]      public string Platform { get; set; }       
+        [J("platform_db")]   public long PlatformDb { get; set; }       
+        [J("platform_name")] public string PlatformName { get; set; }   
+        [J("prev_route")]    public List<object> PrevRoute { get; set; }
+        [J("sched_date")]    public string SchedDate { get; set; }      
+        [J("sched_time")]    public string SchedTime { get; set; }      
+        [J("time")]          public string Time { get; set; }           
+        [J("type")]          public string Type { get; set; }           
+    }
+
+    public partial class Lineref
+    {
+        [J("direction")]  public string Direction { get; set; } 
+        [J("identifier")] public string Identifier { get; set; }
+        [J("mot")]        public string Mot { get; set; }       
+        [J("name")]       public string Name { get; set; }      
+        [J("operator")]   public string Operator { get; set; }  
+        [J("route")]      public string Route { get; set; }     
+        [J("type")]       public string Type { get; set; }      
+        [J("valid")]      public string Valid { get; set; }     
+    }
+
+    public partial class VrrfResponse
+    {
+        public static VrrfResponse FromJson(string json) => JsonConvert.DeserializeObject<VrrfResponse>(json, ZTravel.API.VRRF.Converter.Settings);
+    }
+
+    public static class Serialize
+    {
+        public static string ToJson(this VrrfResponse self) => JsonConvert.SerializeObject(self, ZTravel.API.VRRF.Converter.Settings);
+    }
+
+    internal static class Converter
+    {
+        public static readonly JsonSerializerSettings Settings = new JsonSerializerSettings
+        {
+            MetadataPropertyHandling = MetadataPropertyHandling.Ignore,
+            DateParseHandling = DateParseHandling.None,
+            Converters =
+            {
+                new IsoDateTimeConverter { DateTimeStyles = DateTimeStyles.AssumeUniversal }
+            },
+        };
+    }
+}
--- a/ZTravel.API/ZTravel.API.csproj
+++ b/ZTravel.API/ZTravel.API.csproj
@ -0,0 +1,16 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+    <PropertyGroup>
+        <TargetFramework>netcoreapp3.1</TargetFramework>
+    </PropertyGroup>
+
+    <ItemGroup>
+      <Folder Include="VRRF" />
+    </ItemGroup>
+
+    <ItemGroup>
+      <PackageReference Include="dirkj.hafas.net" Version="1.0.0" />
+      <PackageReference Include="Newtonsoft.Json" Version="12.0.3" />
+    </ItemGroup>
+
+</Project>
--- a/ZTravel.CLI/Program.cs
+++ b/ZTravel.CLI/Program.cs
@ -0,0 +1,45 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using ZTravel.API.VRRF;
+using ZTravel.API.DBF;
+
+namespace ZTravel.CLI {
+	internal static class Departures {
+		private static void Mainold(string[] args) {
+			if (args[0] == "vrrf") {
+				var deps = args.Length switch {
+					6 => VrrfApi.GetDepartures(args[1], args[2], args[3], args[4], platform: args[5]).Raw,
+					5 => VrrfApi.GetDepartures(args[1], args[2], args[3], args[4]).Raw,
+					_ => new List<Raw>()
+				};
+
+				foreach (var dep in deps) {
+					var rawtime      = DateTime.ParseExact($"{dep.SchedDate} {dep.Time}", "dd.MM.yyyy HH:mm", CultureInfo.InvariantCulture);
+					var countdownRaw = rawtime - DateTime.Now;
+					var countdown    = Math.Round(countdownRaw.TotalMinutes);
+					var time         = countdown <= 60 ? $"{countdown,2} min" : $"{dep.Time,6}";
+					if (countdown <= 0)
+						time = "   now";
+					if (countdown <= -1)
+						continue;
+
+					Console.WriteLine($"{dep.Line,-3} -> {dep.Destination.Replace($"{args[3]} ", ""),-30} {time}");
+				}
+			}
+			
+			if (args[0] == "dbf") {
+				var deps = args.Length switch {
+					3 => DbfApi.GetDepartures(args[1], args[2]),
+					4 => DbfApi.GetDepartures(args[1], args[2], args[3]),
+					_ => new List<Departure>()
+				};
+
+				foreach (var dep in deps.Where(p => p.ScheduledDeparture != null)) {
+					Console.WriteLine($"{dep.Train,-10} -> {dep.Destination,-30} {dep.ScheduledDeparture}");
+				}
+			}
+		}
+	}
+}
--- a/ZTravel.CLI/TestMain.cs
+++ b/ZTravel.CLI/TestMain.cs
@ -0,0 +1,13 @@
+using System;
+using ZTravel.API.DBF;
+
+namespace ZTravel.CLI {
+	public class TestMain {
+		private static void Main(string[] args) {
+			var deps = DbfAjaxParser.GetDepartures("München Hbf");
+			foreach (var dep in deps) {
+				Console.WriteLine(dep.Line);
+			}
+		}
+	}
+}
--- a/ZTravel.CLI/ZTravel.CLI.csproj
+++ b/ZTravel.CLI/ZTravel.CLI.csproj
@ -0,0 +1,12 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+    <PropertyGroup>
+        <OutputType>Exe</OutputType>
+        <TargetFramework>netcoreapp3.1</TargetFramework>
+    </PropertyGroup>
+
+    <ItemGroup>
+      <ProjectReference Include="..\ZTravel.API\ZTravel.API.csproj" />
+    </ItemGroup>
+
+</Project>
--- a/ZTravel.Web/Pages/Cebotari.cshtml
+++ b/ZTravel.Web/Pages/Cebotari.cshtml
@ -0,0 +1,53 @@
+@page
+@using System.Globalization
+@using ZTravel.API.VRRF
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Departures - ZTravel</title>
+    <meta http-equiv="refresh" content="30">
+    <link rel="stylesheet" href="~/css/site.css"/>
+</head>
+<body>
+<div class="navbar-fixed">
+	<nav style="color: #ffffff; background-color: #00838f;">
+		<div class="nav-wrapper container">
+			<span class="brand-logo">Salzburg Maria-Cebotari-Straße (2)</span>
+		</div>
+	</nav>
+</div>
+<div class="app applight">
+    <ul>
+        @foreach (var dep in VrrfApi.GetDepartures("vrrf.finalrewind.org", "efa.SVV", "salzburg", "cebotari", platform: "2").Raw) {
+            var rawtime      = DateTime.ParseExact($"{dep.SchedDate} {dep.Time}", "dd.MM.yyyy HH:mm", CultureInfo.InvariantCulture);
+            var countdownRaw = rawtime - DateTime.Now;
+            var countdown    = Math.Round(countdownRaw.TotalMinutes);
+            var time         = countdown <= 60 ? $"{countdown} min" : dep.Time;
+            if (countdown <= 0) {
+                time = "now";
+            }
+            if (countdown <= -1) {
+                continue;
+            }
+            
+            <li>
+                @if (int.Parse(dep.Line) < 14) {
+                    <div class="line obus obus-line-@dep.Line">@dep.Line</div>
+                }
+                else {
+                    <div class="line bus">@dep.Line</div>
+                }
+                <div class="dest">@dep.Destination</div>
+                <span class="route">@dep.Lineref.Route</span>
+                <span class="countdown">
+                    <span class="platform">@time</span>
+                </span>
+                <span class="time">@dep.Time</span>
+            </li>
+        }
+    </ul>
+</div>
+</body>
+</html>
--- a/ZTravel.Web/Pages/CebotariLCD.cshtml
+++ b/ZTravel.Web/Pages/CebotariLCD.cshtml
@ -0,0 +1,64 @@
+@page
+@using System.Globalization
+@using ZTravel.API.VRRF
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Departures - ZTravel</title>
+    <meta http-equiv="refresh" content="30">
+    <link rel="stylesheet" href="~/css/space.css"/>
+    <style>
+        body {
+          zoom: 130% !important;
+        }
+    </style>
+</head>
+<body>
+<!--
+<div class="navbar-fixed">
+    <nav style="color: #ffffff; background-color: #00838f;">
+        <div class="nav-wrapper container">
+            <span class="brand-logo">Salzburg Justizgebäude (+5)</span>
+        </div>
+    </nav>
+</div>
+-->
+<div class="app appdark">
+    <ul>
+        @{
+            var counter = 0;
+        }
+        @foreach (var dep in VrrfApi.GetDepartures("vrrf.finalrewind.org", "efa.SVV", "salzburg", "maria-cebotari-straße", platform: "2").Raw) {
+            if (int.Parse(dep.Line) >= 20) {
+                continue;
+            }
+            counter++;
+            var rawtime = DateTime.ParseExact($"{dep.Date} {dep.Time}", "dd.MM.yyyy HH:mm", CultureInfo.InvariantCulture);
+            var countdownRaw = rawtime - DateTime.Now;
+            var countdown = Math.Round(countdownRaw.TotalMinutes);
+            var time = countdown <= 60 ? $"{countdown} min" : dep.Time;
+            if (countdown <= 0) {
+                time = "now";
+            }
+            if (countdown <= 5) {
+                continue;
+            }
+            <li>
+                @if (int.Parse(dep.Line) < 14) {
+                    <div class="line obus">@dep.Line</div>
+                }
+                else {
+                    <div class="line bus">@dep.Line</div>
+                }
+                <div class="dest">@dep.Destination</div>
+                <span class="countdown">
+                    <span class="platform">@time</span>
+                </span>
+            </li>
+        }
+    </ul>
+</div>
+</body>
+</html>
--- a/ZTravel.Web/Pages/Error.cshtml
+++ b/ZTravel.Web/Pages/Error.cshtml
@ -0,0 +1,26 @@
+@page
+@model ErrorModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to the <strong>Development</strong> environment displays detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
--- a/ZTravel.Web/Pages/Error.cshtml.cs
+++ b/ZTravel.Web/Pages/Error.cshtml.cs
@ -0,0 +1,27 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.Extensions.Logging;
+
+namespace ZTravel.Pages {
+	[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+	public class ErrorModel : PageModel {
+		public string RequestId { get; set; }
+
+		public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+		private readonly ILogger<ErrorModel> _logger;
+
+		public ErrorModel(ILogger<ErrorModel> logger) {
+			_logger = logger;
+		}
+
+		public void OnGet() {
+			RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;
+		}
+	}
+}
--- a/ZTravel.Web/Pages/Index.cshtml
+++ b/ZTravel.Web/Pages/Index.cshtml
@ -0,0 +1,40 @@
+@page
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Departures - ZTravel</title>
+</head>
+<body>
+
+<style>
+	body {
+	  background-color: #FFFFFF;
+	}
+
+    .wrapper {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr;
+      height: 98vh;
+    }
+    
+    .item {
+        display: block;
+        width: 100%;
+        height: 100%;
+        border: none;
+    }
+</style>
+
+<div class="wrapper">
+    <!--<iframe class="item" src="https://vrrf.finalrewind.org/Salzburg/Maria-Cebotari-Strasse.html?frontend=html&backend=efa.SVV&no_lines=10"></iframe>
+    <iframe class="item" src="https://vrrf.finalrewind.org/Salzburg%20Parsch.html?frontend=html&backend=hafas.DB&no_lines=10"></iframe> -->
+    <iframe scrolling="no" class="item" src="/Cebotari"></iframe>
+    <iframe scrolling="no" class="item" src="/ParschBhf"></iframe>
+    <iframe scrolling="no" class="item" src="/SbgMuc"></iframe>
+    <iframe scrolling="no" class="item" src="/SbgHbf"></iframe>
+</div>
+
+</body>
+</html>
--- a/ZTravel.Web/Pages/IndexTest.cshtml
+++ b/ZTravel.Web/Pages/IndexTest.cshtml
@ -0,0 +1,40 @@
+@page
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Departures - ZTravel</title>
+</head>
+<body>
+
+<style>
+	body {
+	  background-color: #FFFFFF;
+	}
+
+    .wrapper {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr;
+      height: 98vh;
+    }
+    
+    .item {
+        display: block;
+        width: 100%;
+        height: 100%;
+        border: none;
+    }
+</style>
+
+<div class="wrapper">
+    <!--<iframe class="item" src="https://vrrf.finalrewind.org/Salzburg/Maria-Cebotari-Strasse.html?frontend=html&backend=efa.SVV&no_lines=10"></iframe>
+    <iframe class="item" src="https://vrrf.finalrewind.org/Salzburg%20Parsch.html?frontend=html&backend=hafas.DB&no_lines=10"></iframe> -->
+    <iframe scrolling="no" class="item" src="/Cebotari"></iframe>
+    <iframe scrolling="no" class="item" src="/ParschBhf"></iframe>
+    <iframe scrolling="no" class="item" src="/SbgMuc"></iframe>
+    <iframe scrolling="no" class="item" src="/SbgHbf"></iframe>
+</div>
+
+</body>
+</html>
--- a/ZTravel.Web/Pages/KaHbf.cshtml
+++ b/ZTravel.Web/Pages/KaHbf.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "Karlsruhe Hbf (+30, excl → Weingarten)";
+    ViewData["station"] = "Karlsruhe Hbf";
+    ViewData["stationId"] = "8079041";
+    ViewData["via"] = "";
+    ViewData["excludingVia"] = "Weingarten(Baden)";
+    ViewData["offset"] = 30;
+    ViewData["andShowDestination"] = "";
+    ViewData["fernverkehrOnly"] = false;
+    ViewData["onlyDepartures"] = true;
+}
--- a/ZTravel.Web/Pages/Mobile.cshtml
+++ b/ZTravel.Web/Pages/Mobile.cshtml
@ -0,0 +1,33 @@
+@page
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Departures - ZTravel</title>
+</head>
+<body>
+
+<style>
+	body {
+	  background-color: #FFFFFF;
+	}
+    
+    .item {
+        display: block;
+        width: 100%;
+        height: 300px;
+        border: none;
+    }
+</style>
+
+<div class="wrapper">
+    <!--<iframe class="item" src="https://vrrf.finalrewind.org/Salzburg/Maria-Cebotari-Strasse.html?frontend=html&backend=efa.SVV&no_lines=10"></iframe>
+    <iframe class="item" src="https://vrrf.finalrewind.org/Salzburg%20Parsch.html?frontend=html&backend=hafas.DB&no_lines=10"></iframe> -->
+    <iframe scrolling="no" class="item" src="/Cebotari"></iframe>
+    <iframe scrolling="no" class="item" src="/ParschBhf"></iframe>
+    <iframe scrolling="no" class="item" src="/SbgHbf"></iframe>
+    <iframe scrolling="no" class="item" src="/MucHbf"></iframe>
+</div>
+
+</body>
+</html>
--- a/ZTravel.Web/Pages/MucHbf.cshtml
+++ b/ZTravel.Web/Pages/MucHbf.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "München Hbf";
+    ViewData["station"] = "München Hbf";
+    ViewData["stationId"] = "8000261";
+    ViewData["via"] = "";
+    ViewData["excludingVia"] = "";
+    ViewData["offset"] = 0;
+    ViewData["andShowDestination"] = "Salzburg Hbf";
+    ViewData["fernverkehrOnly"] = true;
+    ViewData["onlyDepartures"] = false;
+}
--- a/ZTravel.Web/Pages/ParschBhf.cshtml
+++ b/ZTravel.Web/Pages/ParschBhf.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "Salzburg Parsch";
+    ViewData["station"] = "Salzburg Parsch";
+    ViewData["stationId"] = "8101481";
+    ViewData["via"] = "";
+    ViewData["excludingVia"] = "";
+    ViewData["offset"] = 0;
+    ViewData["andShowDestination"] = "";
+    ViewData["fernverkehrOnly"] = false;
+    ViewData["onlyDepartures"] = false;
+}
--- a/ZTravel.Web/Pages/SbgHbf.cshtml
+++ b/ZTravel.Web/Pages/SbgHbf.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "Salzburg Hbf (+20, excl → Parsch)";
+    ViewData["station"] = "Salzburg Hbf";
+    ViewData["stationId"] = "8100002";
+    ViewData["via"] = "";
+    ViewData["excludingVia"] = "Salzburg Parsch";
+    ViewData["offset"] = 20;
+    ViewData["andShowDestination"] = "";
+    ViewData["fernverkehrOnly"] = false;
+    ViewData["onlyDepartures"] = true;
+}
--- a/ZTravel.Web/Pages/SbgMuc.cshtml
+++ b/ZTravel.Web/Pages/SbgMuc.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "Salzburg Hbf (+20, → München Hbf)";
+    ViewData["station"] = "Salzburg Hbf";
+    ViewData["stationId"] = "8100002";
+    ViewData["via"] = "München Hbf";
+    ViewData["excludingVia"] = "";
+    ViewData["offset"] = 20;
+    ViewData["andShowDestination"] = "";
+    ViewData["fernverkehrOnly"] = false;
+    ViewData["onlyDepartures"] = true;
+}
--- a/ZTravel.Web/Pages/Shared/_Layout.cshtml
+++ b/ZTravel.Web/Pages/Shared/_Layout.cshtml
@ -0,0 +1 @@
+@RenderBody()
--- a/ZTravel.Web/Pages/Shared/_LayoutFern.cshtml
+++ b/ZTravel.Web/Pages/Shared/_LayoutFern.cshtml
@ -0,0 +1,159 @@
+@{
+    // ReSharper disable ConditionIsAlwaysTrueOrFalse
+    var title = (string) ViewData["title"];
+    var station = (string) ViewData["station"];
+    var stationId = (string) ViewData["stationId"];
+    var via = (string) ViewData["via"];
+    var andShowDestination = (string) ViewData["andShowDestination"];
+    var fernverkehrOnly = (bool) ViewData["fernverkehrOnly"];
+    var onlyDepartures = (bool) ViewData["onlyDepartures"];
+    var excludingVia = (string) ViewData["excludingVia"];
+    var offset = (int) ViewData["offset"];
+    IgnoreBody();
+}
+
+@using System.Globalization
+@using System.Linq
+@using ZTravel.API.DBF
+@using ZTravel.Web
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Departures - ZTravel</title>
+    <meta http-equiv="refresh" content="30">
+    <link rel="stylesheet" href="~/css/fernv.css"/>
+</head>
+<body>
+<div class="navbar-fixed">
+    <nav style="color: #ffffff; background-color: #00838f;">
+        <div class="nav-wrapper container">
+            <span class="brand-logo">@title</span>
+        </div>
+    </nav>
+</div>
+<div class="app applight">
+    <ul>
+        @foreach (var dep in DbfApi.GetDepartures("dbf.finalrewind.org", station, via).Where(dep => !fernverkehrOnly || dep.TrainClasses.Contains("F") || dep.Destination == andShowDestination).Where(dep => !onlyDepartures || !string.IsNullOrWhiteSpace(dep.ScheduledDeparture))) {
+            if (dep.Route.Select(r => r.Name).Contains(excludingVia)) {
+                continue;
+            }
+            var typeclass = "bahn";
+            if (dep.TrainClasses.Any()) {
+                typeclass = dep.TrainClasses.First() switch {
+                    "S" => "sbahn",
+                    "F" => "fern",
+                    _ => "bahn"};
+            }
+
+            var trainclass = dep.Train.Split(" ")[0];
+
+            DateTime rawtime;
+            var delayed = false;
+            var undelayed = false;
+            var cancelled = dep.IsCancelled == 1;
+            var stringtime = "";
+            var stringdelay = "";
+            if (!string.IsNullOrWhiteSpace(dep.ScheduledDeparture)) {
+                rawtime = DateTime.ParseExact(dep.ScheduledDeparture, "HH:mm", CultureInfo.InvariantCulture);
+                if (dep.DelayDeparture != null) {
+                    rawtime += new TimeSpan(0, (int) dep.DelayDeparture, 0);
+                    if (dep.DelayDeparture > 0) {
+                        delayed = true;
+                        stringdelay = $"(+{dep.DelayDeparture})";
+                    }
+                    else if (dep.DelayDeparture < 0) {
+                        undelayed = true;
+                        stringdelay = $"({dep.DelayDeparture})";
+                    }
+                }
+                stringtime = $"{rawtime:HH:mm}";
+            }
+            else {
+                rawtime = DateTime.ParseExact(dep.ScheduledArrival, "HH:mm", CultureInfo.InvariantCulture);
+                if (dep.DelayArrival != null) {
+                    rawtime += new TimeSpan(0, (int) dep.DelayArrival, 0);
+                    if (dep.DelayArrival > 0) {
+                        delayed = true;
+                        stringdelay = $"(+{dep.DelayArrival})";
+                    }
+                    else if (dep.DelayArrival < 0) {
+                        undelayed = true;
+                        stringdelay = $"({dep.DelayArrival})";
+                    }
+                }
+                stringtime = $"(arr) {rawtime:HH:mm}";
+                dep.Destination += $" (from {dep.Route.First().Name})";
+            }
+
+            if ((rawtime - DateTime.Now).TotalMinutes < 0) {
+                rawtime += new TimeSpan(1, 0, 0, 0);
+            }
+            if ((rawtime - DateTime.Now).TotalMinutes < offset) {
+                continue;
+            }
+
+            <li class="@(cancelled ? " cancelled" : "")" onclick="openInNewTab('https://marudor.de/details/@trainclass @dep.TrainNumber?station=@stationId')">
+                <div class="line @typeclass">
+                    @if (trainclass == "S") {
+                        @dep.Train
+                    }
+                    else {
+                        @trainclass
+                    }
+
+                    @if (trainclass == "IC" || trainclass == "ICE") {
+                        if (Program.TypeMapping.ContainsKey(dep.TrainNumber)) {
+                            if (!string.IsNullOrWhiteSpace(Program.TypeMapping[dep.TrainNumber].Short)) {
+                                <span class="trainsubtype">@Program.TypeMapping[dep.TrainNumber].Short</span>
+                            }
+                        }
+                    }
+                    <span class="trainno">@dep.TrainNumber</span>
+                </div>
+                @if (dep.Messages.Delay.Any()) {
+                    if (dep.Messages.Qos.Any()) {
+                        <span class="info">@(cancelled ? "Fahrt fällt aus: " : "")@dep.Messages.Delay.Select(p => p.Text).Aggregate((s, s1) => $"{s}, {s1}") +++ @dep.Messages.Qos.Select(p => p.Text).Aggregate((s, s1) => $"{s} +++ {s1}")</span>
+                    }
+                    else {
+                        <span class="info">@(cancelled ? "Fahrt fällt aus: " : "")@dep.Messages.Delay.Select(p => p.Text).Aggregate((s, s1) => $"{s}, {s1}")</span>
+                    }
+                }
+                else if (dep.Messages.Qos.Any()) {
+                    <span class="info">@(cancelled ? "Fahrt fällt aus: " : "")@dep.Messages.Qos.Select(p => p.Text).Aggregate((s, s1) => $"{s} +++ {s1}")</span>
+                }
+                else {
+                    <span class="route">@(dep.Via.Any() ? dep.Via.Aggregate((s, s1) => $"{s} - {s1}") : "")</span>
+                }
+                <span class="dest @(cancelled ? " cancelled" : "")">@dep.Destination</span>
+                <span class="countdown @(cancelled ? " cancelled" : "")">
+                    @if (delayed) {
+                        <span class="delaynorm">@stringdelay</span>
+                    }
+                    else if (undelayed) {
+                        <span class="undelaynorm">@stringdelay</span>
+                    }
+                    <span class="@(dep.Platform != dep.ScheduledPlatform && !string.IsNullOrWhiteSpace(dep.ScheduledPlatform) ? "platform changed-platform" : "platform")">@dep.Platform</span>
+                </span>
+                @if (delayed) {
+                    <span class="time delayed">@stringtime</span>
+                }
+                else if (undelayed) {
+                    <span class="time undelayed">@stringtime</span>
+                }
+                else {
+                    <span class="time">@stringtime</span>
+                }
+            </li>
+        }
+    </ul>
+</div>
+<script>
+function openInNewTab(url) {
+  var win = window.open(url, '_blank');
+  win.focus();
+}
+</script>
+</body>
+</html>
--- a/ZTravel.Web/Pages/Shared/_ValidationScriptsPartial.cshtml
+++ b/ZTravel.Web/Pages/Shared/_ValidationScriptsPartial.cshtml
@ -0,0 +1,2 @@
+<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
+<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
--- a/ZTravel.Web/Pages/Space.cshtml
+++ b/ZTravel.Web/Pages/Space.cshtml
@ -0,0 +1,59 @@
+@page
+@using System.Globalization
+@using ZTravel.API.VRRF
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Departures - ZTravel</title>
+    <meta http-equiv="refresh" content="30">
+    <link rel="stylesheet" href="~/css/space.css"/>
+</head>
+<body>
+<!--
+<div class="navbar-fixed">
+    <nav style="color: #ffffff; background-color: #00838f;">
+        <div class="nav-wrapper container">
+            <span class="brand-logo">Salzburg Justizgebäude (+5)</span>
+        </div>
+    </nav>
+</div>
+-->
+<div class="app appdark">
+    <ul>
+        @{
+            var counter = 0;
+        }
+        @foreach (var dep in VrrfApi.GetDepartures("vrrf.finalrewind.org", "efa.SVV", "salzburg", "justizgebäude").Raw) {
+            if (int.Parse(dep.Line) >= 20) {
+                continue;
+            }
+            counter++;
+            var rawtime = DateTime.ParseExact($"{dep.Date} {dep.Time}", "dd.MM.yyyy HH:mm", CultureInfo.InvariantCulture);
+            var countdownRaw = rawtime - DateTime.Now;
+            var countdown = Math.Round(countdownRaw.TotalMinutes);
+            var time = countdown <= 60 ? $"{countdown} min" : dep.Time;
+            if (countdown <= 0) {
+                time = "now";
+            }
+            if (countdown <= 5) {
+                continue;
+            }
+            <li>
+                @if (int.Parse(dep.Line) < 14) {
+                    <div class="line obus">@dep.Line</div>
+                }
+                else {
+                    <div class="line bus">@dep.Line</div>
+                }
+                <div class="dest">@dep.Destination</div>
+                <span class="countdown">
+                    <span class="platform">@time</span>
+                </span>
+            </li>
+        }
+    </ul>
+</div>
+</body>
+</html>
--- a/ZTravel.Web/Pages/Weingarten.cshtml
+++ b/ZTravel.Web/Pages/Weingarten.cshtml
@ -0,0 +1,38 @@
+@page
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Departures - ZTravel</title>
+</head>
+<body>
+
+<style>
+	body {
+	  background-color: #FFFFFF;
+	}
+
+    .wrapper {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr;
+      height: 98vh;
+    }
+    
+    .item {
+        display: block;
+        width: 100%;
+        height: 100%;
+        border: none;
+    }
+</style>
+
+<div class="wrapper">
+    <!--<iframe class="item" src="https://vrrf.finalrewind.org/Salzburg/Maria-Cebotari-Strasse.html?frontend=html&backend=efa.SVV&no_lines=10"></iframe>
+    <iframe class="item" src="https://vrrf.finalrewind.org/Salzburg%20Parsch.html?frontend=html&backend=hafas.DB&no_lines=10"></iframe> -->
+    <iframe scrolling="no" class="item" src="/WeingartenBhf"></iframe>
+    <iframe scrolling="no" class="item" src="/KaHbf"></iframe>
+</div>
+
+</body>
+</html>
--- a/ZTravel.Web/Pages/WeingartenBhf.cshtml
+++ b/ZTravel.Web/Pages/WeingartenBhf.cshtml
@ -0,0 +1,13 @@
+@page
+@{
+    Layout = "_LayoutFern";
+    ViewData["title"] = "Weingarten(Baden)";
+    ViewData["station"] = "Weingarten(Baden)";
+    ViewData["stationId"] = "8006287";
+    ViewData["via"] = "";
+    ViewData["excludingVia"] = "";
+    ViewData["offset"] = 0;
+    ViewData["andShowDestination"] = "";
+    ViewData["fernverkehrOnly"] = false;
+    ViewData["onlyDepartures"] = false;
+}
--- a/ZTravel.Web/Pages/_ViewImports.cshtml
+++ b/ZTravel.Web/Pages/_ViewImports.cshtml
@ -0,0 +1,3 @@
+@using ZTravel
+@namespace ZTravel.Pages
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
--- a/ZTravel.Web/Pages/_ViewStart.cshtml
+++ b/ZTravel.Web/Pages/_ViewStart.cshtml
@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
--- a/ZTravel.Web/Program.cs
+++ b/ZTravel.Web/Program.cs
@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Net;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.Logging;
+using ZTravel.API.DBF;
+
+namespace ZTravel.Web {
+	public class Program {
+		public static Dictionary<string, DbfTypeMapping> TypeMapping =
+			DbfTypeMapping.FromJson(new WebClient().DownloadString("https://raw.githubusercontent.com/derf/db-fakedisplay/master/share/ice_type.json"));
+		public static void Main(string[] args) {
+			CreateHostBuilder(args).Build().Run();
+		}
+
+		public static IHostBuilder CreateHostBuilder(string[] args) =>
+			Host.CreateDefaultBuilder(args).ConfigureWebHostDefaults(webBuilder => { webBuilder.UseStartup<Startup>(); });
+	}
+}
--- a/ZTravel.Web/Properties/launchSettings.json
+++ b/ZTravel.Web/Properties/launchSettings.json
@ -0,0 +1,27 @@
+{
+  "iisSettings": {
+    "windowsAuthentication": false, 
+    "anonymousAuthentication": true, 
+    "iisExpress": {
+      "applicationUrl": "http://localhost:34118",
+      "sslPort": 44353
+    }
+  },
+  "profiles": {
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "ZTravel.Web": {
+      "commandName": "Project",
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:5001;http://localhost:5000",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
--- a/ZTravel.Web/Startup.cs
+++ b/ZTravel.Web/Startup.cs
@ -0,0 +1,46 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Builder;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.AspNetCore.HttpsPolicy;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Hosting;
+
+namespace ZTravel.Web {
+	public class Startup {
+		public Startup(IConfiguration configuration) {
+			Configuration = configuration;
+		}
+
+		public IConfiguration Configuration { get; }
+
+		// This method gets called by the runtime. Use this method to add services to the container.
+		public void ConfigureServices(IServiceCollection services) {
+			services.AddRazorPages();
+		}
+
+		// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
+		public void Configure(IApplicationBuilder app, IWebHostEnvironment env) {
+			if (env.IsDevelopment()) {
+				app.UseDeveloperExceptionPage();
+			}
+			else {
+				app.UseExceptionHandler("/Error");
+				// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+				app.UseHsts();
+			}
+
+			app.UseHttpsRedirection();
+			app.UseStaticFiles();
+
+			app.UseRouting();
+
+			app.UseAuthorization();
+
+			app.UseEndpoints(endpoints => { endpoints.MapRazorPages(); });
+		}
+	}
+}
--- a/ZTravel.Web/ZTravel.Web.csproj
+++ b/ZTravel.Web/ZTravel.Web.csproj
@ -0,0 +1,48 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+    <PropertyGroup>
+        <TargetFramework>netcoreapp3.1</TargetFramework>
+    </PropertyGroup>
+
+    <ItemGroup>
+      <ProjectReference Include="..\ZTravel.API\ZTravel.API.csproj" />
+    </ItemGroup>
+
+    <ItemGroup>
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-grid.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-grid.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-grid.min.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-grid.min.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-reboot.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-reboot.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-reboot.min.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap-reboot.min.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap.min.css" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\css\bootstrap.min.css.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.bundle.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.bundle.js.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.bundle.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.bundle.min.js.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.js.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\dist\js\bootstrap.min.js.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\bootstrap\LICENSE" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation-unobtrusive\jquery.validate.unobtrusive.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation-unobtrusive\jquery.validate.unobtrusive.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation-unobtrusive\LICENSE.txt" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation\dist\additional-methods.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation\dist\additional-methods.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation\dist\jquery.validate.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation\dist\jquery.validate.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery-validation\LICENSE.md" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery\dist\jquery.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery\dist\jquery.min.js" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery\dist\jquery.min.map" />
+      <_ContentIncludedByDefault Remove="wwwroot\lib\jquery\LICENSE.txt" />
+    </ItemGroup>
+
+
+</Project>
--- a/ZTravel.Web/appsettings.Development.json
+++ b/ZTravel.Web/appsettings.Development.json
@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft": "Warning",
+      "Microsoft.Hosting.Lifetime": "Information"
+    }
+  }
+}
--- a/ZTravel.Web/appsettings.json
+++ b/ZTravel.Web/appsettings.json
@ -0,0 +1,10 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft": "Warning",
+      "Microsoft.Hosting.Lifetime": "Information"
+    }
+  },
+  "AllowedHosts": "*"
+}
--- a/ZTravel.Web/wwwroot/.DS_Store
+++ b/ZTravel.Web/wwwroot/.DS_Store
--- a/ZTravel.Web/wwwroot/css/fernv.css
+++ b/ZTravel.Web/wwwroot/css/fernv.css
@ -0,0 +1,859 @@
+body {
+  margin: 0;
+}
+
+html {
+  font-family: Sans-Serif;
+}
+
+a {
+  color: #000099;
+  text-decoration: none;
+}
+
+p,
+div.about,
+div.input-field,
+div.notes {
+  max-width: 94%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+p {
+  text-align: justify;
+}
+
+div.content {
+  width: 100%;
+  margin: 0;
+}
+
+.wagonorder {
+  position: relative;
+  width: 100%;
+  height: 100ex;
+}
+
+.wagonorder .section {
+  position: absolute;
+  left: 1em;
+  width: 2em;
+  text-align: center;
+}
+
+.wagonorder .wagon {
+  position: absolute;
+  left: 3em;
+  min-width: 6em;
+  border: 1px solid #999999;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+}
+
+.wagonorder .wagon ~ .wagon {
+  border-top: none;
+}
+
+.wagonorder .wagon .material-icons {
+  color: #666666;
+}
+
+.wagonorder .wagon .direction {
+  position: absolute;
+  left: 0.2em;
+  bottom: 0;
+  right: 0;
+  text-align: center;
+  color: #666666;
+}
+
+.wagonorder .nondestwagon {
+  border-style: dashed;
+}
+
+.wagonorder .details {
+  position: absolute;
+  padding-top: 0.5ex;
+  left: 10em;
+  right: 0em;
+}
+
+.wagonorder .details .type {
+  display: inline-block;
+  width: 5em;
+  color: #666666;
+}
+
+.wagonorder .details .uicunknown {
+  color: #999999;
+}
+
+.wagonorder .details .uicexchange {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uiccountry {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic5 {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic56 {
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78 {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78::before {
+  content: "-";
+}
+
+.wagonorder .details .uictype {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uicno {
+  color: #666666;
+}
+
+.wagonorder .details .uiccheck {
+  color: #999999;
+}
+
+.wagonorder .details .uiccheck::before {
+  content: "-";
+}
+
+div.app {
+  border-width:1px 2px;
+  width:100%;
+  margin-bottom: 5em;
+}
+
+div.app > ul {
+  position:relative;
+  width:100%;
+
+  list-style-type:none;
+  margin:0;
+  padding:0;
+}
+
+div.app > ul > li {
+  min-height:7em;
+  display:block;
+  width:100%;
+  position:relative;
+}
+
+div.appdark > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #000000;
+}
+
+div.applight > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #ffffff;
+}
+
+div.app li .line {
+  font-size: 2.7em;
+  position:absolute;
+  bottom:5px;
+  left:2px;
+  max-width: 6em;
+  max-height: 3ex;
+  overflow: hidden;
+}
+
+div.app li .line .trainsubtype {
+  font-weight: normal;
+  font-size: 70%;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.6ex;
+  left: -0.5ex;
+}
+
+div.app li .line .trainno {
+  font-weight: normal;
+}
+
+div.app li .line .trainno_sub {
+  font-weight: normal;
+  font-size: 0.6em;
+  text-align: center;
+  margin-top: -0.2em;
+}
+
+div.app li .sbahn .trainno_sub {
+  font-weight: normal;
+  font-size: 0.5em;
+  text-align: center;
+  margin-top: -0.25em;
+}
+
+div.app li .lineinfo {
+  color:#000000;
+  font-size: 2em;
+  position:absolute;
+  top:0px;
+  left:2px;
+}
+
+div.app .replacement {
+  color: #006600;
+}
+
+div.app .replaced {
+  color: #660000;
+}
+
+div.app .sbahn {
+  font-weight:bold;
+  border-radius: 30px;
+  padding:3px 6px 2px 6px;
+}
+
+div.applight .sbahn {
+  background-color:#95d79f;
+}
+
+div.appdark .sbahn {
+  background-color:#115511;
+}
+
+div.app .bahn,
+div.app .fern,
+div.app .ext {
+  font-weight:bold;
+  border-radius: 5px;
+  padding:3px 5px 2px 5px;
+}
+
+div.applight .bahn {
+  background-color: #eeeeee;
+}
+
+div.appdark .bahn {
+  background-color: #333333;
+}
+
+div.applight .fern {
+  background-color: #ffdddd;
+}
+
+div.appdark .fern {
+  background-color: #551111;
+}
+
+div.applight .ext {
+  background-color: #ffdddd;
+  border: 2px solid #ff6666;
+}
+
+div.appdark .ext {
+  background-color: #551111;
+  border: 2px solid #993333;
+}
+
+div.app li .route {
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:8.2em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .route {
+  color:#444444;
+}
+
+div.appdark li .route {
+  color:#bbbbbb;
+}
+
+div.app li .info {
+  color:#ff0000;
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:8.2em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.app .moreinfo {
+  font-size:2.1em;
+  position:fixed;
+  left:0;
+  right:0;
+  bottom:0em;
+  z-index: 5;
+  overflow: auto;
+  cursor: default;
+}
+
+div.app .moreinfo .mheader,
+div.app .moreinfo .mfooter {
+  max-width: 50em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+div.applight .moreinfo {
+  background-color: #ffffff;
+}
+
+div.appdark .moreinfo {
+  background-color: #000000;
+}
+
+div.app .collapsed-moreinfo {
+  display: none;
+}
+
+div.app .expanded-moreinfo {
+  display: block;
+}
+
+div.app .moreinfo .mheader {
+  text-align: center;
+  font-size: 120%;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+  border-bottom: 0.1em dashed #cccccc;
+}
+
+div.app .moreinfo .mfooter {
+  padding-top: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+div.app .moreinfo .loading {
+  text-align: center;
+  width: 100%;
+  color: #888888;
+}
+
+div.app .moreinfo .reason,
+div.app .moreinfo .minfo {
+  color: #ff0000;
+}
+
+div.app .moreinfo .verbose {
+  margin-bottom: 0.6em;
+}
+
+div.app .moreinfo .timeinfo {
+  margin-bottom: 0.6em;
+}
+
+div.applight .moreinfo .mroute .important-stop {
+  color: #000000;
+}
+
+div.appdark .moreinfo .mroute .important-stop {
+  color: #ffffff;
+}
+
+div.applight .moreinfo .mroute .generic-stop {
+  color: #555555;
+}
+
+div.appdark .moreinfo .mroute .generic-stop {
+  color: #999999;
+}
+
+div.applight .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.appdark .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.applight .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.appdark .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.app li .dest {
+  background-color: transparent;
+  font-size:4em;
+  position:absolute;
+  top:0.62em;
+  left:4.25em;
+  bottom:0px;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .dest {
+  color:#000000;
+}
+
+div.appdark li .dest {
+  color:#ffffff;
+}
+
+div.applight li.cancelled {
+  background-color: #ffe7d0;
+}
+
+div.appdark li.cancelled {
+  background-color: #512f00;
+}
+
+div.app li .countdown {
+  background-color: transparent;
+  font-size: 3em;
+  position: absolute;
+  right: 5px;
+  bottom: 2px;
+  padding-left: 0.2em;
+}
+
+div.applight li .countdown {
+  color: #000000;
+}
+
+div.appdark li .countdown {
+  color: #ffffff;
+}
+
+div.app li .header {
+  color:#000000;
+  font-size:2em;
+  font-weight:bold;
+  padding-top:8px;
+  border-width-top:0;
+  display:block;
+  text-align:center;
+}
+
+div.app li .head {
+  border-bottom-width:0;
+}
+
+div.app li .countdown .delay {
+  font-size:1em;
+  color:#FF0000;
+  background-color: transparent;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelay {
+  font-size:1em;
+  color:#006600;
+  padding-right:7px;
+}
+
+div.app li .countdown .delaynorm {
+  font-size:0.9em;
+  color:#BB3333;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelaynorm {
+  font-size:0.9em;
+  color:#338833;
+  padding-right:7px;
+}
+
+div.app li .countdown .platform {
+  font-weight: bold;
+}
+
+div.app li .countdown .changed-platform {
+  color:#ff0000;
+}
+
+div.app li .time {
+  background-color: transparent;
+  font-size:2.3em;
+  position:absolute;
+  right:5px;
+  top:4px;
+  padding-left: 0.2em;
+}
+
+div.applight li .time {
+  color:#000000;
+}
+
+div.appdark li .time {
+  color:#ffffff;
+}
+
+div.app span.delayed {
+  color: #ff0000;
+  background-color: transparent;
+}
+
+div.app span.undelayed {
+  color:#006600;
+  background-color: transparent;
+}
+
+ul.ui-autocomplete {
+  max-height: 20em;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+div.geolocation {
+  text-align: center;
+}
+
+div.candidatestatus {
+  text-align: center;
+  color: #999999;
+}
+
+div.candidatelist a {
+  display: block;
+  text-decoration: none;
+  font-size: 1.4em;
+  padding-top: 0.3em;
+  text-align: center;
+  border-bottom: 1px solid #999999;
+}
+
+div.candidatelist a .distance:after {
+  content: " km";
+}
+
+div.candidatelist a .distance {
+  font-size: 0.6em;
+  color: #999999;
+  padding-top: 0.2em;
+  padding-bottom: 0.3em;
+}
+
+div.about {
+  margin-top: 2em;
+  font-family: Sans-Serif;
+  color: #666666;
+}
+
+div.about a {
+  color: #000066;
+  text-decoration: none;
+}
+
+.notice {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #bce8f1;
+  border-radius: 4px;
+  color: #31708f;
+  background-color: #d9edf7;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.warning {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #faebcc;
+  border-radius: 4px;
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #ebccd1;
+  border-radius: 4px;
+  color: #a94442;
+  background-color: #f2dede;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error .errcode {
+  font-family: Monospace;
+  margin-top: 2em;
+  font-size: 100%;
+  color: #aaaaaa;
+}
+
+.container {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+pre {
+  margin-bottom: 2em;
+}
+
+span.optional,
+span.notes {
+  color: #666666;
+}
+
+.moresettings-header {
+}
+
+.moresettings-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.moresettings-header-expanded:before {
+  content: "â–¿ "
+}
+
+.moresettings-collapsed {
+  display: none;
+}
+
+.moresettings-expanded {
+  display: block;
+}
+
+.developers-header {
+}
+
+.developers-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.developers-header-expanded:before {
+  content: "â–¿ "
+}
+
+.developers-collapsed {
+  display: none;
+}
+
+.developers-expanded {
+  display: block;
+}
+
+div.break {
+  height: 1em;
+}
+
+div.field {
+  margin-top: 0.3em;
+  margin-bottom: 0.6em;
+}
+
+input, select, .button {
+  display: inline-block;
+  width: 60em;
+  max-width: 100%;
+  min-height: 1.8em;
+  border-radius: 4px;
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  font-size: 90%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+input[type="text"] {
+  width: 59em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  text-align: left;
+  box-sizing: border-box;
+}
+
+select {
+  min-height: 2em;
+}
+
+input[type="checkbox"] {
+  width: 1.5em;
+  box-shadow: none;
+}
+
+input[type="submit"], .button {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+  box-shadow: none;
+  padding-top: 0.9ex;
+  padding-bottom: 0.9ex;
+}
+
+.button {
+  padding-top: 1.1ex;
+  padding-bottom: 0;
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus,
+input[type="submit"]:hover,
+.button:active,
+.button:focus,
+.button:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+input[type="submit"]:active,
+.button.active {
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.button-light {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.button-light:active,
+.button-light:focus,
+.button-light:hover
+{
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+div.notes {
+  margin-top: 2em;
+}
+
+div.notes ul {
+  margin-top: 1em;
+}
+div.app {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar-fixed {
+  position: relative;
+  z-index: 997;
+}
+
+.navbar-fixed nav {
+  position: fixed;
+}
+
+nav {
+  width: 100%;
+  overflow: hidden;
+}
+
+nav .nav-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+nav i, nav i.material-icons {
+  display: block;
+  font-size: 24px;
+}
+
+nav .brand-logo {
+  position: absolute;
+  display: inline-block;
+  padding-left: 0.5rem;
+  z-index: -1;
+}
+
+nav ul {
+  margin: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+nav ul li {
+  transition: background-color .3s;
+  float: left;
+  padding: 0;
+  list-style-type: none;
+  background-color: #00838f;
+}
+
+nav ul a {
+  transition: background-color .3s;
+  font-size: 1rem;
+  color: #fff;
+  display: block;
+  padding: 0 15px;
+}
+
+@media only screen and (max-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+div.app .moreinfo {
+  font-size: 100%;
+}
+
+.content {
+}
--- a/ZTravel.Web/wwwroot/css/sbahn.css
+++ b/ZTravel.Web/wwwroot/css/sbahn.css
@ -0,0 +1,854 @@
+body {
+  margin: 0;
+}
+
+html {
+  font-family: Sans-Serif;
+}
+
+a {
+  color: #000099;
+  text-decoration: none;
+}
+
+p,
+div.about,
+div.input-field,
+div.notes {
+  max-width: 94%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+p {
+  text-align: justify;
+}
+
+div.content {
+  width: 100%;
+  margin: 0;
+}
+
+.wagonorder {
+  position: relative;
+  width: 100%;
+  height: 100ex;
+}
+
+.wagonorder .section {
+  position: absolute;
+  left: 1em;
+  width: 2em;
+  text-align: center;
+}
+
+.wagonorder .wagon {
+  position: absolute;
+  left: 3em;
+  min-width: 6em;
+  border: 1px solid #999999;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+}
+
+.wagonorder .wagon ~ .wagon {
+  border-top: none;
+}
+
+.wagonorder .wagon .material-icons {
+  color: #666666;
+}
+
+.wagonorder .wagon .direction {
+  position: absolute;
+  left: 0.2em;
+  bottom: 0;
+  right: 0;
+  text-align: center;
+  color: #666666;
+}
+
+.wagonorder .nondestwagon {
+  border-style: dashed;
+}
+
+.wagonorder .details {
+  position: absolute;
+  padding-top: 0.5ex;
+  left: 10em;
+  right: 0em;
+}
+
+.wagonorder .details .type {
+  display: inline-block;
+  width: 5em;
+  color: #666666;
+}
+
+.wagonorder .details .uicunknown {
+  color: #999999;
+}
+
+.wagonorder .details .uicexchange {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uiccountry {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic5 {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic56 {
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78 {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78::before {
+  content: "-";
+}
+
+.wagonorder .details .uictype {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uicno {
+  color: #666666;
+}
+
+.wagonorder .details .uiccheck {
+  color: #999999;
+}
+
+.wagonorder .details .uiccheck::before {
+  content: "-";
+}
+
+div.app {
+  border-width:1px 2px;
+  width:100%;
+  margin-bottom: 5em;
+}
+
+div.app > ul {
+  position:relative;
+  width:100%;
+
+  list-style-type:none;
+  margin:0;
+  padding:0;
+}
+
+div.app > ul > li {
+  min-height:7em;
+  display:block;
+  width:100%;
+  position:relative;
+}
+
+div.appdark > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #000000;
+}
+
+div.applight > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #ffffff;
+}
+
+div.app li .line {
+  font-size: 2.7em;
+  position:absolute;
+  bottom:5px;
+  left:2px;
+  max-width: 6em;
+  max-height: 3ex;
+  overflow: hidden;
+}
+
+div.app li .line .trainsubtype {
+  font-weight: normal;
+  font-size: 70%;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.6ex;
+  left: -0.5ex;
+}
+
+div.app li .line .trainno {
+  font-weight: normal;
+}
+
+div.app li .line .trainno_sub {
+  font-weight: normal;
+  font-size: 0.6em;
+  text-align: center;
+  margin-top: -0.2em;
+}
+
+div.app li .sbahn .trainno_sub {
+  font-weight: normal;
+  font-size: 0.5em;
+  text-align: center;
+  margin-top: -0.25em;
+}
+
+div.app li .lineinfo {
+  color:#000000;
+  font-size: 2em;
+  position:absolute;
+  top:0px;
+  left:2px;
+}
+
+div.app .replacement {
+  color: #006600;
+}
+
+div.app .replaced {
+  color: #660000;
+}
+
+div.app .sbahn {
+  font-weight:bold;
+  border-radius: 30px;
+  padding:3px 6px 2px 6px;
+}
+
+div.applight .sbahn {
+  background-color:#95d79f;
+}
+
+div.appdark .sbahn {
+  background-color:#115511;
+}
+
+div.app .bahn,
+div.app .fern,
+div.app .ext {
+  font-weight:bold;
+  border-radius: 5px;
+  padding:3px 5px 2px 5px;
+}
+
+div.applight .bahn {
+  background-color: #eeeeee;
+}
+
+div.appdark .bahn {
+  background-color: #333333;
+}
+
+div.applight .fern {
+  background-color: #ffdddd;
+}
+
+div.appdark .fern {
+  background-color: #551111;
+}
+
+div.applight .ext {
+  background-color: #ffdddd;
+  border: 2px solid #ff6666;
+}
+
+div.appdark .ext {
+  background-color: #551111;
+  border: 2px solid #993333;
+}
+
+div.app li .route {
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:4.25em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .route {
+  color:#444444;
+}
+
+div.appdark li .route {
+  color:#bbbbbb;
+}
+
+div.app li .info {
+  color:#ff0000;
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:8.2em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.app .moreinfo {
+  font-size:2.1em;
+  position:fixed;
+  left:0;
+  right:0;
+  bottom:0em;
+  z-index: 5;
+  overflow: auto;
+  cursor: default;
+}
+
+div.app .moreinfo .mheader,
+div.app .moreinfo .mfooter {
+  max-width: 50em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+div.applight .moreinfo {
+  background-color: #ffffff;
+}
+
+div.appdark .moreinfo {
+  background-color: #000000;
+}
+
+div.app .collapsed-moreinfo {
+  display: none;
+}
+
+div.app .expanded-moreinfo {
+  display: block;
+}
+
+div.app .moreinfo .mheader {
+  text-align: center;
+  font-size: 120%;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+  border-bottom: 0.1em dashed #cccccc;
+}
+
+div.app .moreinfo .mfooter {
+  padding-top: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+div.app .moreinfo .loading {
+  text-align: center;
+  width: 100%;
+  color: #888888;
+}
+
+div.app .moreinfo .reason,
+div.app .moreinfo .minfo {
+  color: #ff0000;
+}
+
+div.app .moreinfo .verbose {
+  margin-bottom: 0.6em;
+}
+
+div.app .moreinfo .timeinfo {
+  margin-bottom: 0.6em;
+}
+
+div.applight .moreinfo .mroute .important-stop {
+  color: #000000;
+}
+
+div.appdark .moreinfo .mroute .important-stop {
+  color: #ffffff;
+}
+
+div.applight .moreinfo .mroute .generic-stop {
+  color: #555555;
+}
+
+div.appdark .moreinfo .mroute .generic-stop {
+  color: #999999;
+}
+
+div.applight .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.appdark .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.applight .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.appdark .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.app li .dest {
+  background-color: transparent;
+  font-size:4em;
+  position:absolute;
+  top:0.62em;
+  left:2.25em;
+  bottom:0px;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .dest {
+  color:#000000;
+}
+
+div.appdark li .dest {
+  color:#ffffff;
+}
+
+div.applight li.cancelled {
+  background-color: #ffe7d0;
+}
+
+div.appdark li.cancelled {
+  background-color: #512f00;
+}
+
+div.app li .countdown {
+  background-color: transparent;
+  font-size: 3em;
+  position: absolute;
+  right: 5px;
+  bottom: 2px;
+  padding-left: 0.2em;
+}
+
+div.applight li .countdown {
+  color: #000000;
+}
+
+div.appdark li .countdown {
+  color: #ffffff;
+}
+
+div.app li .header {
+  color:#000000;
+  font-size:2em;
+  font-weight:bold;
+  padding-top:8px;
+  border-width-top:0;
+  display:block;
+  text-align:center;
+}
+
+div.app li .head {
+  border-bottom-width:0;
+}
+
+div.app li .countdown .delay {
+  font-size:1em;
+  color:#FF0000;
+  background-color: transparent;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelay {
+  font-size:1em;
+  color:#006600;
+  padding-right:7px;
+}
+
+div.app li .countdown .delaynorm {
+  font-size:0.9em;
+  color:#BB3333;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelaynorm {
+  font-size:0.9em;
+  color:#338833;
+  padding-right:7px;
+}
+
+div.app li .countdown .platform {
+  font-weight: bold;
+}
+
+div.app li .countdown .changed-platform {
+  color:#ff0000;
+}
+
+div.app li .time {
+  background-color: transparent;
+  font-size:2.3em;
+  position:absolute;
+  right:5px;
+  top:4px;
+  padding-left: 0.2em;
+}
+
+div.applight li .time {
+  color:#000000;
+}
+
+div.appdark li .time {
+  color:#ffffff;
+}
+
+div.app span.delayed {
+  color: #ff0000;
+  background-color: transparent;
+}
+
+ul.ui-autocomplete {
+  max-height: 20em;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+div.geolocation {
+  text-align: center;
+}
+
+div.candidatestatus {
+  text-align: center;
+  color: #999999;
+}
+
+div.candidatelist a {
+  display: block;
+  text-decoration: none;
+  font-size: 1.4em;
+  padding-top: 0.3em;
+  text-align: center;
+  border-bottom: 1px solid #999999;
+}
+
+div.candidatelist a .distance:after {
+  content: " km";
+}
+
+div.candidatelist a .distance {
+  font-size: 0.6em;
+  color: #999999;
+  padding-top: 0.2em;
+  padding-bottom: 0.3em;
+}
+
+div.about {
+  margin-top: 2em;
+  font-family: Sans-Serif;
+  color: #666666;
+}
+
+div.about a {
+  color: #000066;
+  text-decoration: none;
+}
+
+.notice {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #bce8f1;
+  border-radius: 4px;
+  color: #31708f;
+  background-color: #d9edf7;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.warning {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #faebcc;
+  border-radius: 4px;
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #ebccd1;
+  border-radius: 4px;
+  color: #a94442;
+  background-color: #f2dede;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error .errcode {
+  font-family: Monospace;
+  margin-top: 2em;
+  font-size: 100%;
+  color: #aaaaaa;
+}
+
+.container {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+pre {
+  margin-bottom: 2em;
+}
+
+span.optional,
+span.notes {
+  color: #666666;
+}
+
+.moresettings-header {
+}
+
+.moresettings-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.moresettings-header-expanded:before {
+  content: "â–¿ "
+}
+
+.moresettings-collapsed {
+  display: none;
+}
+
+.moresettings-expanded {
+  display: block;
+}
+
+.developers-header {
+}
+
+.developers-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.developers-header-expanded:before {
+  content: "â–¿ "
+}
+
+.developers-collapsed {
+  display: none;
+}
+
+.developers-expanded {
+  display: block;
+}
+
+div.break {
+  height: 1em;
+}
+
+div.field {
+  margin-top: 0.3em;
+  margin-bottom: 0.6em;
+}
+
+input, select, .button {
+  display: inline-block;
+  width: 60em;
+  max-width: 100%;
+  min-height: 1.8em;
+  border-radius: 4px;
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  font-size: 90%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+input[type="text"] {
+  width: 59em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  text-align: left;
+  box-sizing: border-box;
+}
+
+select {
+  min-height: 2em;
+}
+
+input[type="checkbox"] {
+  width: 1.5em;
+  box-shadow: none;
+}
+
+input[type="submit"], .button {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+  box-shadow: none;
+  padding-top: 0.9ex;
+  padding-bottom: 0.9ex;
+}
+
+.button {
+  padding-top: 1.1ex;
+  padding-bottom: 0;
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus,
+input[type="submit"]:hover,
+.button:active,
+.button:focus,
+.button:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+input[type="submit"]:active,
+.button.active {
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.button-light {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.button-light:active,
+.button-light:focus,
+.button-light:hover
+{
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+div.notes {
+  margin-top: 2em;
+}
+
+div.notes ul {
+  margin-top: 1em;
+}
+div.app {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar-fixed {
+  position: relative;
+  z-index: 997;
+}
+
+.navbar-fixed nav {
+  position: fixed;
+}
+
+nav {
+  width: 100%;
+  overflow: hidden;
+}
+
+nav .nav-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+nav i, nav i.material-icons {
+  display: block;
+  font-size: 24px;
+}
+
+nav .brand-logo {
+  position: absolute;
+  display: inline-block;
+  padding-left: 0.5rem;
+  z-index: -1;
+}
+
+nav ul {
+  margin: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+nav ul li {
+  transition: background-color .3s;
+  float: left;
+  padding: 0;
+  list-style-type: none;
+  background-color: #00838f;
+}
+
+nav ul a {
+  transition: background-color .3s;
+  font-size: 1rem;
+  color: #fff;
+  display: block;
+  padding: 0 15px;
+}
+
+@media only screen and (max-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+div.app .moreinfo {
+  font-size: 100%;
+}
+
+.content {
+}
--- a/ZTravel.Web/wwwroot/css/site.css
+++ b/ZTravel.Web/wwwroot/css/site.css
@ -0,0 +1,936 @@
+body {
+  margin: 0;
+}
+
+html {
+  font-family: Sans-Serif;
+}
+
+a {
+  color: #000099;
+  text-decoration: none;
+}
+
+p,
+div.about,
+div.input-field,
+div.notes {
+  max-width: 94%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+p {
+  text-align: justify;
+}
+
+div.content {
+  width: 100%;
+  margin: 0;
+}
+
+.wagonorder {
+  position: relative;
+  width: 100%;
+  height: 100ex;
+}
+
+.wagonorder .section {
+  position: absolute;
+  left: 1em;
+  width: 2em;
+  text-align: center;
+}
+
+.wagonorder .wagon {
+  position: absolute;
+  left: 3em;
+  min-width: 6em;
+  border: 1px solid #999999;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+}
+
+.wagonorder .wagon ~ .wagon {
+  border-top: none;
+}
+
+.wagonorder .wagon .material-icons {
+  color: #666666;
+}
+
+.wagonorder .wagon .direction {
+  position: absolute;
+  left: 0.2em;
+  bottom: 0;
+  right: 0;
+  text-align: center;
+  color: #666666;
+}
+
+.wagonorder .nondestwagon {
+  border-style: dashed;
+}
+
+.wagonorder .details {
+  position: absolute;
+  padding-top: 0.5ex;
+  left: 10em;
+  right: 0em;
+}
+
+.wagonorder .details .type {
+  display: inline-block;
+  width: 5em;
+  color: #666666;
+}
+
+.wagonorder .details .uicunknown {
+  color: #999999;
+}
+
+.wagonorder .details .uicexchange {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uiccountry {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic5 {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic56 {
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78 {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78::before {
+  content: "-";
+}
+
+.wagonorder .details .uictype {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uicno {
+  color: #666666;
+}
+
+.wagonorder .details .uiccheck {
+  color: #999999;
+}
+
+.wagonorder .details .uiccheck::before {
+  content: "-";
+}
+
+div.app {
+  border-width:1px 2px;
+  width:100%;
+  margin-bottom: 5em;
+}
+
+div.app > ul {
+  position:relative;
+  width:100%;
+
+  list-style-type:none;
+  margin:0;
+  padding:0;
+}
+
+div.app > ul > li {
+  min-height:7em;
+  display:block;
+  width:100%;
+  position:relative;
+}
+
+div.appdark > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #000000;
+}
+
+div.applight > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #ffffff;
+}
+
+div.app li .line {
+  font-size: 2.7em;
+  position:absolute;
+  top:5px;
+  bottom:5px;
+  left:2px;
+  overflow: hidden;
+}
+
+div.app li .line .trainsubtype {
+  font-weight: normal;
+  font-size: 70%;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.6ex;
+  left: -0.5ex;
+}
+
+div.app li .line .trainno {
+  font-weight: normal;
+}
+
+div.app li .line .trainno_sub {
+  font-weight: normal;
+  font-size: 0.6em;
+  text-align: center;
+  margin-top: -0.2em;
+}
+
+div.app li .sbahn .trainno_sub {
+  font-weight: normal;
+  font-size: 0.5em;
+  text-align: center;
+  margin-top: -0.25em;
+}
+
+div.app li .lineinfo {
+  color:#000000;
+  font-size: 2em;
+  position:absolute;
+  top:0px;
+  left:2px;
+}
+
+div.app .replacement {
+  color: #006600;
+}
+
+div.app .replaced {
+  color: #660000;
+}
+
+div.app .sbahn {
+  font-weight:bold;
+  border-radius: 30px;
+  height: 45% !important;
+  padding:3px 6px 2px 6px;
+}
+
+div.applight .sbahn {
+  background-color:#95d79f;
+}
+
+div.appdark .sbahn {
+  background-color:#115511;
+}
+
+div.app .bahn,
+div.app .fern,
+div.app .ext {
+  font-weight:bold;
+  border-radius: 5px;
+  padding:3px 5px 2px 5px;
+}
+
+div.app .bus {
+  font-weight:bold;
+  border-radius: 100%;
+  font-size: 14pt !important;
+  color: white;
+  background-color: rgb(125,44,140);
+  height: 35px !important;
+  width: 35px !important;
+  text-align: center;
+  line-height: 36px;
+}
+
+div.app .obus {
+  font-weight:bold;
+  border-radius: 0;
+  height: 35px !important;
+  width: 35px !important;
+  text-align: center;
+  font-size: 18pt !important;
+  line-height: 35px;
+}
+
+div.app .obus-line-1 {
+  background-color: rgb(238,33,42);
+  color: white;
+}
+
+div.app .obus-line-2 {
+  background-color: rgb(46,116,183);
+  color: white;
+}
+
+div.app .obus-line-3 {
+  background-color: rgb(140,101,38);
+  color: white;
+}
+
+div.app .obus-line-4 {
+  background-color: rgb(248,205,14);
+  color: black;
+}
+
+div.app .obus-line-5 {
+  background-color: rgb(77,192,235);
+  color: white;
+}
+
+div.app .obus-line-6 {
+  background-color: rgb(132,191,63);
+  color: white;
+}
+
+div.app .obus-line-7 {
+  background-color: rgb(64,167,163);
+  color: white;
+}
+
+div.app .obus-line-8 {
+  background-color: rgb(244,150,30);
+  color: white;
+}
+
+div.app .obus-line-9 {
+  background-color: rgb(119,42,145);
+  color: white;
+}
+
+div.app .obus-line-10 {
+  background-color: rgb(247,181,152);
+  color: black;
+}
+
+div.app .obus-line-12 {
+  background-color: rgb(173,221,215);
+  color: black;
+}
+
+div.app .obus-line-14 {
+  background-color: rgb(197,222,155);
+  color: black;
+}
+
+div.applight .bahn {
+  background-color: #eeeeee;
+}
+
+div.appdark .bahn {
+  background-color: #333333;
+}
+
+div.applight .fern {
+  background-color: #ffdddd;
+}
+
+div.appdark .fern {
+  background-color: #551111;
+}
+
+div.applight .ext {
+  background-color: #ffdddd;
+  border: 2px solid #ff6666;
+}
+
+div.appdark .ext {
+  background-color: #551111;
+  border: 2px solid #993333;
+}
+
+div.app li .route {
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:4.25em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .route {
+  color:#444444;
+}
+
+div.appdark li .route {
+  color:#bbbbbb;
+}
+
+div.app li .info {
+  color:#ff0000;
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:7.7em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.app .moreinfo {
+  font-size:2.1em;
+  position:fixed;
+  left:0;
+  right:0;
+  bottom:0em;
+  z-index: 5;
+  overflow: auto;
+  cursor: default;
+}
+
+div.app .moreinfo .mheader,
+div.app .moreinfo .mfooter {
+  max-width: 50em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+div.applight .moreinfo {
+  background-color: #ffffff;
+}
+
+div.appdark .moreinfo {
+  background-color: #000000;
+}
+
+div.app .collapsed-moreinfo {
+  display: none;
+}
+
+div.app .expanded-moreinfo {
+  display: block;
+}
+
+div.app .moreinfo .mheader {
+  text-align: center;
+  font-size: 120%;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+  border-bottom: 0.1em dashed #cccccc;
+}
+
+div.app .moreinfo .mfooter {
+  padding-top: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+div.app .moreinfo .loading {
+  text-align: center;
+  width: 100%;
+  color: #888888;
+}
+
+div.app .moreinfo .reason,
+div.app .moreinfo .minfo {
+  color: #ff0000;
+}
+
+div.app .moreinfo .verbose {
+  margin-bottom: 0.6em;
+}
+
+div.app .moreinfo .timeinfo {
+  margin-bottom: 0.6em;
+}
+
+div.applight .moreinfo .mroute .important-stop {
+  color: #000000;
+}
+
+div.appdark .moreinfo .mroute .important-stop {
+  color: #ffffff;
+}
+
+div.applight .moreinfo .mroute .generic-stop {
+  color: #555555;
+}
+
+div.appdark .moreinfo .mroute .generic-stop {
+  color: #999999;
+}
+
+div.applight .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.appdark .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.applight .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.appdark .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.app li .dest {
+  background-color: transparent;
+  font-size:3.9em;
+  position:absolute;
+  top:0.62em;
+  left:2.25em;
+  bottom:0;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .dest {
+  color:#000000;
+}
+
+div.appdark li .dest {
+  color:#ffffff;
+}
+
+div.applight li.cancelled {
+  background-color: #ffe7d0;
+}
+
+div.appdark li.cancelled {
+  background-color: #512f00;
+}
+
+div.app li .countdown {
+  background-color: transparent;
+  font-size: 3em;
+  position: absolute;
+  right: 5px;
+  bottom: 2px;
+  padding-left: 0.2em;
+}
+
+div.applight li .countdown {
+  color: #000000;
+}
+
+div.appdark li .countdown {
+  color: #ffffff;
+}
+
+div.app li .header {
+  color:#000000;
+  font-size:2em;
+  font-weight:bold;
+  padding-top:8px;
+  border-width-top:0;
+  display:block;
+  text-align:center;
+}
+
+div.app li .head {
+  border-bottom-width:0;
+}
+
+div.app li .countdown .delay {
+  font-size:1em;
+  color:#FF0000;
+  background-color: transparent;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelay {
+  font-size:1em;
+  color:#006600;
+  padding-right:7px;
+}
+
+div.app li .countdown .delaynorm {
+  font-size:0.9em;
+  color:#BB3333;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelaynorm {
+  font-size:0.9em;
+  color:#338833;
+  padding-right:7px;
+}
+
+div.app li .countdown .platform {
+  font-weight: bold;
+}
+
+div.app li .countdown .changed-platform {
+  color:#ff0000;
+}
+
+div.app li .time {
+  background-color: transparent;
+  font-size:2.3em;
+  position:absolute;
+  right:5px;
+  top:4px;
+  padding-left: 0.2em;
+}
+
+div.applight li .time {
+  color:#000000;
+}
+
+div.appdark li .time {
+  color:#ffffff;
+}
+
+div.app span.delayed {
+  color: #ff0000;
+  background-color: transparent;
+}
+
+ul.ui-autocomplete {
+  max-height: 20em;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+div.geolocation {
+  text-align: center;
+}
+
+div.candidatestatus {
+  text-align: center;
+  color: #999999;
+}
+
+div.candidatelist a {
+  display: block;
+  text-decoration: none;
+  font-size: 1.4em;
+  padding-top: 0.3em;
+  text-align: center;
+  border-bottom: 1px solid #999999;
+}
+
+div.candidatelist a .distance:after {
+  content: " km";
+}
+
+div.candidatelist a .distance {
+  font-size: 0.6em;
+  color: #999999;
+  padding-top: 0.2em;
+  padding-bottom: 0.3em;
+}
+
+div.about {
+  margin-top: 2em;
+  font-family: Sans-Serif;
+  color: #666666;
+}
+
+div.about a {
+  color: #000066;
+  text-decoration: none;
+}
+
+.notice {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #bce8f1;
+  border-radius: 4px;
+  color: #31708f;
+  background-color: #d9edf7;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.warning {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #faebcc;
+  border-radius: 4px;
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #ebccd1;
+  border-radius: 4px;
+  color: #a94442;
+  background-color: #f2dede;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error .errcode {
+  font-family: Monospace;
+  margin-top: 2em;
+  font-size: 100%;
+  color: #aaaaaa;
+}
+
+.container {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+pre {
+  margin-bottom: 2em;
+}
+
+span.optional,
+span.notes {
+  color: #666666;
+}
+
+.moresettings-header {
+}
+
+.moresettings-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.moresettings-header-expanded:before {
+  content: "â–¿ "
+}
+
+.moresettings-collapsed {
+  display: none;
+}
+
+.moresettings-expanded {
+  display: block;
+}
+
+.developers-header {
+}
+
+.developers-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.developers-header-expanded:before {
+  content: "â–¿ "
+}
+
+.developers-collapsed {
+  display: none;
+}
+
+.developers-expanded {
+  display: block;
+}
+
+div.break {
+  height: 1em;
+}
+
+div.field {
+  margin-top: 0.3em;
+  margin-bottom: 0.6em;
+}
+
+input, select, .button {
+  display: inline-block;
+  width: 60em;
+  max-width: 100%;
+  min-height: 1.8em;
+  border-radius: 4px;
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  font-size: 90%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+input[type="text"] {
+  width: 59em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  text-align: left;
+  box-sizing: border-box;
+}
+
+select {
+  min-height: 2em;
+}
+
+input[type="checkbox"] {
+  width: 1.5em;
+  box-shadow: none;
+}
+
+input[type="submit"], .button {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+  box-shadow: none;
+  padding-top: 0.9ex;
+  padding-bottom: 0.9ex;
+}
+
+.button {
+  padding-top: 1.1ex;
+  padding-bottom: 0;
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus,
+input[type="submit"]:hover,
+.button:active,
+.button:focus,
+.button:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+input[type="submit"]:active,
+.button.active {
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.button-light {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.button-light:active,
+.button-light:focus,
+.button-light:hover
+{
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+div.notes {
+  margin-top: 2em;
+}
+
+div.notes ul {
+  margin-top: 1em;
+}
+div.app {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar-fixed {
+  position: relative;
+  z-index: 997;
+}
+
+.navbar-fixed nav {
+  position: fixed;
+}
+
+nav {
+  width: 100%;
+  overflow: hidden;
+}
+
+nav .nav-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+nav i, nav i.material-icons {
+  display: block;
+  font-size: 12px;
+}
+
+nav .brand-logo {
+  position: absolute;
+  display: inline-block;
+  padding-left: 0.5rem;
+  z-index: -1;
+}
+
+nav ul {
+  margin: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+nav ul li {
+  transition: background-color .3s;
+  float: left;
+  padding: 0;
+  list-style-type: none;
+  background-color: #00838f;
+}
+
+nav ul a {
+  transition: background-color .3s;
+  font-size: 1rem;
+  color: #fff;
+  display: block;
+  padding: 0 15px;
+}
+
+@media only screen and (max-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 40px;
+  }
+  nav {
+    height: 40px;
+    line-height: 40px;
+  }
+  nav .brand-logo {
+    font-size: 1.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 40px;
+    line-height: 40px;
+  }
+}
+
+div.app .moreinfo {
+  font-size: 100%;
+}
+
+.content {
+}
--- a/ZTravel.Web/wwwroot/css/space.css
+++ b/ZTravel.Web/wwwroot/css/space.css
@ -0,0 +1,957 @@
+@font-face {
+  font-family: VRRR;
+  src: url('/fonts/VRRR.ttf');
+}
+
+body {
+  margin: 0;
+  background-color: #000000;
+  zoom: 190%;
+}
+
+html {
+  font-family: Sans-Serif;
+  overflow: hidden;
+}
+
+a {
+  color: #000099;
+  text-decoration: none;
+}
+
+p,
+div.about,
+div.input-field,
+div.notes {
+  max-width: 94%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+p {
+  text-align: justify;
+}
+
+div.content {
+  width: 100%;
+  margin: 0;
+}
+
+.wagonorder {
+  position: relative;
+  width: 100%;
+  height: 100ex;
+}
+
+.wagonorder .section {
+  position: absolute;
+  left: 1em;
+  width: 2em;
+  text-align: center;
+}
+
+.wagonorder .wagon {
+  position: absolute;
+  left: 3em;
+  min-width: 6em;
+  border: 1px solid #999999;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+}
+
+.wagonorder .wagon ~ .wagon {
+  border-top: none;
+}
+
+.wagonorder .wagon .material-icons {
+  color: #666666;
+}
+
+.wagonorder .wagon .direction {
+  position: absolute;
+  left: 0.2em;
+  bottom: 0;
+  right: 0;
+  text-align: center;
+  color: #666666;
+}
+
+.wagonorder .nondestwagon {
+  border-style: dashed;
+}
+
+.wagonorder .details {
+  position: absolute;
+  padding-top: 0.5ex;
+  left: 10em;
+  right: 0em;
+}
+
+.wagonorder .details .type {
+  display: inline-block;
+  width: 5em;
+  color: #666666;
+}
+
+.wagonorder .details .uicunknown {
+  color: #999999;
+}
+
+.wagonorder .details .uicexchange {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uiccountry {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic5 {
+  margin-right: 0.2em;
+  color: #999999;
+}
+
+.wagonorder .details .uic56 {
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78 {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uic78::before {
+  content: "-";
+}
+
+.wagonorder .details .uictype {
+  margin-right: 0.2em;
+  color: #666666;
+  font-weight: bold;
+}
+
+.wagonorder .details .uicno {
+  color: #666666;
+}
+
+.wagonorder .details .uiccheck {
+  color: #999999;
+}
+
+.wagonorder .details .uiccheck::before {
+  content: "-";
+}
+
+div.app {
+  border-width:1px 2px;
+  width:100%;
+  margin-bottom: 5em;
+}
+
+div.app > ul {
+  position:relative;
+  width:100%;
+
+  list-style-type:none;
+  margin:0;
+  padding:0;
+}
+
+div.app > ul > li {
+  min-height:7em;
+  display:block;
+  width:100%;
+  position:relative;
+}
+
+div.appdark > ul > li {
+  border-bottom: 1px solid #434343;
+  background-color: #000000;
+}
+
+div.applight > ul > li {
+  border-bottom: 1px solid #999999;
+  background-color: #ffffff;
+}
+
+div.app li .line {
+  font-size: 2.7em;
+  position:absolute;
+  top:5px;
+  bottom:5px;
+  left:2px;
+  overflow: hidden;
+  opacity: 85%;
+}
+
+div.app li .line .trainsubtype {
+  font-weight: normal;
+  font-size: 70%;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.6ex;
+  left: -0.5ex;
+}
+
+div.app li .line .trainno {
+  font-weight: normal;
+}
+
+div.app li .line .trainno_sub {
+  font-weight: normal;
+  font-size: 0.6em;
+  text-align: center;
+  margin-top: -0.2em;
+}
+
+div.app li .sbahn .trainno_sub {
+  font-weight: normal;
+  font-size: 0.5em;
+  text-align: center;
+  margin-top: -0.25em;
+}
+
+div.app li .lineinfo {
+  color:#000000;
+  font-size: 2em;
+  position:absolute;
+  top:0px;
+  left:2px;
+}
+
+div.app .replacement {
+  color: #006600;
+}
+
+div.app .replaced {
+  color: #660000;
+}
+
+div.app .sbahn {
+  font-weight:bold;
+  border-radius: 15px;
+  height: 50% !important;
+  padding:3px 6px 2px 6px;
+  top:13px !important;
+}
+
+div.applight .sbahn {
+  background-color:#95d79f;
+}
+
+div.appdark .sbahn {
+  background-color:#115511;
+}
+
+div.app .bahn,
+div.app .fern,
+div.app .ext {
+  font-weight:bold;
+  border-radius: 5px;
+  padding:3px 5px 2px 5px;
+}
+
+div.app .bus {
+  font-weight:bold;
+  border-radius: 100%;
+  font-size: 14pt !important;
+  color: white;
+  background-color: rgb(125,44,140);
+  height: 35px !important;
+  width: 35px !important;
+  text-align: center;
+  line-height: 36px;
+}
+
+div.app .obus {
+  opacity: 100% !important;
+  border-radius: 0;
+  height: 30px !important;
+  width: 30px !important;
+  margin-top: 3px;
+  margin-left: 5px;
+  text-align: right;
+  line-height: 30px;
+  font-size: 8.5em !important;
+  font-family: VRRR, sans-serif;
+  color: #f8d102;
+}
+
+div.app .obus-line-1 {
+  background-color: rgb(238,33,42);
+  color: white;
+}
+
+div.app .obus-line-2 {
+  background-color: rgb(46,116,183);
+  color: white;
+}
+
+div.app .obus-line-3 {
+  background-color: rgb(140,101,38);
+  color: white;
+}
+
+div.app .obus-line-4 {
+  background-color: rgb(248,205,14);
+  color: black;
+}
+
+div.app .obus-line-5 {
+  background-color: rgb(77,192,235);
+  color: white;
+}
+
+div.app .obus-line-6 {
+  background-color: rgb(132,191,63);
+  color: white;
+}
+
+div.app .obus-line-7 {
+  background-color: rgb(64,167,163);
+  color: white;
+}
+
+div.app .obus-line-8 {
+  background-color: rgb(225, 131, 29);
+  color: white;
+}
+
+div.app .obus-line-9 {
+  background-color: rgb(119,42,145);
+  color: white;
+}
+
+div.app .obus-line-10 {
+  background-color: rgb(247,181,152);
+  color: black;
+}
+
+div.app .obus-line-12 {
+  background-color: rgb(173,221,215);
+  color: black;
+}
+
+div.app .obus-line-14 {
+  background-color: rgb(197,222,155);
+  color: black;
+}
+
+div.applight .bahn {
+  background-color: #eeeeee;
+}
+
+div.appdark .bahn {
+  background-color: #333333;
+}
+
+div.applight .fern {
+  background-color: #ffdddd;
+}
+
+div.appdark .fern {
+  background-color: #551111;
+}
+
+div.applight .ext {
+  background-color: #ffdddd;
+  border: 2px solid #ff6666;
+}
+
+div.appdark .ext {
+  background-color: #551111;
+  border: 2px solid #993333;
+}
+
+div.app li .route {
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:3.85em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.applight li .route {
+  color:#444444;
+}
+
+div.appdark li .route {
+  color:#bbbbbb;
+}
+
+div.app li .info {
+  color:#ff0000;
+  background-color: transparent;
+  font-size:2.1em;
+  position:absolute;
+  top:1px;
+  left:7.7em;
+  height: 1.2em;
+  width: 70%;
+  overflow: hidden;
+}
+
+div.app .moreinfo {
+  font-size:2.1em;
+  position:fixed;
+  left:0;
+  right:0;
+  bottom:0em;
+  z-index: 5;
+  overflow: auto;
+  cursor: default;
+}
+
+div.app .moreinfo .mheader,
+div.app .moreinfo .mfooter {
+  max-width: 50em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+div.applight .moreinfo {
+  background-color: #ffffff;
+}
+
+div.appdark .moreinfo {
+  background-color: #000000;
+}
+
+div.app .collapsed-moreinfo {
+  display: none;
+}
+
+div.app .expanded-moreinfo {
+  display: block;
+}
+
+div.app .moreinfo .mheader {
+  text-align: center;
+  font-size: 120%;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+  border-bottom: 0.1em dashed #cccccc;
+}
+
+div.app .moreinfo .mfooter {
+  padding-top: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+div.app .moreinfo .loading {
+  text-align: center;
+  width: 100%;
+  color: #888888;
+}
+
+div.app .moreinfo .reason,
+div.app .moreinfo .minfo {
+  color: #ff0000;
+}
+
+div.app .moreinfo .verbose {
+  margin-bottom: 0.6em;
+}
+
+div.app .moreinfo .timeinfo {
+  margin-bottom: 0.6em;
+}
+
+div.applight .moreinfo .mroute .important-stop {
+  color: #000000;
+}
+
+div.appdark .moreinfo .mroute .important-stop {
+  color: #ffffff;
+}
+
+div.applight .moreinfo .mroute .generic-stop {
+  color: #555555;
+}
+
+div.appdark .moreinfo .mroute .generic-stop {
+  color: #999999;
+}
+
+div.applight .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.appdark .moreinfo .mroute .additional-stop {
+  color: #009900;
+}
+
+div.applight .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.appdark .moreinfo .mroute .cancelled-stop {
+  color: #cc0000;
+}
+
+div.app li .dest {
+  background-color: transparent;
+  font-size:8.5em;
+  position:absolute;
+  left: 1em;
+  bottom: 3px;
+  width: 70%;
+  overflow: hidden;
+  font-family: VRRR, sans-serif !important;
+  color: #f8d102 !important;
+}
+
+div.applight li .dest {
+  color:#000000;
+}
+
+div.appdark li .dest {
+  color:#ffffff;
+}
+
+div.applight li.cancelled {
+  background-color: #ffe7d0;
+}
+
+div.appdark li.cancelled {
+  background-color: #512f00;
+}
+
+div.app li .countdown {
+  background-color: transparent;
+  font-size: 8.5em;
+  position: absolute;
+  right: 5px;
+  bottom: 3px;
+  padding-left: 0.2em;
+  font-family: VRRR, sans-serif !important;
+}
+
+div.applight li .countdown {
+  color: #000000;
+}
+
+div.appdark li .countdown {
+  color: #ffffff;
+}
+
+div.app li .header {
+  color:#000000;
+  font-size:2em;
+  font-weight:bold;
+  padding-top:8px;
+  border-width-top:0;
+  display:block;
+  text-align:center;
+}
+
+div.app li .head {
+  border-bottom-width:0;
+}
+
+div.app li .countdown .delay {
+  font-size:1em;
+  color:#FF0000;
+  background-color: transparent;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelay {
+  font-size:1em;
+  color:#006600;
+  padding-right:7px;
+}
+
+div.app li .countdown .delaynorm {
+  font-size:0.9em;
+  color:#BB3333;
+  padding-right:7px;
+}
+
+div.app li .countdown .undelaynorm {
+  font-size:0.9em;
+  color:#338833;
+  padding-right:7px;
+}
+
+div.app li .countdown .platform {
+  font-weight: normal;
+  color: #f8d102;
+}
+
+div.app li .countdown .changed-platform {
+  color:#ff0000;
+}
+
+div.app li .time {
+  background-color: transparent;
+  font-size:2.3em;
+  position:absolute;
+  right:5px;
+  top:4px;
+  padding-left: 0.2em;
+}
+
+div.applight li .time {
+  color:#000000;
+}
+
+div.appdark li .time {
+  color:#ffffff;
+}
+
+div.app span.delayed {
+  color: #ff0000;
+  background-color: transparent;
+}
+
+ul.ui-autocomplete {
+  max-height: 20em;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+div.geolocation {
+  text-align: center;
+}
+
+div.candidatestatus {
+  text-align: center;
+  color: #999999;
+}
+
+div.candidatelist a {
+  display: block;
+  text-decoration: none;
+  font-size: 1.4em;
+  padding-top: 0.3em;
+  text-align: center;
+  border-bottom: 1px solid #999999;
+}
+
+div.candidatelist a .distance:after {
+  content: " km";
+}
+
+div.candidatelist a .distance {
+  font-size: 0.6em;
+  color: #999999;
+  padding-top: 0.2em;
+  padding-bottom: 0.3em;
+}
+
+div.about {
+  margin-top: 2em;
+  font-family: Sans-Serif;
+  color: #666666;
+}
+
+div.about a {
+  color: #000066;
+  text-decoration: none;
+}
+
+.notice {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #bce8f1;
+  border-radius: 4px;
+  color: #31708f;
+  background-color: #d9edf7;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.warning {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #faebcc;
+  border-radius: 4px;
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid #ebccd1;
+  border-radius: 4px;
+  color: #a94442;
+  background-color: #f2dede;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.error .errcode {
+  font-family: Monospace;
+  margin-top: 2em;
+  font-size: 100%;
+  color: #aaaaaa;
+}
+
+.container {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+pre {
+  margin-bottom: 2em;
+}
+
+span.optional,
+span.notes {
+  color: #666666;
+}
+
+.moresettings-header {
+}
+
+.moresettings-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.moresettings-header-expanded:before {
+  content: "â–¿ "
+}
+
+.moresettings-collapsed {
+  display: none;
+}
+
+.moresettings-expanded {
+  display: block;
+}
+
+.developers-header {
+}
+
+.developers-header-collapsed:before {
+  content: "â–¹ "
+}
+
+.developers-header-expanded:before {
+  content: "â–¿ "
+}
+
+.developers-collapsed {
+  display: none;
+}
+
+.developers-expanded {
+  display: block;
+}
+
+div.break {
+  height: 1em;
+}
+
+div.field {
+  margin-top: 0.3em;
+  margin-bottom: 0.6em;
+}
+
+input, select, .button {
+  display: inline-block;
+  width: 60em;
+  max-width: 100%;
+  min-height: 1.8em;
+  border-radius: 4px;
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  font-size: 90%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+input[type="text"] {
+  width: 59em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  text-align: left;
+  box-sizing: border-box;
+}
+
+select {
+  min-height: 2em;
+}
+
+input[type="checkbox"] {
+  width: 1.5em;
+  box-shadow: none;
+}
+
+input[type="submit"], .button {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+  box-shadow: none;
+  padding-top: 0.9ex;
+  padding-bottom: 0.9ex;
+}
+
+.button {
+  padding-top: 1.1ex;
+  padding-bottom: 0;
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus,
+input[type="submit"]:hover,
+.button:active,
+.button:focus,
+.button:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+input[type="submit"]:active,
+.button.active {
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.button-light {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.button-light:active,
+.button-light:focus,
+.button-light:hover
+{
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+div.notes {
+  margin-top: 2em;
+}
+
+div.notes ul {
+  margin-top: 1em;
+}
+div.app {
+  max-width: 60em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar-fixed {
+  position: relative;
+  z-index: 997;
+}
+
+.navbar-fixed nav {
+  position: fixed;
+}
+
+nav {
+  font-family: VRRR, sans-serif !important;
+}
+
+nav {
+  width: 100%;
+  overflow: hidden;
+}
+
+nav .nav-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+nav i, nav i.material-icons {
+  display: block;
+  font-size: 12px;
+}
+
+nav .brand-logo {
+  position: absolute;
+  display: inline-block;
+  padding-left: 0.5rem;
+  z-index: -1;
+}
+
+nav ul {
+  margin: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+nav ul li {
+  transition: background-color .3s;
+  float: left;
+  padding: 0;
+  list-style-type: none;
+  background-color: #00838f;
+}
+
+nav ul a {
+  transition: background-color .3s;
+  font-size: 1rem;
+  color: #fff;
+  display: block;
+  padding: 0 15px;
+}
+
+@media only screen and (max-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 35px;
+  }
+  nav {
+    height: 35px;
+    line-height: 35px;
+  }
+  nav .brand-logo {
+    font-size: 2.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 35px;
+    line-height: 35px;
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  div.app > ul > li {
+    font-size: 40%;
+  }
+  div.navbar-fixed {
+    height: 35px;
+  }
+  nav {
+    height: 35px;
+    line-height: 35px;
+  }
+  nav .brand-logo {
+    font-size: 2.5rem;
+  }
+  nav .nav-wrapper i {
+    height: 35px;
+    line-height: 35px;
+  }
+}
+
+div.app .moreinfo {
+  font-size: 100%;
+}
+
+.content {
+}
--- a/ZTravel.Web/wwwroot/favicon.ico
+++ b/ZTravel.Web/wwwroot/favicon.ico
--- a/ZTravel.Web/wwwroot/fonts/VRRR.ttf
+++ b/ZTravel.Web/wwwroot/fonts/VRRR.ttf
--- a/ZTravel.Web/wwwroot/js/site.js
+++ b/ZTravel.Web/wwwroot/js/site.js
@ -0,0 +1,4 @@
+// Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
+// for details on configuring this project to bundle and minify static web assets.
+
+// Write your Javascript code.
--- a/ZTravel.sln
+++ b/ZTravel.sln
@ -0,0 +1,28 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ZTravel.CLI", "ZTravel.CLI\ZTravel.CLI.csproj", "{80CE6E0D-EC94-43C8-BEED-FE122D101BF0}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ZTravel.Web", "ZTravel.Web\ZTravel.Web.csproj", "{46DC5B3C-8A8B-489A-AF2F-F2915DC94E98}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ZTravel.API", "ZTravel.API\ZTravel.API.csproj", "{A2C75A67-69D0-4942-9FC8-2F240002C8AC}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{80CE6E0D-EC94-43C8-BEED-FE122D101BF0}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{80CE6E0D-EC94-43C8-BEED-FE122D101BF0}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{80CE6E0D-EC94-43C8-BEED-FE122D101BF0}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{80CE6E0D-EC94-43C8-BEED-FE122D101BF0}.Release|Any CPU.Build.0 = Release|Any CPU
+		{46DC5B3C-8A8B-489A-AF2F-F2915DC94E98}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{46DC5B3C-8A8B-489A-AF2F-F2915DC94E98}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{46DC5B3C-8A8B-489A-AF2F-F2915DC94E98}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{46DC5B3C-8A8B-489A-AF2F-F2915DC94E98}.Release|Any CPU.Build.0 = Release|Any CPU
+		{A2C75A67-69D0-4942-9FC8-2F240002C8AC}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{A2C75A67-69D0-4942-9FC8-2F240002C8AC}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{A2C75A67-69D0-4942-9FC8-2F240002C8AC}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{A2C75A67-69D0-4942-9FC8-2F240002C8AC}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+EndGlobal