:root {
    /*....Stephan.....*/
    --prime-color: #345AAD;
    --second-text-color: #ffffff;
    --danger-color: #d9534f;
    --bg-color-component: #ffffff;
    --shadow-color: #26394D;

    --prime-content-box-bg: white;
    --background-color: rgba(255, 255, 255, 1);
    --prime-border-color: #c9c7c76e;
    --second-border-color: #0000006e;



    /*-----------------------------------*/

    --app-background-img-url: no-repeat url("../assets/Default/default-bg.JPG");


    --header-bg: var(--prime-color);
    --header-text-color: var(--second-text-color);
    --header-padding: 16px 16px 16px 16px;
    --footer-bg: var(--prime-color);
    --footer-text-color: var(--second-text-color);
    --gtc-button-color: var(--prime-color);
    /* --shadow-col-head-foot: var(--shadow-color); */
    --button-bg-color: var(--prime-color);
    --button-text-color: var(--second-text-color);
    --headline-text-color: var(--prime-color);
    --person-dtg-header-color: var(--prime-color);
    --person-dtg-detail-columnname: var(--prime-color);
    /*...Jonas....*/
    --box-shadow: var(--shadow-color) 0px 16px 16px -16px;
    --shadow-col-head-foot: var(--shadow-color);
    --content-box-bg: var(--background-color);
    --content-box-border-color: var(--prime-border-color);
    --content-box-shadow: var(--shadow-color);
    --content-header-text-color: var(--prime-color);
}

.dx-checkbox-icon {
    border-color: var(--second-border-color)!important;
}