@charset "utf-8";

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  background-color: #f2f2f2;
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 18px;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  margin-top: 20px;
}

hr{
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
	margin-top:50px
	}

#ansprechpartner, #kernprozesse, #anfahrt, #kontakt{padding-top:150px}
#ansprechpartner li, #kompetenzen li{line-height:27px}
#philosophie, #kompetenzen, #referenzen, #umwelt, #galerie, #impressum, #dse, #agb{padding-top:85px}
#kernprozesse li{font-size:24px;line-height:40px}
#kernprozesse li{list-style-image: url('/img/arrow.png');}

.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    border:1px solid #e2e2e2
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/* Titles */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans';  
  color: #333;
}

h1{line-height:46px}

/* Paragraph & Typographic */

p {
  line-height: 28px;
  margin-bottom: 0px;
}

.centered {
  text-align: center;margin:0 auto
}
.img-responsive{width:100%;height:auto}
.img-referenz{margin:20px 0}

/* Links */

a {
  color: #f85c37;
  word-wrap: break-word;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover, a:focus {
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}

a:before, a:after {transition: color 0.1s ease-in, background 0.1s ease-in;}



/* ***** NEW CODE****/
#sent{font-size:18px;color:#0e694e;margin:30px 0}

/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:20; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:14px; font-family:inherit; vertical-align:middle;}
label{margin-bottom:5px;}
.form-group {margin-bottom: 15px;}
.form-control, select{font-size: 14px;padding: 5px 10px;border-radius: 3px;height: 40px;width:100%;}
select{background-color: #e2e2e2;}
textarea {overflow: auto;height: auto;min-height:160px;}
.btn-default {color: #fff;background-color: #173d6f;border-radius:6px;padding:6px 20px;margin-top:20px;}
.tinytext p{font-size:15px;line-height:19px;}

/* --- Checkbox ---*/
.wow{text-align:center}
.wow label {display:inline-block;font-weight:300;padding-top:20px}
.wow label a:hover{color:#ad1646}
.wow input {display:inline-block;}
#enable{margin-top:16px;}

#btnContactUs:disabled,
#btnContactUs[disabled]{background-color: #cccccc;color: #666666;
}



/* --- Cookie-Hinweis ---*/
#cookiedingsbums a {color:#fff; text-decoration:none;}
#cookiedingsbums div {padding:20px; padding-right:40px}
#cookiedingsbums {     
   text-align:center; 
   background: #173d6f; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%;min-height:90px;
   font-size:14px;
   color:#fff;
   line-height:14px;
}

#cookiedingsbumsCloser {
   color: #555;
   font: 14px/100% arial, sans-serif;
   position: relative;
   text-decoration: none;   
   top: 0px;
   cursor:pointer;
   border:1px solid white; 
   padding:6px 8px;
   border-radius:6px;
   background: #fff; /* Old browsers */
   }

#cookiedingsbumsCloser:hover {background:#173d6f;color:#fff}

/* Media queries */
@media (max-width:633px) {	
	#cookiedingsbums{min-height:110px}
}

@media (max-width:373px) {
    #cookiedingsbums {min-height:120px}
}

nav {
  margin-top: 80px;
  box-shadow: 5px 4px 5px #000;
}


navbar-header{width:100%}
.navbar-inverse .navbar-brand img {margin-top:-30px}
.navbar-inverse .navbar-nav>.active>a {background-color: #173d6f;color:#fff;border-radius:10px 10px 0 0}

.navbar {
  font-weight: 300;
  font-size: 20px;
   	-webkit-box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.3);
	-moz-box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.3);
  box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.3)
}

.dropdown-menu li a:hover{background-color: #173d6f;color:#fff;}
/*.navbar {
  font-weight: 300;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 5px;
	-webkit-box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.55);
	-moz-box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.55);
  box-shadow: 0px 4px 17px 0px rgba(133,133,133,0.55)	
}

.navbar-nav{right:0;padding-top:21px}

.navbar-inverse {background: #fff;}

.navbar-inverse .navbar-nav>.active>a {border-bottom: 5px solid #173d6f}

.navbar-inverse .navbar-brand img {margin-top:-30px}

.dropdown-menu ul{margin-top:-20px}
.dropdown-menu li a{font-size:16px;padding:10px }*/



/*TILT

.tilt {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tilt:hover {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}*/

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
  background: url(../img/header-bg.jpg) no-repeat center top;
  margin-top: 10px;
  padding-top: 0px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 80%;
	margin:0 auto;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
#headerwrap h1 {
  margin-top: 100px;
  color: white;
  font-size: 70px;
  font-weight: 300;
  letter-spacing: 3px;
}
*/

