/* Font einbinden und Seitendefaults setzen */
@font-face {
  font-family: 'Formula1';
    src:  url('../fonts/Formula1-Display-Regular.ttf.woff') format('woff'),
    url('../fonts/Formula1-Display-Regular.ttf.svg#Formula1-Display-Regular') format('svg'),
    url('../Formula1-Display-Regular.ttf.eot'),
    url('../Formula1-Display-Regular.eot?#iefix') format('embedded-opentype'); 
  font-weight: normal;
  font-style: normal;
}
html {
	height: -webkit-fill-available;
}

html,body {
	font-family: 'Formula1', sans-serif;	
	font-size:1.1rem;
  font-weight: normal;
  font-style: normal;
	margin:0;
	padding:0;
	color:#F4F4F4;
  min-height: 100vh;
  min-height: -webkit-fill-available;	
}
#root { margin-top: 0em; }

#content {
	background-color:#252A32;
	min-height: calc(100vh - 290px);
	padding-bottom:	4rem;
}
#contentStart {
	min-height: calc(100vh - 290px);
	padding-top:2rem;
}

.spacer {
	padding-top:	4rem;	
}
.footerLogo {
	height:	60px;	
}

/* Top Navigation																																					*/
/* ====================================================================================== */
.title-bar { padding: 0.5rem; /* background: rgba(28,27,34,0.95); */ color: #656565; width:100%; }
.title-bar-title { width:50%; float:left; }
.title-bar-right { width:50%; text-align:right; }
.menu-icon::after { position: absolute; top: 0; right: 0; height: 3px; background: #656565; -webkit-box-shadow: 0 7px 0 #656565, 0 14px 0 #656565; box-shadow: 0 7px 0 #656565, 0 14px 0 #656565; }
.top-bar { width: 100%; z-index: 10; transition: height .25s ease; height: 5rem; background-color: rgba(28,27,34,0.95); }
.top-bar ul { background:none; }	
.top-bar-left { padding-left:10%; float:left; transition:	padding 0.3s ease; }
.top-bar-right { text-align:right; padding-right:5%; transition:	padding 0.3s ease; }
.top-bar-logo { height: 50px; }
#top-bar-menu a { color: #656565; padding: 0.75rem 0.75rem; border-bottom:3px solid rgba(28,27,34,0); margin-right:1rem; }
#top-bar-menu a:hover {
	color:#F4F4F4;
	padding: 0.75rem 0.75rem;
	border-bottom:3px solid #db252a;
	margin-right:1rem;
}
#top-bar-menu a.is-selected {
	color:#F4F4F4;
}

.top-bar-sub { width: 100%; z-index: 10; transition: height .25s ease; height: 3rem; background-color: rgba(52,50,63,0.95); padding-right: calc(5% + 225px); }
.top-bar-sub ul { background:none; }	
#top-bar-sub-menu a { color: #656565; padding: 0.75rem 0.75rem; border-bottom:3px solid rgba(52,50,63,0); margin-right:1rem; }
#top-bar-sub-menu a:hover {
	color:#F4F4F4;
	padding: 0.75rem 0.75rem;
	border-bottom:3px solid #db252a;
	margin-right:1rem;
}
#top-bar-sub-menu a.is-selected {
	color:#F4F4F4;
}

