body {
    --fontFamilyDefault: Roboto,  Open Sans, Verdana;
    --fontSizeDefault: 16px;
    --fontSizeDefaultMinus1: 14px;
    --fontSizeDefaultMinus2: 0.8em;
    --fontSizeH1: 22px;
    --fontSizeH2: 20px;
    --fontSizeH3: 18px;
    --fontSizeBoxHeader: 20px;
    --iconSizeBoxHeader: 1.7em;
    --topBoxHeight: 40px;
    --radiusTop: 5px;
    --radiusBottom: 5px;
    --buttonRadius: 3px;
    --lineHeightDefault: 1.2;

    --titlebarHeight: 50px;
    --titlebarFullHeight: 100px;
    --titlebarTopMargin: 50px;
    --titlebarMenuHeight: 30px;
    --titlebarMenuShrink: 20px;
    --titlebarMenuPadding: 5px;

    --titlebarImageLeft_repeat: no-repeat;
    --titlebarImageLeft_size: auto var(--titlebarFullHeight);
    --titlebarImageLeft: url("/themes/mobile/images/logotl.svg");

    --titlebarImageCenter_repeat: no-repeat;
    --titlebarImageCenter_size: auto 100%;
    --titlebarImageCenter: url("/themes/mobile/images/topcenter.svg");

    --titlebarImageRight_repeat: no-repeat;
    --titlebarImageRight_size: 66% var(--titlebarFullHeight);
    --titlebarImageRight: url("/themes/mobile/images/topcorner.png");

    --bottomImageLeft_size: 8%;
    --bottomImageLeft_marginBottom: 50px;
    --bottomImageLeft_marginLeft: 20px;
    --bottomImageLeft: url("/themes/mobile/images/empty.png");

    --bottomImageCenter_width: 100%;
    --bottomImageCenter: url("/themes/mobile/images/bottom_center.png");

    --bottomImageRight_size: 7%;
    --bottomImageRight_marginBottom: 50px;
    --bottomImageRight_marginRight: 20px;
    --bottomImageRight: url("/themes/mobile/images/mydms_c.svg");

    --wallpaper_size: cover;
    --wallpaper_repeat: no-repeat;
    --wallpaper-image: url("/wallpaper.jpg");

    --blogAchtergrond: rgba(233, 234, 238, 0.93);
    --blogTekst: rgba(84, 84, 84, 1);

    --menubalkAchtergrond: rgba(234, 67, 53, 1);
    --menubalkTekst: rgba(252, 252, 252, 1);
    --achtergrond: rgba(240, 240, 240, 1);
    --tekst: rgba(84, 84, 84, 1);
    --containerBalk: rgba(251, 188, 5, 0.93);
    --containerTekstBalk: rgba(252, 252, 252, 1);
    --containerAchtergrond: rgba(233, 234, 238, 0.93);
    --statusbalkAchtergrond: rgba(233, 234, 238, 1);
    --statusbalkRand: rgba(199, 208, 213, 1);
    --statusbalkTekst: rgba(66, 133, 244, 1);
    --detailkaderBalk: rgba(52, 168, 83, 0.93);
    --detailkaderTekstBalk: rgba(252, 252, 252, 1);
    --detailkaderAchtergrond: rgba(252, 252, 252, 0.93);
    --inhoudsopgaveBalk: rgba(54, 96, 172, 0.93);
    --inhoudsopgaveTekst: rgba(252, 252, 252, 1);
    --inhoudsopgaveAchtergrond: rgba(233, 234, 238, 0.93);

    --shadowOffset: 5px;
    --shadowBlur: 4px;
    --shadowIntensity: 0.2;
    --boxShadow: var(--shadowOffset) var(--shadowOffset) var(--shadowBlur) 0px rgba(0,0,0,var(--shadowIntensity));
    --boxShadowTop: 0px var(--shadowOffset) var(--shadowBlur) 0px rgba(0,0,0,var(--shadowIntensity));

    /*Calculated colors*/
    --inhoudsopgaveSelectiebalk: rgba(54, 96, 172, 0.5);
    --menubalkAanwijzen: #c21b0d;
    --navigatiemenuAanwijzen: rgba(54, 96, 172, 0.5);
    --eersteKaderAanwijzen: rgba(52, 168, 83, 0.5);
    --eersteKaderOnevenRegel: rgba(52, 168, 83, 0.25);
    --detailkaderAanwijzen: rgba(52, 168, 83, 0.5);
    --detailkaderOnevenRegel: rgba(52, 168, 83, 0.25);
    --container25: rgba(52, 168, 83, 0.25);
    --searchboxBackground: rgba(233, 234, 238, 1);
    --searchboxBorder: #c21b0d;
    --popupAchtergrond: rgba(252, 252, 252, 1);
}