/* Schwarz? */
.menu {
  vertical-align: middle;
  /*overflow: hidden; */
  height: 6em;
  width: 100%;
  position: relative;
  z-index: 100; }

.menu .BackgroundOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 300%;
  right: 0px;
  pointer-events: none; }
  .menu .BackgroundOverlay img {
    width: 100%;
    height: 100%;
    pointer-events: none; }

.menu .InnerContent {
  height: 100%;
  position: relative; }

.menu .MenuItemContainer {
  position: absolute;
  left: 50%;
  bottom: 10px; }

.menu .menuItem {
  vertical-align: middle;
  font-size: 2vw;
  font-weight: bold;
  color: #ca080c;
  margin-right: 1em;
  text-shadow: 0px 0px 4px #dad9d4; }

.menu .logo {
  position: absolute;
  height: 60%;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left; }
  .menu .logo .LogoImage {
    position: relative;
    height: 100%; }
    .menu .logo .LogoImage img {
      height: 100%; }

.menu .Titel {
  position: absolute;
  bottom: 10px;
  left: 0px;
  font-size: calc(2em + 2vw);
  color: white;
  font-weight: bold;
  text-shadow: 0px 0px 4px black; }
  .menu .Titel span {
    position: relative;
    width: 100%;
    height: 100%; }
  .menu .Titel .WahlLogoImage {
    display: inline-block;
    height: calc(1em + 1vw);
    position: relative;
    top: 1vw; }
    .menu .Titel .WahlLogoImage img {
      height: 100%;
      width: auto; }