main
{
  padding-top: 56px;
}
.bird-of-year
{
  margin-left: 10px;
  display: flex;
}
.bird-of-year-container
{
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  transform-origin: 50% 50%;
  z-index: 1;
}
.bird-of-year-image
{
  height: 42px;
  width: auto;
  cursor: pointer;
  transform-origin: 50% 100%; /* wird dynamisch angepasst */
}
.bird-of-year-caption
{
  position: absolute;
  bottom: 3%;
  color: #fff;
  font-size: 2px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 5px;
  pointer-events: none;
  width: 100%;
}
#nav-profile-image-container
{
 	aspect-ratio: 1 / 1;
 	border-radius: 50%;
 	position: relative;
 	overflow: hidden;
  width: 42px;
  height: 42px;
}
#nav-profile-image-container img
{
 	position: absolute;
 	transform-origin: top left;
}
.nav-item.active
{
	font-weight: bold;
  color: #fff;
}
.flex-end
{
  display: flex;
  justify-content: flex-end;
}
.inner-container
{
  margin-left: auto;
}
@media (min-width: 768px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
}
.zoom-container
{
  display: inline-block;
  position: relative;
  /* overflow: hidden; Entfernen, damit das Bild über den Container hinaus vergrößert wird */
}
.zoom-container img
{
  z-index: 2;
  transform-origin: top left;
  transition: transform 0.3s ease-in-out;
}
.zoom-container:hover img 
{
  transform: scale(10);
  position: relative;
}

@media (min-width: 992px)
{
  a.navbar-brand {
    font-size: 1.1rem;
  }
}

@media (max-width: 992px)
{
  a.navbar-brand {
    font-size: 1rem;
  }
}
@media (max-width: 768px)
{ 
  a.navbar-brand
  {
    font-size: 0.9rem;
  }
}
@media (max-width: 576px)
{
  a.navbar-brand
  {
    font-size: 0.8rem;
  }
}