.tip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted currentColor;
}

/* Tooltip bubble */
.tooltip-bubble {
  position: fixed; /* voorkomt dat hij vastzit in containers */
  max-width: 28rem;
  padding: .55rem .7rem;
  background: rgba(20,20,25,.98);
  color: #fff;
  font-size: .9rem;
  line-height: 1.35;
  border-radius: .45rem;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  z-index: 9999;
  pointer-events: none;
}

/* Pijltje */
.tooltip-arrow {
  position: fixed;
  width: 0; height: 0;
  border: .5rem solid transparent;
  border-top-color: rgba(20,20,25,.98);
  z-index: 10000;
  pointer-events: none;
}