body {  
		background: #ffffff url("../images/bg/karavane2.jpg") fixed no-repeat center center ; 
}

a {
    color: #cc3300;
    text-decoration: none;
}

.navbar-default {
  background-color: #ff9900;
  border-color: #ff9900;
  background-color: #ffffff;
  border-color: #ffffff;
  
}

.navbar-fixed-top {
	background-color: #ffffff;
}
 
.navbar ul {
	color: #000000;
}

.navbar a {
	color: #888888 ;
}


.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-collaps {
	text-align: right;	
}
.navbar-default .navbar-nav>li>a {
	color: #888888;
}

.glyphicon-eye-open:after {
  content: "\e106";
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color:  #ffffff;
	color: #cc3300;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #cc3300;
    background-color: #ffffff;
}

.dropdown-menu {
	background-color: #ffffff;
}

.dropdown-menu > li >a {
	color: #000000;
}

.navbar-toggle {
    float: left;
    margin-left: 25px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #000000;
    border-radius: 4px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #cc3300;
  text-decoration: none;
  background-color: #ffffff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #cc3300;
    background-color: #ffffff;
}
.jumbotron {
	background:  url(../images/header/logo2.jpg) no-repeat;
	margin-top: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
	padding-left: 10px;
  color: inherit;
	box-shadow: 10px 10px 50px grey;
}
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 17px;
		margin-top: -10px;
  }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  background-color: #f5f5f5;
  border: 1px solid #fcefec;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel {
  margin-bottom: 20px;
  background-color: #fff9e8;
  border: 1px solid #fcefec;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/* MOBILE style */
@media screen and (max-width: 992px) {
    /*
     * In Mobile, hide the tabs controls and undo some potential damage done by the accordion
     */
    .responsive-tabs .nav-tabs,
    .responsive-tabs .tab-content .collapse.active:not(.in) {
        display: none;
    }
    .responsive-tabs .tab-content .collapse.in,
    .responsive-tabs .tab-content .collapsing {
        display: block;
    }
}


/* DESKTOP style */
@media screen and (min-width: 991px) {
    /*
     * In desktop, hide the accordion's controls and undo some potential damage done on the active tab
     */
    .responsive-tabs .panel-heading {
        display: none;
    }
    .responsive-tabs > .active {
        height: auto !important;
    }
}



@media screen and (min-width: 380px) {
.jumbotron {
	background:  url(../images/header/titel_klein.jpg) no-repeat;
  padding-top: 15px;
	padding-left:10px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: inherit;
	box-shadow: 10px 10px 50px grey;
}
	  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 17px;
		margin-top: -10px;
  }

}
@media screen and (min-width: 768px) {
  .jumbotron {
		background:  url(../images/header/titel_neu1.jpg) no-repeat;
    padding-top: 20px;
    padding-bottom: 10px;
		padding-right: 30px;
    padding-left: 10px;
		box-shadow: 10px 10px 50px grey;

  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 30px;
    padding-left: 5px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 17px;
		margin-top: -10px;
  }
}



/* To make it a bit prettier */
body {
    padding: 15px;
	padding: 30px;
	
}

.tab-content .panel-heading {
    padding: 0;
}

.tab-content a {
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    border: solid #ccc;
    border-width: 1px 0;
}


.well{
	background: url("../images/bg/well_tr.png") repeat;
	box-shadow: 10px 10px 50px grey;
	margin-top:20px;
	margin-bottom:100px;
  float:none;
  display:block;
  height:100%;
  overflow:hidden;
}
.prod_komplett {
        float:none;
        display: block;
  height:100%;
  overflow:hidden;
}
.aktuell {
    background: url(../images/bg/well_tr.png) repeat;
    box-shadow: 10px 10px 50px #000000;
    margin-top: 0px;
    border-radius: 6px;
    padding: 20px;
    font-size: 16px;
}

.angebot {
    float: left;
    width: 260px;
    height: 170px;
    background-repeat: no-repeat;
    box-shadow: 10px 10px 50px #000000;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 40px;
    margin-bottom:25px;
    border-radius: 6px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: -5px;
    color: white; 
    text-shadow: black 0.2em 0.2em 0.2em
}

h2.angebot {color: white; text-shadow: black 0.3em 0.3em 0.3em}

.footer {
 position: fixed;
 right: 0;
 left:0;
 z-index: -1;
  bottom: 0;
	margin-top: 20px;
	padding-top: 20px ;
	padding-bottom: 10px;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #ffffff;
	color: #000000;
}
.gallery{
	background: url("../images/bg/well_tr.png") repeat;
	box-shadow: 10px 10px 50px grey;
	margin-top:20px;
}

.panel-group .panel-heading {
    color: beige;
    padding: 5px 0 5px 20px;
    background: #fff9e8;
    text-decoration: none;
    display: block;
    text-align: left;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 2px 2px 3px #808080;
}

.panel-group .panel-title {
    width: 100%,
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 5px;
	  background: transparent ;
 	  background: #ff9900 ;
	  border: 0px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff9e8;
    border-color: #ddd;
}

.figure {
  padding: 10px;
  float: left;
  border: 0px solid #cccccc;
  border-radius: 5px;
}

.figure img {
  border-radius: 3px 3px 0 0;
}

.figure figcaption {
  padding: 2px 4px 2px 4px;
  background-color: transparent;
  color: #4f4f4f;
  font-style: italic;
  border-radius: 0 0 3px 3px;
	text-align: center;
}

#button {
	float:right;
	display:block;
	height:18px;
	width:100%;
	text-indent:-9999px;
}

.rightimg {
float : right;
margin-top: -22px;
margin-right: 5px;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: right;
    margin: 0;
	margin-top:10px;
  }
  
  @media (min-width: 768px)
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
}
  
.left    { text-align: left; }
.right   { text-align: right; }
.center  { text-align: center; }