.dm-header {
  /* this needs to be above darkened content */
  background: #fff;
  animation: flyUp var(--navAniDuration);
  width: 100%;
  position: fixed;
  top: 0;
  height: var(--burgerBarHeight);
  transition: height var(--navAniDuration);
  z-index: calc(var(--baseZIndex) + 3);
  padding-bottom: .4rem;
}

.dm-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

/* prevent display of text selection in the header (happens when doubleclicking) */
.dm-header::selection {
  color: initial;
  background: initial;
}

.rundschau-online .dm-header {
  background: var(--brandColor);
}

@media (min-width: 768px) {
  .dm-header {
    height: var(--burgerBarHeightDesktop);
    left: 50%;
    transform: translateX(-50%);
  }
}