/*****************************************************************************/
/*                              VERWENDETE FARBEN                            */
/*****************************************************************************/
/*
#eb7a36: orange
#efeed9: blassorange
#1a1309: schwarzbraun
#2e241b: dunkelbraun
*/

/*****************************************************************************/
/*                              ALLGEMEIN                                    */
/*****************************************************************************/

html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: "open sans", sans-serif;
	font-weight: 400;
}

/*****************************************************************************/
/*                              NAVIGATION                                   */
/*****************************************************************************/

nav ul li a {
  font-family: 'Quicksand', sans-serif;
  color: #eb7a36;
  background-color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #eb7a36;
  text-decoration: none;
  background-color: #efeed9;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #eb7a36;
  background-color: #efeed9;
  font-weight: bold;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #efeed9;
  background-color: #eb7a36;
  font-weight: bold;
}

/*****************************************************************************/
/*                              MAIN - home-section                          */
/*****************************************************************************/

.home-section {
	font-family: 'Great Vibes', cursive;
	/*color: #efeed9;*/
	background: url(../images/roadsign.jpg) center no-repeat;
	background-size: cover;
}
.jumbotron {
    background-color: rgba(235,116,54,0.6);
	padding-top: 3em;
    padding-bottom: 7em;
   	margin-top: 20em;
	margin-bottom: 30em;
	text-align: center;
}
.btn-primary {
    color: #eb7a36;
    background-color: #efeed9;
    border-color: #efeed9;
}
.btn-primary:hover {
  color: #efeed9;
  background-color: #eb7a36;
  border-color: #efeed9;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #efeed9;
  background-color: #eb7a36;
  border-color: #efeed9;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #efeed9;
  background-color: #eb7a36;
  border-color: #efeed9;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #efeed9;
  background-color: #eb7a36;
  border-color: #efeed9;
}



/*****************************************************************************/
/*                              FOOTER                                       */
/*****************************************************************************/

.footer-section {
	padding: 15em 0;
	background: url(../images/underconstruction.jpg) center no-repeat;
	background-size: cover;
	font-family: 'Quicksand', sans-serif;
	font-size: 30px;
	color: white;
	text-align: center;
}
footer a {
	color: white;
	text-decoration: none;
}
footer a:hover {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
footer a:focus {
	color: white;
}