:root {
    --green: #1e82c0;
    --green-light: #f6faf4;
    --green-mid: #5a9a3e;
    --blue: #537C98;
    --blue-light: #F4F8FB;
    --blue-dark: #253746;
    --red: #e96146;
    --white: #fff;
    --max-w: 1400px;
    --font: 'Plus Jakarta Sans', sans-serif;
  }
.hero-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    max-width:500px;
    line-height: 1.75;
    margin-bottom: 36px;
    background-color: rgba(0, 0, 0, .5);
}
/*------------------------------------------------------------------------------
                          ledenlijst
-------------------------------------------------------------------------------*/
select {
    background-position: right var(--sp0-5) center;
}
form .input, form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=image], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form select, form textarea {
    border: 1px solid #000;
    border-bottom-width: 1px;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 0 10px;
    max-width: 100%;
    padding: 12px;
}
form .input:focus, form input[type=date]:focus, form input[type=datetime-local]:focus, form input[type=datetime]:focus, form input[type=email]:focus, form input[type=file]:focus, form input[type=image]:focus, form input[type=month]:focus, form input[type=number]:focus, form input[type=password]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=text]:focus, form input[type=time]:focus, form input[type=url]:focus, form select:focus, form textarea:focus {
    border-color: #101010 #101010 #091f2b;
    border-width: 1px;
        outline-width: 6px;
        outline-style: double;
        outline-offset: -1px;
}
#Overview-Filter-Form form>div input[type=submit], #Overview-Filter-Form form>div select[type=submit] {
    border: 1px solid var(--green);
    border-bottom-width: 1px;
    border-radius: 4px;
    margin-top: 0;
    min-width: 100px;
    text-transform: none;
    background-color: var(--green);
}
.button:active, .button:focus, input[type=button]:active, input[type=button]:focus {
    background-color: var(--blue);
    color: #fff;
    outline: 0;
     outline-width: 6px;
        outline-style: double;
        outline-offset: -1px;
    outline-color: black;
}
.glossary .index ul.menu>li a {
    background: var(--green);
    color: #fff;
    font-size: 1.133em;
    padding: .6em 1em;
    text-decoration: none;
    text-transform: uppercase;
}
.glossary .box {
    background: transparent;
    padding: var(--sp1) var(--sp1-5) var(--sp1-5);
    border: 1px solid #e2e9ed;
}
.glossary .box h3.node-title a {
    color: black;
    text-decoration: none;
    font-size: 2em;
        font-weight: 800;
}