@charset "utf-8";
/* CSS Document */

/**
 * @author      Andrej Heinemann
 * @subpackage  Bremer Automobiltechnik
 * @link        http://www.creative-power-group.de
 * @email       info@creative-power-group.de
 * @copyright   Andrej Heinemann
 *
 * Template Bremer Automobiltechnik 3.5
 * Copyright (C) 2015 Andrej Heinemann // 26.04.2016
 * 
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/
/* hind-300 - latin */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/hind-v16-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-300.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-regular - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/hind-v16-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-500 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/hind-v16-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-500.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-600 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/hind-v16-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-700 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/hind-v16-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-700.svg#Hind') format('svg'); /* Legacy iOS */
  }

html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#1D2D4A !important;
	font-family: 'Hind', sans-serif;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
	background-color:#D9DADA !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}

hr{
	border-color: #333 !important;
}

body a{text-decoration:none;}
a:link {color:#000;}
a:visited {color: #fff}
a:hover {color: #666 !important; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#666; text-decoration:none !important;}
a:active {color:#DE252C !important;}

h1{
	font-size:170% !important;
	font-weight:500 !important;
	color:#000 !important;
	margin-bottom:5px !important;
	line-height:160% !important;
}

.home h1{
	text-align:center !important;
	color:#fff !important;
}

.abschlepper h1{
	color:#000 !important;
	line-height:150% !important;
	margin-bottom:2% !important;
}

h2{
	font-size: 140% !important;
	font-weight:400 !important;
	line-height:132% !important;
	color:#000 !important;
	margin-bottom:10px !important;
}


h3{
	color:#000 !important;
	margin-bottom:5px !important;
	margin-top:0px !important;
}

h4{
	color:#000 !important;
	font-size: 99% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
}

header{
	background-color:#fff;
	width:100%;
	padding: 15px 0px 15px 0px;
	height:auto;
	margin: 0 auto;
	float: left;
}

#anzeige_sm{
	display:none;
}


#bg_home{
	position:relative;
	z-index:1;
}

.col-md-12{
	padding-left:0px !important;
	padding-right:0px !important;
}

#abschlepper{
	position:relative;
	margin-top:-36px;
	z-index:2;
}


section{
	font-size:120%;
	z-index:1;
	height: auto;
	width: 100%;
	background-color:#D9DADA !important;
	color:#1D2D4A !important;
}

#home_blau{
	background-color:#000;
	padding:3% 0% 2% 0%;
	margin-bottom:2%;
	margin-top:-6%;
	border-top: 2px solid #fff;
	position: relative;
}

#motor_karosse_lack{
	position:relative;
	margin-top:-8%;
	margin-bottom:3%;
	padding-left:60px !important;
	padding-right:60px !important;
	z-index: 5;
}

.col-md-1{
	padding-left:15px !important;
	padding-right:15px !important;
}


footer{
	font-size:120%;
	color:#fff;
	margin: 0 auto;
	background-color:#000;
	width:100%;
	height:auto;
	float:left;
	z-index:999;
	padding:30px 0px 30px 0px;
}

.footer_right{
	text-align: right;
}

footer a:link{
	color:#fff !important;
}


footer a:hover{
	text-decoration: underline !important;
}


footer a:visited{
	color:#fff !important;
}

.footer_copy{
	margin:0 auto;
	text-align:center;
	padding-bottom: 8%;
	color:#fff;
}


#bg_nav{
	width:100%;
	float:left;
	height:auto;
	z-index:3;
	position:relative;
}


#nav-wrap {
	text-align:center;
}


#menu-icon {
	display: none;
}

#nav{
	margin: 0 auto;
	width:auto;
}

#nav ul.menu, 
#nav ul.menu li {
	margin: 0;
	text-align:center;
	padding: 0;
}

#nav ul.menu li {
	list-style: none;
	float: left;
	list-style-type:none;
	text-decoration:none;
	font-weight:600;
	text-align:center;
	font-size:100%;
}

