.buttons .add_button, .buttons .remove_button {
    background-color: #B6C8CF;
    border-radius: 3px;
    color: #37687B;
    height: 38px;
}

.buttons {
    display: flex;
    width: 100%;
}

.buttons button {
    flex: 1;
    margin: 0 5px;
}

#childrenValue, #documentValue{
    list-style: none;
}


.formWizard-form .summary-entryIndividual{
    margin-bottom: 10px
}

.formWizard-form .summary-entryIndividual .label {
    font-weight: 700;
    text-align: right;
}

.displaynone-field-container {
    display: none;
}



.stepper .step20 {
    text-align: center;
    flex: 0 0 20%;
    max-width: 20%;
}

.stepper .step33 {
    text-align: center;
    flex: 0 0 33%;
    max-width: 33%;
}


.stepper .step20 .bubble,
.stepper .step33 .bubble {
    background-color: #D7E1E5;
    border: 3px solid #FFFFFF;
    opacity: 1;
    width: 50px;
    height: 50px;
    text-align: center;
    font: normal normal bold 23px/22px Fira Sans;
    letter-spacing: 0;
    color: #FFFFFF;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
}

.stepper .step20 .bubble::after,
.stepper .step33 .bubble::after {
    content: '';
    width: 220px;
    position: absolute;
    top: 50%;
    left: 100%;
    height: 3px;
    background-color: #D7E1E5;
    margin-left: 3px;
}

.stepper .step20:last-child .bubble::after,
.stepper .step33:last-child .bubble::after {
    display: none;
}

.stepper .step20.active .bubble,
.stepper .step33.active .bubble {
    background-color: #37687B;
}

.stepper .step20.done .bubble,
.stepper .step33.done .bubble {
    background-color: #20c4b2;
}

.stepper .step20.done .bubble::after,
.stepper .step33.done .bubble::after {
    background-color: #20c4b2;
}

.stepper .step20 .label,
.stepper .step33 .label{
    margin-top: 15px;
}

.labelblue{
    color: #39687b;
    font-weight: bold;
}

.headlinelabel{
    font-weight: bold;
    font-size: 20px;
}

.btn-goedformbildung {
    border-radius: 40px;
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    border: 1px solid #707070;
    background-color: #b6c8cf;
    white-space: normal;
}


.btn-goedformbildung:hover,
.btn-goedformbildung:focus {
    background-color: #c6d4d9;
}

.btn-goedformbildung.active {
    background-color: #c6d4d9;
}

.btn-check:checked + .btn {
    background-color: #c6d4d9;

}

.btn-group-goedformbildung {
    width: 100%;
    height: 85px;
}

.step4headline {
   font-weight: bold;
}

.btn-group.is-invalid {
    border: 1px solid #dc3545;
}

.card-headerbildung {
    background-color: #D7E1E5 !important;
    border-bottom: 1px solid #D7E1E5 !important;
}

.card-bodybildung {
    background-color: #D7E1E5 !important;
    border-bottom: 1px solid #D7E1E5 !important;
}

.accordion-wrapbildung {
    margin-bottom: 0px;
}

.accordionbildungheader {
    font-size: 18px;
    padding: 15px 10px !important;
}


@media screen and (max-width: 1379px) {
    .stepper .step20 .bubble::after,
    .stepper .step33 .bubble::after{
        width: 150px;
    }
}

@media screen and (max-width: 990px) {
}

@media screen and (max-width: 767px) {
    .stepper .step20 .bubble::after,
    .stepper .step33 .bubble::after{
        width: 100px;
    }

}

@media screen and (max-width: 600px) {
    .stepper {
        margin-bottom: 30px;
        margin-top: 50px;
        overflow: hidden;
    }

    .stepper .step20,
    .stepper .step33 {
        flex: 0 0 50px;
        max-width: 50px;
    }

    .stepper .step20:not(.active) .label,
    .stepper .step33:not(.active) .label {
        display: none;
    }

    .stepper .step20 .label,
    .stepper .step33 .label {
        margin-top: 10px;
        white-space: nowrap;
        text-align: left;
        float: left;
        padding-left: 5px;
    }

    .stepper .step20:nth-child(n+3) .label,
    .stepper .step33:nth-child(n+3) .label {
        text-align: right;
        float: right;
        padding-left: 0;
        padding-right: 5px;
    }
}