body {
 font-family: 'Cabin';
 background-color: black;
}

a {
 color: red;
}

 a:hover, a:focus {
color: red;
text-decoration: underline;
}

.container-fluid {
 padding-right: 0px;
 padding-left: 0px;
}

.popover {
color: black;
text-align: left;
text-shadow:none;
white-space: normal;
}

#slogan { background: url(../img/bg_1.jpg) 50% 0 no-repeat fixed; }
#marketing {   background: url(../img/bg_2.jpg) 50% 0 no-repeat fixed; }
#software { height: 1000px;max-width: 1920px; background: url(../img/bg_3.jpg) 50% 0 no-repeat fixed; }
#engineering { height: 1000px;max-width: 1920px;  background: url(../img/bg_4.jpg) 50% 0 no-repeat fixed; }
#impressum { background: url(../img/bg_5.jpg) 50% 0 no-repeat fixed; }
#kontakt { height: 1000px;max-width: 1920px; background: url(../img/bg_6.jpg) 50% bottom no-repeat fixed; }


#slogan .mselogo { background: url(../img/logo.png) 50% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto;  }


#slogan article { left: 500px; top: 200px; position: absolute; text-align: center; }

#marketing article,
#software article,
#engineering article,
#impressum article,
#kontakt article
 {   background: rgba(10,10,10,0.5);color: white; margin-left: 10px; margin-top:50px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }

#impressum article p {   
  font-size: 12px;
  line-height: 18px;
}

.referenzen {
    color: white;
}
    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */
   
    /* Remove border  */
    .navbar .navbar-inner {
       min-height: 0px;
       border: 0;
       background-image: none;
       box-shadow: none;
       background-color: black;
     }

    
    
    .navbar .nav > li > a {
  
      color: white; 
      text-shadow: none;
        padding: 0 0 0 10px; 
    }

    .navbar-inverse .brand  {

	 padding: 0 0 0 10px;

    }

    .nav-collapse, .nav-collapse.collapse {
	background-color: grey;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      
 
    }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: white;
  text-decoration: none;
 
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.navbar .nav>li>a:hover,.navbar .nav>li>a:focus {
 color: white;
}



.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
  color: white;
}

.dropdown-menu {
    background-color: grey;
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {

 background-color: red;
 background-image: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
 background-color: red;
 background-image: none;
}


a.thumbnail:hover, a.thumbnail:focus {
 border-color: red;

}

.bmenu{
    padding: 0px;
    margin-left: 20px;
    position: relative;
    
    
}
.bmenu li{
    font-size: 38px;
    line-height:  42px;
    display: block;
}
.bmenu li a{
	color: transparent;
	display: block;
       /*	text-transform: uppercase;  */
	text-shadow: 0px 0px 4px #fff;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
text-decoration: none;
}
.bmenu:hover li a{
	text-shadow: 0px 0px 6px #fff;
	text-decoration: none;
}
.bmenu li a:hover{
	color: #fff;
	text-shadow: 0px 0px 1px #fff;
	padding-left: 10px;
	text-decoration: none;
}


.back-to-top  {
margin-top: 600px;
width: 90%;
background: transparent;
text-transform: uppercase;
z-index: 9999;
position: fixed;
text-align: right;
}

.back-to-top a{
 font-size: 16px;
}


.slackline{
  
  background: url(../img/slackline_bg.jpg)  no-repeat;
 
}

.parkour{
  
  background: url(../img/parkour_bg.jpg)  no-repeat;
 
}
.windsurfen{
     background: url(../img/windsurfen_bg.jpg)  no-repeat;
}
.skisprung{
  
  background: url(../img/skisprung_bg.jpg)  no-repeat;
 
}

.produkt{
  
  background: url(../img/produkt_bg.jpg)  no-repeat;
 
}

.produkt-zimmerei{
  
  background: url(../img/produkt_zimmerei_bg.jpg)  no-repeat;
 
}

.kultur{
  
  background: url(../img/kultur_bg.jpg)  no-repeat;
 
}

.bildergalerie-bg{

  background-color: grey ;

}



.sample-pattern {

    background:transparent url(../img/pattern.png) repeat top left;

}


.video-box{
 

}
.video-box video{
 

}


.sample-description{
   
  margin-top:100px;
}
.sample-description h2{
    color:#fff;
    font-size:40px;
    padding:0;
    margin:0;
  
    text-shadow:1px 1px 2px #000;
}
.sample-description p{
    color: black;
    padding:0;
    margin:0;
    background-color: rgba(255,255,255,0.5);
    padding:10px;
  
    font-weight: bold;
    font-size:16px;
    line-height:25px;
    text-transform:uppercase;
    
    box-shadow:1px 1px 5px #202020;
    border:4px solid #fff;
   
}





@media (max-width: 970px) { 
     #slogan { background: none !important;  }  
     #slogan { height: 80px;}
     #slogan .mselogo { background: none !important; display: none;  }
     #slogan article{
	 display: none;
     }
     #marketing { background: none !important;  }
     #software { background: none !important;  }
     #engineering { background: none !important;  }
     #impressum { background: none !important;  }
     #kontakt { background: none !important;  }
 }