@charset "utf-8";

.navbar-default {
	background-color: #ffffff;
	border-color: transparent;
	font-size: 16px;
	height: 80px;
	z-index: 900;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #707070;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  padding: 15px 10px 15px 10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: rgba(227,4,33,0.4);
  color: #ebebeb;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: rgba(227,4,33,0.4);
  color: #ebebeb;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(227,4,33,0.4);
  color: #ebebeb;
}
.navbar-default .navbar-toggle {
  border: none;
  margin-top: 20px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #333333;
}
.navbar-default .in {
  background-color: #FFFFFF;
}
.navbar-default .in li a {
  color: #333;
}
.navbar-default .navbar-link {
  color: #333333;
}
.navbar-default .navbar-link:hover {
  color: #707070;
}

a.dropdown-toggle.selected {
  font-family: Circular-Pro-Black;
  color: #FFFFFF !important;
}

.dropdown-menu {
  font-size: 16px;
  font-family: Circular-Pro-Book, sans-serif;
}

@media (min-width: 768px) {
  .navbar-nav {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #707070;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #707070;
    background-color: #f5f5f5;
  }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}

/* END colorized navbar */

/* remove padding from brand-image */
.navbar-brand {
  padding: 0 10px 0 0;
  margin:0;
}
/* END remove padding from brand-image */


/* ########################################### */
/* Breadcrumb (überschreibt Bootstrap Klassen) */
/* ########################################### */

.breadcrumb {
  display: inline-block;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #0049ec;
	font-family: FontAwesome;
	content: "\f0da";
}

/* ########################################### */
/* Gesamt-Container                            */
/* ########################################### */

@media (min-width: 768px) {
  .container {
    width: 99%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 98%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 95%;
  }
}


/* ########################################### */
/* Forms                            */
/* ########################################### */

textarea.form-control:focus {
	border: 1px solid #0049ec;
}

/* Wegen Scrollbalken in IE */
@-ms-viewport{
  width:auto!important;
}