#lizenz {
				text-align: center;
				font-size: 12pt;
				padding-top: 1%;
			}
		#time-date {
				flex: 0;
				font-size: 26pt;
				font-weight: 600;
				float: right;
				text-align: right;
				margin-right: 35px;
				width: 100%;
			}
			
		.header {		
			height: min(3vh,5%);
			width: 100%;
			border: none;
			padding: max(2vh,25px) 0;
			display: flex;
			align-items: center;
		}
		@media screen and (min-width: 1920px) { /*Großanzeiger*/
			#slogan {
				text-align: center;
				flex: 1 50%;
				font-weight: 700;
				font-size: 5vh;
				font-size: min(5vh, 28pt);
			}
		}
		
		.img-box, #img-box-lizenz, #privider-box, #img-box-zusatz, #provider-box {
			flex: 1 0 ;
			padding: 0 10px 0 10px;
		}
		#img-box-provider, #img-box-lizenz, #img-box-zusatz, #provider-box {
			flex: 0;
		}
		#img-box {
			 border-right: 2px solid #fff;
		}
		#slogan {
			text-align: center;
			flex: 1 50%;
			font-weight: 700;
			font-size: min(2.5vh,28pt);
		}
		#provider-box {
			text-align: right;
			padding-right: min(1vh,25px);
		}
		#titel {
			flex: 1;
			font-size: min(2.3vh,26pt);
			text-align: left;
			/*padding: 25px 0;*/
			line-height: 128%;
			margin-left: min(1.3vh,35px);
			justify-content: center;
		}
		#titel-img {
			flex: 0;
			/*padding: 25px 0;*/
			margin-left: min(1.3vh,35px);
		}
		#titel-marker {
			flex: 1;
			font-size: min(2.5vh, 28pt);
			padding: 5px 10px;
			text-align: left;
			line-height: max(25pt,2.5vh);
		}
		
		.departure  {
				display: block; 
				width: 100%; 
				border: none; 

				overflow-x: hidden;
				overflow-y: hidden;
		}
		table {
			width: 100%;
			height: 100%;
			font-size: min(1.5vh,12pt);
			border: none;
			border-collapse: collapse;
		}

		table tr {
			padding-top: min(0.5vh,5px);
			padding-bottom: min(0.5vh,5px);
		}

		table td {
			height: min(3vh,20px);
		}

		.thead {
			display: table-row;
			
			border: none;
			font-size: min(3vh,18pt);
			text-align: center;
		}
		.thead-data {
			height: 2%;
			padding: min(1vh,5px) 0;
		}
		.row {
		display: table-row;
		}
		.gleis {
			font-size: 22pt;
			font-weight: 700;
			text-align: center;
		}
		.linie {
			font-size: 22pt;
			font-weight: 700;
		}
		.ziel, .abfahrt {
			font-size: 20pt;
			font-weight: 900;
		}
		#ziel-einzeilig {
			font-size: 22pt;
		}
		.ics, .verspätung {
			font-size: 12pt;
		}
		.marquee-ics {
			overflow: hidden;
			white-space: nowrap;
			position: absolute;
		}
	
        .marquee {
            width: 100%;
            margin: 0 auto;
            white-space: nowrap;
            overflow: hidden;
            bottom: 0px;
        }

        .marquee span {
            display: inline-block;
            padding-left: 100%;
            text-indent: 0;
            animation: marquee linear infinite;
            bottom: 0px;
        }


        /* Make it move */

        @keyframes marquee {
            0% {
                transform: translate(0%, 0);
            }
			100% {
                transform: translate(-100%, 0);
            }
        }

	
		.verspätung {
			text-align: center;
		}
	
		.abfahrt {
			width: 5%;
			padding: 10px;
			text-align: center;
		}
		

		.material-icons {
			font-size: 27pt;  /* Preferred icon size */
		  }
		
		.gleis {
			width: 5%;
		}
		.haltestelle {
			width: 25%;
			font-size: 16pt;
			
		}
		.icon {
			margin: 0 80%;
		}

		.info-main {
			height: 2.5%;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.info-sub {
			height: 1%;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.provider {
			width: 100%;
		/*	font-size: 17pt;*/
			bottom: 0;
			position: absolute;
			padding-bottom: 0.5%;
		}
		#flex-img {
			padding: 0 2.3%;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
		} 
		.ics-bottom {
			font-size: 17pt;
			text-align: center;
			padding-top: 0.75%;
			padding-bottom: 0.75%;
			margin-bottom: 1%;
			overflow: hidden;
		}

		#fallback {
			text-align: center;
			font-size: 50pt;
			font-weight: 700;
			line-height: 150%;
			width: 100%;
			height: 100%;
		}
		#trip_list_col_fallback {
			grid-area: 1/1/span 2/span 4;
		}
		#error-code {
			text-align: center!important;
			font-size: 10pt!important;
			background-color: #fff;
		}
		#verbindung {
			text-align: center!important;
		}
		
		
