@import url("title_flag.css");
.c-tcard {
	width: 86%;
	/* padding: 0 1.5em 1.0em 1.7em; */
	padding: 0 1.8em 1.0em 1.8em;
	margin: 1.0em auto 0 auto;
	/* background-size: 3%, 3.16%;
	background-repeat: no-repeat, no-repeat;
	background-position: 2.5% 0.88%, 2.415% 0.83%; */
	background-size: 40px, 42px;
	background-repeat: no-repeat, no-repeat;
	background-position: 32px 11.5px, 31px 10.6px;
}
.c-tcard div.bg-now  {
	font-size: 0.95em;
	color: #0d0d0d;
	width: 70%;
	box-shadow: inset 0px 0px 0px 4px #ee0000;
    box-sizing: border-box;
	text-align: center;
	padding: 1.5em;
	margin: 0.9em 0 0.9em 0;
	background-color: #fff;
	background-image: none;
	background-size: 0;
	background-repeat: none;
	background-position: 0;
}
div.counter {
	color: #fff;
	background-color: #006341;
}
.c-tcard h3.res {
	margin-top: 2.0em;
	width: 87%;
}
.c-tcard h2 {
	font-family: F1Bold;
	font-weight: 400;
	font-size: 1.3em;
	color: #868686;
	text-align: left;
	margin: 0.4em 0 0.6em 2.0em;
}
.card-top .c-tcard h2 span.gnr {
	font-family: F1;
	font-weight: 700;
	font-size: 0.6em;
	float: right;
	color: #000f8e;
	padding: 0 0 0 0;
	margin: 0 -1.3em 0 0;
	/* line-height: 1;WIDE */
}
div.rcevnt {
	float: right;
	background:#f0f0f0;
	margin: 0 -1.8em 0 0;
	transition: all 0.5s;
}
div.rcevnt div {
	display:block;
	font-family: F1Bold;
	font-size: 0.88em;
}
div.rcevnt div img {
	max-width: 60px;
	margin: 0 0.9em 0.8em 0.9em;
	border: 1px solid #0e5842;
}
div.rcevnt div .rnbr::after {
	content: '\A';
    white-space: pre;
}
div.rcevnt div a:link {
	display: block;
	color: #0d0d0d;
	padding: 0 0.1em;
	text-decoration: none;
	}