@media screen and (max-width: 1530px) {
	.top-bar-left { padding-left:1rem; }
	.top-bar-right { padding-right:1rem; }
	.top-bar-sub { padding-right: calc(1rem + 230px) }
}
@media screen and (max-width: 1340px) {
	.top-bar { font-size: 0.9rem; transition: font-size .25s ease; height: 90px; }
	.top-bar-logo {	height: 40px; }
	.top-bar-sub { font-size: 0.9rem; transition: font-size .25s ease; padding-right: calc(1rem + 190px); height: 2.5rem; }
	.resultheader.is-stuck {
		margin-top:7.4rem !important;	
	}
}
@media screen and (max-width: 1200px) {
	.top-bar { font-size: 0.8rem; transition: font-size .25s ease; height: 75px; }
	.top-bar-logo { height: 30px; }
	#top-bar-menu a { padding: 0.4rem 0.5rem; margin-right:0.5rem; }
	#top-bar-menu a:hover, #top-bar-menu a.is-selected { padding: 0.4rem 0.5rem; border-bottom:3px solid #db252a; margin-right:0.5rem; }
	#top-bar-sub-menu a { padding: 0.4rem 0.5rem; margin-right:0.5rem; }
	#top-bar-sub-menu a:hover, #top-bar-sub-menu a.is-selected { padding: 0.4rem 0.5rem; border-bottom:3px solid #db252a; margin-right:0.5rem; }
	.top-bar-sub { padding-right: calc(1rem + 125px); height: 2rem; }
	.resultheader.is-stuck {
		margin-top:5.9rem !important;	
	}
}
@media screen and (max-width: 770px) {
	.top-bar { font-size: 0.75rem; transition: font-size .25s ease; height: 60px; }
	.top-bar-left { padding-left:0rem; }
	#top-bar-menu a { padding: 0.4rem 0.2rem; margin-right:0.2rem; }
	#top-bar-menu a:hover, #top-bar-menu a.is-selected { padding: 0.4rem 0.2rem; margin-right:0.2rem; }
	
	#top-bar-sub-menu a { padding: 0.4rem 0.2rem; margin-right:0.2rem; }
	#top-bar-sub-menu a:hover, #top-bar-sub-menu a.is-selected { padding: 0.4rem 0.2rem; margin-right:0.2rem; }
	.top-bar-sub { font-size: 0.75rem; padding-right: calc(1rem + 140px); height: 1.7rem; }
	.resultheader.is-stuck {
		margin-top:4.6rem !important;	
	}
}
@media screen and (max-width: 40em) {
	.top-bar { font-size: 0.7rem; transition: font-size .25s ease; height: 60px;  }
	.top-bar-right { padding-right:0rem; }
	#top-bar-menu a { padding: 0.4rem 0.2rem; margin-right:0.1rem; }
	#top-bar-menu a:hover, #top-bar-menu a.is-selected { padding: 0.4rem 0.2rem; margin-right:0.1rem; }
	#top-bar-sub-menu a { padding: 0.4rem 0.2rem; margin-right:0.1rem; }
	#top-bar-sub-menu a:hover, #top-bar-sub-menu a.is-selected { padding: 0.4rem 0.2rem; margin-right:0.1rem; }
	.top-bar-sub { font-size: 0.7rem; padding-right: calc(1rem + 110px); height: 1.7rem; }
	.resultheader.is-stuck {
		margin-top:2.8rem !important;	
	}
}


label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #656565;
}
select {
	height: 2.95rem;
	margin: 0 0 1rem;
	padding: 0.75rem;
	border: 3px solid #656565;
	border-radius: 0px;
	background-color: #000;
	font-family: inherit;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.0;
	color: #F4F4F4;
	padding-right: 1.5rem;
	
}
select:focus {
	outline: none;
    border: 2px solid #656565;
    background-color: gray;
    -webkit-box-shadow: 0 0 5px #cacaca;
            box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color none, -webkit-box-shadow none;
    transition: box-shadow none, border-color 0.25s none;
    transition: box-shadow none, border-color 0.25s none, -webkit-box-shadow none;
}
/* fs BG over Nav Fix */
.sticky, .sticky.is-stuck { z-index:10; }
.responsive-embed, .flex-video { margin-bottom:0;	}

.orbit-caption {
	padding: 1rem;
	background-color: rgba(10, 10, 10, 0.5);
	background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));	
	color: #fefefe;
}
/* Footer	        																																				*/
/* ====================================================================================== */
#footer {
	background-color: #202225;
	padding-top:2rem;
	padding-bottom:2rem;
	}
.footerText {
	margin-top:2rem;
	font-size:0.6rem;
	text-align:center;
	color:#656565;
	}
.footer {
	font-size:0.5rem;
	text-align:center;
	}

img.driverFlag {
	height:16px;
	width:24px;
	border:1px solid #666;
	margin-right:4px;
}


