@font-face { font-family: 'bod-bold'; src: url('../fonts/BOD_B.TTF') }
		@font-face { font-family: 'bod-regu'; src: url('../fonts/BOD_R.TTF');}	
		
		@font-face { font-family: 'tn-medi'; src: url('../fonts/BMWGROUPTNCONDENSED-MEDIUM.OTF') }
		@font-face { font-family: 'tn-regu'; src: url('../fonts/BMWGROUPTNCONDENSED-REGULAR.OTF') }
		@font-face { font-family: 'tn-thin'; src: url('../fonts/BMWGROUPTNCONDENSED-THIN.OTF') }
		
		body {
			margin: 0;
		}
		body::-webkit-scrollbar {
			display: none;
		}
		
		.logotop {
			max-height: 600px;
			margin: auto;
			display: block;
		}
		
		#contentContainer {
			font-family: tn-regu;
			font-size: 190%;
			margin-left: auto;	
			margin-right: auto;
			width: 100%
		}
		.horizAndVertCenter {
			display: flex; 
			align-items: center; 
			justify-content: center 
		}
		
		.centeredText {
			text-align: center;
		}
		
		.serifText {
			font-family: bod-regu;
		}

		.commContElem {
			width: 100%
		}
		.currCar {
			background-color: #000000;
			color: #FFFFFF;
		}
		.nextCar1 {
			background-color: #CBCBCB;
		}
		.nextCar2 {
			background-color: #E7E7E7;
		}
		.classA {
			background-color: #00482e;
		}
		.classB {
			background-color: #f59f17;
		}
		.classC {
			background-color: #4f2a47;
		}
		.classD {
			background-color: #7c858f;
		}
		.classE {
			background-color: #4b4947;
		}
		.classF {
			background-color: #0081ac;
		}
		.classG {
			background-color: #889335;
		}
		.classH {
			background-color: #2d3a69;
		}
		.classZ {
			background-color: #ec6a27;
		}
		.classA, .classB, .classC, .classD, .classE, .classF, .classG, .classH, .classZ, .currCar {
			color: #FFFFFF;
		}
		
		.classA, .classB, .classC, .classD, .classE, .classF, .classG, .classH, .classZ {
			font-family: bod-regu;
			font-size:  2.2rem;
		}
		
		.classHeaderSmaller  {
			font-family: bod-regu;
			font-size:  1.4rem;
			letter-spacing: -1.5px
		}
		
		.nextCar1, .nextCar2 {
			color: #000000;
		}

		.nextCar1, .nextCar2, .currCar {
			padding: .5%
		}
		
		#headerWithGradient {
			/* background: url(img/Logo-oben-1.png) center no-repeat, linear-gradient(#2E4138, #708675); */
			height: 440px;
			background: linear-gradient(to bottom, #2e4138 19%,#708675 95%);
		}
		#footerWithGradientLeft {
			float: left;
			background: url(../img/bmwgroup_classic.svg) left no-repeat;
			height: 60px;
			width: calc(50% - 20px);
			margin-left: 20px;
			margin-top: 20px;
		}
		
		#footerWithGradientRight {
			float: left;
			background: url(../img/footer_logos_blue.svg) right no-repeat;
			height: 42px;
			width: calc(50% - 20px);
			margin-right: 20px;
			margin-top: 20px;			
		}
		
		.tabColNum {
			width: 6%
		}
		
		.tabColTim, .tabColTim2 {
			width: 12%
		}
		
		tr {
			margin-bottom: 2px;
		}
		
		table {
			border-spacing: 2px;
		}
		
		.headerContainer {
			width:100%
		}
		
		#footerContainer {
			width: 100%;
			position: fixed;
			bottom: 0px;
			background: linear-gradient(to bottom, #2e4138 19%,#708675 95%);
			height: 100px;
		}
		.headerElement, .headerElement2 {
			width:48%;
			float: left;
			padding: 1%;
		}
		.headerElement2 {
		padding-top: 25%;
		font-size: 65px;
		width: 95%;
		}
		span.textscreen {
		padding: 3%;
		display: block;
		}
		
		.headerElement {
			font-size: 2.8rem;
		}
		
		.alignLeft {
			text-align: left;
		}
		
		.alignRight {
			text-align: right;
		}
		#testDivs {
			display: none;
		}
		.classHeadTable {
			width: 100%;
			border-spacing: 0px;
		}
		table.classHeadTable td {
			width: 33%;
		}
		.paddingRight {
			padding-right: 1%;
		}
		.paddingLeft {
			padding-left: 1%;
		}
		
		.clearfix::before, .clearfix::after {
			content: " ";
			display: table;
		} 

		.clearfix::after {
			clear: both;
		}
		table.firstClassHeadTable {
			width: 100%
		}
		table.firstClassHeadTable td.timeCol {
			width: 38%
		}
		table.firstClassHeadTable td.timeColSpacer {
			width: 24%;
		}		
		
		.timeColSpacer {
			width: 0%;
		}

	@media (aspect-ratio: 9/16) {
		#footerContainer {
			position: fixed;
			bottom: 0px;
		}
		body {
			overflow: hidden;
		}
		
		td.timeCol {
			font-size: 1.2rem;
		}
	}	
	@media only screen and (min-height: 3840px) {
		html {
			transform: perspective(100vw) translateZ(calc(100vw - 2150px));
			font-size: calc(1rem * 1.8);
		}
		body {
			overflow: hidden;
		}
		
		
		#footerWithGradientRight {
			width: calc(50% - 40px);
			height: 115px;
			margin-right: 40px;
			margin-top: 40px;
		}
		#footerWithGradientLeft {
			height: calc(100% * 0.65);
			margin-left: 40px;
			width: calc(50% - 40px);
			margin-top: 40px;
		}
		#footerContainer {
			height: 300px;
			position: fixed;
			bottom: -300px;
		}
		#headerWithGradient {
			height: 800px;
		}
		.logotop {
			max-height: 1000px;
		}
	}
	@media (min-height: 1000px) and (max-height: 1200px) {  
  
  #contentContainer {
    font-size: 1.4rem;
}
.logotop {
    max-height: 300px!important;
    margin: auto;
    display: block;
}
#headerWithGradient {
    height: 240px !important;
    background: linear-gradient(to bottom, #2e4138 19%,#708675 95%);
}
td.timeCol {
    font-size: 1rem;
}

body::-webkit-scrollbar {
    display: none;
}