@font-face {
      font-family: 'DIN Pro-bold';
      font-display: swap;
      src: url(/dam/jcr:69554edf-f9f6-491e-9f6b-f954b6838c09/DINPro-Bold.woff2) format('woff2');
    }
    @font-face {
      font-family: 'DIN';
      font-display: swap;
      src: url(/dam/jcr:bce21f9e-9b65-4409-8786-317c1b8250e1/DINPro-Medium.woff2) format('woff2');
    }
    @font-face {
      font-family: 'EncodeSansCondensed';
      font-display: swap;
      src: url(/dam/jcr:9f9e3aff-c840-4147-b96c-b305eaea01d1/EncodeSansCondensed-Regular.woff2) format('woff2');
    }
    @font-face {
      font-family: 'Morning Memories';
      font-display: swap;
      src: url(/dam/jcr:319398f1-f205-4f9b-953e-9ea8c793dcb8/Morning%20Memories-Regular.woff2) format('woff2');
    }
    @font-face {
      font-family: 'Opella Sans';
      font-display: swap;
      src: url(/dam/jcr:5c3e32bd-7505-42ab-9149-41452d95d51c/OpellaSans-Regular.woff2) format('woff2');
    }

:root {
  --theme-color-white: #fff;
  --theme-color-black: #000;
}


























    .font-title {
      font-family: 'DIN Pro-bold', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .font-body {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .font-navigation {
      font-family: 'Opella Sans', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }






    .font-card {
      font-family: 'DIN Pro-bold', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .category-tags {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--default, .button--outline {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--secondary, .button--secondary--outline {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--tertiary, .button--tertiary--outline {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--quaternary, .button--quaternary--outline {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--quinary, .button--quinary--outline {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .button--link {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .accordion-title {
      font-family: 'DIN Pro-bold', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .faqs--question {
      font-family: 'DIN Pro-bold', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }






    .breadcrumbs {
      font-family: 'DIN', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }








:root {
  --theme-color-primary1: #0B2142;
  --theme-color-primary2: #2C3E58;
  --theme-color-primary3: #98989A;
  --theme-color-secondary1: #AFC5FF;
  --theme-color-secondary2: #0A1B34;
  --theme-color-secondary3: #96969B;
  --theme-color-secondary4: #425065;
  --theme-color-secondary5: #2C3E58;
  --theme-color-secondary6: #172F70;
  --theme-color-secondary7: #666666;
  --theme-color-secondary8: #B3B9CB;
  --theme-color-tertiary1: #DCF3FF;
  --theme-color-tertiary2: #DF991B;
  --theme-color-tertiary3: #2D61A0;
  --theme-color-tertiary4: #162B75;
  --theme-color-tertiary5: #04C1F1;
  --theme-color-tertiary6: #E8EFFE;
  --theme-color-tertiary7: #001883;
  --theme-color-tertiary8: #F59A00;
  --theme-color-transparent: transparent;


--grid-max-width-xs: 480px;
--grid-max-width-sm: 640px;
--grid-max-width-md: 768px;
--grid-max-width-lg: 1025px;
--grid-max-width-xl: 1280px;


  /*
    page
  */
  --theme-body-background-color: transparent;

  /*
    Typography
  */
  --theme-font-title: DIN Pro-bold;
  --theme-title-text-color: white;
  --theme-font-body: DIN;
  --theme-body-text-color: #000;
  /*
    Title
  */
  --theme-title-font-weight: font-bold;
  /*
    Rich text
  */
  --theme-rich-text-line-height: inherit;
  --theme-rich-text-p-vertical-spacing: 1.5rem;
  --theme-rich-text-heading-weight: inherit;
  --theme-rich-text-heading-font-color: white;
  --theme-rich-text-heading-font-family: DIN;
  /*
    Navigation
  */
  --theme-navigation-font-family: Opella Sans;
  /*
    Page Menu
  */
  --theme-pageMenu-active-anchor-link: black;
  /*
    Footer Links
  */
  --theme-footerLinks-font-family: ;
  /*
    Link (Button links and Akamai form links)
  */
  --theme-link-text-color: white;
  --theme-link-text-color-hover: white;
  /*
    List
  */
  --theme-bullet-color: inherit;
  /*
    Button default
  */
  --theme-button-font-family: DIN;
  --theme-button-text-color: #0B2142;
  --theme-button-text-color-hover: #0B2142;
  --theme-button-bg-color: #AFC5FF;
  --theme-button-bg-color-hover: #AFC5FF;
  --theme-button-border-color: #525CA3;
  --theme-button-border-color-hover: #7079BD;
  --theme-button-border-radius: 4px;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: DIN;
  --theme-button-secondary-text-color: white;
  --theme-button-secondary-text-color-hover: white;
  --theme-button-secondary-bg-color: #0B2142;
  --theme-button-secondary-bg-color-hover: #0B2142;
  --theme-button-secondary-border-color: #2157A1;
  --theme-button-secondary-border-color-hover: #007CB1;
  --theme-button-secondary-border-radius: 4px;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: DIN;
  --theme-button-tertiary-text-color: #0B2142;
  --theme-button-tertiary-text-color-hover: #0B2142;
  --theme-button-tertiary-bg-color: #04C1F1;
  --theme-button-tertiary-bg-color-hover: #04C1F1;
  --theme-button-tertiary-border-color: #04C1F1;
  --theme-button-tertiary-border-color-hover: #007CB1;
  --theme-button-tertiary-border-radius: 4px;
  --theme-button-tertiary-padding: 0.5rem 1.25rem;
  /*
    Button quaternary
  */
  --theme-button-quaternary-font-family: DIN;
  --theme-button-quaternary-text-color: white;
  --theme-button-quaternary-text-color-hover: white;
  --theme-button-quaternary-bg-color: #001883;
  --theme-button-quaternary-bg-color-hover: #001883;
  --theme-button-quaternary-border-color: transparent;
  --theme-button-quaternary-border-color-hover: #007CB1;
  --theme-button-quaternary-border-radius: 4px;
  --theme-button-quaternary-padding: 0.5rem 1.25rem;
  /*
    Button quinary
  */
  --theme-button-quinary-font-family: DIN;
  --theme-button-quinary-text-color: #0B2142;
  --theme-button-quinary-text-color-hover: #0B2142;
  --theme-button-quinary-bg-color: transparent;
  --theme-button-quinary-bg-color-hover: transparent;
  --theme-button-quinary-border-color: transparent;
  --theme-button-quinary-border-color-hover: transparent;
  --theme-button-quinary-border-radius: 0px;
  --theme-button-quinary-padding: 0.5rem 1.25rem;
  /*
    Category Tags
  */
  --theme-category-tags-font-family: DIN;
  --theme-category-tags-border-radius: 8px;
  --theme-category-tags-text-color: #666666;
  --theme-category-tags-bg-color: white;
  --theme-category-tags-border-color: transparent;
  /*
    Content Block
  */
  --theme-content-block-bullet-color:  #000;
  --theme-content-block-table-width: auto;
  --theme-content-block-table-border-width: 1px;
  --theme-content-block-table-border-color:  #000;
  --theme-content-block-thead-bg-color:  #fff;
  --theme-content-block-thead-txt-color:  #000;
  --theme-content-block-cell-bg-color:  #fff;
  --theme-content-block-cell-txt-color:  #000;
  --theme-content-block-cell-horizontal-padding: 1rem;
  --theme-content-block-cell-vertical-padding: 1rem;
  /*
    Cards
  */
  --theme-cards-border-radius: 4px;
  /*
    Accordion
  */
  --theme-accordion-font-family: DIN Pro-bold;
  /*
    FAQs
  */
  --theme-faqs-font-family: DIN Pro-bold;
  /*
    Tabs
  */
  --theme-tabs-font-family: ;
  /*
    Carousel
  */
  --theme-carousel-nav-color: #0B2142;
  --theme-carousel-btn-active-color: #0B2142;
  --theme-carousel-btn-inactive-color: #FFFFFF;
  --theme-carousel-playpause-btn-icon-color: #0B2142;
  --theme-carousel-playpause-btn-icon-hover-color: white;
  --theme-carousel-playpause-btn-bg-hover-color: #0B2142;
  /*
    Forms
  */
  --theme-forms-header-color: #525CA3;
  --theme-forms-bg-color: #FFFFFF;
  --theme-forms-text-color: #525CA3;
  --theme-forms-title-color: #FFFFFF;
  --theme-forms-subtitle-color: #525CA3;
  --theme-forms-label-color: #525CA3;
  /*
    Image Caption
  */
  --theme-image-caption-font-size: 1rem;
  --theme-image-caption-font-family: ;

  /*
    Share Page
  */
  --theme-share-page-border-radius: 999rem;
  --theme-share-page-fill: var(--theme-color-white);

/*
  Title size varibles for mobile
*/
  --title-1-font-size: 45px;
  --title-2-font-size: 45px;
  --title-3-font-size: 30px;
  --title-4-font-size: 24px;
  --title-5-font-size: 36px;
  --title-6-font-size: 28px;
  /*
    Text size varibles for mobile
  */
  --text-1-font-size: 18px;
  --text-2-font-size: 24px;
  --text-3-font-size: 18px;
  --text-4-font-size: 10px;
  --text-5-font-size: 13px;
  --text-6-font-size: 13px;
  --text-7-font-size: 10.8px;
  --text-8-font-size: 20px;
  --text-9-font-size: 12px;
  --text-10-font-size: 28px;
  --text-11-font-size: 16px;
}


/*
  Title size varibles for tablet & desktop
*/
@media screen and (min-width: 768px) {
  :root {
    /*
      Title size varibles for tablet
    */
    --title-1-font-size: 45px;
    --title-2-font-size: 45px;
    --title-3-font-size: 30px;
    --title-4-font-size: 24px;
    --title-5-font-size: 48px;
    --title-6-font-size: 32px;
    /*
      Text size varibles for tablet
    */
    --text-1-font-size: 18px;
    --text-2-font-size: 24px;
    --text-3-font-size: 18px;
    --text-4-font-size: 10px;
    --text-5-font-size: 13px;
    --text-6-font-size: 13px;
    --text-7-font-size: 10.8px;
    --text-8-font-size: 20px;
    --text-9-font-size: 12px;
    --text-10-font-size: 28px;
    --text-11-font-size: 16px;
  }
}


@media screen and (min-width: 1024px) {
  :root {
    /*
      Title size varibles for deskop
    */
      --title-1-font-size: 64px;
      --title-2-font-size: 48px;
      --title-3-font-size: 30px;
      --title-4-font-size: 24px;
      --title-5-font-size: 48px;
      --title-6-font-size: 32px;
    /*
      Text size varibles for desktop
    */
      --text-1-font-size: 24px;
      --text-2-font-size: 24px;
      --text-3-font-size: 18px;
      --text-4-font-size: 10px;
      --text-5-font-size: 13px;
      --text-6-font-size: 18px;
      --text-7-font-size: 10.8px;
      --text-8-font-size: 20px;
      --text-9-font-size: 12px;
      --text-10-font-size: 28px;
      --text-11-font-size: 16px;
    }
}