color-examples {
    color: #93dab5; /*Hellgrün*/
    color: #28b66c; /*Dunkelgrün*/
    color: #b72875; /*Hellpink*/
    color: #b62872; /*Dunkelpink*/
    color: #6c757d; /*Grau*/
    color: #343a40; /*Dunkelgrau*/
    color: #959fe8; /*Lila*/
    color: #bec5f5; /*Helllila*/

    color: #d67409; /*orange*/
    color: #f5dcc1; /*hellorange*/
    color: #1b1464; /*dunkelblau */
    color: #085fd7; /*blau*/
    color: #dad9e6; /*hellblau*/
}

a {
    color: #1b1464;
}
    a:hover {
        color: #1b1464;
    }

/*#region Navigation*/

header {
    border-top: solid #d67409 5px;
}

.navigation-main {
    background-color: #1b1464;
}

.logo {
    height: 100px;
}

.navbar-nav > li > a {
    color: white;
    text-transform: uppercase;
}

    .navbar-nav > li > a:hover {
        color: #bec5f5;
    }

.navbar-nav .nav-item.active a {
    color: #bec5f5;
}

.navbar-nav > li {
    margin-right: 55px;
}

#customer-dropdown a {
    color: #d67409;
}

#customer-dropdown svg path,
#customer-dropdown > a > svg > path {
    fill: #d67409;
}

#customer-overlay {
    background-color: white;
    border-bottom: solid #6c757d 5px;
}

#customer-dropdown > a > svg path,
#customer-dropdown .arrow-down path {
    fill: white;
}

@media screen and (min-width: 576px) {
    #customer-dropdown > a > svg path,
    #customer-dropdown .arrow-down path {
        fill: #d67409;
    }
}
/*#endregion*/
/*#region Login Form*/
.button-fresh {
    background-color: #d67409;
    color: white;
    transition: background-color;
    transition-duration: .2s;
}

    .button-fresh:hover {
        background-color: #f5dcc1;
    }

.login-text-bottom a {
    color: #d67409;
}

/*#endregion*/

/*#region Speech Bubble / Login Info*/

.login-info {
    background-color: #1b1464;
    color: white;
    height: 200px;
}

@media screen and (min-width: 768px) {
    .login-info {
        height: 260px;
    }
}

.speech-bubble:after {
    border: 81px solid transparent;
    border-top-color: #1b1464;
}

.login-info a {
    color: white;
}


form.nice-form-group svg path {
    fill: #d67409;
}

/*#endregion*/

/*#region Document Table*/

#doc-table {
    color: #959fe8;
}

#doc-table .row:first-child {
    background-color: #e4e4e4;
    color: black;
}

#doc-table .row:nth-child(odd) {
    background-color: #f4f4f4;
}

    #doc-table path {
        fill: #959fe8;
    }

    #doc-table .doc-download {
        background: #1b1464;
        color: white;
    }

        #doc-table .doc-download:hover {
            background: #d67409;
        }

#doc-table .doc-download svg path {
    fill: white;
}
/*#endregion*/

/*#region Document Table*/

.info-table .value {
    color: #1b1464;
}

/*#endregion*/