/* --- 3. HEADER (Farbverlauf Fix) --- */

/* 1. Äußere Container transparent machen (damit nichts stört) */
html body header,
html body .il-main-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Den eigentlichen Header-Balken stylen */
html body .header-inner {
    /* Dein Farbverlauf */
    background: linear-gradient(52deg, rgb(255, 255, 255) 60%, rgb(121, 181, 28) 80%);
    !important;

    /* Layout */
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: space-between !important;

    /* Schatten für bessere Lesbarkeit */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

#ilTab>li.active>a,
#ilTab>li.active>a:hover,
#ilTab>li.active>a:focus {
    color: white;
    cursor: default;
    background-color: #79B51C !important;
    border: none;
}

#ilSubTab>li.active>a,
#ilSubTab>li.active>a:hover,
#ilSubTab>li.active>a:focus {
    color: white;
    background-color: #9ea397 !important;
}

.il-maincontrols-metabar .glyphicon {
    filter: invert(5%) !important;
    color: white !important;
}