#base_menu {
  margin: 20px 0 0;
  margin-bottom: 57px;
}

ul.menu {
  height: 20px;
}


ul.menu a {
	color: #555;
}

.menu-item--active-trail a {
	color: #d39700 !important;
}

ul.menu li {
	float: left;
	margin-right: 20px;
}

.menu-level--1 li:not(.menu-item--active-trail) a {
  color: #555 !important;
}

.menu-level--0 {
	font: 14px 'TradeGothicLTStdCnNo.18', sans-serif;
	text-transform: uppercase;
  letter-spacing: 0.14em;
}


.menu-level--1 {
	font-size: 12px;
  padding-top: 10px;
  position: absolute;
  left: 0px;
  /*letter-spacing: 0.14em;*/
}

.menu-level--1  li {
  padding: 0;
  margin: 0;
}

.menu-level--1 li a {
  padding: 0 15px;
	border-left: 1px solid #555;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
}

.menu-level--1 .menu-item {
  margin-right: 0px;
}


.menu-level--1 li:nth-child(1) a {
	padding-left: 0;
	border-left: none;
}

/* Menü Filmgeschichte */
.panel-display .grid_4 li {
  float: none;
  line-height: 20px;
}

/* Sitemap */
.block-sitemap,
.block-sitemap .menu-level--0 {
  font: 14px/140% 'Helvetica', 'Arial', sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

.block-sitemap ul.menu {
  height: auto;
}

.block-sitemap ul.menu li {
  float: none;
}

#base_content .block-sitemap ul.menu li ul li ul {
  margin-bottom: 0;
}

#block-system-menu-blockstars{
  font: 14px 'TradeGothicLTStdCnNo.18', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

#block-system-menu-blockmain ul.menu li a {
  display: block;
  padding: 2px 0;
}


.header--mobile {
    display: none;
    background-color: #d39700;
    padding: 0px 15px;
    margin-bottom: 20px;
}

.header--mobile #base_header{
  height: 70px;
}

.header--mobile .header_img {
    max-width: 180px;
    margin-top: 0px !important;
}

.header--mobile h1 {
    color: #fff;
}

.header--mobile #base_menu{
  display: none;
}

.header--mobile .active{
  display: block !important;
}


.mobile__trigger {
  float: right;
  padding-top: 5px;
}

.mobile__trigger h1 {
  padding-top: 15px !important;
}

/*
@media screen and (max-width: 820px) {
    .header--desktop {
        display: none;
    }

    .header--mobile {
        display: block;

    }

  ul.menu li {
    float: none;
    color: #fff;
    padding: 5px 0px;
  }

  .menu-item--active-trail a {
    color: #555 !important;
  }

  ul.menu .menu-level--1 li a {
    border: none;
    padding: 0px;
    font-size: 16px;
  }

  .header--mobile ul.menu a {
    color: #fff;
    font-size: 20px;
  }

  ul.menu {
    height: auto;
  }

  .menu-level--1 {
    position: relative !important;
  }


}
*/