#legend {
        overflow: auto;
}
#legendHeader {
        font-weight: bold;
}

#legendA {
        font-weight: bold;
        cursor: pointer;
}
#legendControl {
        position: absolute;
        top: 18px;
        width: 250px;
        max-width: 300px;
        background-color: rgba(255, 255, 255, .8);
        border: #666;
        margin: 0.5rem;
        /* height: inherit; */
        overflow: auto;
        /* float: left; */
        padding: 10px;
        border-radius: 3px;
        min-height: 450px;
        max-height: 660px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

ul.submenu {
        /* margin-left: -40px;      */
        list-style: none;
}

li.submenu {
        margin-left: -20px;
        list-style: none;
        border-bottom: 1px dotted #886644;
        margin-bottom: .5rem;
}

.list-date {
        display: block;
        margin-top: .5rem;
        margin-bottom: .5rem;
        font-weight: bold;
}

.link-event {
        display: block;
        margin-left: -20px;
}

.link-event-was {
        display: block;
        margin-left: -20px;
        color: #2b5d7c80;
}

.ballon_header {
        margin: 0 0 1rem 0;
        font-size: 24px;
        border-bottom: 1px solid black;
        padding-bottom: 0.5rem;
        
}

.ballon_body {
        flex-grow: 1;
}

.ballon_footer {
        margin: 1rem 0 0 0;
        font-style: italic;
        border-top: 1px solid black;
        padding-top: 0.5rem;

}

.ballon_wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
                /* align-content: stretch; */
        justify-content: space-evenly;
}