:root {
    /*--mainBgColor: #ECEDF3;*/
    --mainBgColor: #F3F3F7;
    /* This is the right one */
    background-color: var(--mainBgColor);
    --headerNavHeight: 90px;
    --borderRadiusContainer: 10px;
    --borderRadiusButton: 5px;
    --borderRadiusInput: 5px;
    /*COLORS*/
    --white-color: #ffffff;
    --blackColor: #000000;
    --primaryColorWeb: #1c325e;
    --primaryColor: var(--primaryColorWeb);
    --webPrimaryColor: var(--primaryColorWeb);
    --secondaryColorWeb: #1c325e;
    --secondaryColorWebOverlay: rgba(28, 50, 94, .4);
    --secondaryColor: var(--secondaryColorWeb);
    --webSecondaryColor: var(--secondaryColorWeb);
    --tertiaryColorWeb: #eecd28;
    --highlightedInformationColor: #ffd001;
    /* --darkGreen: #224430;
    --lightTextColor: #FCEAFB; */
    /*-------Typography-----------*/
    --buttonFontWeight: 700;
    --fontFamily: 'Roboto', sans-serif;
    font-family: var(--fontFamily);
    line-height: 1.5;
    --typographyHeadingFontWeight: bold;
    --typographyH1BigFontSize: 60px;
    --typographyH1FontSize: 44px;
    --typographyH2FontSize: 25px;
    --typographyH2ListViewFontSize: 16px;
    --typographyH3FontSize: 20px;
    --typographyH4FontSize: 18px;
    --typographyH5FontSize: 16px;
    /*--typographyH6FontSize: 14px;*/
    --typographyManchetFontSize: 24px;
    --typographyParagraphFontSize: 16px;
    /**component Colors */
    --customHeadingColor: var(--primaryColorWeb);
    --buttonMoliri: var(--primaryColorWeb);
    /*------Breadcrumb-------*/
    --breadcrumbitemTextColorActive: var(--primaryColorWeb);
    --breadcrumbitemTextColorBase: var(--primaryColorWeb);
    --breadcrumbitemDivider: var(--primaryColorWeb);
    /* header**/
    --headerAsideMenuItemColor: var(--primaryColorWeb);
    /* subpage header */
    --subpageheaderBackgroundColorBase: var(--secondaryColorWeb);
    --subpageheaderTextColorBase: var(--primaryColorWeb);
    --subpageheaderHeadingTextColorBase: var(--primaryColorWeb);
    /*------Aside navigation-------*/
    --asidemenuTextBase: var(--white-color);
    --asidemenuDivider: var(--white-color);
    --asidemenuTextPrimaryHover: var(--tertiaryColorWeb);
    --asidemenuTextSecondaryHover: var(--tertiaryColorWeb);
    --asidemenuBgStyleMainPanel: var(--primaryColorWeb);
    --asidemenuBgStyleSubPanel: var(--webPrimaryColor);
    --scrollbarThumb: var(--blackColor);
    /* <bui-cta-button> */
    --ctabuttonBackgroundColor: var(--primaryColorWeb);
    /* <bui-accordion> */
    --accordionBtnBg: var(--primaryColorWeb);
    --accordionBtnText: var(--white-color);
    --accordionBtnBorder: transparent;
    /* bui-accordion-item */
    --accordionItemIconColor: var(--primaryColorWeb);
    --accordionItemTextColor: var(--primaryColorWeb);
    --accordionitemBackgroundColorBase: var(--white-color);
    /* <bui-quote>*/
    --quoteTextColor: var(--primaryColorWeb);
    --quoteCiteColor: var(--primaryColorWeb);
    /* long read **/
    --tableofcontentTitleColor: var(--primaryColorWeb);
    /*----Tidslinje----*/
    --timelinestepIconBgColor: var(--tertiaryColorWeb);
    --timelinestepIconActiveBgColor: var(--primaryColorWeb);
    /*--timelineLineBaseColor: var(--primaryColor);*/
    --timelineLineProcessColor: var(--primaryColorWeb);
    --timelinestepIconTextColor: var(--white-color);
    /* card */
    --webcardHeading: var(--primaryColorWeb);
    /*icon*/
    --iconBgColor: var(--primaryColorWeb);
    --webiconboxCenterBoxTabletIconSize: 5em;
    /* block **/
    --blockHighlightBaggroundColor: var(--primaryColorWeb);
    /* heading **/
    --textDataTypeColor: var(--primaryColorWeb); /** Has to be changed to slotted when changed remove this  */
    /*form*/
    --singleFormInputLabelColor: var(--primaryColorWeb);
    /*---- Default Office component ----*/
    --officeDefaultBaggroundColor: var(--primaryColorWeb);
    --officeDefaultTxtColor: var(--white-color);
    --officeDefaultIconColor: var(--white-color);
    /*------ Politiker galleri ------*/
    --personBgBlueColor: var(--webPrimaryColor);
    --personIconColor: var(--white-color);
    --personresumeBackgroundColorBase: var(--webPrimaryColor);
    --personresumeHeadingColor: var(--white-color);
    --personresumeTextColorBase: var(--white-color);
    --personDarkBlueFadedColor: var(--white-color);
    --bbaDarkBlueColor: var(--webPrimaryColor);
    --bbColorMenuBtnActive: var(--webPrimaryColor);
    --minicardBorderColor: var(--webPrimaryColor);
    --personTextColorHovered: var(--webPrimaryColor);
    /*----CTA Banner----*/
    --ctabannerBackgroundColorBase: #cdd9df; /*#008eb0*/
    --ctabannerTextColorBase: var(--primaryColorWeb);
    --ctabannerSvgColorBase: var(--primaryColorWeb);
    /*------ WCAG module ------*/
    --wcagmoduleBackgroundColorBase: var(--primaryColorWeb);
    /*------ ScrollToTop ------*/
    --scrollToTopButtonColor: var(--blackColor);
    --scrollToTopButtonBgColor: var(--white-color);
    --scrollToTopButtonColorHover: var(--white-color);
    --scrollToTopButtonBgColorHover: var(--blackColor);
    /*-----Searchbar-----*/
    --searchBarBtnColor: var(--webPrimaryColor);
    --searchBarIconColor: var(--white-color);
    --searchBarBtnHoverColor: rgba(0, 69, 122, 0.4);
    --searchBarIconHoverColor: var(--webPrimaryColor);
    /*div edits*/
    --textitemHeroOvalBaseColor: var(--white-color);
    --webBannerButtonBgColor: white;
    --ctaButtonSquareIconBgColor: var(--webPrimaryColor);
    --ctaButtonSquareIconColor: var(--white-color);
    --footerLogoWidth: 150px;
    --videoheaderMaxHeight: 550px;
    --primaryRGB: 28,50,94;
    --secondaryRGB: 28,50,94;
    --guidestepRepeatDesktop: 2;
/*    --videoBannerPauseBtnPlacementRight: 5em;
    --videoBannerPauseBtnPlacementBottom: 0.5em;*/
}
/*----CTA Banner----*/
bui-cta-banner {
    --buttonMoliriWhite: var(--primaryColorWeb);
}
/*----CTA Banner end----*/

