/* Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;


}

/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Extra Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;

}


body, html {
	height: 100%;
}

div.bild {
	position: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	height: 100%;
	width: 100%;
}

@media all and (max-width: 510px) {
	div.bild {
		background-image: url("../bilder/lkw-sp-hoch.jpg");
	}
}

@media all and (min-width: 511px) {
	div.infos {
		overflow-y: hidden;
	}
	
	div.bild {
		background-image: url("../bilder/lkw-sp-quadrat.jpg");
	}
}

div.infos {
	background-color: white;
	height: 100vh;
	overflow-y: scroll;
	opacity: 0.8;
}

@media all and (max-width: 1199px) {
	div.infos {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (min-width: 1200px) {
	div.bild {
		background-image: url(../bilder/lkw-gross3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		max-height: 1500px;
		height: 100%;
	}
}

@media all and (min-width: 1300px) and (min-height: 750px) {
	div.infos {
		overflow-y: hidden;
		max-width: 450px;
	}
}

h1,
p,
ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

ul{
	color: #008c35;
}

h1 {
	color: #076D2E;
	font-weight: bold;
	margin-bottom: 16px;
	margin-top: 16px;
}

p {
	margin-top: 16px;
}

p.grey {
	font-size: 14px;
	font-weight: 300;
	color: #9aa29d;
}

.col-lg-pull-7, .col-lg-pull-8 {
	right:0;
}