:root {
    --calert: #C4000D;
    /*accordion preset:*/
    --acc-border-closed: #E7E6EB;
    --acc-border-active: #E5CFD2;
    --acc-border-bottom: #E7E6EB;
    --acc-item: #f9f9f9;
    --acc-item-active: #F7F0F1;
    /*smartmenu:*/
    --smmin-nav-background: #fff;
    --smmin-ul-background: #eeeeee;
    --smmin-dropdown-background: #fff;
    --smin-link-color: #888;
    --smmin-mobile-ul-background: #eeeeee;
    --smmin-mobile-nav-background: #fff;
    --smin-mobile-border-bottom: #E8E8E8;
    --smin-project-color-one: rgb(21,85,126);
    --smin-project-color-two: rgb(15,64,96);
    --smin-project-color-three: rgb(18,76,114);
    --smin-project-color-four: rgb(11,52,80,1);
    --smin-project-gradient-one: linear-gradient(0deg, rgba(21,85,126,1) 0%, rgba(15,64,96,1) 100%);
    --smin-project-gradient-two: linear-gradient(0deg, rgba(18,76,114,1) 0%, rgba(11,52,80,1) 100%);
    --smin-project-dropdown-link-color: #ffffff;
    /*some utility classes:*/
    --main-font: 'Open Sans', sans-serif;
    --spacing-unit: 1em;
    --margin: calc(1 * var(--spacing-unit));
    --padding: calc(1 * var(--spacing-unit));

    --margin-xs: calc(0.25 * var(--margin));
    --margin-s: calc(0.5 * var(--margin));
    --margin-m: calc(0.75 * var(--margin));
    --margin-n: calc(1 * var(--margin));
    --margin-l: calc(2 * var(--margin));
    --margin-xl: calc(4 * var(--margin));

    --padding-xs: calc(0.25 * var(--padding));
    --padding-s: calc(0.5 * var(--padding));
    --padding-m: calc(0.75 * var(--padding));
    --padding-n: calc(1 * var(--padding));
    --padding-l: calc(2 * var(--padding));
    --padding-xl: calc(4 * var(--padding));
}