body {
	overflow-x: hidden;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

p {
	font-size: 14px;
	line-height: 1.75;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

a {
	color: #FFFFFF;
	display: block;
}

a:hover,
a:focus,
a:active,
a.active {
	color: rgb(239,125,0);
	text-decoration: none;
}

h1,
h2,
h3 {
	text-transform: uppercase;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
}

.img-centered {
	margin: 0 auto;
}

.orange {
	color: rgb(239,125,0);
}

.bg-black {
	background-color: rgb(25,25,25);
}

.bg-light-gray {
	background-color: rgb(240,240,240);
}

.navbar-default {
	border-color: transparent;
	background-color: rgb(239,125,0);
	padding: 15px 0;
}

.navbar-default img {
	width:100%;
	max-width: 560px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.navbar-default .list-inline {
	float: right;
}

.navbar-default.navbar-shrink img {
	width: 300px;
}

header {
	min-height: 950px;
	background-color: rgb(25,25,25);
}

section {
	padding: 100px 0;
}

section h2.section-heading {
	margin-top: 0;
	font-size: 55px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

section h3.section-subheading {
	margin-bottom: 40px;
	text-transform: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 400;
}

/* @group Prepared */

section#prepared,
section#product ul li  {
	text-transform: uppercase;
	color: #fff;
}

section#prepared p {
	font-size: 35px;
	line-height: 35px;
	font-weight: 200;
}

section#prepared h1 {
	font-size: 55px;
	padding: 0 0 100px 0;
}
section#prepared h2 {
	font-size: 35px;
	padding: 0 0 100px 0;
}

section#prepared ul {
	padding: 0;
	width: 80%;
	margin: -5px 0 0 0;
}

section#prepared ul li,
section#product ul li {
	list-style-type: none;
	border-bottom: 1px solid #FFF;
	font-size: 17px;
	font-weight: 200;
	padding: 5px 0;
}

section#prepared ul li:last-child,
section#product ul li:last-child {
	border-bottom: none;
}

section#prepared ul li:last-child span{
	color: rgb(239,125,0);
}

section#prepared .col-md-4.image {
	margin: -80px 0 0 0;
}

section#prepared .col-md-4,
section#product ul li  {
	letter-spacing: 1px;
}

.prepared-heading {
	margin: 15px 0;
	text-transform: none;
}

#marker-info a {
    color: rgb(239,125,0);
}

#anker_hilfe {
    text-transform: none;
    width: 240px;
}

/* @end Prepared */

#film {
	height: 800px;
	width: 100%;
	position: relative;
	display: block;
}

#film p {
	position: relative;
	display: block;
	text-align: center;
	font-size: 3rem;
	color: rgba(255, 255, 255, 1);
	background: rgba(239, 125, 0, 1);
	text-transform: uppercase;
	padding: 5px 10px;
	width: 30%;
	margin: 0 auto;
	top: 50%;
	min-width: 260px;	
}

/* @group Product */

#adaptimg {
	position: absolute;
	bottom: 475px;
	left: 175px;
	width: 450px;
}

#adapt {
	position: absolute;
	bottom: 450px;
	left: 250px;
}

#adapt2 {
	text-align: center;
}

section#product {
	overflow: hidden;
	padding-bottom: 0;
	position: relative;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;	
}

section#product .section-heading {
	margin-bottom: 10px;
}

section#product .section-heading,
section#order .section-heading {
	color: rgb(239,125,0);
}

/* @end Product */

section#film,
section#slideshow {
	padding: 0;
}

/* @group Action */

#marker, #marker-info {
	top: 0px;
	position: absolute;
}

.anker {
	position: absolute;
}

#marker .glyphicon-plus, #marker-info .fa-info {
	position: absolute;
	display: block;
	background: rgb(239,125,0);
	width: 35px;
	height: 35px;
	border-radius: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 33px;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	left: 15px;
	
	-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}

#marker-info .fa-info {
    font-size: 18px;
}

#marker .glyphicon-plus:hover, #marker-info .fa-info:hover {
	background: rgb(35,100,160);
	-webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.more {
	position: relative;
	color: #000;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px;
	margin: 20px 20px 20px 25px;
	opacity: 0.9;
	display: none;
	z-index: 1;
}

.hide {
	display: none;
}

/* @group Anker positioning */

#anker_1 {
	position: absolute;
	top: 225px;
	left: 305px;
	width: 275px;
}

#anker_2 {
	position: absolute;
	top: 595px;
	left: 305px;
	width: 275px;
}

#anker_3 {
	position: absolute;
	top: 420px;
	left: 770px;
	width: 275px;
}

