/* Allgemeine Einstellungen */
html,
body {
  overflow-x: hidden;
}

/* Nav-Menu underline */
.fl-menu nav > ul > li > a {
  position: relative;
  display: inline-block; /* Wichtig: Unterstreichung folgt der Textbreite */
  text-decoration: none;
  color: inherit;
}

/* Unterstreichung: basiert rein auf Textbreite */
.fl-menu nav > ul > li > a::after {
  content: "";
  position: absolute;
  left: 0; /* Start direkt unter dem Text */
  right: 0; /* Ende direkt unter dem Text */
  bottom: 0; /* sitzt exakt am unteren Rand des Textcontainers */
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

/* Hover / Active / Focus */
.fl-menu nav > ul > li > a:hover::after,
.fl-menu nav > ul > li > a:focus::after,
.fl-menu nav > ul > li > a.is-active::after {
  transform: scaleX(1);
}