.symbol-pic {
	height: 25pt;
	
	display: table-cell;
	padding-left: 5%;

}
#lizenz-error {
	width: 100%;
	height: 100%;
	z-index: 999;
	position: absolute;
	color: #fff;
	background-color: red;
	text-align: center;
	font-size: 48pt;
	top: 0;
	padding-top: 50%;
}
#img-box-provider {
	border-right: 2px solid #fff;
}


.trip .thead-data {
	height: 10px;
}
#circle {
width: 2px;
background-color: #000;
  }

.trip .ziel::before {
	content: "";
	height: 10px;
	width: 10px;
	background-color: #fff;
	border-color: #000;
	border-radius: 50%;
	border-width: 1px;
	display: inline-block;
	border-style: solid;
	margin-left: -8px;
  }

.trip #titel {

		text-align: center;
		padding: 5px 0;
		line-height: initial!important;
		margin-left: initial!important;
		font-size: 20pt;
		

}
.trip .ics {
	padding-left: 10px;
}
.trip table {
	height: initial!important;
}
.trip .haltestelle {
	width: 100%!important;
}
.trip .icon {
	padding-right: 10px;
}
.trip #fallback_row {
	background-color: lightcoral;
	text-align: center;
	font-size: 12pt;
	padding: 5px;
}


  .grid-container {
	  height: 100%;
	  width: 100%;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: auto auto;
  }
  .grid-item {
	border: 4px solid #fff;
  }

  @media screen and (max-width: 1080px) {
	.grid-container {
	  grid-template-columns: 50% 50%;
	  grid-template-rows: auto auto auto auto;
	}
  }
@media screen and (max-width: 960px) {
	.grid-container {
		grid-template-columns: 100%;
	  grid-template-rows: auto auto auto auto;
	  }
	  .trip-sub {
		  display: none; 
	  }/*
#headerlogo, #logo-nvbw, #zusatzlogo, #providerlogo, #lizenzlogo {
	height: 40px;
}

#slogan, #provider-box {
	font-size: 12pt;
}
#lizenz, .ics, .verspätung {
	font-size: 8pt;
}
#titel-marker, #time-date {
	font-size: 14pt!important;
}
.thead, .ziel, .abfahrt, .ics-bottom, #ziel-einzeilig, .linie, .trip #titel {
	font-size: 12pt;
}
.haltestelle {
	font-size: 11pt;
}
.symbol-pic {
	height: 20pt;
	width: 20pt;
}
#fallback {
	font-size: 30pt;
}
*/
#titel {
	line-height: 1;
}

/*
.img-box, #img-box-lizenz, #privider-box, #img-box-zusatz, #provider-box {
	padding: 0 5px;
}
#lizenz {
	padding: 0 10px;
}

.haltestelle {
	white-space: normal;
}
#titel-img {
	margin-left: 10px;
}*/
#time-date, #provider-box {
	display: none;
}
}
		/* pt-sans-italic - latin-ext_latin */
