@font-face {
	font-family: 'icomoon';
	src: url(-font/contacticons.eot);
	src: url(-font/contacticons.eot) format('embedded-opentype'), url(-font/contacticons.ttf) format('truetype'), url(-font/contacticons.woff) format('woff'), url(-font/contacticons.icomoon.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}


body {
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-kerning: normal;
	letter-spacing: 0.01em;
}

.row {
	margin: 0;
	padding: 0
}


.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.container-fluid {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

div.red {
	background-color: #D64541;
	color: #fff;
}

div.cyan {
	background-color: #00c2e0;
	color: #fff;
}

div.orange {
	background-color: #FADA5D;
}

div.lcyan {
	background-color: #66EDFF;
	color: #000;
}

div.lcyan table td,
div.lcyan thead {
	border-color: black !important;
}

div.black {
	background-color: #000;
	color: #fff
}

div.grey {
	background-color: #333;
	color: #fff
}

div.mred {
	background-color: #E74C3C;
}

div.mgrey {
	background-color: #ccc;
}


div.blue {
	background-color: #0f6d77;
	color: #fff;
}

div.mint {
	background-color: #78E9C1;
	color: #fff;
}

div.lgrey {
	background-color: #fafafa;
}

div.white {
	background-color: #fff;
}

div.petrol {
	background-color: #4B9B84;
	color: #fff;
}

.topintro {
	padding: 20% 50px;
	background: #000 url(-i/bg-sw.jpg) top center no-repeat;
	background-size: cover;

}

.race {
	background-size: cover;
	background-position: top right;
	padding: 0%;
}

.topimage {
	height: 525px;
	overflow: hidden;
	position: relative;
	background-position: right 60%;
	background-size: cover;
	background-repeat: no-repeat;
}

.topimage img {
	position: absolute;
	bottom: -20%;
}

h1 {
	text-transform: uppercase;
}

h2 {
	text-transform: uppercase;
}

.racecontent {
	padding: 20px;
}

p.lead {
	font-size: 1.5em
}

.intro {
	padding: 10% 20%;
}

#race-5 div.row div.gallery {
	margin: 0 !important;
	padding: 1px !important;
}

.racelogo {
	width: 60%;
}

.mitteltext {
	padding: 2%;
}

h4.links {
	margin-top: 40%;
	z-index: 20 !important;
}

/**  * iPad  */

@media screen and (max-width: 768px) {
	h4.links,
	h2.tk {
		font-size: 14px !important;
	}
	.splash {
		padding-top: 50% !important;
	}
	.topintro .logo {
		width: 40%;
		height: 40%;

	}

	.impressum .logo {
		width: 40%;
		height: 40%;
	}
	.racelogo {
		width: 100%;
	}
	p.lead {
		font-size: 1.4em;
		text-align: justify;
	}
	.intro {
		padding: 20% 5%;
	}
	.raceteaser {
		height: 30vh !important;
	}
	.footer {
		margin-top: 60px!important;
	}
	.cupLogo {
		width: 25%;
	}
}

@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

	.topintro .logo {
		width: 60%;
		height: 60%;
	}
	.impressum .logo {
		width: 40%;
		height: 40%;
	}
	.topintro {
		height: 700px;
		padding-top: 150px;
	}
	.raceteaser {
		height: 30vh !important;
	}

}

. @media screen and (max-width: 500px) {
	.topintro .logo {
		width: 60%;
		height: 60%;
	}
	.raceteaser {
		height: 50vh !important;
	}
	.footer {
		margin-top: 40px!important;
	}

}


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	.raster {
		display: none
	}
	.dummy img {
		height: 40px !important;
	}
	.dummy.gh img {
		max-width: 100px !important;
		height: auto !important;
	}
	.topintro {
		height: 500px !important;
	}
	.racelogo {
		width: 100% !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {

	.raster {
		display: none
	}
	.dummy img {
		max-height: 60px !important;
	}
	.dummy.gh img {
		max-width: 200px !important;
		height: auto !important
	}
}

.dummy img {
	width: auto;
	max-height: 60px;
	max-width: 200px;
}

a.clink {
	color: white;
	font-size: 48px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	background-color: none;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 100px;
	transition: transform 0.3s, width 0.3s, height 0.3s, background-color 0.3s, color 0.4s;
	margin: 3%;
}

a.clink:hover {
	color: #2df0c3;
	-ms-transform: scale(1.1, 1.1);
	/* IE 9 */
	-webkit-transform: scale(1.1, 1.1);
	/* Safari */
	transform: scale(1.1, 1.1);
	background-color: aquamarine;
	color: black;

}

.dou {
	border-top: none !important;
}

span.fa {
	opacity: 0.85
}

span.fa-ambulance,
span.fa-bed {
	margin-left: 10%;
	opacity: 0.65
}

.impressum {
	background-image: none;
	padding: 10%;
}


.imprint {
	margin-left: 2%;
	margin-right: 2%;
	margin: 2%;
	border: 1px solid white;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
}

.footer {
	font-size: 1em;
	text-transform: uppercase;
}

.footer div {
	padding: 5%;
}

div.footerLinks a,
a.expandbutton {
	padding: 2% 4%;
	color: black;
	border: 1px solid black;
	text-decoration: none;
	background-color: none;
	transition: background-color 0.2s, color 0.2s;
	text-transform: uppercase;
}

a.expandbutton {
	display: inline-flex;
	border: none;
	-webkit-tap-highlight-color: #ccc;
}

a.expandbutton span {
	display: inline-flex;
	margin-left: 0.2em;
	margin-top: 0.1em;
}

.footer div.footerLinks a:hover,
a.expandbutton:hover {
	color: white;
	background-color: black;
}

.footer div.col-xs-12 {
	text-align: center;
}

a.footerLogo, a.footerLogo:hover {
	border: none!important;
	background-color: none!important;
}

.row div.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.expandbutton b {
	display: inline
}

.expandbutton:not(.collapsed) span {
	display: none
}

.expandbutton b {
	display: none
}

.raceteaser {
	height: 75vh;
	display: flex;
	display: -webit-flex;
	background-size: cover;
	background-position: center bottom;
	background-blend-mode: multiply;
	vertical-align: middle;
	-webkit-background-blend-mode: multiply;
	transition: transform 2s;
}

/*
a:hover div.raceteaser {
	background-color: #78E9C1;
	transition: background-color 0.5s ease-out;
}
*/

.raceteaser img {
	mix-blend-mode: overlay;
	-webkit-mix-blend-mode: overlay;
	transition: width .2s ease-in-out;
	display: flex;
	display: -webkit-flex;
	opacity: 1;
	overflow: hidden;
	height: 100%;
	width: 100%;
	width: 60%;
}

a:hover div.raceteaser img {
	mix-blend-mode: normal;
	-webkit-mix-blend-mode: normal;
	width: 70%;
	transition: width .2s ease-in-out;
}

h1 a span {
	font-size: 0.5em;
	top: 10px !important;
}

.raceteaser h1 {
	font-size: 20em;
	margin: 0;
	padding: 0;
	mix-blend-mode: overlay;
	width: 100vw;
}

.raceteaser h1 span {
	-webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 80% 100%);
	clip-path: polygon(180% 0, -45% 0, 100% 90%, 50% 100%);
}