/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
To use the calc() function please write ~"calc()"
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* ---------- Arrow ---------- */
/* white 
@arrow_up: url('../icons/ArrowUpWhite.svg');
@arrow_down: url('../icons/ArrowDownWhite.svg');*/
/* black */
/* other 
for other colors please edit the custom arrows.svg
@arrow_up: url('../icons/ArrowUpCustom.svg');
@arrow_down: url('../icons/ArrowDownCustom.svg');
*/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
.highlight {
  background-color: grey;
  color: white;
}
.btn {
  background-color: #ffed00;
  color: #2b2b2b;
  border-color: #e3e3e3;
  border-radius: 0px;
}
.btn:hover {
  background-color: #ffed00;
  color: #2b2b2b;
}
.btn:focus {
  background-color: #ffed00;
  color: #2b2b2b;
}
.navbar .navbar-toggle {
  border-color: #ededed;
}
.navbar .navbar-toggle:hover {
  background-color: #f8f8f8;
}
.navbar .navbar-toggle:hover .icon-bar {
  background-color: #757575;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #2b2b2b;
}
.navbar .navbar-toggle:hover .icon-bar {
  background-color: #757575;
}
.top-nav > li > a:hover {
  color: #757575;
  background-color: #f8f8f8;
}
.top-nav > li > a:focus {
  color: #757575;
  background-color: #f8f8f8;
}
.navbar {
  background-color: #ffffff;
}
.navbar-brand-title {
  color: #2b2b2b;
}
.navbar-brand-title:hover {
  color: #757575;
}
.side-nav li a {
  color: #2b2b2b;
  border-color: #ededed;
}
.side-nav li a[data-toggle="collapse"] {
  background-image: url('../icons/ArrowDownBlack.svg');
}
.side-nav li a[aria-expanded="true"] {
  background-image: url('../icons/ArrowUpBlack.svg');
}
.side-nav li a:hover {
  color: #757575;
  background-color: #f8f8f8;
}
nav .navbar-nav li.active > a {
  color: #2b2b2b;
  background-color: #ededed;
}
nav .navbar-nav li.active:hover > a {
  color: #757575;
}
.navbar-toggle-tablet {
  background-color: #ffffff;
}
.navbar-toggle-tablet .icon-bar {
  background-color: #2b2b2b;
}
.navbar-toggle-tablet:hover {
  background-color: #f8f8f8;
}
.navbar-toggle-tablet:hover .icon-bar {
  background-color: #757575;
}
footer {
  background: #ffffff;
}
/* größer als  Smartphone */
@media (min-width: 768px) {
  .side-nav {
    border-color: #ededed;
    background-color: #ffffff;
  }
  #menu {
    border-color: #ededed;
  }
}
/* Smartphone */
@media (max-width: 767px) {
  .nav-mobile .navbar-header {
    background-color: #ffffff;
    border-color: #ededed;
  }
}