/* NOGRID: kompakte Suche und Sprachauswahl */

/* Suchfeld im Logo-Bereich */
#sp-logo-right .mod-finder input.js-finder-search-query {
    box-sizing: border-box;
    height: 34px !important;
    min-height: 34px !important;
    padding: 5px 12px !important;
    line-height: 22px !important;
}

/* Sprachwahl: normales Select */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    box-sizing: border-box;
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 28px 4px 10px !important;
    line-height: 24px !important;
}

/* Sprachwahl: Chosen-Darstellung */
#sp-top-bar .mod-languages .chosen-container-single .chosen-single {
    box-sizing: border-box;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    line-height: 34px !important;
}

/* NOGRID: Language Switcher an Topbar-Links angleichen */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 24px 0 8px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#sp-top-bar .mod-languages .chosen-container-single .chosen-single {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

/* NOGRID: kompakteres Suchfeld */
#sp-logo-right .mod-finder input.js-finder-search-query {
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 10px !important;
    line-height: 20px !important;
    font-size: 14px !important;
}

/* NOGRID: Language Switcher optisch in die Topbar integrieren */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.75) !important;
}

#sp-top-bar .mod-languages select option {
    background-color: #ffffff;
    color: #333333;
}

#sp-top-bar .mod-languages .chosen-container-single .chosen-single {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.75) !important;
}

/* NOGRID: Schrift des Language Switchers an Topbar angleichen */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox,
#sp-top-bar .mod-languages .chosen-container-single .chosen-single {
    font-family: inherit !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

/* NOGRID: Abstand zwischen Sprache und Dropdown-Pfeil verkleinern */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    width: auto !important;
    min-width: 78px !important;
    padding-right: 16px !important;
}

/* NOGRID: kompakter eigener Dropdown-Pfeil */
#sp-top-bar .mod-languages form {
    position: relative;
    display: inline-block;
}

#sp-top-bar .mod-languages form::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 0.75);
    transform: translateY(-35%);
    pointer-events: none;
}

#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    width: 76px !important;
    min-width: 76px !important;
    padding: 0 15px 0 4px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: none !important;
}

/* NOGRID: Textfarbe des Suchfelds */
#sp-logo-right .mod-finder input.js-finder-search-query {
    color: #828282 !important;
    font-family: inherit !important;
    font-weight: 400 !important;
}

#sp-logo-right .mod-finder input.js-finder-search-query::placeholder {
    color: #afafaf !important;
    opacity: 1 !important;
    font-style: italic;
}

/* NOGRID: Language Switcher exakt an Topbar-Texte angleichen */
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

#sp-top-bar .mod-languages form::after {
    border-top-color: rgba(255, 255, 255, 0.5) !important;
}

#sp-top-bar .mod-languages select:hover,
#sp-top-bar .mod-languages select:focus {
    color: #ffffff !important;
}

#sp-top-bar .mod-languages form:hover::after,
#sp-top-bar .mod-languages form:focus-within::after {
    border-top-color: #ffffff !important;
}

/* NOGRID: Language Switcher übernimmt exakt die Topbar-Schrift */
#sp-top-bar .mod-languages,
#sp-top-bar .mod-languages form,
#sp-top-bar .mod-languages select.advancedSelect,
#sp-top-bar .mod-languages select.inputbox {
    font: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}