@media all {

body {
  background-color: #B5CCDF;
}

a, a:hover, a:focus, a:active,
h1, h2, h3, h4, h5, h6,
footer #text .donate {
  color: #065481;
}

.content .date {
  background-color: #065481;
}

span[class^="fa"] {
  color: #065481;
}

.schwerpunkt {
  background-color: #D1E2EF;
}

ul.nav-pills.x2016 {
  background-color: #B5CCDF !important;
}

ul.nav-pills.x2016 a {
  color: #065481 !important;
}

ul.nav-pills.x2016 li.active > a,
ul.nav-pills.x2016 li.active a:hover,
ul.nav-pills.x2016 li.active a:focus,
ul.nav-pills.x2016 li.active a:active {
  color: #FFFFFF !important;
  background-color: #065481 !important;
}

ul.nav-pills.x2016 a:hover,
ul.nav-pills.x2016 a:focus,
ul.nav-pills.x2016 a:active {
  color: #FFFFFF !important;
  background-color: #5F94BF !important;
}

.nav li.disabled.navbar-brand a:hover {
  color: #065481 !important;
}

ul.nav-pills.x2016 li:last-of-type {
  width: 16em;
}

}


/***********************************************************************************************************************************************************
********************************************************** Media Queries ***********************************************************************************
************************************************************************************************************************************************************/

/*******************************************************************************/
@media all and (max-width: 767px) {

ul.nav-pills.x2016 li:last-of-type {
  width: 100%;
}
/*
.nav li.disabled.navbar-brand a,
.nav li.disabled.navbar-brand a:hover {
  color: #7F7F7F !important;
}
*/

}

/*******************************************************************************/
@media all and (min-width: 768px) and (max-width: 991px) {

ul.nav-pills.x2016 li:last-of-type {
  width: 14.75em;
}

}