#nav ul.menu li a {
	padding:10px 20px 10px 20px;
	display: block;
	text-decoration:none;
	color:#000 !important;
	margin-right: 20px;
}


#nav ul.menu li a:hover {
	background-color: #000 !important;
	color:#fff !important;
	
}

#nav ul.menu li.active a {
	background-color: #000 !important;
	color:#fff !important;
}

#nav ul.menu ul{
	background: #fff;
	padding-left:0% !important;
	position: absolute;
	display: none; 
	margin-left:0px;
	z-index:9999;
	width:180px !important;
	border:1px solid #ccc;
}

#nav ul.menu li ul li {
	float: none;
	text-align:center;
	font-size:100%;
	line-height:130% !important;
}

#nav ul.menu li ul li a{
	color:#fff !important;
	width:100% !important;
	padding:20px 5px 20px 5px;
}

#nav ul.menu li:hover > ul {
	display: block;
}


#nav ul.menu ul li a:hover {
	background-color:#66253C;
	color:#fff!important;
	width:100%;
}


#nav ul.menu ul li.active a{
	background-color:#66253C;
	width:100%;
	color:#fff !important;
}


#content {
	    width:100%;
	    margin:0px;
	    padding:2%;
		text-align:center;
}

.btn-primary {
    background-color: #1D2D4A !important;
    border-color: #1D2D4A !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    border-color: #1D2D4A !important;
    color: #1D2D4A !important;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 12px 16px 10px 16px !important;
}

.text-danger {
    color: #DE252C !important;
}


.scrollToTop{
	border:solid;
	border-color:#fff;
	width:60px; 
	height:60px;
	padding-top:15px;
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	top:75px;
	color:#fff !important;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	right:40px;
	display:none;	
	font-size:20px;
	background-color:#1D2D4A !important;
	z-index:9999;
	background: url('../../arrow_up.png') no-repeat 0px 20px;
}

.scrollToTop:hover{
	text-decoration:none;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color:#fff !important;
	color:#1D2D4A !important;
}

.cc_container {
    background: #1D2D4A none repeat scroll 0 0 !important;
   font-family: 'Roboto', sans-serif !important;
   border-top:1px solid #fff !important;

}

.cc_container a, .cc_container a:visited {
    color: #D9DADA !important;
}

.cc_container .cc_btn {
    max-width: 200px !important;

}

.col-md-6{
	padding-left:15px !important;
	padding-right:15px !important;
}

#kontakt_anschrift{
	margin-top:5%;
	padding:3%;
	font-size:150% !important;
	line-height:140% !important;
}

@media screen and (max-width: 1400px) {
	
	
#motor_karosse_lack{
	margin-top:-8% !important;
	margin-bottom:3%;
	padding-left:40px !important;
	padding-right:40px !important;
}

}

@media screen and (max-width: 1199px) {

}


@media screen and (max-width: 1024px) {	


label{
	color:#1D2D4A !important;
}

.form-control{
	border-color:#1D2D4A !important;
}


#nav ul.menu li{
	margin-right:0% !important;
	margin-left:0% !important;
	text-align:center !important;
	width:100% !important;
	height:45px !important;
}
	
#nav ul.menu li a:hover {
	background-image:none !important;
	background-color:#000 !important;
	width:100% !important;
}

#nav ul.menu li.active a{
	background-image:none !important;
	background-color:#000 !important;
	width:100% !important;
}

#nav ul.menu li {
	background-image:none !important;
	height:45px !important;
}
	
header{
	background-color:#fff !important;
}

#nav-wrap {
		position: relative !important;
		text-align:left;
		background-color:#1D2D4A !important;
		width:100%;
		display:block !important;
		margin-left:0px; 
		z-index:99999999 !important;
}
	
