/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

a{
  color:#990000!important;
  text-decoration:none;
}

.text-red{
  color:#990000;
}

.text-red-bold{
  color:#990000;
  font-weight:bold;
}
.table-right{
             text-align:right;
             padding-right:5px;
             padding-bottom:5px;
}

.table-left{
             padding-left:5px;
             text-align:left;
             padding-bottom:5px;
}
.copyright{
           font-size:8px;
}


ul.listing{
         line-height:25px;
         list-style-type:square;
         /*list-style-type:none;*/
}

ul.listing li::before {
    /*position:relative;
     left: -2em;
     top:0.2em;
    content: url('../../pictures/punkt.gif') " ";*/
    
   }


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper  .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 5px;
  padding-left: 5px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-inverse .navbar-nav li a {
    font-weight:bold;
    font-size:16px;
    line-height:20px;
    padding: 16px 8px;
}

.navbar-inverse, .navbar-nav,
.navbar-nav .active a,
.navbar-inverse .navbar-nav  .open  a        {
   background-color:#a4b896!important; /*CFE7BF*/
   border-color:#a4b896!important;
}

.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav a:hover,
.navbar-inverse .navbar-brand:hover
{
               color:#4a4747!important;
}

.navbar-inverse .navbar-nav a ,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav a
{
               color:#ffffff!important;
}


.navbar-header{
background-image:url("../../pictures/logo.gif");
background-repeat: no-repeat;
background-position:0px 5px;
white-space: nowrap;
 overflow:hidden!important;
 text-overflow: ellipsis!important;
}

.navbar-brand, .navbar-brand a {
 margin-left:40px!important;
 text-align:left;
 white-space: nowrap;
 overflow:hidden!important;
 text-overflow: ellipsis!important;
 width:215px;
 font-size:15px;


}

.navbar-brand{
    text-shadow:1px 1px #4a4747;
}

.navbar-brand:hover{
   text-shadow:1px 1px #ffffff;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
  margin-top:55px;
}

.container-fluid  .navbar-collapse, .container-fluid  .navbar-header, .container  .navbar-collapse, .container  .navbar-header {
    margin-right: -15px;
    margin-left: 0px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-caption h1{
    font-size:20px;
    margin-bottom:5px;

}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:180px;
  width:100%;
  overflow:hidden;
  background-size:cover;
}
.carousel-inner .item img {
  position: relative;
  top: 0;
  left: 0;
}

.carousel-control.right,
.carousel-control.left{
   height:auto!important;

}

.carousel a{
 color:#ffffff!important;
}

/** Anpassungen Muehlauersaege **/
.nav li a{
     padding-left:7px!important;
     paddin-right:7px!important;
}

.featurette-heading{
    font-size:35px!important;
    margin-top: 80px;
}

.lead{
      font-size:16px;
}

.longtext{
      font-size:15px;
      line-height:27px;
}

.btn-primary {
    color: #fff;
    background-color: #7fec86;
    border-color: #6ecc74;
    line-height:0.3;
}

.btn-group-lg .btn, .btn-lg {
    padding: 8px 8px;
    font-size: 14px;
    line-height: 0.8;
    border-radius: 4px;
}

.carousel-caption {
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 5px #000000;
    margin-bottom:0px!important;

}

.carousel-background{
   background-color:#ffffff;
   opacitiy:0.5;
}

.btn-group-lg  .btn, .btn-lg{

}

.carousel-inner{
  /*height:auto;
  width:100%;*/

}

.carousel-indicators {
    bottom: 0px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 ,
.col-sm-4,
.col-sm-12
{
  margin-bottom: 20px;
  text-align: center;
}

.col-sm-4 img{
          height:70px;
}

.col-sm-6 img{
          height:150px;
          text-align:center;
}

.marketing .col-md-6,
.marketing .col-md-12{
  text-align: center;
}

.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}




/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-small {
  margin: 4px 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-small {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/** SPALTEN **/

.col-sd-12, col-sm-6 {
    padding:10px;
}

.col-lg-2{
          text-align:center;
}

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (min-width: 0px){

  .navbar-brand{
      display:none;
  }
}

@media (min-width: 320px){

  .navbar-brand{
      width:210px;
      font-size:16px;
      display:block;
  }
}

@media (min-width: 360px){

  .navbar-brand{
      width:250px;
      font-size:16px;
      display:block;
  }
  
  .carousel-caption h1{
    display:none;
}
}

@media (min-width: 410px){

   .carousel .item {
      height:250px;
      width:100%;
      overflow:hidden;
      background-size:cover;
   }


  .navbar-brand{
      width:300px;
      font-size:16px;
  }
  
  .carousel-caption p {
   /* margin-bottom: 20px;*/
    font-size: 14px;
    line-height: 1.0;
  }
  
  .carousel-caption h1{
    font-size:25px;
    margin-bottom:10px;
    display:block;
}

.btn-primary {
    color: #fff;
    background-color: #7fec86;
    border-color: #6ecc74;
    line-height:0.5;
}

.btn-group-lg .btn, .btn-lg {
    font-size: 12px;
    line-height: 1.0;
    border-radius: 6px;
}

.carousel-caption h1{
    font-size:16px;
    margin-top:20px;
    margin-bottom:10px;
    }



}

@media (min-width: 768px) {

.carousel .item {
  height:400px;
  width:100%;
  overflow:hidden;
  background-size:cover;
}

   .navbar-brand{
      width:320px;
      font-size:18px;
  }
  
  .btn-primary {
    color: #fff;
    background-color: #7fec86;
    border-color: #6ecc74;
    line-height:0.8;
}

.btn-group-lg .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  
  .carousel{
            margin-top:80px;
  }
  
  .carousel-caption h1{
    font-size:28px;
    margin-top:20px;
    margin-bottom:10px;
    }
    
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  
  .carousel-caption h1{
    font-size:36px;
    margin-top:20px;
    margin-bottom:10px;
    }

}