/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* VIVAMEO: Topleiste; wird von NOVA ab Desktop-Breite angezeigt. */
#header-top-bar {
    background: #f0f8e8;
    color: #5c626b;
    font-size: 12px;
}

#header-top-bar > div {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#header-top-bar .vivameo-topbar-benefits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#header-top-bar .vivameo-topbar-benefits li,
#header-top-bar .vivameo-topbar-benefits a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#header-top-bar .vivameo-topbar-benefits i {
    color: #508b19;
    font-size: 14px;
}

#header-top-bar a {
    color: inherit;
    text-decoration: none;
}

#header-top-bar a:hover {
    color: #508b19;
    text-decoration: underline;
}

#header-top-bar a:focus-visible {
    outline: 2px solid #508b19;
    outline-offset: 3px;
}

#header-top-bar .topbar-main {
    flex-shrink: 0;
    margin-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #header-top-bar .vivameo-topbar-benefits {
        gap: 10px 16px;
    }
}