/*# 0 0 5 7 9 4 = dunkelgrau (NBX)*/

/*# 1 4 3 8 7 F = Logo dunkelblau*/
/*# E 4 0 5 2 1 = Logo rot*/

/*# 2 2 2 2 2 2 = Footer dunkelgrau*/
/*# 8 8 8 8 8 8 = Footer Schriftart grau*/

:root {
    /* Logo-Farben */
    --LogoBlue: #14387F;
    --LogoRed: #E40521;
    /**/
    /* Zeile unter Logo im Header */
    /*--HeaderTop3BackColor: #595857;*/ /* dunkelgrau */
    /*--HeaderTop3ForeColor: white;*/
    /**/
    /*Seitenüberschriften, eine Box in CenterInformation*/
    /*--BrandingBackColor: #9EC7EC;*/ /* hellblau */
    /*--BrandingForeColor: #595857;*/ /* dunkelgrau */
    /**/
    /*Footer*/
    --FooterBackColor: #222222;
    --FooterForeColor: #888888;
    /**/
    /*BorderColor*/
    /*--BorderColor: #333333;*/ /* fast schwarz */
    /**/
    /* Input*/
    /*--InputBorderColor: #ccc;*/
    /*--InputHoverBorderColor: #A4A4A4;*/
    /*--InputHoverBackColor: white;*/
    /**/
    /* Submit*/
    /*--SubmitBorderColor: #ccc;
	--SubmitBackColor: #FAFAFA;
	--SubmitForeColor: #424242;
	--SubmitHoverBackColor: white;
	--SubmitHoverForeColor: #A4A4A4;
	--SubmitDisabledBorderColor: #ccc;
	--SubmitDisabledBackColor: #BDBDBD;
	--SubmitDisabledForeColor: #424242;*/
    /**/
    /*Fonts global*/
    --FONT: 'Roboto', Verdana, sans-serif !important;
}

footer {
    /*background: #585858;*/
    /*background: #637523;*/
    background: #323a32;
    background: var(--FooterBackColor);
    color: var(--FooterForeColor);
    /*font-family: "Hind", sans-serif;*/
    font-size: 16px
}

    footer h4 {
        font-size: 14px;
        color: white;
        color: var(--FooterForeColor);
        margin: 10px 0;
        font-weight: 500;
        text-transform: uppercase;
        /*font-family: "Hind", sans-serif*/
    }

    footer p {
        margin-bottom: 10px;
        margin-top: 10px;
        font-weight: 300;
        line-height: 1.5;
        color: white;
        color: var(--FooterForeColor);
        /*font-family: "Hind", sans-serif;*/
        font-size: 12px
    }

    footer ul {
        list-style: none;
        padding: 0
    }

    footer a {
        line-height: 1.5;
        text-decoration: none;
        color: white;
        color: var(--FooterForeColor);
        font-size: 12px
    }

        footer a:hover,
        footer a:focus,
        footer a:active {
            text-decoration: underline;
            color: white;
            color: var(--FooterForeColor);
        }

    footer #cr-form input {
        border-radius: 0 !important;
        border: 2px solid #eaeaea;
        margin-left: 15px;
        padding: 18px 20px 12px 20px;
        height: 46px
    }

        footer #cr-form input:focus {
            border-color: transparent !important
        }

    footer #cr-form button {
        background: #ffffff;
        font-size: 30px !important;
        color: #164194 !important;
        border-radius: 0 !important;
        padding: 4px 12px !important;
        margin-left: 24px !important;
        border-bottom: 1px solid transparent !important;
        height: 46px;
        width: 46px
    }

        footer #cr-form button:hover {
            background: #e30613;
            color: #fff !important
        }

    footer .social-link {
        text-decoration: none
    }

        footer .social-link:hover {
            text-decoration: none
        }

    footer .social-text {
        font-size: 24px;
        margin-left: 15px;
        vertical-align: middle
    }

    footer .xing {
        margin-top: 20px;
        display: block
    }


    footer .mfooter {
        margin-top: 20px;
        display: inline-grid;
    }

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 970px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    display: block;
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px
    }
}