/* Anpassungen für das bereitgestellte Original-Logo. */
:root {
  --yellow: #ffdf16;
  --yellow-hover: #ffea38;
}

.brand-header {
  margin-bottom: 26px;
}

.brand-logo {
  width: min(400px, 88vw);
  height: auto;
  mix-blend-mode: screen;
}

.menu-logo {
  width: min(340px, 78vw);
  height: auto;
  mix-blend-mode: screen;
}

@media (max-width: 560px) {
  .brand-header {
    margin: 8px 0 20px;
  }

  .brand-logo {
    width: min(340px, 88vw);
  }
}

@media (max-height: 760px) and (min-width: 561px) {
  .brand-logo {
    width: 310px;
  }
}