/* ===========================
   RECKONING NIGHT — SHARED MENU
   =========================== */

/* LOGO */
.logo{
  position:fixed;
  top:34px;
  left:50%;
  transform:translateX(-50%);
  width:min(24vw,320px);
  height:auto;
  z-index:10000;
  pointer-events:auto;
}

/* HAMBURGER */
.hamburger{
  position:fixed;
  top:38px;
  right:42px;
  width:42px;
  height:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:none;
  border:0;
  cursor:pointer;
  z-index:10001;
}
.hamburger span{
  display:block;
  width:100%;
  height:3px;
  background:#fff;
  border-radius:999px;
}

/* MENU */
.menu{
  position:fixed;
  top:86px;
  right:38px;
  display:none;
  flex-direction:column;
  min-width:300px;
  background:rgba(0,0,0,0.96);
  border:1px solid rgba(255,255,255,0.08);
  z-index:10000;
  overflow:visible;
}
.menu.open{
  display:flex;
}
.menu a{
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:13px;
  padding:18px 28px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.menu a:last-child{
  border-bottom:none;
}
.menu a:hover{
  background:#2f3438;
}

/* ZIELGRUPPEN SUBMENU */
.menu-parent{
  width:100%;
  background:none;
  border:0;
  color:white;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:13px;
  padding:18px 28px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.menu-parent:hover{
  background:#2f3438;
}
.submenu{
  display:none;
  flex-direction:column;
  background:rgba(255,255,255,0.07);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.submenu.open{
  display:flex;
}
.submenu a{
  display:block;
  color:white;
  padding:16px 28px 16px 44px;
  font-size:12px;
  opacity:0.9;
}

/* RESPONSIVE */
@media(max-width:900px){
  .logo{
    width:min(48vw,260px);
  }
  .hamburger{
    top:26px;
    right:24px;
    width:34px;
    height:24px;
  }
  .menu{
    top:70px;
    right:20px;
    min-width:260px;
  }
}