/* Content Blöcke umrahmen */
/*
.nextRaceBox {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, rgba(0,255,255,1), rgba(0,0,0,0));
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.nextRaceBoxInner {
  background:linear-gradient(to top, rgba(0,255,255,0.5), rgba(0,0,0,0));
}
.results-border {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, white, black 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.poleHead, .flapHead, .pgainHead {
	text-align:left;
	font-weight:bold;
	padding-left:2rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
}
.poleHead {
	color:rgba(235,106,44,1);
	background:linear-gradient(to right, black 4%, rgba(235,106,44,0.5) 4%, 10%, black 95%);
	border-left:7px solid rgba(235,106,44,1);
}
.poleBox {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, rgba(235,106,44,1), black 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.poleBoxInner {
	color:rgba(235,106,44,1);
  background:linear-gradient(to top, rgba(235,106,44,0.5), rgba(0,0,0,0));
	padding:1rem;
}
.flapHead {
	color:rgba(255,0,255,1);
	background:linear-gradient(to right, black 4%, rgba(255,0,255,0.5) 4%, 10%, black 95%);
	border-left:7px solid rgba(255,0,255,1);
}
.flapBox {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, rgba(255,0,255,1), black 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.flapBoxInner {
	color:rgba(255,0,255,1);
  background:linear-gradient(to top, rgba(255,0,255,0.5), rgba(0,0,0,0));
	padding:1rem;
}
.pgainHead {
	color:rgba(0,255,0,1);
	background:linear-gradient(to right, black 4%, rgba(0,255,0,0.5) 4%, 10%, black 95%);
	border-left:7px solid rgba(0,255,0,1);
}
.pgainBox {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, rgba(0,255,0,1), black 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.pgainBoxInner {
	color:rgba(0,255,0,1);
  background:linear-gradient(to top, rgba(0,255,0,0.5), rgba(0,0,0,0));
	padding:1rem;
}
.firstname {
	font-size:0.9rem;
	}
.teamname {
	font-size:0.8rem;
	}
*/



.standings-border {
  border: double 0.3em transparent;
  border-radius: 10px;
  background-image: linear-gradient(black, black), 
                    linear-gradient(to top, gray, black 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.raceResultBox {
	/* border:1px solid #656565; */
	/* margin-bottom:1rem;
	border-width: 3px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to top, 
      darkgray, 
      rgba(0, 0, 0, 0)
    ) 3 3; */
	border: double 0.3em transparent;
	border-radius: 10px;
	background-image: linear-gradient(black, black), 
						linear-gradient(to top, rgb(255, 255, 255,1), rgba(0,0,0,0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.raceResultsBoxInner {
	background:linear-gradient(to top, rgba(255, 255, 255,0.6), rgba(0,0,0,0));
}

/* Tabs einfärben	und formatieren																													*/
/* ====================================================================================== */

/* Hover Farbe für alle Tabs */
#eventTabs a:hover, [id^="scoringTabs"] a:hover, [id^="resultTabs"] a:hover, #raceResults a:hover, #Standings a:hover, #hof-tabs a:hover  {
	background-color: gray !important;
	color:#000;
}	
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
  color: #000;
}



/* Race Tabs Standard */
/*
#eventTabs a[aria-selected="false"], .tabs-title > a[class$="races"][aria-selected="false"] {
	background-color:#333;
	color: darkgrey;
	}
*/	
/* Race Tabs ausgewählt */
/*
.tabs-title > a[class$="races"][aria-selected="true"]:focus, .tabs-title > a[class$="races"][aria-selected="true"] {
	background-color:gray;
	color: #000;
	}
*/	
/* Unterresults */	
/*
.tabs-title > a[class$="race-overall"][aria-selected="true"]:focus, .tabs-title > a[class$="race-overall"][aria-selected="true"] {
	background-color:#a4c2f4;
	color: #000;
	}
.tabs-title > a[class$="race-eisen"][aria-selected="true"]:focus, .tabs-title > a[class$="race-eisen"][aria-selected="true"] {
	background-color:#b6d7a8;
	color: #000;
	}
.tabs-title > a[class$="race-team"][aria-selected="true"]:focus, .tabs-title > a[class$="race-team"][aria-selected="true"] {
	background-color:#b4a7d6;
	color: #000;
	}
.tabs-title > a[class$="race-inc"][aria-selected="true"]:focus, .tabs-title > a[class$="race-inc"][aria-selected="true"] {
	background-color:#FF8000;
	color: #000;
	}
*/
	
/* Standings Standard */
.tabs-title > a[aria-controls^="standings"][aria-selected="false"],
.tabs-title > a[aria-controls^="scoring"][aria-selected="false"],
.tabs-title > a[aria-controls^="event"][aria-selected="false"],
.tabs-title > a[aria-controls^="result"][aria-selected="false"]  {
	background-color: #333;
}
/* Standings ausgewählt */	
.tabs-title > a[aria-controls^="standings"][aria-selected="true"]:focus, .tabs-title > a[aria-controls=^"standings"][aria-selected="true"],
.tabs-title > a[aria-controls^="scoring"][aria-selected="true"]:focus, .tabs-title > a[aria-controls^="scoring"][aria-selected="true"],
.tabs-title > a[aria-controls^="event"][aria-selected="true"]:focus, .tabs-title > a[aria-controls^="event"][aria-selected="true"], 
.tabs-title > a[aria-controls^="result"][aria-selected="true"]:focus, .tabs-title > a[aria-controls^="result"][aria-selected="true"] {
	background-color:gray;
	color: #000;
}
/*
.tabs-title > a[aria-controls="standings1"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="standings1"][aria-selected="true"] {
	background-color:#a4c2f4;
	color: #000;
	}
.tabs-title > a[aria-controls="standings2"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="standings2"][aria-selected="true"] {
	background-color:#b6d7a8;
	color: #000;
	}
.tabs-title > a[aria-controls="standings3"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="standings3"][aria-selected="true"] {
	background-color:#b4a7d6;
	color: #000;
	}
.tabs-title > a[aria-controls="standings4"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="standings4"][aria-selected="true"] {
	background-color:#a4c2f4;
	color: #000;
	}
*/	

/*
.tabs-title > a[aria-controls="hof-overall"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="hof-overall"][aria-selected="true"] {
	background-color:#a4c2f4;
	color: #000;
	}
.tabs-title > a[aria-controls="hof-eisen"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="hof-eisen"][aria-selected="true"] {
	background-color:#b6d7a8;
	color: #000;
	}
.tabs-title > a[aria-controls="hof-fair"][aria-selected="true"]:focus, .tabs-title > a[aria-controls="hof-fair"][aria-selected="true"] {
	background-color:#b4a7d6;
	color: #000;
	}
*/	

/* Tabmenue Hintergrund */
#eventTabs, #scoringTabs, #raceResults, #Standings, #hof-tabs, ul[id^="RaceTabs"], ul[id^="scoringTab"], ul[id^="resultTabs"] {
	background:none;
	padding-bottom:1rem;
	border:hidden;
	}
#eventTabs.tabs, #eventTabs.tabs-title, #scoringTabs.tabs, #scoringTabs.tabs-title, #raceResults.tabs, #raceResults.tabs-title, Standings.tabs, #Standings.tabs-title, .tabs-content, hof-tabs {
	border:hidden;
	color: #F4F4F4;
	}


/* abstand/Rahmen Tabsinhalte */
div[id^="eventTab"].tabs-panel, div[id^="scoringTab"].tabs-panel, div[id^="resultTab"].tabs-panel, .raceResults.tabs-panel,.Standings.tabs-panel, .hof.tabs-panel, .RaceTabs.tabs-panel, .HeatTabs.tabs-panel {
	padding:0;
	border:hidden;
	}
#raceResults a, #Standings a, #hof-tabs a, a[id^="RaceTabs"], a[id^="eventTab"], a[id^="scoringTab"],  a[id^="resultTab"] {
	color: darkgray;
	padding: 0.75rem 1rem;
	border: 2px solid #656565;
	margin-right:0.5rem; 
	min-width:7rem;
	text-align:center;
	margin-top:0.5rem;
	}

