/*  */
.expand .expandable{
    overflow: hidden;
    box-sizing: border-box;
    height: auto;
    transition: height 300ms ease-in-out;
    margin-bottom: 20px;
}
.expand .expandable h2 {
    padding-top: 1em;
}
.show-less,
.show-more{
    cursor: pointer;
    color: var(--wit);
    font-size: 1.3em;
    font-weight: bold;
    padding: 20px;
    display: block;
    font-family: var(--font-text);
    box-sizing: border-box;
    /*transform: translateY(-50px);*/
    background: var(--blauw); /*var(--light);*/
    display: inline-block;
    z-index: 3;
    line-height: 1;
    /* text-transform: uppercase; */
    margin-top: 15px;
    transition: background-color 200ms ease-in-out;
}
.show-less:hover,
.show-more:hover {
    background:  var(--groen);
}
.show-less {
    margin-top: 40px;
}