.frontpage-main {
    --sectiongridHeadingTextAlign: center;
}

bui-quote {
    font-style: italic;
}

bui-raw-sp p a {
    color: var(--primaryColorWeb);
}

/*---- Default Office component ----*/
.office-default-component {
    background-color: var(--officeDefaultBaggroundColor, #fff);
    color: var(--officeDefaultTxtColor, #000);
    border-radius: 0;
    --blockPadding: 1em 1em 45px 1em;
}

    .office-default-component h3, .office-default-component bui-opening-hours caption, .office-default-component bui-opening-hours h3[slot="heading"] {
        margin-top: 0;
        margin-bottom: 8px;
        line-height: 1;
    }

    .office-default-component a {
        color: inherit;
    }

    .office-default-component bui-icon {
        margin-right: 1.5em
    }

.office-default-component__link-container p {
    margin: 0;
}

/*-----montage-white-text-----*/
bui-montage bui-raw-sp p a {
    color: var(--white-color);
    text-decoration: underline;
}

bui-montage bui-raw-sp p a:hover {
    color: var(--white-color);
    text-decoration: none;
}

/*-----highlight-white-text-----*/
bui-block.highlight p {
    color: var(--white-color);
}
bui-block.highlight a {
    color: var(--white-color);
}
bui-block.highlight ul li, bui-block.highlight ul li a, bui-block.highlight ul li p {
    color: var(--white-color);
}
bui-block.highlight h1,
bui-block.highlight h2,
bui-block.highlight h3,
bui-block.highlight h4,
bui-block.highlight h5,
bui-block.highlight h6 {
    color: white;
}
bui-block.highlight ul {
    list-style: none;
}
/*-----highlight-White-bullet-----*/
bui-block.highlight ul li > a, bui-block.highlight ul li > p {
    color: var(--white-color);
}
bui-block.highlight ul li::before {
    content: "\2022";
    color: var(--white-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
bui-select-field label {
    color: var(--primaryColorWeb);
}

/*--- Apple automatic Tel: links ---*/
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

/*Inverted version*/
bui-header {
    /* --bbaWhiteColor: var(--primaryColorWeb);*/
    --headerAsideMenuItemColor: var(--primaryColorWeb);
    color: var(--primaryColorWeb);
}

#search-form {
    --borderRadiusInput: 9999px;
    --searchbarInputMargin: 0 15px;
}

bui-navigation.extra-navigation-menu ul {
    --extraNavigationMenuBgColor: var(--primaryColorWeb);
    color: var(--white-color);
}