body,html {
  height: 100%;

}

body {
	background-color: #ffffff;
	color: #000;
	font-family: 'HyundaiSansText', 'Hyundai Sans Text', 'Open Sans', 'Arial', sans-serif;
	border-radius: 0px !important;
    font-size:14px;
    margin: 0px;
    padding: 0px;
	transition: background-image 1s ease-in-out;
	overflow:hidden;
}
        
.hyundai-content {
	background: #F6F3F2;
}

.main{
	height: 88%;
    width:100%;
	display: table;
	overflow:hidden;
	margin: 0 auto;
    /*margin-right: 2% !important;*/
    /*margin-left: 2% !important;*/
}

.wrapper{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}


@media screen and (max-width: 61em) {
    
    .hyundai-content {
            padding-top: 0px;
    }
    
    
}

.well {
	/*background: rgba(255,255,255,0.1) !important;*/
	border-radius: 0px;
	border: 0px solid #000;
	box-shadow: 0 0 9px rgba(0,0,0,0.02);
}
h1, h2, h3, h4 {
	font-family: 'Hyundai Sans Head', 'HyundaiSansHead', 'Open Sans', 'Arial', sans-serif;
}
p {
	font-family: 'HyundaiSansText', 'Hyundai Sans Text', 'Open Sans', 'Arial', sans-serif;
	color: #000;
}

input[type="text"]
{
    font-family: 'HyundaiSansText', 'Hyundai Sans Text', 'Open Sans', 'Arial', sans-serif;
}


div#content > h1 {
	margin-left: 15px;
}
div#content > p {
	margin-left: 15px;
}
div.tab-content {
	padding-left: 0px;
	padding-right: 5px;

}

.row {
	margin-left: 0px;
}
.span12 {
	margin-left: 0px;
	margin-right: 0px;
}

.label {
	border-radius: 0px;
}


/* SPAN Anpassung für Viewports größer als 1024 */

@media only screen and (min-width: 1024px) {
	.span12 {
		width: 100%;
	}
	[class*="span"]{
		margin-left: 0px;
	}
}



/*DRIVERS*/

.drivers_container {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.3),
				0 0  3px rgba(0,0,0,.1),
		inset	0 0 20px rgba(0,0,0,.05);
	border-radius: 5px;
	/*height: 280px;*/
	padding: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	position: relative;
    width:100%;
	/*overflow: hidden;*/
}

.col-md-3{
    width:22%;
    float:left;
    padding-right: 1%;
	padding-left: 1%;
}

.drivers_car_img {
	position:relative;
	width: 100%;
    height: 100%;
	/*float: left;*/
    /*bottom: 0;*/
	
}
.drivers_car_img img {
	/*position:absolute;*/
	width: 100%;
	height: auto;
	bottom: 20%;
	transition: background-image 1s ease-in-out;
}

.drivers_infos_content{
    position:relative;
    width:50%;
    height:auto;
    /*float:left;*/
}
.drivers_translation_description {
	padding-top: 2px;
	left: 20px;
	
}
.drivers_translation_description h4 {
	margin-top: 5%;
	font-family: 'Hyundai Sans Text', Helvetica, Arial, sans-serif;
	font-weight: 700;
        margin-bottom: 0px;
	font-size:20px;
}

.drivers_motor_description {
	left: 20px;
	
}
.drivers_motor_description p {
	margin-top: 5px;
	font-family: 'Hyundai Sans Text', Helvetica, Arial, sans-serif;
	font-weight: 400;
    margin-bottom: 0px;
	font-size:18px;
}

.drivers_amount_counter {
	left: 20px;
}

.drivers_amount_counter h4 {
    margin-top: 5px;
	font-family: 'Hyundai Sans Text', Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.drivers_amount_counter img {
	/*float: left;*/
	height: 25px;
	width: auto;
	margin-right: 0px;
}

.drivers_text_container{
	margin-left: 30px;
	padding-bottom: 30px;
}

/*div.row {
	margin-bottom: 50px;
}*/

#doble_click{
    position:absolute;
    top:20px;
    margin-left: 700px;
    display:none;
}



/* iPad Hochkant - Buttongröße anpassen! */

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	/*div.modal-footer > .btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center; }
	.btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center;  }
	.modal-footer .btn + .btn { margin-left: 0px; margin-top: 10px; }
	input#check_testdrive_scan { min-height: 100px; }
	input#setup_testdrive_scan { min-height: 100px;	}
	select#setup_testdrive_legs_location { min-height: 100px; }
	select#setup_testdrive_legs_type { min-height: 100px; }*/
        .logo img{width:100%}
        

}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
	/*div.modal-footer > .btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center; }
	.btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center; }
	.modal-footer .btn + .btn { margin-left: 0px; margin-top: 10px; }
	input#check_testdrive_scan { min-height: 100px; }
	input#setup_testdrive_scan { min-height: 100px;	}
	select#setup_testdrive_legs_location { min-height: 100px; }
	select#setup_testdrive_legs_type { min-height: 100px; }*/
        
        .logo img{width:100%}

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	/*div.modal-footer > .btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center;}
	.btn { min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center;  }
	.modal-footer .btn + .btn { margin-left: 0px; margin-top: 10px; }
	input#check_testdrive_scan { min-height: 100px; }
	input#setup_testdrive_scan { min-height: 100px;	}
	select#setup_testdrive_legs_location { min-height: 100px; }
	select#setup_testdrive_legs_type { min-height: 100px; }*/
        
        .logo img{width:100%}
}




/*Testfeld */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {
	/*div.modal-footer { display: flex; flex-direction: row; justify-content: flex-end; }
	div.modal-footer > .btn { min-height: 100px; min-width: 100px; max-width: 120px; display: flex; align-items: center; justify-content: center;}
	.btn { min-height: 100px; min-width: 100px; max-width: 120px; display: flex; align-items: center; justify-content: center;}
	input#check_testdrive_scan { min-height: 100px; }
	input#setup_testdrive_scan { min-height: 100px;	}
	select#setup_testdrive_legs_location { min-height: 100px; }
	select#setup_testdrive_legs_type { min-height: 100px; }
	.span3 { width: 350px; }*/
        
        .logo img{width:100%}
} 




/* ANNOYING OVERRIDE */

/*#nav li.active {
	z-index: auto !important;
}*/



/*Header*/

.wide {
  width:100%;
  background-color: #F6F3F2;
}

.wide img {
  width:100%;
  height:100%;
}



.logo img {
  width:100%;
  height:100%
  
}

.line {
  padding-top:20px;
  /*white-space:no-wrap;*/
  overflow:hidden;
  text-align:center;
}

@media screen and (max-width: 65em) {
    
     /*body { font-size: 10px; }*/
     /*.drivers_container {
            height: 220px;
        }*/
        .logo >img{
            width:100%;
        }
        
        /*.wide{*/
            /*height:100%;*/
        /*}*/
}

@media screen and (max-width: 70em) {
    
     /*body { font-size: 10px; }*/
     /*.drivers_container {
            height: 170px;
        }*/
    .logo > img{
            width:100%;
        }
}