/*
 * Anpassungen von HH
 * dunkelgrau   #63666A
 * hellgrau     #BFBFBF (input-border-color)
 * dunkelgrün   #30881C
 * hellgrün     #43B02A (primary)
 * hellblau     #00A9E0 (input-focus-border-color)
 */

/* STANDARD - FARBEN */
.btn-primary {
    background-color: #43B02A;
    border-color: #43B02A;
}

.btn-primary:hover {
    background-color: #379123;
    border-color: #338720;
}

.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(67, 176, 42, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #338720;
    border-color: #2f7d1e;
}


/* HEADER */
.order-header .top_logo {
    padding: 10px;
}

.order-header .seperator {
    border-left: 1px solid #BFBFBF;
}

.order-header .contact {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.order-header .number {
    color: #BFBFBF;
    font-size: 1.2rem;
}

/* FOOTER */
.order-footer {
    padding: 10px;
}

.order-footer .info {
    color: #BFBFBF;
    text-align: right;
    line-height: 1rem;
}

.order-footer .link a {
    color: #63666A;
}

.order-header, .order-footer {
    color: #63666A;
    background-color: #f8f8f8;
    border-bottom: 1px solid #BFBFBF;
}

/* ORDER-FORM */

/* steps */
.steps .step .bubble {
    color: #63666A;
    border: #63666A 2px solid;
    border-radius: .25em;
    background-color: white;
}

.steps .step.complete .bubble,
.steps .step.complete .text,
.steps .step.active .text {
    color: #43B02A;
}

.steps .step.complete .bubble {
    border: #63666A 2px solid;
    background-color: #BFBFBF;
}

.steps .step.active .bubble {
    color: white;
    border: #30881C 2px solid;
    background-color: #43B02A;
}

/* input fields */
input.form-control {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    box-shadow: none;
}

select.form-control {
    border-width: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #BFBFBF;
}

select.form-control:required {
    border-bottom: 1px solid #00A9E0;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Buttons */
button,
a.btn > span {
    text-transform: uppercase;
}

a.btn {
    color: #63666A;
    background-color: white;
    border-color: #BFBFBF;
}


/* links */
a {
    color: #43B02A;
}

a:hover {
    color: #30881C;
}