#anker_4 {
	position: absolute;
	top: 645px;
	left: 620px;
	width: 275px;
}

#anker_5 {
	position: absolute;
	top: 170px;
	left: 780px;
	width: 225px;
}

#anker_6 {
	position: absolute;
	top: 420px;
	left: 1000px;
	width: 275px;
}

#anker_6 .more {
	left: -220px;
}

#anker_7 {
	position: absolute;
	top: 410px;
	left: 345px;
	width: 230px;
}
#anker_8 {
	position: absolute;
	top: 272px;
	left: 685px;
	width: 230px;
}


#anker_10 {
	position: absolute;
	top: 500px;
	left: 225px;
	width: 230px;
}

#anker_11 {
	position: absolute;
	top: 470px;
	left: 545px;
	width: 270px;
}

#anker_12 {
	position: absolute;
	top: 260px;
	left: 605px;
	width: 330px;
}

#anker_13 {
	position: absolute;
	top: 290px;
	left: 900px;
	width: 350px;
}

#anker_14 {
	position: absolute;
	top: 610px;
	left: 795px;
	width: 330px;
}

/* @end Anker positioning */

/* @end Action */

section#slideshow {
	max-height: 900px;
}

/* @group Order */

section#order {
	color: #fff;
}

section#order h2 {
	padding: 0 0 100px 0;
}

section#order h3 {
	font-size: 30px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

section#order p {
	font-size: 17px;
}

section#order .button {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 35px;
	color: #fff;
	background: rgb(239,125,0);
	text-align: center;
	margin: 0 10px 0 0;
}

/* @end Order */

/* @group Anwendung */

section#use {
	color: #fff;
	padding-top: 0;
}

section#use h2 {
	color: rgb(239,125,0);
	font-size: 20px;
}

section#use .list-inline>li {
	padding: 0 0 0 5px;
}

.vehicle i {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background: rgb(239,125,0) url(../img/css/icon_sprite.png) no-repeat;
	margin: 0;
	padding: 0;
}
.quad{
	background: rgb(239,125,0) url(../img/css/quad.png) no-repeat !important;
}
.bus{
	background: rgb(239,125,0) url(../img/css/bus.png) no-repeat !important;
}
.anhaenger{
	background: rgb(239,125,0) url(../img/css/anhaenger.png) no-repeat !important;
}
.jetski{
	background: rgb(239,125,0) url(../img/css/jetski.png) no-repeat !important;
}
/* @group Icons */

i.oldtimer {
	background-position: -40px 0;
}

i.cross {
	background-position: -80px 0;
}

i.bike {
	background-position: -120px 0;
}

i.car {
	background-position: -160px 0;
}

i.truck {
	background-position: -200px 0;
}

i.tractor {
	background-position: -240px 0;
}

i.telehandler {
	background-position: -280px 0;
}

i.yacht {
	background-position: -320px 0;
}

i.truck_big {
	background-position: -360px 0;
}

i.truck_big2 {
	background-position: -400px 0;
}

i.caterpillar {
	background-position: -440px 0;
}

i.ship {
	background-position: -480px 0;
}

/* @end Icons */

/* @end Anwendung */

/* @group Contact */

section#contact {
	background-color: rgb(35,100,160);
	background-position: center;
	background-repeat: no-repeat;
	min-height: inherit;
	padding: 100px 0 0 0;
}

section#contact .section-heading {
	color: #fff;
	margin-bottom: 5px;
}

section#contact .section-subheading {
	margin-top: 10px;
	color: #fff;
}

/* @end Contact */

/* @group Footer */

.col-md-46{
	width:30%; float: left;
}
.col-md-45{
	width:50%; float: left;
}
.col-md-44{
	width:20%; float: left;
}


footer {
	padding: 25px 0;
	text-align: center;
}

footer ul.quicklinks {
	margin-bottom: 0;
	text-transform: uppercase;
	text-transform: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 40px;
}

ul.social-buttons {
	margin-bottom: 0;
	margin-top: 20px;
}

ul.social-buttons li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	outline: 0;
	color: rgb(239,125,0);
	background-color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	text-align: center;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
	color: rgb(35,100,160);
}

#contact ul.social-buttons li a {
	color: rgb(35,100,160);
	margin: 0 0 100px 0;
}

#contact ul.social-buttons li a:hover,
#contact ul.social-buttons li a:focus,
#contact ul.social-buttons li a:active {
	color: rgb(239,125,0);
}

#fin {
	text-align: center;
}

#fin .row {
	
}

#fin li {
	color: #fff;
	width: ;
}

