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

.mud-popover {
    z-index: 2000 !important;
}

/* Untere AppBar etwas darunter halten */
.bottom-appbar {
    z-index: 1500 !important;
}

.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;
    max-height: 40px;
}

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

.efaColorLightYellow {
    color: var(--lightyellow-color);
}

.efaColorLightRed {
    color: var(--lightred-color);
}

.efaColorA2 {
    color: var(--accent2-color);
}

.efaColorA1 {
    color: var(--accent1-color);
}

.efaBackgroundColorLightYellow {
    background-color: var(--lightyellow-color);
}

.efaBackgroundColorLightRed {
    background-color: var(--lightred-color);
}

.efaBackgroundColorA2 {
    background-color: var(--accent2-color);
}

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

.efaBorderColorLightYellow {
    border: var(--lightyellow-color);
}

.efaBorderColorLightRed {
    border: var(--lightred-color);
}

.efaBorderColorA2 {
    border: var(--accent2-color);
}

.efaBorderColorA1 {
    border: var(--accent1-color);
}

.efaBorderT1 {
    border: 1px solid;
}

.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;
}