body {
    padding-top: 30px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    font-family: 'Comic Neue', sans-serif;
    color: #993300;
}
.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
   }
    
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    color: #993300;
     border-color: #ffffff;
    }
.navbar .brand, .navbar .nav > li > a {
    color: #993300;
    background-color: #ffffff;
    padding-bottom: 3px;
    }
.navbar .brand, .navbar .nav > li > a:hover {
    color: chocolate;
    background-color: #ffffff;
    padding-bottom: 3px;
    }
.navbar-nav .navbar-right  > li {
    color: #993300;
    padding-bottom: 3px;
    
   
    }
.navbar-default .navbar-text {
    color: #993300;
    }
.navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
  
    background-color: transparent;
    
    }
#navigation,.navbar .navbar-default{
    min-height: 80px;
    background-image: url("../bg.png");
    background: url('../bg.png');
    border: 0px;
    }


}
#nav-item {
     background-color: #ffffff;
    
}

     @media(min-width:320px) {
    body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
        
    }

    .navbar-fixed-top .navbar-brand {
        padding: 0px 0;
    }

    
.carousel-caption {
    display: block;
position: absolute;

    height: 65px;
	left: 0%;
	
	
	top: 165px;
	width: 100%;
	color: #000;
text-shadow: 0 1px 2px rgba(0,0,0,.6);

    background: rgba(188, 163, 197, 0.8);
}

.carousel-indicators {
    bottom: 0px;
    color: #000;

    
}
*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Element {
}
.carousel-indicators li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: ##993300;
    
    border: 1px solid #993300;
    border-radius: 10px;
}

  .carousel-indicators .active {
    width: 6px;
    height: 6px;
    margin: 0;
    background-color: #8a2828;}      

/* Impressum css */
    
#links {
  with: 20%;
  padding-left: 150px;
  padding-right: 20px;
 
  float: left;
  
  }
#rechts {
  
  padding-left: 450px;
 
  }
    #main a:hover, #main a:active, #main a:focus {
    color:  #993300;}