:root {
    --primary-color: #164734; /* dunkelgrün */
    --complementary-color: #471F16; /* dunklebraun */
    --accent1-color: #4C8770; /* mittelgrün */
    --accent2-color: #9C6E65; /* hellbraun */
    --accent3-color: #A1C7B8; /* hellgrün */
}

.efapagetitel {
    color: var(--accent2-color);
    font-size: 2em;
    margin-bottom: 1em;
}

.efaprimary {
    background-color: var(--primary-color);
    color: white;
}

.efacomplementary {
    background-color: var(--complementary-color);
    color: white;
}

.efalogoappbar {
    height: calc( var(--mud-appbar-height) - 2px);
}

.efabutton {
    background-color: var(--accent1-color);
    color: white;
    margin: 3px;
}

    .efabutton:hover {
        background-color: var(--accent3-color);
        color: white;
    }

.efalistlabel {
    margin-bottom: 1em;
}

.efapdfviewer {
    width: 800px;
}

.efalogin {
    width: 800px;
}

.efaselect {
    width: 110px;
}

.efamudcard {
    background-color: var(--accent3-color);
    color: var(--primary-color);
}

.efamudcardbutton {
    background-color: var(--primary-color);
    color: white;
    margin: 3px;
}

    .efamudcardbutton:hover {
        background-color: var(--accent1-color);
        color: white;
    }

.efaprimarybackground {
    background-color: var(--primary-color);
}

.efamiddlebackground {
    background-color: var(--accent1-color);
}

.efalightbackground {
    background-color: var(--accent3-color);
}

.efatextbold {
    font-weight: bold;
}