//
// MyStyle
// --------------------------------------------------



.gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}

.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}

@media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}
@media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}

.gm-style-pbc{
transition:opacity ease-in-out;
background-color:rgba(0,0,0,0.45);text-align:center}
.gm-style-pbt{
font-size:22px;
color:white;
font-family:Roboto,Arial,sans-serif;
position:relative;
margin:0;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);transform:translateY(-50%)}

.gm-style {
        font: 400 11px Roboto, Arial, sans-serif;
        text-decoration: none;
      }
.gm-style img { max-width: none; }

//
 
 
 
 body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
	  margin-top:50px;
  }
  h4 {
      font-size: 14px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin: 30px 0 20px 0;
  } 
  
   a {
      text-decoration: none;
	  color: #337ab7; //#333;
  } 
  
   a:hover{
      text-decoration: none;
	  color: #818181;
  } 
.btn-single navbar a{
      text-decoration: none;
	  color: #333; 
  } 
  
@media screen and (min-width: 768px){  
  h5 {
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	  font-size: 1.5em;
	  line-height: 1.0em;
	  letter-spacing:0.04em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 10px;
	  margin-top:0;
  } 
  
  h6 {
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	  font-size: 2.5em;
	  line-height: 1.0em;
	  letter-spacing:0.07em;
      color: #303030;
      font-weight: 400;
	  margin-top:0;
	  margin-bottom:0;
  } 
  } 

@media screen and (max-width: 767px){  
  h5 {
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	  font-size: 0.8em;
	  line-height: 1.0em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 10px;
	  margin-top:0;
  } 
  
  h6 {
      font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	  font-size: 1.0em;
	  line-height: 1.0em;
      color: #303030;
      font-weight: 400;
	  margin-top:0;
	  margin-bottom:0;
  } 
  }   
 
.btn-single {
      border: 1px solid #cdcdcd; 
	  border-radius: 0;
	  background: #fff;
  }
  
 
 
  .jumbotron {
      //background-color: #79af0d;    //#4f628e;
      background-color: #fff;    
	  color: #fff;
      padding: 40px 0; //100px 0px;
      font-family: Montserrat, sans-serif;
  }
@media screen and (max-width: 768px) {.jumbotron {
      padding: 30px 25px;
  }
  }
  
  
  .container-fluid {
      padding: 0;
  }
  
@media screen and (max-width: 768px){.container-fluid {
      padding: 60px 20px;
  }
  }

  .bg-greylight {
      background-color: #f6f6f6;
  }
  
   .bg-grey {
      background-color: #ebebeb;
  }
  
  .bg-image1 {
    background: url("../images/paragraph.JPG") no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-position: center; 
	opacity: 0.3;
  }
  
  
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 50%;
      
  }
  
  .thumbnail h4 {
      text-align: center;
  }

 .thumb1 {
      padding:0;
      margin-bottom: 50px;
      text-align: center;
  }

