/* Effektgruppe: base/branding; Reihenfolge in inc/assets.php. */

.site-branding {
    position: relative;
    display: inline-block;
    overflow: hidden;
    will-change: transform;
    transition: transform 0.3s ease;
  }
  
  .site-branding img {
    transition: opacity 0.8s ease;
    will-change: opacity;
    display: block;
    width: 100%;
    height: auto;
  }

  .limit-section{
    max-width: 2200px !important;

    margin-left: auto;
    margin-right: auto;
  }

/* Scaling immer */
  .site-branding:hover {
    transform: scale(1.0);
  }

.current-menu-item {
    transform: scale(1.0); /* Vergrößert das Element */
    will-change: transform;
    transition: transform 0.3s ease, font-weight 0.3s ease;
}

.menu-item {
    will-change: transform;
    transition: transform 0.3s ease;
}

.menu-item:hover {
    transform: scale(1.0); /* Vergrößert das Element beim Hover */
}

.current-menu-item:hover {
    transform: scale(1.0); /* Damit es sich nicht verkleinert */
}

/* Ab Tablet-Größe (bis max. 1024px) kein Scaling oder Hover */
@media (max-width: 1024px) {
    .menu-item,
    .menu-item:hover,
    .current-menu-item,
    .current-menu-item:hover {
        transform: none;
        transition: none;
    }

    .current-menu-item {
        font-size: 19px;
        font-weight: 700;
    }
}

.hyphination{
    hyphens: auto;
}