#logoUdrzba {
  background: #ea8e7f;
  border: 1px solid var(--color-error);
  color: var(--color-black);
  flex: 1 1 auto;
  max-width: 66%;
  padding: var(--spacing-px);
}

#logo {
  flex: 1 1 auto;
  max-height: var(--spacing-2xl);
  max-width: 66%;
  text-align: left;
}

@media (min-width: 55rem) {
  #logo {
    flex-grow: 0;
  }
}

#logo a {
  display: inline-block;
  text-decoration: none;
  transition-duration: var(--transition-duration);
  transition-property: all;
  transition-timing-function: var(--transition-timing-function);
}

#logo a:hover {
  box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.5);
  transform: scale(1.02);
}

#logo a:focus {
  box-shadow: none;
  transform: none;
}

#logo a:focus-visible {
  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
  outline: none;
}

@media (prefers-reduced-motion) {
  #logo a {
    transform: none !important;
    transition: none !important;
  }
}

#logo img {
  border: 0;
  display: inline-block;  
  margin: 0;
  max-height: var(--spacing-2xl);
  max-width: 100%;
  padding: 0;
  vertical-align: middle;
}