div.rcevnt div a:visited {
	color: #0d0d0d;
	padding: 0 0.1em;
	text-decoration: none;
}
div.rcevnt div a:hover {
	color: #fff;
	background: rgba(238, 0, 0, 0.5);	/* #ee0000 */
	padding: 0 0.1em;
	text-decoration: none;
}
div.rcevnt div a.spr:hover {
	color: #fff;
	background: rgba(238, 112, 0, 0.5);	/* #ee7000 */
	padding: 0 0.1em;
	text-decoration: none;
}
a.akt {
	box-shadow: inset 0px 0px 0px 2px #8e9ffd;
	border-radius: 6px;
	box-sizing: border-box;
}
a.akt.spr {
	box-shadow: inset 0px 0px 0px 2px #ee7000;
	/* border-radius: 14px; */
	box-sizing: border-box;
}
table.tablepw {					/* Podium */
	margin: 1.4em auto 0 auto;
	width: auto;
}
div.info table.tablepw tr:hover {
	background-color: #ffe6e6;	/* 	ffcccc */
}
table.tablepw td.heads {
	font-weight: bold;
	color: #fff;
	background-color: #ee0000;
	text-align: center;
	/* font-family: F1Bold; */
	padding: 1px 10px 2px 6px;
}
table.tablepw td.heads.spr {
	font-weight: bold;
	color: #fff;
	background-color: #ee7000;
	text-align: center;
	/* font-family: F1Bold; */
	padding: 1px 10px 2px 6px;
}
table.tablepw td.heads.st {
	position: sticky;
	top: 30px;
}
table.tablepw td.heads img {
	width: 36px;
	margin: 0 6px 0 10px;
	vertical-align: -6px;
	border: 1px solid #fff;
}
.c-tcard img.flagsvg {
	width: 64px !important;
	margin: 0.8em 0.3em 0.5em 0.3em !important;
}
em.bold {
	font-size: 1.1em;
	vertical-align: -0.3em;
}
.card-top .c-tcard .marg {
	display: block;
	font-size: 0.9em;
	color: #0d0d0d;
	text-align: left;
	margin: 0.5em 3.0em 0 3.0em;
}
.c-tcard img.circ {
	float: left;
	margin: 0.5em 0.8em 0.9em 1.2em;
	width: 540px !important;
}
.c-tcard div.inf {
	float: left;
	display: block;
	width: 39.5%;
	margin: 0;
}
.c-tcard div.driv {
	float: left;
	font-size: 0.8em;
	margin: 0 0 1.8em 3.1em;
}
.c-tcard div.driv span {
	margin: 0 2.7em;
}
.c-tcard div.driv span:first-child {
	margin: 0 2.7em 0 0;
}
.driv span.blue, .driv span.red, .driv span.green, .driv span.orange, .driv span.nm {
	padding: 1px 3px;
	border-radius: 4px;
}
.driv span.blue {
	border: 1px solid blue;
}
.driv span.red {
	border: 1px solid red;
}
.driv span.green {
	border: 1px solid green;
}
.driv span.orange {
	border: 1px solid orange;
}
.driv span.nm {
	border: 1px solid #0d0d0d;
}
.card-top .c-tcard div p.marg {
	display: block;
	font-size: 1.1em;
	color: #0d0d0d;
	text-align: left;
	margin: 0.5em 0.1em 0 0.5em;
}
.card-top .c-tcard div p.marg img {
	width: 22px;
	margin: 0 0.15em 0 0.15em;
}
p span {
	font-size: 1.4em;
	padding: 0 0.2em 0 0.4em;
}
p span.mn {
	font-size: 1.3em;
	padding: 0 0.2em 0 0;
	margin: 0 0 0 0;
	vertical-align: -30px;
}
.c-tcard div.info {
	display: block;
	float: left;
	width: 91%;
	margin: 2.0em 0 0.5em 0;
	text-align: left;
}
div.info table.tablepw {
	display: inline;
	margin: 0 0.4em 0.2em 0;
	/* border: 1px solid #ee0000; */
}
div.info table.tablepw td {
	height: 23px;
}
div.info table.tablepw tbody {
	border: 1px solid #ee0000;
	margin: 0 0 0.2em 0;
}
div.info table td {
	padding: 0.25em 0.3em 0.25em 0.1em;
	font-size: 0.85em;
	text-align: left;
}
div.info table td.dt {
	padding-left: 0.4em;
}
div.info table td.nm {
	padding-right: 0.4em;
}
div.info td img {
	width: 24px;
	margin: 0 0 0.23em 0.2em;
	border: 1px solid #0e5842;
}
.pdleft img {
	width: 30px;
	margin: 0 0 0.191em 0.5em;
	border: 1px solid #0e5842;
}
.tdrght img {
	width: 30px;
	margin: 0 0.6em 0 0.3em;
	border: 1px solid #0e5842;
}
/* .card-top td a.chmp:link, .card-top td a.chmp:visited {
	color: #0d0d0d;
	text-decoration: none;
	padding: 1px 4px;
	border-radius: 4px;
	border: 1px solid #0d0d0d;
}
.card-top td  a.chmp.red:link, .card-top td a.chmp.red:visited {
	color: red;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid red;
}
.card-top td a.chmp.blue:link, .card-top td a.chmp.blue:visited {
	color: blue;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid blue;
}
.card-top td a.chmp.green:link, .card-top td a.chmp.green:visited {
	color: green;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid green;
}
.card-top td a.chmp.orange:link, .card-top td a.chmp.orange:visited {
	color: orange;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid orange;
}
.card-top td a.chmp:hover {
	color: #fff;
	background: #0d0d0d;
}
.card-top td a.chmp.red:hover {
	color: #fff;
	background: red;
}
.card-top td a.chmp.blue:hover {
	color: #fff;
	background: blue;
}
.card-top td a.chmp.green:hover {
	color: #fff;
	background: green;
}
.card-top td a.chmp.orange:hover {
	color: #fff;
	background: orange;
}
 */



