.container-header .navbar-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .85rem 1.55rem .9rem;
}

.container-header .navbar-brand::before {
  content: "";
  display: block;
  flex: 0 0 104px;
  width: 104px;
  height: 104px;
  border-radius: 14px;
  background: url('/images/brand/dragkontakt-mark-240.png') center / cover no-repeat;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .28);
}

.container-header .brand-logo {
  flex: 1 1 auto;
}

@media (max-width: 768px) {
  .container-header .navbar-brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem .8rem;
  }

  .container-header .navbar-brand::before {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
    border-radius: 9px;
  }

  .container-header .brand-logo::before {
    font-size: 1.42rem;
    letter-spacing: .025em;
  }

  .container-header .brand-logo::after {
    margin-top: .42rem;
    font-size: .62rem;
  }
}