.pll-switcher a {
    font-size: var(--text-s);
  	color: var(--white);
    text-decoration: none; /* Entfernt die Unterstreichung standardmäßig */
    margin-right: 0.5rem; /* Rechter Abstand für alle Links, außer dem letzten */
}
.pll-switcher a:hover{
  	color: var(--white-trans-70);
}

.pll-switcher a.current-lang span {
    display: inline-block;
    border-bottom: 2px solid; /* Erzeugt den Unterstrich */
    padding-top: 0.25rem; /* Abstand vom Text */
}

/* Entfernt den rechten Abstand für den letzten Link, falls nötig */
.pll-switcher a:last-child {
    margin-right: 0;
}

.separator {
    margin-left: 0.75rem; /* Linker Abstand für den Trennstrich */
    margin-right: 0.75rem; /* Rechter Abstand für den Trennstrich */
  	color: var(--white);
}

@media (max-width: 991px) {
  .pll-switcher a {
    color: var(--black);
  }
  .pll-switcher a:hover {
    color: var(--black); /* Falls du eine Hover-Variante willst: var(--black-trans-70) */
  }
  .pll-switcher .separator {
    color: var(--black);
  }
}