@media screen and (min-width: 768px) {  
 .thumb2 {
      padding:0;
      margin: 0 0 25px 0;
      min-height: 140px;
  }
  }

 .thumb3 {
      padding:0;
      margin: 0;
  }  
  
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f4511e;
  }
  .carousel-indicators li {
      border-color: #f4511e;
  }
  .carousel-indicators li.active {
      background-color: #f4511e;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }
 
.nav {
      list-style:none;
  }
 
 .navbar-default {
      margin-bottom: 0;
	  margin-left: 0;
      background-image: 
      linear-gradient(to right, #cdcdcd 50%, #e7e09d 50%);  //linear-gradient(to right, #cdcdcd 50%, #79af0d 50%);
	  
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
	  letter-spacing:1px;
      line-height: 1.42857143 !important;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
	  min-height:80px;
  }

	  
@media screen and (max-width: 700px) {  
.navbar-default {
      font-size: 14px !important;
  } 
   }

   @media screen and (max-width: 600px) {  
.navbar-collapse {
      border: none;
  } 
   }
   
  .navbar-default li a, .navbar-default {
      color: #999 !important;
	  padding: 25px 0 0 0;
	  font-size: 1.2em;
	  
  }
  
 
  .navbar-default li a {
      padding: 43px 0 22px 0;
	  margin: 0px 0 0 15px;
   }

@media screen and (min-width: 1100px) {
     .navbar-default {
      letter-spacing: 3px;
  }  
}  

@media screen and (max-width: 800px) {
     .navbar-default li a{
      letter-spacing: 1px;
	  font-size:1.0em;
  }  
}  

@media screen and (max-width: 800px) {
     .navbar-right{
      margin-right: -15px;
  }  
}  


@media screen and (max-width: 600px) {
     .navbar-right{
      margin-right: -15px;
  }  
}  

@media screen and (max-width: 400px) {
     .navbar-right{
      margin-right: -15px;
  }  
}  
   
@media screen and (max-width: 768px) {.navbar-default li a, .navbar-default{
      padding: 5px 0 0 15px;  
  }  
   }  
   
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #000 !important; //#f4511e !important;
      background-color: transparent; //#79af0d !important;
  }
  
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { 
      background-color: transparent; //#79af0d !important;
  }	  

 .navbar-nav li a:hover, .navbar-nav li.lang a {
      color: #fff !important; //#f4511e !important;
      background-color: transparent; //#79af0d !important;
	  font-size: 0,7em;
  }


@media screen and (min-width: 768px) {  
  .navbar-nav li a:hover, .navbar-nav li.active a::after {
      border-bottom: 2px solid #fff;   //for active Link
	  bottom: 0px;
  }
  }
 
@media screen and (min-width: 768px) {   
  .navbar-default li.active a{
      border-bottom: 2px solid #fff;   //for active Link
	  bottom: 0px;
  }
  }
 
@media screen and (min-width: 601px) {   
.navbar-company{
      float: right;
	  margin-left: 25px;
  }
  }
@media (min-width: 400px) and (max-width: 600px) { 
  .navbar-company{
	  float: right;
	  margin-right: 50px;
	  margin-top: 15px;
  }
   }
   
@media screen and (max-width: 449px) {  
  .navbar-company{
	  float: right;
	  margin-top: 30px;
	  margin-left: 0px;
  }
   }    
  
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  
.navbar-toggle {
      margin-top:0;
      margin-right:0;
  }  

@media screen and (max-width: 768px) {  
.navbar-nav>li>a {
    line-height: 12px; 
    font-size: 12px;	
}
}
  .navbar-brand {
      float: left;
	  padding: 0;
  }

  .navbar-brand a{
      font-size: 1.0em
  }  
 
  .navbar-brand p{
      font-size: 1.0em
  }  

.navbar-brand img{
     padding: 0px 0 15px 15px;
	
  }  

@media screen and (max-width: 768px) {  
.navbar-brand img {
    margin-top: 20px; 	
}
}  
 
.navbar-right{
      padding: 0px 0 0 15px;
  } 
  
@media screen and (max-width: 400px) {
  .navbar-right{
      padding: 0px 0 0 100px;
  }
 }

@media (min-width: 401px) and (max-width: 600px) {  
  .navbar-right{
      padding: 0px 0 0 180px;
  }
 }
  
@media screen and (min-width: 768px) {
 .navbar-right li {
	  margin-top:-12px;
  }  
  }  
 
@media screen and (min-width: 901px) {
 .container {
	  margin-left:45px;
	  width:90%;
  }  
  }
@media screen and (max-width: 600px) {
 .container {
	  margin-left:20px;
	  width:95%;
  }  
  }
  
 
//
//main-menu ul.navbar-nav li.active a::after

//
 
@media screen and (min-width: 900px) {.navbar-brand img{
	  width: 100%;
	  height:auto;
	  
  }  
   }  
 
 
  .col-sm-8 h4{
      text-align: justify;
  } 
  
  .p-left {
      padding: 50px;
	  text-align: justify;
  } 

  services .container-fluid {
      background-color: #000;
  } 
  
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }

//

// MyStyle   


.navbar-brand {
    font-size: 24px;
	padding: 15px 0 0 0;
	line-height:0;
}

.bg-grey {
    padding:0px;
}

.col-bg {
    width: 50%;
	background: url("../images/bg_home.jpg") no-repeat;
	background-attachment: scroll;
	background-size: 100% auto; //cover;
	background-position: center; 
}	

@media screen and (max-width: 768px) {.col-bg {
    width: 100%;	
}
}	
	
.col-sm-8 {
    width: 50%;
    padding: 25px;	
}

.col-sm-4 p{
     text-align: left;
     padding-left:10px;	 
  }  

.col-sm-4 h4{
      text-align: center;	
      padding-left: 20px;	  
  }    
  
.col-sm-4 ul{
      list-style-type: circle;
      text-align: left;	
      padding-left: 20px;	  
  }  
    
.col-sm-6 {
      padding-left: 25px;
      padding-right: 25px;  
	  text-align: left;	
  }  
  

  
@media screen and (max-width: 900px) {.col-sm-4{
      width: 100%;	  
  }  
   }  
	
.image {
	padding: 0 0 0 0;
}

@media screen and (max-width: 768px) {.col-sm-8 {
    width: 100%;	
}
}

.row {
   margin:0;
   padding:0;
   }

// benachbarte Container auf gleiche Höhe bringen (Höhe entsprciht der des größten Elements)
.flex {
   display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
   }
.flexbox {
  height: 580px;    //Flexhöhe funktioniert leider nicht  
   }  
   
   
.flexbox {
  height: 580px;    
  padding: 50px;
  text-align: center;
   }  

.flexbox p{
  text-align: justify;
   }     

.flexbox li{
	line-height: 60px; 
    text-align: center;	
	list-style: none;
   }
   
   
.jumbotron {
  margin-bottom: 0px;    
   }  

input {
	line-height: 50px; 
	background-color:#fff;
	border: 1px solid #999;
   }
   
.langcontainer {
   float: right!important;
   margin:0;
   padding:0;
   }