.no-js .top-bar {
  display: none;
}


@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

body {
  margin-top: 0rem;
}

.top-bar-container {
  z-index:98;
}

.title-bar {
  background: #333;
  padding: 1.0rem; 
}

.divider {
  border-top: 1px solid;
  height: 0;
  list-style: none;
  padding: 0px;
  border-top-color: #e6e6e6;
}

.top-bar {
  background: #333; 
}

.top-bar ul {
  background: #333;
}

.top-bar ul li {
  background: #333;
}

.top-bar ul li a {
  color: #fff;
}
		
.menu-text {
  color: #fff;
}

/* Sorgt dafür, dass der Pfeil nach Rechts bei Submenüs nicht in die Schrift rein ragt */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
	margin-right:-10px;
}

@media only screen and (max-width: 40em) {
  .menu-text {
    display: none !important;
  }
}


@media only screen and (min-width: 40em) {
  .top-bar .menu:last-child {
    border-left: 1px solid #4e4e4e;
  }

  .top-bar .menu:first-child {
    border-left: none;
  }
  
  .top-bar .menu li:not(:last-child) {
    border-right: 1px solid #4e4e4e;
  }
}


.dropdown.menu .submenu {
  border: none;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent;
}

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff;
}

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent;
}