:root {
    --iconMarginRight: 18px; /* calc(var(--main-menu-ratio) * 18);          */
    --iconMarginTop: 1px;
    --iconUserMarginTop: 8px;
    --iconLoginMarginTop: 3px;
    --itemSpacing: 5px; /* calc(var(--main-menu-ratio) * 5.25)  */
    --iconHeight: 65px; /* calc(var(--main-menu-height) * 0.6)  */
    --navBarXstart: calc(var(--iconWidth) + var(--iconMarginRight));
    /* BRANDING: LOGOS etc          */
    --hd_logoMarginLeft: 10px;
    --hd_logoMarginTop: 23px;
    --hd_logoAreaWidth: calc(var(--hd_logoMarginLeft) + var(--hd_logoMarginLeft) + var(--iconWidth));
    --hd_logoAreaBackground: white;
    --hd_MenuAreaLeft: calc(var(--hd_logoMarginLeft) + var(--hd_logoMarginLeft) + var(--iconWidth) + var(--hd_TransitionWidth));
    --hd_MenuAreaWidth: max(calc(100% - (var(--hd_logoMarginLeft) + var(--hd_logoMarginLeft) + var(--iconWidth) + var(--hd_TransitionWidth) + var(--hd_menuWidthShim) )), var(--hdMenuMinWidth));
    --hd_MenuMarginTop: 19px;
    --footerHeight: 42px;
    --ft_iconHeight: 35px;
    --ft_iconWidth: 135px;
    --ft_logoMarginRight: 15px;
    --ft_logoMarginLeft: 15px;
    --ft_logoMarginTop: 2px;
    --ft_logoAreaWidth: calc(var(--ft_logoMarginLeft) + var(--ft_logoMarginRight) + var(--ft_iconWidth));
    --ft_logoAreaLeft: calc(100% - var(--ft_logoAreaWidth));
    --ft_logoAreaBackground: white;
    --ft_TransitionWidth: 55px;
    --ft_TransitionAreaLeft: calc(var(--ft_logoMarginRight) + var(--ft_logoMarginLeft) + var(--ft_iconWidth) + var(--ft_TransitionWidth));
    --ft_MenuAreaWidth: calc(100% - (var(--ft_logoMarginRight) + var(--ft_logoMarginLeft) + var(--ft_iconWidth) + var(--ft_TransitionWidth)));
}