/* @group Slideshow */

ol.carousel-indicators li {
	border-color: rgb(239,125,0);
}

ol.carousel-indicators li.active {
	background: rgb(239,125,0);
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
	font-size: 50px;
	color: #fff;
}
/* @end */

/* @group Impressum */

#impressum {
	height: 100%;
	padding: 100px 0;
	color: white;
}

.impressum-paragraph a {
	display: inline-block;
}

#impressum .container {
	padding: 100px 20px 0 20px;
}

.impressum-paragraph {
	margin: 40px 0;
}

#impressum .section-heading {
}

#impressum aside {
	padding: 30px 0 0 0;
	text-align: center;
}
.neu{
	transform: rotate(-30deg);
	position: absolute;
	font-size: 30px;
	text-align: center;
}
/* @end Impressum */

/* @group Responsive Configuration */
@media screen and (max-width:1220px) {
.neu{
display:none;
}
}
@media screen and (max-width:1599px) {
    
    #adaptimg {
		left: 50%;
		margin: 450px 0 -500px -150px;
		position: relative;
		height: 450px;
		width: auto;
	}
	
	#adapt {
        position: absolute;
        bottom: 200px;
        left: 20%;
    }
    
    #product div.container div.row div.text-center img{
		width: 100%;
		height: auto;
		padding: 0 10px;
		border-bottom: 2px solid #191919;
	}
	#anker_1 {
	position: absolute;
	top: 205px;
	left: 365px;
	width: 275px;
	}
	
	#anker_2 {
		position: absolute;
		top: 710px;
		left: 265px;
		width: 275px;
	}
	
	#anker_3 {
		position: absolute;
		top: 420px;
		left: 870px;
		width: 275px;
	}
	
	#anker_4 {
		position: absolute;
		top: 825px;
		left: 620px;
		width: 275px;
	}
	
	#anker_5 {
		position: absolute;
		top: 170px;
		left: 860px;
		width: 225px;
	}
	
	#anker_6 {
		position: absolute;
		top: 520px;
		left: 1100px;
		width: 275px;
	}
	
	#anker_6 .more {
		left: -220px;
	}
	
	#anker_7 {
		position: absolute;
		top: 480px;
		left: 305px;
		width: 230px;
	}
	#anker_8 {
		top: 309px;
		left: 720px;
	}
    
}
@media screen and (max-width:1600px) {
#anker_10 {
	position: absolute;
	top: 580px;
	left: 165px;
	width: 230px;
}

#anker_11 {
	position: absolute;
	top: 570px;
	left: 545px;
	width: 270px;
}

#anker_12 {
	position: absolute;
	top: 350px;
	left: 605px;
	width: 330px;
}

#anker_13 {
	position: absolute;
	top: 290px;
	left: 1010px;
	width: 350px;
}

#anker_14 {
	position: absolute;
	top: 610px;
	left: 825px;
	width: 330px;
}
}
@media screen and (max-width:1200px) {
#anker_10 {
	position: absolute;
	top: 510px;
	left: 125px;
	width: 230px;
}

#anker_11 {
	position: absolute;
	top: 480px;
	left: 445px;
	width: 270px;
}

#anker_12 {
	position: absolute;
	top: 280px;
	left: 485px;
	width: 330px;
}

#anker_13 {
	position: absolute;
	top: 290px;
	left: 850px;
	width: 350px;
}

#anker_14 {
	position: absolute;
	top: 510px;
	left: 695px;
	width: 330px;
}
	
}

@media screen and (max-width:1199px) {
	#anker_1 {
		top: 205px;
		left: 245px;
	}	
	#anker_2 {
		top: 610px;
		left: 225px;
	}	
	#anker_3 {
		top: 400px;
		left: 720px;
	}	
	#anker_4 {
		top: 725px;
		left: 520px;
	}	
	#anker_5 {
		top: 170px;
		left: 720px;
	}	
	#anker_6 {
		top: 520px;
		left: 900px;
	}
	#anker_7 {
		top: 400px;
		left: 245px;
	}
	#anker_8 {
		top: 309px;
		left: 720px;
	}
	#anker_8 {
		top: 280px;
		left: 590px;
	}
}

@media screen and (max-width:992px) {
	
	section#prepared .col-md-4 {
	margin: -30px 0 90px 0;
	}
	
	section#prepared .col-md-4 ul {
	margin: 4 0px 0 -90px 0;
	}
	
}

