/*----- MOTOSURF MOBILE LANG SWITCHER -----*/
.ms-mobile-lang-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ms-mobile-lang-switcher ul {
    display: grid !important;
    grid-template-columns: repeat(2, 21px) !important;
    grid-auto-rows: 21px !important;
    gap: 3px 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ms-mobile-lang-switcher li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ms-mobile-lang-switcher li::marker {
    content: "" !important;
}

.ms-mobile-lang-switcher a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    height: 21px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.ms-mobile-lang-switcher .ms-flag {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.ms-mobile-lang-switcher .current-lang .ms-flag {
    border: 2px solid #ffff33 !important;
    box-shadow: 0 0 0 1px #000 !important;
}

.ms-mobile-lang-switcher a:hover .ms-flag,
.ms-mobile-lang-switcher a:active .ms-flag {
    transform: scale(1.08);
}

.ms-mobile-lang-switcher .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Nur mobil anzeigen */
@media (min-width: 921px) {
    .ms-mobile-lang-switcher {
        display: none !important;
    }
}