/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 0;
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  background: #000;
  font-weight: 300;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
}
h1,h2 {
	font-size: 70px;
	text-transform: uppercase;
}
a,
a:hover {
	color: #fff;
}
img {
	width: 100%;
	height: auto;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.transform {
	-moz-transform: rotate(-10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform: rotate(-10deg); /* Safari */
	-o-transform: rotate(-10deg); /* Opera */
	-ms-transform: rotate(-10deg); /* IE9 */
	transform: rotate(-10deg); /* W3C */
}
.header {
	position: relative;
}
.header h1 {
	margin: 0;
	padding: 0 0 0 70px;
	position: relative;
	top: -70px;
	
}
.header .text {
	padding: 0 0 0 170px;
	position: relative;
	top: -60px;
	max-width: 610px;
}

.sponsoring {
	width: 100%;
	height: 100%;
	position: relative;
}
.sponsoringInner {
    position: absolute;
    top: 700px;
    right: 200px;
}
.sponsoring h2 {
	color: #e2001a;
	margin: 0;
	padding: 0 0 0 70px;
	position: relative;
	top: 0;
	
}
.sponsoring .text {
	color: #010101;
	text-align: right;
	padding: 25px 50px 0 80px;
	position: relative;
	top: 0;
	max-width: 610px;
}

.fahrerVita {
	position: relative;
	margin-bottom: -705px;
}
.fahrerVitaInner {
    position: absolute;
    top: 200px;
    right: 250px;
}
.fahrerVitaInner.item2 {
    position: absolute;
    top: 100px;
    right: 0;
}
.fahrerVita h2 {
	color: #fff;
	margin: 0;
	padding: 0 0 0 70px;
	position: relative;
	top: 0;
	
}
.fahrerVita .text {
	color: #fff;
	text-align: left;
	padding: 25px 50px 0 120px;
	position: relative;
	top: 0;
	max-width: 610px;
}
.fahrerVita img.person {
	max-width: 800px;
}
.fahrerVita .item2 img.person {
    max-width: 1200px;
}
.fahrerVita img.sieger {
    top: -355px;
    position: relative;
	left: 0;
}
.toggler {
	text-transform: uppercase;
	padding: 10px;
	cursor: pointer;
	color: #e2001a;
	border: 1px solid #e2001a;
    display: inline-block;
}
.switcher .item2 {
	display: none;
}
.switcher .toggler {
	margin: 30px 0 0 200px;
}
.siegerInner {
    position: absolute;
    top: 1400px;
    left: 250px;
}
.siegerInner h2 {
	color: #e2001a;
	margin: 0;
	padding: 0 0 0 70px;
	position: relative;
	top: 0;
	
}
.siegerInner .text {
	color: #010101;
	text-align: left;
	padding: 25px 0px 0 180px;
	position: relative;
	top: 0;
	max-width: 610px;
}
.tourMoments {
	margin-top: -250px;
}
.tourMoments h2 {
    text-align: right;
    margin: 0 100px 50px 0;
}
footer .container {
	position: relative;
}
footer .footPic {
	position: absolute;
}
footer .text {
	position: absolute;	
	right: 100px;
	top: 200px;
	text-transform: uppercase;
	text-align: right;
}
footer .text a {
	color: #fff;
}
footer .text a:hover,
footer .text a:active {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 1500px) {
	.sponsoringInner {
		top: 500px;
		right: 100px;
	}
	.fahrerVitaInner {
		top: 200px;
		right: 50px;
	}
	.siegerInner {
		top: 1300px;
		left: 50px;
	}
}
@media (max-width: 1300px) {
	.sponsoringInner {
		top: 430px;
    	right: 50px;
	}
	.fahrerVitaInner {
		right: 50px;
	}
	.siegerInner {
		top: 1150px;
    	left: 0;
	}
}
@media (max-width: 1200px) {
	.header h1 {
		margin: 0;
		padding: 0 0 0 70px;
		position: relative;
		top: -60px;
	}
	.fahrerVitaInner {
		right: 0;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 170px;
	}
}
@media (max-width: 1145px) {
	.fahrerVitaInner h2 {
		padding: 0 0 0 180px
	}
	.fahrerVita img.person {
		max-width: 700px;
	}
	.sponsoring h2 {
		padding: 0 0 0 170px;
	}
	.switcher .toggler {
		margin: 30px 0 0 240px;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 240px;
	}
	.siegerInner {
		top: 1000px;
	}
	h2 {
		font-size: 50px;
	}
	body {
		font-size: 16px;
	}
	
}
@media (max-width: 1000px) {
	.sponsoringInner {
		top: 340px;
		right: 0;
	}
	.fahrerVita img.person {
		max-width: 600px;
	}
	.fahrerVitaInner h2 {
		padding: 0 0 0 100px;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 180px;
	}
	.fahrerVita img.sieger {
		top: -190px;
		left: 0;
	}
	.fahrerVita {
		margin-bottom: -370px;
	}
}
@media (max-width: 990px) {
	.siegerInner {
		top: 700px;
	}
	.fahrerVitaInner {
		right: 50px;
		top: 50px;
	}
	.header h1 {
		font-size: 60px;
		top: -50px;
	}
	.header .text {
		top: -50px;
	}
	.fahrerVita img.person {
		max-width: 400px;
	}
	.fahrerVita img.sieger {
		top: -180px;
		left: 0;
	}
	.fahrerVita {
		margin-bottom: -355px;
	}
}
@media (max-width: 880px) {
	.siegerInner {
		top: 700px;
	}
	.fahrerVitaInner {
		right: 50px;
		top: 50px;
	}
	.header h1 {
		font-size: 60px;
		top: -50px;
	}
	.header .text {
		top: -50px;
	}
	.fahrerVita img.person {
		max-width: 400px;
	}
	.fahrerVita img.sieger {
		top: -180px;
		left: 0;
	}
	.fahrerVita {
		margin-bottom: -355px;
	}
	.siegerInner h2 {
    	padding: 0 0 0 20px;
	}
	.siegerInner .text {
		padding: 25px 120px 0 80px;
	}
	.tourMoments {
		margin-top: -100px;
	}
	.fahrerVitaInner h2 {
		padding: 0 0 0 200px;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 240px;
	}
}

@media (max-width: 855px) {
	.sponsoringInner {
		top: 300px;
	}
	.sponsoring h2 {
		padding: 0 0 0 250px;
	}
	.sponsoring .text {
		padding: 25px 50px 0 140px;
	}
	h2 {
		font-size: 40px;
	}
	body {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.sponsoringInner {
		top: 250px;
	}
	.sponsoring h2 {
		padding: 0 0 0 270px;
	}
	.sponsoring .text {
		padding: 25px 30px 0 200px;
	}
	.fahrerVitaInner {
		right: 20px;
		top: 50px;
	}
	.fahrerVitaInner h2 {
		padding: 0 0 0 300px;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 340px;
	}
	.siegerInner {
		top: 650px;
	}
	footer .text {
		right: 10px;
		top: 50px;
	}
}
@media (max-width: 695px) {
	.header h1 {
		font-size: 50px;
		top: -40px;
	}
	.header .text {
		top: -40px;
		padding: 0 40px 0 140px;
	}
	.sponsoringInner {
		top: 200px;
	}
	.sponsoring h2 {
		padding: 0 0 0 350px;
	}
	.sponsoring .text {
		padding: 25px 30px 0 250px;
	}
	.siegerInner {
		top: 510px;
	}
	.siegerInner .text {
		padding: 25px 180px 0 40px;
	}
	.tourMoments {
		margin-top: -70px;
	}
	.tourMoments h2 {
		text-align: right;
		margin: 0 100px 20px 0;
	}
	.fahrerVita {
		margin-bottom: -305px;
	}
	h2 {
	    font-size: 30px;
	}
	.fahrerVitaInner {
		right: inherit;
		top: 0;
		left: 50px;
	}
	.fahrerVita img.person {
		max-width: 300px;
	}
	.fahrerVita img.sieger {
		top: -120px;
		left: 0;
	}
	.fahrerVitaInner h2 {
		padding: 0 0 0 250px;
	}
	.fahrerVitaInner .text {
		padding: 25px 20px 0 280px;
	}
}
@media (max-width: 630px) {
	.fahrerVita img.person {
		opacity: 0.3;
	}
	.fahrerVitaInner h2 {
		padding: 0;
	}
	.fahrerVitaInner .text {
		padding: 25px 25px 0 25px;
		max-width: 320px;
	}
	.switcher .toggler {
		position: absolute;
		top: 0;
		left: 100px;
		width: 100px;
	}
	.header h1 {
		font-size: 30px;
		top: -30px;
		padding: 0;
	}
	.header .text {
		top: -30px;
		padding: 0 40px 0 40px;
	}
	.sponsoring img {
	    opacity: 0.4;
	}
	.sponsoringInner {
		top: 0;
		left: 0;
		right: inherit;
	}
	.sponsoring h2 {
		padding: 60px 0 0 30px;
		color: #fff;
	}
	.sponsoring .text {
		padding: 30px;
		color: #fff;
		text-align: left;
	}
	/*
	.fahrerVita img.sieger {
	    opacity: 0.4;
	}
	.fahrerVitaInner {
		top: 0;
		left: 0;
		right: inherit;
	}
	.fahrerVitaInner h2 {
		padding: 60px 0 0 30px;
		color: #fff;
	}
	.fahrerVitaInner .text {
		padding: 30px;
		color: #fff;
		text-align: left;
	}*/
	.siegerInner {
		top: 490px;
	}
	.siegerInner .text {
		padding: 25px 10px 0 40px;
		background: #fff;
	}
	.siegerInner .text {
		padding: 25px 10px 25px 40px;
		background: #fff;
	}
}
@media (max-width: 560px) {
	.fahrerVita {
		margin-bottom: -220px;
	}
	.switcher .toggler {
		position: absolute;
		top: -140px;
		left: -215px;
		width: 100px;
	}
}
@media (max-width: 490px) {
	.fahrerVita {
		margin-bottom: -130px;
	}
}
@media (max-width: 440px) {
	.fahrerVita {
		margin-bottom: -80px;
	}
}
@media (max-width: 410px) {
	.fahrerVita {
		margin-bottom: -20px;
	}
	.siegerInner {
		top: 430px;
	}
	.switcher .item2 {
		top: -100px;
	}
}
@media (max-width: 320px) {
	.header h1 {
		left: -20px;
	}
	.header .text {
		top: -30px;
		padding: 0;
	}
	h2 {
		padding: 0px 0 0 10px !important;
		margin: 0 !important;
		font-size: 24px;
	}
	.sponsoringInner {
    	top: -60px;
	}
	.fahrerVitaInner {
		left: 0;
		top: -150px;
	}
	.switcher .toggler {
		position: relative;
		top: 0;
		left: -230px;
		width: 200px;
		font-size: 12px;
	}
	.switcher .item2 {
		top: -160px;
	}
	.text {
    	padding-top: 5px !important;
	}
	.tourMoments {
		margin-top: 95px;
	}
	.siegerInner {
		top: 400px;
	}
	.fahrerVita {
		margin-bottom: 30px;
	}
	footer .text {
		top: 20px;
	}
}