@media screen and (max-width:768px) {
	
	.navbar-default .list-inline {
	display: none;
	}	
	
	section#prepared h2 {
	font-size: 45px;	
	line-height: 50px;
	}
	
	section#use h2 {                      
	line-height:	
	}
	
	section#order .col-md-4 {
	padding-bottom: 50px;
	}
	
}

@media screen and (max-width:600px) {
	#product div.container div.row div.text-center h2.section-heading {
		font-size: 3rem;
	}	
}

@media screen and (max-width:450px) {
	#product div.container div.row div.text-center h2.section-heading {
		font-size: 2.5rem;
	}	
}

@media screen and (min-width:992px) {
	#product div.container div.col-md-4{
		display: none;
	}
	#adapt2 {
		display: none;
	}
}




@media screen and (max-width:991px) {
	#anker_1, #anker_2, #anker_3, #anker_4, #anker_5, #anker_6, #anker_7, #anker_8, #anker_10, #anker_11, #anker_12, #anker_13, #anker_14 {
		display: none;
	}
	
	#adapt {
		display: none;
	}
	
	#product.bg-light-gray {
		background: rgb(25,25,25);
	}
	
	#product div.container div.row div.text-center h2 {
		font-size: 4rem;
	}
	
	#product div.container div.row div.text-center img{
		border-bottom: 1px solid #FFF;
	}
	
		#adaptimg {
		left: 50%;
		margin: 450px 0 -500px -177px;
		position: relative;
		height: 400px !important;
		width: auto;
	}

}

/* @end Responsive Configuration */

/* @group Video */

#video-container,
#video-container iframe,
#video-container embed,
#video-container-start,
#video-container-start iframe,
#video-container-start embed,
#video-cover,
#video-cover-start {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
	max-height: 955px;
}

#video-cover {
    background: url(../img/movie.jpg) no-repeat center;
    background-size: cover;
    z-index: 2;
}


#video-cover-start {
    background: url(../img/header-bg.jpg) no-repeat center;
    background-size: cover;
    z-index: 2;
}

#video-start {
    position: relative;
    margin: auto;
    width: 96px;
    height: 96px;
    top: 50%;
    margin-top: -48px;
    background: url(../img/css/video-start.png) no-repeat 0 0;
    cursor: pointer;
}

#video-start span {
    position: absolute;
    display: inline-block;
    top: 120px;
    color: white;
    background: rgb(239,125,0);
    width: 200px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 26px;
    font-size: 2.6rem;
}

#video-start:hover span {
    background-color: black;
}

#video-start-start {
    position: relative;
    margin: auto;
    width: 96px;
    height: 96px;
    top: 50%;
    margin-top: -48px;
    background: url(../img/css/video-start.png) no-repeat 0 0;
    cursor: pointer;
}

#video-start-start span {
    position: absolute;
    display: inline-block;
    top: 120px;
    color: white;
    background: rgb(239,125,0);
    width: 200px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 26px;
    font-size: 2.6rem;
}

#video-start-start:hover span {
    background-color: black;
}

@media screen and (max-width:990px) {
	#video-start-start span {
		font-size: 20px;
	}
	header {
    	min-height: 500px;
	}
	.container{
		text-align: center;
	}
	section#prepared ul {
	    width: 100%;
	}
	section {
   	 padding: 10px 0;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
    	position: relative;
	}
	.col-md-4{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.section-heading{
		margin-top: 45px !important;
	}
	section#order h2 {
   		padding: 0 0 30px 0 !important;
	}
	h3{
		text-align: center;
		padding:30px 0px 0px 0px!important;
		margin:0px 0px 0px 0px!important;
	}
	.col-md-3{
		text-align: center !important;
		padding-bottom:30px;
	}
	#mobileweg{
		display:none;	
	}
	.navbar {
    	min-height: 160px;
	}
	#film{
		height:600px;	
	}
	#video-cover-start {
	    height: 600px;
	}
	#video-container-start{
	    height: 600px;
	}
}
@media screen and (max-width:500px) {
	#video-start-start span {
		font-size: 20px;
	}
	header {
    	min-height: 440px;
	}
	.container{
		text-align: center;
	}
	section#prepared ul {
	    width: 100%;
	}
	section {
   	 padding: 10px 0;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
    	position: relative;
	}
	.col-md-4{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.section-heading{
		margin-top: 45px !important;
	}
	section#order h2 {
   		padding: 0 0 30px 0 !important;
	}
	h3{
		text-align: center;
		padding:30px 0px 0px 0px!important;
		margin:0px 0px 0px 0px!important;
	}
	.col-md-3{
		text-align: center !important;
		padding-bottom:30px;
	}
	#mobileweg{
		display:none;	
	}
}

/* @end Video */