#menu_top{
	display:none !important;
}




	#menu-icon {
		color: #fff;
		width: 100%;
		height:50px;
		font-size:20px;
		background: #000 url(../../../images/menu_icon_logo.png) no-repeat 10px center;
		padding-top: 12px;
		cursor: pointer;
		display: block;
		text-align:center !important;
	}
	

	#nav {
		clear: both;
		position: relative;
		width: 100% !important;
		font-size:20px;
		z-index: 10000;
		background:#d9dada;
		color:#000 !important;
		display: none;
		z-index:99999999 !important;
		text-align:center !important;
	}
	
	#nav ul.menu ul {
	position: relative;
	width:100%;
	z-index:9999;
}
	
	#nav li {
		clear: both;
		float: none;	
	}
	
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding:0;
		border:0px;
	}
	
	#nav a:hover, 
	#nav ul a:hover {
		background:0px;
		color: #fff !important;
		width:100% !important;
	}
	
	
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border:0px;
		background: inherit;
		z-index: 9999999999999!important;
	}
	#nav ul li {
		width:100%;
		float:left !important;	
	}
	
	#nav ul.menu li a {
		height:46px;
		padding-top:10px;
		color:#000 !important;
		width:100% !important;
}

	#nav ul.menu ul li {
		width:100% !important;
		position:relative !important;
		z-index:9999 !important;
}


	#nav ul.menu ul li a {
		font-size:120% !important;
		width:100% !important;
		color:#15B3BB !important;
		background-color:#fff !important;
}

	#nav ul.menu ul li a:hover {
		color:#fff !important;
		background-color:#15B3BB !important;
}

	#nav ul.menu ul li.active a{
		color:#fff !important;
		background-color:#15B3BB !important;
}

#home_blau{
	padding:3% 0% 4% 0%;
}

}


@media screen and (max-width: 1000px) {

section img{
	text-align: center;
	margin: 0 auto;

}

}


@media screen and (max-width: 999px){
	
#logo_shop{
	display:none !important;
}



h3{
	font-size:95% !important;
}

footer{
	font-size:100%;
}


section img{
	text-align: center;
	margin: 0 auto;

}


	
}

@media screen and (max-width: 991px){
	
#anzeige_sm{
	display:block !important;
}

#anzeige{
	display:none;
}

#logo_shop{
	margin-right:-15% !important;
}

.team_text{
	font-size:16px !important;
}

.slider{
	margin-top:3%;
}

#motor_karosse_lack{
	margin-top:-7% !important;
	margin-bottom:2% !important;
	padding-left:110px !important;
	padding-right:110px !important;
}

}


@media screen and (max-width: 820px){

#motor_karosse_lack{
	margin-top:-15% !important;
	padding-left:60px !important;
	padding-right:60px !important;
}


#home_blau{
	padding:6% 0% 6% 0% !important;
}

}

@media screen and (max-width: 768px) {	

#home_blau{
	padding:5% 0% 6% 0% !important;
}

h1{
	font-size:150% !important;
	line-height:140% !important;
}


}

@media screen and (max-width: 767px) {	
.wappen{
	display: none;
}
	
section .container{
	padding:0px 15px 0px 15px !important;
}

.slider{
	margin-top:6%;
}
	
footer{
	text-align: center !important;
}
	
.footer_right{
	text-align: center !important;
}


}


@media screen and (max-width: 640px) {
#motor_karosse_lack{
	margin-top:-17% !important;
	padding-left:40px !important;
	padding-right:40px !important;
}
	
.abschlepper h1{
	line-height:130% !important;
	margin-bottom:1% !important;
}
	
h1{
	font-size:150% !important;
}
	
h2{
	font-size:140% !important;
}	

h3{
	font-size:120% !important;
}
			
	
#nav-wrap {
	margin-top:0px !important;
}


section .container{
	padding:0px 15px 50px 15px;
}


a.open-close {
	    margin-top:25px !important;
		margin-bottom:25px !important;
	    padding:1.4% 1% 0.8% 1% !important;
}


footer{
	font-size:90% !important;	
}


}

@media screen and (max-width: 500px) {
#motor_karosse_lack{
	margin-top:-17% !important;
	padding-left:30px !important;
	padding-right:30px !important;
}
}