/*      Externe CSS-Datei Stand 25.03.2026      */

@font-face {
    font-family: 'Aeonik'; /*a name to be used later*/
    src: url('/fonts/HEnW_Aeonik_Black.woff2'); /*URL to font*/
}


:root {
    --color-white: #fff;
    --color-black: #0c0d0d;
    --color-brand-red: #b50303;
    --color-brand-blue: #081c47;
    --color-brand-blue-50: #838da3;
    --color-brand-blue-30: #b5bbc8;
    --color-campaign-elbe: #c2d6c2;
    --color-campaign-elbe-light: #e0eae0;
    --color-campaign-nature: #a0be64;
    --color-campaign-gray: #ededed;
    --color-campaign-sand: #fff5e0;
    --color-campaign-brass: #ebd11a;
    --color-brand-red-hover: #830202;
    --color-brand-blue-hover: #27396b;
    --color-brand-blue-inactive: #b5bbc8;
    --color-campaign-elbe-hover: #94b794;
    --color-campaign-nature-hover: #95b652;
    --color-campaign-gray-hover: #c7c7c7;
    --color-campaign-sand-hover: #ffdc94;
    --color-campaign-brass-hover: #aa960f;
    --color-gray-50: #f2f2f3;
    --color-gray-70: #f7f7f7;
    --color-gray-100: #e5e6e6;
    --color-gray-200: #caccce;
    --color-gray-300: #b0b3b5;
    --color-gray-400: #96999c;
    --color-gray-500: #7c8083;
    --color-gray-600: #636669;
    --color-gray-700: #4a4d4f;
    --color-gray-800: #313335;
    --color-gray-900: #1a1a1a;
    --text-color: var(--color-black);
    --heading-color: var(--color-brand-blue);
    --interactive-color: var(--color-brand-blue);
    --meta-text-color: var(--color-gray-700);
    --light-background-color: var(--color-gray-50);
    --background-color: var(--color-gray-100);
    --info-color: var(--color-brand-blue);
    --success-color: var(--color-campaign-nature);
    --warning-color: var(--color-campaign-brass);
    --error-color: var(--color-brand-red);
    --form-color: var(--color-brand-blue);
    --form-placeholder-color: var(--color-gray-400);
    --form-border-radius: var(--border-radius-large);
    --required-color: var(--color-brand-red);
    --line-color: var(--color-brand-blue-inactive);
    --light-line-color: var(--color-gray-100);
    --font-family-ubuntu: "Ubuntu", sans-serif;
    --font-family-eveleth: "Eveleth", sans-serif;
    --font-family-aeonik: "Aeonik", sans-serif;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --line-height-small: 1.2;
    --line-height-default: 1.4;
    --line-height-body: 1.6;
    --duration-fast: 0.1s;
    --duration-default: 0.2s;
    --duration-long: 0.3s;
    --duration-x-long: 0.4s;
    --border-radius-default: 0.5rem;
    --border-radius-large: 1.5rem;
    --border-radius-x-large: 2rem;
    --root-offset: 0;
    --root-font-family: var(--font-family-ubuntu);
    --root-color: var(--text-color);
    --root-min-width: 360px;
    --root-font-width: var(--font-width-normal);
    --root-font-weight: var(--font-weight-regular);
    --body-background-color: var(--color-white);
    --body-font-size: 1.8rem;
    --focus-outline-width: 3px;
    --focus-outline-color: var(--color-black);
    --focus-outline-offset: 3px;
    --selection-background-color: var(--color-black);
    --selection-foreground-color: var(--color-white);
    --breakpoint-l: 1024px;
    --breakpoint-m: 768px;
    --breakpoint-s: 512px;
    --breakpoint-xl: 1280px;
    --breakpoint-xs: 0px;
}


.Concorde-Typography {
    display: none;
}


/* HEADER */
@media (min-width: 769px) {
    #header {
        height: 70px;
        margin-bottom: 40px;
    }

    #header .navbar-default {
        box-shadow: inset 0 0 4px #0000001a;
        background-color: var(--color-gray-70);
    }

    #header .navbar {
        height: 100%;
    }

    .nav-container {
        height: 100%;
    }

    .navbar-nav,
    .navbar-nav li {
        height: 70px;
    }

    .navbar-right li {
        height: auto;
    }

    .navbar-nav li a {
        height: 70px;
        padding-top: 24px;
    }

    .navbar-nav > li > a:hover {
        background-color: #fff !important;
        box-shadow: 0 -12px 10px 0 #0003;
    }
}



/* MAIN MENU */

#mainMenu.navbar-collapse {
    height: 100% !important;
}



/* Button */

.btn.btn-default,
.btn.btn-primary {
    background-color: var(--color-brand-blue);
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid var(--color-brand-blue) !important;
}

.btn.btn-default:hover,
.btn.btn-primary:hover,
.btn.btn-primary:hover > span > span {
    text-decoration: underline !important;
}

.btn .bpcIcon-home {
    margin-right: 10px;
}

.btn .bpcIcon-save {
    margin-left: 10px;
}

.btn .close {
    color: #fff;
    opacity: 1;
}



/* MAIN */

