/* * * * * Symbole für die Backend-Modul-Gruppen * * * * */

#tl_navigation .menu_level_0 .group-lustat-basis {
    background: url(/assets/lustat/images/shield.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-kontakt {
    background: url(/assets/lustat/images/kontakt.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-startseite {
    background: url(/assets/lustat/images/shield.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-daten {
    background: url(/assets/lustat/images/daten.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-analysen {
    background: url(/assets/lustat/images/analysen.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-indikatoren {
    background: url(/assets/lustat/images/indikatoren.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-veranstaltungen {
    background: url(/assets/lustat/images/veranstaltungen.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat-stapelverarbeitung {
    background: url(/assets/lustat/images/stapelverarbeitung.svg) 3px 2px no-repeat;
}

#tl_navigation .menu_level_0 .group-lustat_veranstaltungen {
    background: url(/assets/lustat/images/veranstaltungen.svg) 3px 2px no-repeat;
}


/* * * * * Korrekturen * * * * */

/* Das orange Contao-Logo entfernen, ohne dafür das Template überschreiben zu müssen. */
#header a#home {
    background: none;
    padding: 12px;
}

/* Den originalen Backend-Titel ausblenden. */
#header a#home .app-title {
    display: none;
}

/* Den Backend-Titel individualisieren, ohne dafür das Template überschreiben zu müssen. */
#header a#home::before {
    color: hsl(0, 0%, 100%);
    content: "LUSTAT Statistik Luzern";
    font-size: 17px;
}


/* * * * * Berücksichtigung des Farbschemas: data-color-scheme="light" und data-color-scheme="dark" * * * * */

:root {
    --contao: hsl(203, 100%, 50%);
    --hover-row: hsl(203, 100%, 95%);
    --header-bg: hsl(203, 100%, 40%);
    --header-bg-hover: hsl(203, 100%, 35%);
    --active-bg: hsl(203, 100%, 95%);
}

html[data-color-scheme=dark] {
    --contao: hsl(203, 100%, 20%);
    --hover-row: hsl(203, 100%, 25%);
    --header-bg: hsl(203, 100%, 30%);
    --header-bg-hover: hsl(203, 100%, 25%);
    --active-bg: hsl(203, 100%, 20%);
}