@charset "utf-8";
@font-face{
	font-family:"AlumniSans-Regular";
	src:url("../fonts/AlumniSans-Regular.woff2") format("woff2");
	font-display:swap;
}
@font-face{
	font-family:"AlumniSans-Italic";
	src:url("../fonts/AlumniSans-Italic.woff2") format("woff2");
	font-display:swap;
}
@font-face{
	font-family:"AlumniSans-SemiBold";
	src:url("../fonts/AlumniSans-SemiBold.woff2") format("woff2");
	font-display:swap;
}
* {
	margin:0;
	padding:0;
	font-family:'AlumniSans-Regular', sans-serif;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	text-decoration:none;
	font-size:20px;
	line-height:24px;	
	border:none;
	outline:0;
	list-style-type:none;
}
html { 
	outline:none !important;
}
body {
	overflow-y:scroll;
	background:#CCC;
}
div.page {
	width:100%;
	margin:0 auto;
	background:#FFF;
	position:relative;
	border-top:5px solid #B26A8E;
}
div.wrapper {
	margin:0 15px;
}
h1, h1.grey, h1 a, h1.grey a {
	width:100%;
	margin:0 -15px;
	padding:0 15px;
	font-family:'AlumniSans-SemiBold', sans-serif;
	font-size:24px;
	line-height:36px;
	background:#B26A8E;
	color:#FFF;
	text-transform:uppercase;
}
h1.grey, h1.grey a {
	color:#000;
	background:#DDD;
}
h1.grey a:hover {
	color:#B26A8E;
}
h2, h2 a {
	font-family:'AlumniSans-SemiBold', sans-serif;
	margin:-5px 0 0 0;
	font-size:24px;
	line-height:26px;
	text-transform:uppercase;
}
h3, h4, h5 a {
	color:#666;
	text-transform:lowercase;	
}
h3.text {
	margin:-10px 0 0 0;
	color:#666;
	text-transform:none;
}
h6{
	margin:10px 0 0 0;
	color:#B26A8E;
	text-transform:lowercase;
	font-style:italic;
}
p, p a {
	text-transform:uppercase;
}
p.results, a.results {
	font-family:'AlumniSans-SemiBold', sans-serif;
	margin:0 0 15px 0;
	padding:0;
	text-transform:uppercase;
}
p.page {
	margin:10px 0 20px 0;
	padding:0 0 3px 0;
	text-transform:uppercase;
	color:#666;
	border-bottom:1px dotted #666;
}
p.grey {
	color:#666;
}
p.px5 {
	height:5px;
}
p.px10 {
	height:10px;
}
p.px20 {
	height:20px;
}
p.clear {
	margin:0;
	padding:0;
	height:0;
	clear:both;
}
p.up a {
	font-family:'AlumniSans-SemiBold', sans-serif;
	text-align:right;
	font-size:24px;
	color:#999;
	float:right;
}
p.up a:hover {
	color:#B26A8E;
}
p.index_left {
	width:46px;
	line-height:32px;
	float:left;
}
p.index_right {
	line-height:32px;	
	float:left;
}
p.bull {
	width:26px;
	line-height:32px;
	float:left;
}
p.transparent {
	color:transparent;
	font-size:10px;
	line-height:10px;
	text-transform:lowercase;
	clear:both;
}
p.teams {
	line-height:32px;		
}
br {
	content:"";
	display:block;
	height:0;
}
img {
	max-width:100%;
	height:auto;
	filter:drop-shadow(2px 2px 4px rgba(102,102,102,0.5));
}
#svg_f1images {
	height:60px;
	margin:15px 0 10px 0;
	float:left;
}
#svg_hamburger {
	height:60px;
	right:0;
	top:13px;
	position:absolute;
	float:left;
}
hr {
	height:1px;
	border-bottom:1px dotted #999;
}
span.small {
	color:#666;
	text-transform:none;
}
span.px5, span.px5_white {
	margin:0 5px;
	color:#000;
}
span.px5_white {
	color:#FFF;
}
span.vorname {
	text-transform:lowercase;
}
span.white {
	color:#FFF;
}
span.grey {
	fonz-size:16px;
	color:#999;
}
span.green {
	padding:0 0 2px 0;
	border-bottom:3px solid #B26A8E;
}
span.footnote {
	font-size:calc(18px + (14 - 18) * ((100vw - 300px) / (1520 - 300)));
}
span.italic {
	font-family:"AlumniSans-Italic";	
}
span.uppercase {
	text-transform:uppercase;	
}
br {
	content:"";
	display:block;
	height:0;
}
a {
	color:#000;
}
a:hover, a:hover span.vorname {
	color:#B26A8E;
	cursor:pointer;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAVI */

div.topnav {
	position:relative;
    overflow:hidden;
}
div.topnav #myLinks {
	margin:30px 0 0 0;
	display:none;
	clear:both;
}
div.topnav a.icon i.fa:hover {
	color:#B26A8E;
}
ul {
	margin:0;
	text-transform:uppercase;
}
li.title {
	margin:10px 0;
	padding:0 0 3px 0;
	color:#666;
	border-bottom:1px dotted #666;
	clear:both;
}
li a.navi, li a.navi2 {
	width:3.33334%;
	margin:0.33333%;
	line-height:32px;
	text-align:center;
	text-transform:uppercase;
	outline:1px dotted #999;
	border-radius:5px;
	float:left;
}
li a.navi2 {
	width:3.17950%;
}
li.clear {
	height:20px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	clear:both;
}
li a.navi:hover, li a.navi2:hover {
	background:#B26A8E;
	color:#FFF;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAVI PREV/NEXT */

p.prev a, p.next a {
	width:28px;
	height:28px;
	margin:24px 15px 0 0;
	padding:5px;
	text-align:center;
	text-transform:lowercase;
	font-size:14px;
	line-height:14px;
	outline:1px solid #CCC;
	border-radius:28px;	
	color:#999;
	float:right;
}
p.next a {
	margin:24px 55px 0 0;
}
p.prev a:hover, p.next a:hover {
	background:#B26A8E;
	color:#FFF;	
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGES */

div.grid {
	display:grid;
	align-content:flex-start;
	align-items:center;
	justify-content:left;
	gap:5px;
	grid-template-columns:repeat(auto-fill, minmax(300px, 300px));
}
img {
	width:100%;
	height:200px;
	padding:0 0 5px 0;
	overflow:hidden;
	object-fit:cover;
	float:left;
}
p.img a {
	color:#999;
	font-size:16px;
	text-transform:lowercase;
	overflow:hidden;
	float:left;
}
p.img a:hover {
	color:#B26A8E;	
}
img.index {
	width:100%;
	height:auto;
	float:none;
}
img.artworks {
	object-fit:contain;
	flex:1;
	overflow:hidden;
	width:auto;
	height:300px;
	margin:0 10px 0 0;
	float:left;
}
img.flag, img.flag2 {
	width:60px;
	height:40px;
	margin:0 20px 0 0;
}
img.flag2 {
	width:60px;
	height:40px;
	margin:0;
}
p.grey_flag {
	margin:0 0 0 80px;
	color:#666;
}
img.newspaper {
	width:60px;
	height:40px;
	margin:0 20px 0 0;
}
p.no_images {
	color:#999;
	text-transform:lowercase;
	font-style:italic;
}
p.images_text {
	margin:0 0 10px 0;
	color:#666;
	text-transform:lowercase;
	float:left;	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NUMBERS & BACKGROUND COLORS */

div.number {
	width:52px;
	height:52px;
	margin:0 20px 0 0;
	padding:0;
	display:table;
	float:left;
}
p.number_wm, p.number_nowm, p.number_cancelled, p.number_nq, p.number_nowm_nq, p.number_t, p.number_nowm_t, p.number_test, p.number_race, p.number_model, p.number_promo {
	margin:0;
	padding:0;
	font-family:'AlumniSans-SemiBold', sans-serif;
	font-size:30px;
	outline:1px solid #666;
	border-radius:26px;
	background:#FFF;
	color:#000;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
h2.number, h2.number a {
	margin:0;
	padding:0;
	font-family:'AlumniSans-SemiBold', sans-serif;
	font-size:24px;
	line-height:52px;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle;
}
p.number, p.number2 {
	margin:0;
	padding:6px 0 0 0;
	line-height:20px;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle;
}
p.number2 {
	padding:16px 0 0 0;
	line-height:20px;
}
p.number_wm {
	background:#FFF;
}
p.number_nowm, p.number_nowm_nq, p.number_nowm_t {
	border-radius:0px;
}
p.number_cancelled {
	background:#000;
	color:#FFF;
}
p.number_nq, p.number_nowm_nq {
	background:#CCC;
}
p.number_t, p.number_nowm_t {
	background:#333;
	color:#FFF;
}
p.number_test {
	background:#FFC0DB;
}
p.number_race {
	background:#C0FFE4;
}
p.number_model {
	background:#FF0000;
}
p.number_promo {
	background:#00FFFF;
}
span.bold {
	font-family:'AlumniSans-SemiBold', sans-serif;
}
div.footnote1 {
	width:72px;
	float:left;
}
div.footnote2 {
	text-transform:uppercase;
	float:left;
}
p.footnote {
	text-transform:lowercase;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PRINTS */

p.print {
	padding:10px 0;
	color:#000;
	outline:1px dotted #999;
	border-radius:5px;
	text-transform:lowercase;
	text-align:center;
	overflow:hidden;
	float:left;
}
img.print {
	width:100%;
	height:400px;
	overflow:hidden;
	object-fit:contain;
	float:left;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER */

footer {
	margin:15px 0 0 0;
	padding:15px 0 10px 0;
	border-top:1px solid #CCC;
}
footer p, footer p a {
	line-height:28px;
	text-transform:none;
}
div.footer_left {
	width:50%;
	float:left;
}
div.footer_right {
	width:50%;
	float:left;
}
p.center {
	padding:20px 0 10px 0;
	text-align:center;
}
p.left {
	float:left;
}
p.right {
	float:right;
}

/************************************************************************************************ > px1551 */

@media screen and (min-width:1551px) {
	div.page {
		max-width:1550px;
	}
}

/************************************************************************************************ > px1246 */

@media screen and (min-width:1246px) and (max-width:1550px) {
	div.page {
		max-width:1245px;
	}
}

/************************************************************************************************** px0941 */

@media screen and (min-width:941px) and (max-width:1245px) {
	div.page {
		max-width:940px;
	}
	li a.navi {
		width:6%;
	}
}

/************************************************************************************************** px0636 */

@media screen and (min-width:636px) and (max-width:940px) {
	div.page {
		max-width:635px;
	}
	li a.navi, li a.navi2 {
		width:7.66667%;
	}
	li a.navi2 {
		width:7.02564%;
	}
	div.grid {
		grid-template-columns:repeat(auto-fill, minmax(calc(50% - 5px), calc(50% - 5px)));
	}
	img.print {
		height:320px;
	}
}

/************************************************************************************************** px0000 */

@media screen and (min-width:0px) and (max-width:635px) {
	* {
		font-size:16px;
		line-height:20px;
	}
	h1, h1.grey, h1.grey a, h2, h2 a {
		font-size:20px;
		line-height:26px;
	}
	p.grey {
		margin:0 0 0 27px;
	}
	#svg_f1images {
		width:50%;
		margin:15px 0;
	}
	li a.navi, li a.navi2 {
		width:11.83333%;
	}
	li a.navi2 {
		width:7.02564%;
	}
	img.artworks {
		height:195px;
	}	
	img.index {
		margin:-10px 0 0 0;
	}
	img {
		height:calc(100px + (200 - 100) * ((100vw - 300px) / (615 - 300)));
	}
	img.print {
		height:280px;
	}
	span.wm, span.nowm, span.nq, span.t, span.test {
		padding:0 2px 1px 2px;
	}
	div.grid {
		grid-template-columns:repeat(auto-fill, minmax(calc(50% - 5px), calc(50% - 5px)));
	}
	footer p, footer p a {
		line-height:30px;
	}
}