/* --- Sprachumschalter (Joomla 5, Feintuning) --- */

/* Container mit weißem Rahmen */
.mod-languages li {
  position: relative;
  display: inline-block;
  margin: 0 2px;               /* dichter zusammengerückt */
  padding: 2px;
  border: 2px solid #ffffff;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* Flaggen leicht vergrößert */
.mod-languages img {
  width: 28px;
  height: auto;
  display: block;
  border: none;
}

/* Unterstrich unter aktiver Flagge (verkürzt + neue Farbe) */
.mod-languages li.lang-active::after {
  content: "";
  position: absolute;
  bottom: -3px;                /* direkt unter der Flagge */
  left: calc(10% + 2px);       /* 4 px kürzer (2 px pro Seite) */
  width: calc(80% - 4px);      /* Gesamtbreite reduziert */
  height: 3px;
  background-color: #4b1c3e;   /* neue Farbe */
  border-radius: 2px;
}

/* Hintergrund entfernen */
.mod-languages li.lang-active,
.mod-languages li.lang-active a {
  background: none !important;
}

/* sanfter Hover-Effekt */
.mod-languages li:hover {
  transform: scale(1.05);
}