#headerwrap h2 {
  margin-top:30%;
  color: white;
  font-size: 40px;
  line-height:50px;
  font-weight: 400;
  letter-spacing: 2px;
	font-style:italic;
  }

#headerwrap h5{font-size:20px;color:white;font-style:italic;font-weight:700;text-align:right;padding-right:50px}

@media (max-width: 768px ) {
  #headerwrap h1 {
    font-size: 50px;
  }

  #headerwrap h2 {
    font-size: 30px;
  }
}

/* Dark Grey Wrap */

#dg {
  background: #e0e0e0;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}

#dg h4 {
  font-weight: 700;
}

/* Light Grey */

#lg {
  background: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}

#lg h4 {
  font-weight: 300;
}

/* Red Wrap */

#r {
  background: #ff7878;
  padding-top: 35px;
  padding-bottom: 35px;
}

#r h4 {
  color: white;
  font-weight: 700;
}

#r p {
  color: white;
}

/* Blue Wrap */

#blue {
  background: #3498db;
  padding-top: 35px;
  padding-bottom: 35px;
}

#blue h4 {
  color: white;
  font-weight: 700;
}

#blue p {
  color: white;
}

/* Footer Wrap */

#f {
  background: #2d2d2d;
  padding-top: 30px;
  padding-bottom: 30px;
}

#f i {
  color: #bdbdbd;
  font-size: 30px;
  padding: 20px;
}

#f i:hover {
  color: #ff7878;
}

/****** My Code *****/

.bmw_subline{margin-top:30px;text-align:right;display:block;width:100%}
.bmw-logo{margin-top:-37px}
.smalltypo{font-size: 12px;font-weight:400;margin-top:0px;padding-right:60px;color:#acacac}


.gap30{height:30px;padding-bottom:30px}
.gap40{height:40px}
.gap60{height:60px}
.gap90{height:90px}


/****** FLEXBOX STARTSEITE ****/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item {
  background: #fff;
  padding: 5px;
  width: 180px;
  height: 120px;
  margin-top: 10px;
}

/****** SECTIONS *****/

.w {
  padding-top: 35px;
}

.w h4 {
  font-weight: 700;
}

.w i {
  color: #ff7878;
  font-size: 30px;
}

.wb {
  padding-top: 35px;
  margin-bottom: 0px;
}

.wb h4 {
  font-weight: 300;line-height:40px;color:#8a8a8a
}

.desc {
  padding-top: 35px;
}

.desc h4 {
  font-weight: 700;
}

.desc i {
  color: #ff7878;
  font-size: 12px;
  padding: 5px;
}


/* Copyrights */

#copyrights {
  background: #222222;
  padding: 20px 0;
  text-align: center;
  color: #fff;
	font-size:14px
}

#copyrights p {
  margin-bottom: 5px;
}

.credits {
  color: #999;
}

@media (max-width: 1007px ) {
	.navbar-nav{padding-top:0px}
	#headerwrap {min-height: 400px;width: 95%;}
	#headerwrap h2 {margin-top:25%;font-size: 30px;line-height:40px;letter-spacing: 1px;}
	#headerwrap h5{font-size:16px}
}

@media (max-width: 786px ) {
	.bmw_subline{padding-bottom:20px}
	.navbar-header{height:60px}
	.navbar-inverse .navbar-brand img{width:100%;padding-top:0px;margin-top:-35px}
	.navbar-inverse .navbar-nav>.active>a {border-radius:0}
	.navbar-inverse .navbar-nav > li > a:hover{border-radius: 0;color:#fff;background-color: #173d6f}
	.dropdown-menu{min-width:100%;}
	.dropdown-menu li{padding:5px 0}
	.navbar-collapse.in {overflow-y: visible;}
    .contactimage{display:none}
}

@media (max-width: 440px ) {
	.navbar-inverse .navbar-brand img{max-width:190px;height:auto;width:100%;padding-top:15px}
	#headerwrap h2 {margin-top:35%;}
	#headerwrap h2 {margin-top:95%;font-size: 20px;line-height:30px}
    .wow label {display:inline-block;font-weight:300;padding-top:10px}
}