/*
a[id^="HeatTabs"] {
	color: #000;
	padding: 0.5rem 0.75rem;
	border-left: 2px solid #656565;
	border-right: 2px solid #656565;
	border-top: 2px solid #656565;
	margin-right:0.1rem; 
	min-width:5rem;
	text-align:center;
	margin-top:0.5rem;
	}
*/		
@media screen and (max-width: 1670px) {
	#raceResults a {
		padding: 0.75rem 0.8rem;
		margin-right:0.4rem; 
		min-width:5.5rem;
		text-align:center;
	}
}
@media screen and (max-width: 1520px) {
	#raceResults a {
		padding: 0.6rem 0.6rem;
		margin-right:0.25rem; 
		min-width:5rem;
		text-align:center;
	}
}
@media screen and (max-width: 1520px) {
	#raceResults a {
		padding: 0.5rem 0.5rem;
		margin-right:0.15rem; 
		min-width:4.5rem;
		text-align:center;
	}
}
	
.tabs-content { background:none; }
#schedule-tabs, #schedule-tabs.tabs   {
	background:none;
	}

#schedule-tabs a {
	color: #E8E8E8;
	padding: 0.5rem 1rem;
	border:none;
	font-size:0.9rem;
	}
.tabs-title > a[id^="schedule"]:focus, .tabs-title > a[id^="schedule"][aria-selected="true"] {
	background-color: rgba(255,255,255,0.3);
	color: #2ba6cb;
	border:none;
	}	

div[data-tabs-content="schedule-tabs"] {
	background:none;
	color: #E8E8E8;
	border:none;
	}
