h3 {
    margin: 4rem 0 1rem;
}


.progress-indicator-con:after {
    background-color: var(--primary-color-netjesscheiden);
    transition: 100ms ease background-color;
}

.text-indicator a {
    color: var(--primary-color-netjesscheiden);
}

.progress-indicator-item {
    border: 8px solid var(--primary-color-netjesscheiden);
    display:flex;
    justify-content:center;
    align-items:center;
}

.progress-indicator-item.done:hover {
    border-color: var(--primary-color-netjesscheiden);
    background-color: var(--primary-color-netjesscheiden);
    transition: 100ms ease all;
}

.progress-indicator-item a {
    width:45px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    color: var(--primary-color-netjesscheiden);
    transition: 100ms ease all;
}

.progress-indicator-item:hover a{
    color:  #fff;
    transition: 100ms ease all;
}


.progress-indicator-item.done {
    border-color: var(--primary-color-netjesscheiden);
    transition: 100ms ease all;
}

.progress-indicator-item.current {
    background-color: var(--primary-color-netjesscheiden);
    color:  #fff;
    border-color: var(--primary-color-netjesscheiden);
    transition: 100ms ease all;
}

.chapter-menu li a {
    color: var(--primary-color-netjesscheiden);
    transition: 100ms ease color;
}

.chapter-menu li:hover a {
     color: #8E8AB5;
    transition: 100ms ease color;
}

.chapter-menu .current a {
     color: var(--primary-color-netjesscheiden);
     cursor: context-menu;
     font-weight: 500;
}

.chapter-menu .current a:hover {
     color: var(--primary-color-netjesscheiden);
     transition: 100ms ease color;
     pointer-events: none;
}

.chapter-menu .subnav .current {
    background-color: var(--primary-color-netjesscheiden);
    border-radius: 3px;
    transition: 100ms ease background-color;

}

 .chapter-menu .subnav .current a {
    color: #fff;
 }

 .chapter-menu .subnav li {
    margin-top: 5px;
    margin-bottom: 5px;
 }

 .chapter-menu .subnav li:hover {
    background-color: var(--primary-color-netjesscheiden);
     border-radius: 3px;
     transition: 100ms ease background-color;
 }

  .chapter-menu .subnav li:hover a{
    color: #fff;
     transition: 100ms ease color;
 }

  .chapter-menu .subnav .inactive-sub:hover {
     background-color: transparent;
     border-radius: 0;
 }


.button {
    border-radius: 5px;
    padding: 16px 22px;
    background-color: var(--primary-color-netjesscheiden);
    /*box-shadow: 0px 8px 15px rgba(166,162,234, 0.3);*/
    transition: ease-in 100ms box-shadow;
    z-index: 20;
}

.button:hover {
    background-color: var(--hover-color-netjesscheiden);
    /*box-shadow: 0px 8px 15px rgba(93,24,229, 0.1);*/
}

.button-inverted {
    border-color: var(--primary-color-netjesscheiden);
    color: var(--primary-color-netjesscheiden);
    background-color: transparent;
    z-index: 10;
}

.feedback-button{
   box-shadow: 0px 8px 15px rgba(93,24,229, 0.1);
}


/*.button:hover {*/
/*    background-image: linear-gradient(-180deg, #443c84 0%, #443c84 100%);*/
/*}*/

.multiple-fields {

    border: 1px solid #898CC1;

    background-color: #EAEBF4;

}

label {

    font-size: 1.05rem;

    color: #84859c;
}

input:active, input:focus, select:focus, textarea:focus {
    outline: none;
    border: var(--primary-color-netjesscheiden) 1px solid !important;
    transition: border-color 100ms ease 0s;
}