@font-face {
	font-family: 'PT Sans';
	font-style: italic;
	font-weight: 400;
	src: url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
	src: local('PT Sans Italic'), local('PTSans-Italic'),
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
  }
  /* pt-sans-400 - latin-ext_latin */
  @font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	src: url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local('PT Sans'), local('PTSans'),
		 url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('./Fonts/PTSans/pt-sans-v11-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
  }
  /* pt-sans-700 - latin-ext_latin */
  @font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 700;
	src: url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
	src: local('PT Sans Bold'), local('PTSans-Bold'),
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
  }
  /* pt-sans-700italic - latin-ext_latin */
  @font-face {
	font-family: 'PT Sans';
	font-style: italic;
	font-weight: 700;
	src: url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('./Fonts/PTSans/pt-sans-v9-latin-ext_latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
  }
		html, body {
		background-color: #fff;
		
		}
	
		p, #anleitung, #settings {
			font-family: 'PT Sans', sans-serif;
		}


			
		.header {		

			font-family: 'PT Sans', sans-serif;
		}
		

		#titel {
			color: #fff;
			font-family: 'PT Sans', Sans-serif;
		
		}
		#titel-marker {
			color: #004579 ;
			font-size: 26pt;
			font-weight: 700;
		}
		
	
		table, .trip{
			
			font-family: 'PT Sans', sans-serif;
			
		}

		table tr:nth-child(4n+1), table tr:nth-child(4n+2) {
			background: #DFEBF7;
		}

		#card, .bg-warning {
			background: #DFEBF7!important;
		}

		#card, html .bg-warning {
			background-color: #d3d8e8!important;
			
		}

		.thead {
		
			background: #004579!important;
			
			color: #fff;
			
		}
		
		
	#time-date {
		color: #004579;
		font-weight: 700;
		font-family: 'PT Sans', sans-serif;

	}
	

		#ontime {
			color: green;
		}
		#delay {
			color: red;
		}
		.provider {
			background-color: #004579;
			color: #fff;
			
			font-family: 'PT Sans', sans-serif;
			
		}
		.ics-bottom {
			
			font-family: 'PT Sans', sans-serif;
			
		color: #DA121A;
			background-color: #FCDD09;
		}
		#fallback {
			
			color: #1B3D6A!important;
			background-color: #fff;
			
		}
		#error-code {
			
			color: #1B3D6A!important;
			background-color: #fff;
			
		}
		.img-box {
			flex: initial;
		}
#zusatzlogo {
	height: 100px;
	z-index: 999;
	position: absolute;
	bottom: 40%;
}

#slogan {
	font-weight: 700;
	text-align: left;
	margin-left: 6%;
	font-size: 18pt!important;
}


/*
@media (prefers-color-scheme: dark) {

	#headerlogo {
		filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
	   }

	html, body, .header, #preload-wrapper, #fallbackTable, #fallback {
		background-color: #222225;

	}
	#fallback-span {
color: #DFEBF7;
	}
	.titel, #titel-marker, #time-date {
color: #DFEBF7;
	}
	.ldio-sphskhpw0v div > div {
	
		background: #DFEBF7;
		
	  }
	.departure, .thead, .trip {
		color: #DFEBF7;
	}
	 .provider {
		
		color: #fff;
	}
	tbody tr {
		background-color: #18181a;
	}
	tbody tr:nth-child(4n+1), tbody tr:nth-child(4n+2) {
		background-color: #222225;
	}
	#MaterialIcons {
		filter: invert(100%) sepia(0%) saturate(2408%) hue-rotate(36deg) brightness(89%) contrast(69%);
	}
	
	#circle {
		background-color: #c2c2c2;
	}
	.grid-item {
		border: 4px solid #222225;
	}
	.trip .ziel::before {
		content: "";
		height: 10px;
		width: 10px;
		background-color: #000;
		border-color: #c2c2c2;
		border-radius: 50%;
		border-width: 1px;
		display: inline-block;
		border-style: solid;
		margin-left: -8px;
	  }
	
	
}


*/