.tabs-content.vertical[data-tabs-content="schedule-tabs"] {
	border:none;
	}

/* Next Race  																																					*/
/* ====================================================================================== */
.nextRaceLeft {
	display:block;
	width:94%;
	height:1.6rem;
	padding:3px;
	margin-left:1rem;
	margin-bottom:3px;
	font-size:0.8rem;
	overflow:hidden;
	overflow-style:marquee-line;
	border-width: 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to top, 
      rgba(0, 255, 255, 0.8), 
      rgba(0, 255, 255, 0.4)
    ) 1 1;

	}
.nextRaceLeftNext {
	background-color:rgba(0,255,255,0.6);
	font-weight:bold;
	}


/* Blocksytles  																																					*/
/* ====================================================================================== */

.spacer {
	padding-top: 4rem;
	padding-bottom: 6rem;
	}
@media screen and (max-width: 40em) {
.spacer {
	padding-top: 4rem;
	padding-bottom: 1rem;
	}
}

.raceInfoBlock {
	font-size:	0.9rem;
}
.raceInfoBlockLast, .raceInfoBlockNext {
	background-color: rgba(52,50,63,0.5);	
	border-radius:		10px;
	padding:	0.5rem;
	margin-top:2rem;
}
.startLeagueStats {
	background-color: rgba(52,50,63,0.5);	
	border-radius:		10px;
	padding:	0.5rem;
	text-align:center;
	min-width:200px;
}
.startLeagueStatsBox {
	/* padding-right:5rem !important; */
	}

.schedule {
	font-size:	0.9rem;
}
.scheduleBorder {
	border: 3px solid #202225;
	margin-top:2rem;
	background-color: #33313e;
}

/* Textstyles																																							*/
/* ====================================================================================== */

h1 {
  font-family: 'Formula1';
	font-weight:	bold;
	margin-bottom:1.5rem;
	font-size:2rem;
	}
h1.standings {
	text-align:left;
	padding-left:3rem;
	display:block;
	width:350px;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	background:linear-gradient(to right, black 4%, gray 4%, 20%, black 92%);
	border-left:10px solid gray;
	}
h1.results {
	text-align:left;
	padding-left:3rem;
	display:block;
	width:350px;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	background:linear-gradient(to right, black 4%, white 4%, 20%, black 92%);
	border-left:10px solid white;
	}

h2 {
  font-family: 'Formula1';
	font-size::1.75rem;
	font-weight:	bold;
	margin-top:1rem;
	margin-bottom:1rem;
	color: #656565;
	
	}
h3 {
  font-family: 'Formula1';
	font-size: 1.1rem;
	font-weight:	bold;
	}
h4 {
  font-family: 'Formula1';
	font-size:1.0rem;
	font-weight:	bold;
	text-align:  left;
	/* color:#656565; */
	color:#999;
	}

.ruletext, .incidenttext {
	font-size:0.9rem;
	}

