/* ==========================================================
   Masuren.digital
   Masuren-Core V1.0

   language.css

   Gestaltung der Sprachumschaltung
   im Seitenkopf.

========================================================== */


/* ==========================================================
   Sprachleiste
========================================================== */

.language-selector {

    display: flex;

    align-items: center;

    gap: 10px;

}


/* ==========================================================
   Sprachbutton
========================================================== */

.language {

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 4px 8px;

    border: none;

    background: transparent;

    color: #cdb77a;

    font-size: 15px;

    cursor: pointer;

    opacity: 0.70;

    transition: all 0.25s ease;

}


/* ==========================================================
   Hover
========================================================== */

.language:hover {

    opacity: 1;

    color: #f2df9a;

}


/* ==========================================================
   Aktive Sprache
========================================================== */

.language.active {

    opacity: 1;

    color: #f8e9b2;

    border-bottom: 2px solid #cdb77a;

}


/* ==========================================================
   Icon
========================================================== */

.language i {

    font-size: 16px;

}


/* ==========================================================
   Text
========================================================== */

.language span {

    font-family: Georgia, serif;

    letter-spacing: 0.08em;

}