a {
    color: var(--color-brand-blue);
}

body {
    background-color: var(--color-campaign-elbe-light);
    background-image: none;
}

main,
.login-header  {
    padding: 10px 50px !important;
    padding-bottom: 25px !important;
    background-color: var(--color-white) !important;
    border-radius: 30px;
}


.login-header {
    margin-bottom: 35px;
}

body .panel.panel-teaser {
    background: none !important;
    box-shadow: none;
    border: none !important;
}


.panel-body {
    border-radius: 10px;
    background-color:  var(--color-white) !important;
}


@media (max-width: 768px) {
    main {
        padding: 10px 20px !important;
    }
}



.page-header {
    border-bottom: none;
}


h1 span,
h2 span {
    color: var(--color-brand-blue);
}

h1,
h2,
h3,
span.bold {
    color: var(--color-brand-blue);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-small);
    text-transform: uppercase;
}


h1 {
    margin-top: 0px;
    font-size: 38px;
}

h2, h3 {
    text-transform: none;
}




p {
    line-height: 31px;
    font-size: 19px;
}

p a,
.panel-body a {
    color: var(--color-brand-blue);
}

p a:hover,
.panel-body a:hover {
    color: var(--color-brand-blue);
}


p .ng-scope {
    margin-top: 25px;
}

.ladda-button {
    margin-left: 10px;
}


@media (max-width: 768px) {
    h1 {
        font-size: 27px;
    }

    p {
        font-size: 17px;
    }
}


.lg .login-teaser {
    margin-top: 0px !important;
}




/* FORM */

.well {
    background-color: #fff;
    border: 3px solid var(--color-campaign-elbe);
    border-radius: 10px;
    padding: 20px;
}

.well .slideToggle {
    margin-top: 15px;
    border-top: none;
}

.well .row {
    margin-top: 10px;
}

.well .pull-left > span {
    font-size: 20px;
    font-family: 'AeonikBlack';
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .well .pull-left > span {
        font-size: 18px;
    }
}


.form-group label {
    color: var(--color-brand-blue);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}

.form-group .form-control {
    border-color: var(--color-gray-300);
    box-shadow: none;
    border-radius: 3px;
    padding: 5px;
    padding-left: 10px;
}

.form-group input {
    padding-left: 0px;
}

.form-group .input-group .input-group-btn .btn {
    border: 1px solid var(--color-gray-300) !important;
    border-radius: 0px;

    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;

    background-color: #fff;
    color: var(--color-gray-700);
}



/* contract-account-search */

#contract-account-search .well {
    padding: 0px;
    border: none;
    margin-top: 55px;
    box-shadow: none;
}





#qmr-result-table {
    font-size: 16px;
}



#qmr-result-table .qmr-result-table-header .qmr-register {
    padding-top: 15px;
    font-weight: bold;
}

#qmr-result-table-body .qmr-register {
    padding-top: 15px;
    padding-bottom: 15px;
}



.table {
    font-size: 16px;
}

.table small {
    font-size: 16px;
}





.form-group .form-control {
    border-radius: 5px;
    border: 1px solid var(--color-brand-blue);
    height: 45px;
    font-size: 16px;
}

.form-group label {
    text-transform: none;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    margin-top: 3px;
}

.form-group .input-group .input-group-btn .btn {
    border: 1px solid var(--color-brand-blue) !important;
    height: 45px;
    color: var(--color-brand-blue);
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: var(--color-brand-blue);
}


.panel-body a:hover {text-decoration: none;}
main a:hover {text-decoration: none;}
main .btn:hover .text {text-decoration: none !important;}
main .btn:hover {text-decoration: none !important;}


.ng-pristine.ng-valid.ng-scope .btn-primary { margin-top: 10px;}


p {
    line-height: 28px;
    font-size: 16px;
}



.panel-heading {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.panel-body {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}




.panel-heading small.ng-binding {
    color: #5E5E5E;
}


.upload-invoice-btn {
    border-radius: 25px !important;
}


.switch .slider {
    border: 1px solid var(--color-brand-blue) !important;
    background-color: #fff;
}

.switch .slider:before {
    background-color: var(--color-brand-blue) !important;
    bottom: 3px;
}

.bpc-page-mfa input:checked+.slider {
    background-color: var(--color-brand-blue) !important;
}
.bpc-page-mfa input:checked+.slider:before {
    background-color: #fff !important;
}

.bpc-page-mfa input:focus+.slider {
    outline: none;
}



.uib-daypicker table td{
    padding: 5px;
}



.uib-daypicker .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 1;
    background-color: #ccc;
    color: var(--color-brand-blue);
}

.uib-daypicker td .btn {
    height: 36px;
}

.uib-datepicker-current {
    background-color: #01779a;
}

.uib-clear {
    background-color: #c53b37;
}

.btn-success {
    background-color: #287b28;
}

.uib-datepicker-current,
.uib-clear,
.btn-success {
    color: #fff;
}

.uib-datepicker-current:hover,
.uib-clear:hover,
.btn-success:hover {
    color: #fff;
}



#footer a:hover{
    color: var(--color-brand-blue);
    text-decoration: none;
}