.main-menu .navigation > li > a {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  opacity: 1;
  color: var(--theme-color-dark);
  font-size: 18px;
  line-height: 1.611;
  font-weight: 500;
  padding: 0 0 8px 0; /* etwas Platz für den Strich */
  transition: color 300ms ease;
}

.main-menu .navigation > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--theme-color1);
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width 300ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a {
  color: var(--theme-color1);
  font-weight: 550;
}

.main-menu .navigation > li:hover > a::after,
.main-menu .navigation > li.current > a::after,
.sticky-header .main-menu .navigation > li:hover > a::after,
.sticky-header .main-menu .navigation > li.current > a::after {
  width: 100%;
}