/* Lifeguide-Logo links neben dem Burger-Menü in der nav_branding-Region
   des Bio-Regional-Themes. Der transparente Wrapper haelt das Logo AUSSERHALB
   der gruenen Hintergrund-Pille des Burger-Blocks. */
.bio-branding-with-lifeguide {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bio-lifeguide-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.bio-lifeguide-logo img {
  height: 40px;
  width: auto;
  display: block;
}

@media (max-width: 767px) {
  .bio-branding-with-lifeguide {
    gap: 0.6rem;
  }

  .bio-lifeguide-logo img {
    height: 30px;
  }
}