div.info table td.nm a:link, div.info table td.nm a:visited {
	color: #0d0d0d;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid #737373;
}
div.info table td.nm.red a:link, div.info table td.nm.red a:visited {
	color: red;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid red;
}
div.info table td.nm.blue a:link, div.info table td.nm.blue a:visited {
	color: blue;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid blue;
}
div.info table td.nm.green a:link, div.info table td.nm.green a:visited {
	color: green;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid green;
}
div.info table td.nm.orange a:link, div.info table td.nm.orange a:visited {
	color: orange;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid orange;
}
div.info table td.nm a:hover {
	color: #fff;
	background: #0d0d0d;
}
div.info table td.nm.red a:hover {
	color: #fff;
	background: red;
}
div.info table td.nm.blue a:hover {
	color: #fff;
	background: blue;
}
div.info table td.nm.green a:hover {
	color: #fff;
	background: green;
}
div.info table td.nm.orange a:hover {
	color: #fff;
	background: orange;
}
.card-top .pill-nav a.pill {
	margin: 0.8em 0.2em 0 0.2em;
}
.card-top .pill-nav a.pilldum {
	margin: 0.8em 0.2em 0 0.2em;
}
.card-top .pill-nav a.pill.spr {
	margin: 0.8em 0.2em 0 0.2em;
}
.bgco .count {
	background-color: #006341;
	color: #d4af37;
	padding: 1px 2px;
	border: 1px solid #d4af37;
	border-radius: 8px;
}
.bgco span {
	font-family: F1Bold;
	font-size: 1.5em;
	width: 60px;
	text-align: center;
	line-height: 0.7;
	margin: 3px;
	padding: 10px 6px 4px 6px;
	display: inline-block;
	border: 1px solid #d4af37;
	border-radius: 5px;
}
.bgco25 .count {
	/* background-color: rgb(29 29 27);
	color: #fff; */
	background-color: rgb(255 255 255);
	color: rgb(29 29 27);
	padding: 1px 2px;
	border: 1px solid #ee0000;
	border-radius: 8px;
}
.bgco25 span {
	font-family: F1Bold;
	font-size: 1.5em;
	width: 60px;
	text-align: center;
	line-height: 0.7;
	margin: 3px;
	padding: 10px 6px 4px 6px;
	display: inline-block;
	border: 1px solid #ee0000;
	border-radius: 5px;
}
.count em {
	font-size: 0.35em;
	vertical-align: -1px;
}

div.top {
	float: left;
	display: block;
	margin: 0 0 2.0em 0;
	clear: left;
}
.c-tcard div.top a.norm {
	border: 1px solid #000;
}
.c-tcard div.top a.norm:hover {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}


@media only screen	/*####### iPhone 7 Hochformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : portrait) {
html {
  font-size: 1.0em;
}
div.rcevnt div img {
	width: 40px !important;
	margin: 0 0.5em 0.4em 0.5em !important;
}
div.rcevnt div .rnbr {
	font-size: 0.6em !important;
}
a.akt {
  box-shadow: inset 0px 0px 0px 4px #ffff00 !important;
}
.card-top {
  max-width: 100% !important;
  padding: 0.2em 0.05em 1.0em 0.05em !important;
  margin: auto !important;
}
.card-top.fia87 {
	background-size: 9% !important;
	background-position: 99.8% 6px;
}
.card-top div.pill-nav {
	display: block !important;
}
.card-top div.awm-nav {
	margin: -0.2em !important;
}
.card-top h1.lg5 img {
	width: 14% !important;
}
.card-top h1.lg5 {
	font-size: 1.05em !important;
	margin: 0.2em 0 0 0 !important;
}
.card-top .c-tcard h3 {
	font-size: 0.9em !important;
}
.card-top span.saison {
	font-size: 1.05em !important;
	margin: 0 0 0 35%;
	display: inline-block;
	vertical-align: 1px;
	width: 109px;
}
.card-top .pill-nav a.pill {
	margin: 0.7em 0.2em 0.7em 0.2em !important;
	padding: 1px 9px !important;
	font-size: 0.85em !important;
}
.c-tcard {
	width: 100% !important;
	padding: 0 0.05em 0 0.05em !important;
	margin: 1.0em 0 0 0 !important;
}
.c-tcard img.flagsvg {
	width: 60px !important;
}
.bgco span {						/* Countdown */
	font-size: 1.3em !important;
	width: 48px !important;
	padding: 3px !important;
	margin: 2px !important;
	line-height: 0.7 !important;
}
.bgco25 span {						/* Countdown */
	font-size: 1.3em !important;
	width: 48px !important;
	padding: 3px !important;
	margin: 2px !important;
	line-height: 0.7 !important;
}
em.bold {
	font-size: 1.0em;
}
table.ttxt {
	font-size: 0.85em !important;
}
.c-tcard img.circ {
	margin: 2.0em 0 0 0 !important;
	max-width: 100% !important;
}
table.tablepw {
	font-size: 0.9em !important;
	width: 82% !important;
}
table.tablepw td.right {
	font-size: 0.9em !important;
	width: 82% !important;
}
.c-tcard div.inf {
	width: 80% !important;
}
.c-tcard div.driv {
	font-size: 0.7em !important;
	margin: 0 0 1.4em 0 !important;
}


	}