.hofname {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media screen and (max-width: 40em) {
	.hofname {
	font-size:0.9rem;
	padding:0.25rem !important;
	}
}

.hof-footer-name {
	min-height:3rem;
	}



.raceflag { padding-top:1rem; padding-left:0rem; padding-right:0.5rem; }
@media screen and (max-width: 40em) {
	.raceflag { padding-top:1rem; padding-left:0.1rem; padding-right:0.25rem;	}
}
.raceheadline	{ padding-top:0.75rem; }
@media screen and (max-width: 930px) {
	.raceheadline	{ padding-top:0.75rem; padding-bottom:0.75rem; font-size:1rem; }
}
.racetext { font-size:0.9rem;	 }
@media screen and (max-width: 1200px) {
	.racetext { font-size:0.8rem;		}
}
@media screen and (max-width: 1080px) {
	.racetext { font-size:0.7rem;		}
}

@media screen and (max-width: 930px) {
	.racetext { font-size:0.8rem;	}
}
@media screen and (max-width: 790px) { 
	.racetext { font-size:0.65rem; }
}
@media screen and (max-width: 40em) {
	.racetext { font-size:0.8rem;	 }
}


ol.rules {
	list-style-type:	upper-roman;
	padding-left:			1em;
	}
	
.weather-icon {
	height:1rem; !important;
	margin-top:-3px !important; 
	}
/* Tabellen 																																							*/
/* ====================================================================================== */

.resultheader {
	max-height:0px;
	overflow:hidden;
	}

.resultheader.is-stuck {
	max-height:47px;
	-webkit-transition: max-height 0.5s; 
  -moz-transition: max-height 0.5s; 
  -ms-transition: max-height 0.5s; 
  -o-transition: max-height 0.5s; 
  transition: max-height 0.5s;  	
	}

table.raceresults  {
	font-size:0.6rem;
	color:#CCC;
	margin-bottom: 0rem;
	}
thead, tbody, tfoot {
    border: hidden;
    background-color: #141414;
}	
tbody th, tbody td {
	padding: 0.3rem 0.2rem 0.3rem 0.2rem;
	font-size:0.7rem;
	}
td.raceResultsHead {
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
	color:#707070;	
	}	
td.text-left {
	text-align:left;	
	}	
tbody tr:nth-child(2n) {
	background-color:#272727;
	}	
table.hover thead tr:hover {
  background-color: #5E5E5E; }

table.hover tfoot tr:hover {
  background-color: #5E5E5E; }

table.hover tbody tr:hover {
  background-color: #5E5E5E; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #5E5E5E; }


.reviewsBox {
	margin-bottom:1rem;
	background-color: #33313e;
	
	}

.reviewsHead {
	font-size: 1.0rem;
	background-color:#202225;
	padding:0.5rem;
	color:#656565;
	}
.reviewsLeft, .reviewsRight {
	font-size: 0.9rem;
	padding:0.5rem;
	border:1px solid #202225;
	}
.reviews {
	font-size: 0.9rem;
	}
.reviewsText {

	}	
.reviewSubHead {
	color: #656565;
	font-size:0.9rem;
	font-style:italic;
	margin-bottom:0.5rem;
	}
.hof-head {
	font-weight:bold;
	}
.statsHead {
	font-size:0.55rem;
	font-weight:bold;
	text-align:center;
	padding: 0.3rem 0.3rem 0.3rem;
	color:#707070;
	}	
/* ein wenig Farbe */
.overall { background-color:black; }
.eisen { background-color:#b6d7a8; }
.team { background-color:black; }
.bold { font-weight: bold; }	
.gold { background-color: #cc9933; }	
.goldtext { color: #cc9933; }	
.silver { background-color: #9ca2a5; }	
.silvertext { color: #9ca2a5; }	
.bronze { background-color: #a1735e; }
.bronzetext { color: #a1735e; }
.dropped { color:#3399cc; }	
.bronze.dropped { color:#3399cc; }	
.green { color:#00D200; }
.red { color:#E10027; }		
.inc1 { color:#93c47d; } 
.inc2 { color:#f1c232; } 
.inc3 { color:#ff0059; } 
.fpr1 { color:#2C9B42; }
.fpr2 { color:#ECB727; }
.fpr3 { color:#FC5608; }
.fpr4 { color:#FC5608; }
.fpr5 { color:#fff; }
.statsdriver { background-color: #B7B7B7; }	
.stats1 { background-color: #FF9900; }	
.stats2 { background-color: #93C47D; }	
.stats3 { background-color: #A4C2F4; }	
.stats4 { background-color: #B4A7D6; }	
.stats5 { background-color: #EA9999; }	
.stats6 { background-color: #F9CB9C; }
.border-left { border-left: 1px solid #000; }	
.border-right { border-right: 1px solid #000; }	


div.tableWrapper { }
div.tableWrapper table th { cursor: pointer; }
div.tableWrapper table th.active {
    background: #5dd39e;
}
div.tableWrapper table th.active.asc::after,
div.tableWrapper table th.active.desc::after {
    content: '<';
    transform: rotate(-90deg);
    display: block;
    margin: 0 4px;
}
div.tableWrapper table th.active.desc::after {
    transform: rotate(90deg);
}

/* responsive Video																																				*/
/* ====================================================================================== */

.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

/* Track Maps			  																																			*/
/* ====================================================================================== */
#svgMap, #svgMap * {
	margin: 0;
	padding: 0;
}
#svgMap {
	position: relative;
	box-sizing: border-box;
	width: 99%;
	height:300px;
	/*
	height: 300px;
	width: 100%;
	background: #000;
	border: 1px solid #aaa;
	outline: 1px solid #000;
	*/
}
#track-background {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 1;
}
#track-inactive {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 2;
}
#track-active {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 3;
}
#track-pitroad {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 4;
}
#track-start-finish {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 5;
}
#track-turns {
	width: 99%;
	height:300px;
	position: absolute;
	z-index: 6;
}
#track-turns text {
	fill: #333;
	font-size: 40px;
	font-family: "Formula1",sans-serif;
	/* text-shadow: 0 2px 1px #000; */
}