/*
.algemeen: #FFD948 yellow, #74BCB7 seagreen

.baby-blue: #64b0e2 blue

.soft-green: #3DB67E green
*/

/*H1*/
.algemeen h1 { color: #74BCB7; }
.baby-blue h1 { color: #64b0e2; }
.soft-green h1 { color: #3DB67E; }
/*H2*/
.algemeen h2 { color: #74BCB7; }
.baby-blue h2 { color: #64b0e2; }
.soft-green h2 { color: #3DB67E; }
/*topbar*/
.algemeen .topbar { background-color: #FFD948; }
.baby-blue .topbar { background-color: #64b0e2; }
.soft-green .topbar { background-color: #3DB67E; }
/*menulist:first-child*/
.algemeen .menulist:first-child { border-top: 1px solid #FFD948; }
.baby-blue .menulist:first-child { border-top: 1px solid #64b0e2; }
.soft-green .menulist:first-child { border-top: 1px solid #3DB67E; }
/*menuitem*/
.algemeen .menuitem { border-bottom: 1px solid #FFD948; }
.baby-blue .menuitem { border-bottom: 1px solid #64b0e2; }
.soft-green .menuitem { border-bottom: 1px solid #3DB67E; }
/*order*/
.algemeen .order { border-top: 1px solid #FFD948; }
.baby-blue .order { border-top: 1px solid #64b0e2; }
.soft-green .order { border-top: 1px solid #3DB67E; }
/*borderclass:first-child*/
.algemeen .borderclass:first-child  { border-right: 1px solid #FFD948; }
.baby-blue .borderclass:first-child  { border-right: 1px solid #64b0e2; }
.soft-green .borderclass:first-child  { border-right: 1px solid #3DB67E; }
/*.steptext.highlighted*/
.algemeen .steptext.highlighted { color: #74BCB7; }
.baby-blue .steptext.highlighted { color: #64b0e2; }
.soft-green .steptext.highlighted { color: #3DB67E; }
/*.step.selected, .inprogress*/
.algemeen .step.selected, .algemeen .inprogress { border: 3px solid #74BCB7; }
.baby-blue .step.selected, .baby-blue .inprogress { border: 3px solid #64b0e2; }
.soft-green .step.selected, .soft-green .inprogress { border: 3px solid #3DB67E; }
/*.step.completed, .filled*/
.algemeen .step.completed, .algemeen .filled { border: 2px solid #74BCB7; background: #74BCB7; }
.baby-blue .step.completed, .baby-blue .filled { border: 2px solid #64b0e2; background: #64b0e2; }
.soft-green .step.completed, .soft-green .filled { border: 2px solid #3DB67E; background: #3DB67E; }
/*percent*/
.algemeen .percent { border-bottom: 2px solid #74BCB7; }
.baby-blue .percent { border-bottom: 2px solid #64b0e2; }
.soft-green .percent { border-bottom: 2px solid #3DB67E; }
/*.accordion:last-child*/
.algemeen .percent { border-bottom: 1px solid #74BCB7; }
.baby-blue .percent { border-bottom: 1px solid #64b0e2; }
.soft-green .percent { border-bottom: 1px solid #3DB67E; }
/*accordion*/
.algemeen .accordion { border-top: 1px solid #74BCB7; }
.baby-blue .accordion { border-top: 1px solid #64b0e2; }
.soft-green .accordion { border-top: 1px solid #3DB67E; }

@media screen and (max-width: 1200px ) {
    /*.borderclass:first-child*/
    .algemeen .borderclass:first-child { border-bottom: 1px solid #FFD948; border-right: none; }
    .baby-blue .borderclass:first-child { border-bottom: 1px solid #64b0e2; border-right: none; }
    .soft-green .borderclass:first-child { border-bottom: 1px solid #3DB67E; border-right: none; }
}