/* --- flags.css --- */
/* Dieses Stylesheet definiert Flaggen-Icons für das Sprach-Dropdown. */

.flag-icon {
    display: inline-block;
    width: 24px;  /* Breite der Flaggen-Icons anpassen */
    height: 18px; /* Höhe der Flaggen-Icons anpassen */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; /* Verbessert die vertikale Ausrichtung */
    margin-right: 8px; /* Abstand zum Text */
}


.flag-icon-de {
  background-image: url('../images/de.png');
}

.flag-icon-en {
    background-image: url('../images/en.png');
}

.flag-icon-es {
    background-image: url('../images/es.png');
}

.flag-icon-it {
    background-image: url('../images/it.png');
}

.flag-icon-pl {
    background-image: url('../images/pl.png');
}

.flag-icon-fr {
    background-image: url('../images/fr.png');
}

.flag-icon-jp {
    background-image: url('../images/jp.png');
}