
    @import url(/dam/jcr:8520fac3-90ce-43c3-a5c0-4e05f9bdacd7/URWDIN-Regular.2021-11-23-06-20-26.woff2);
    @import url(/dam/jcr:dd41a6af-1194-4972-b1a5-06dcc002f86b/URWDIN-Medium.2021-11-23-06-20-26.woff2);
    @import url(/dam/jcr:9f20dd4e-e15f-4b8c-86f3-a5383e0d02fb/URWDIN-Bold.2021-11-23-06-20-26.woff2);

    @font-face {
      font-family: 'URW DIN';
      font-display: swap;
      src: url(/dam/jcr:8520fac3-90ce-43c3-a5c0-4e05f9bdacd7/URWDIN-Regular.2021-11-23-06-20-26.woff2) format('woff2');
    }
    @font-face {
      font-family: 'URW DIN Demi';
      font-display: swap;
      src: url(/dam/jcr:dd41a6af-1194-4972-b1a5-06dcc002f86b/URWDIN-Medium.2021-11-23-06-20-26.woff2) format('woff2');
    }
    @font-face {
      font-family: 'URW DIN Bold';
      font-display: swap;
      src: url(/dam/jcr:9f20dd4e-e15f-4b8c-86f3-a5383e0d02fb/URWDIN-Bold.2021-11-23-06-20-26.woff2) format('woff2');
    }

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


























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




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




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










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




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








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




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






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




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








:root {
  --theme-color-primary1: #009977;
  --theme-color-primary2: #525CA3;
  --theme-color-primary3: #CAAE7A;
  --theme-color-secondary1: #F3A703;
  --theme-color-secondary2: #F7A801;
  --theme-color-secondary3: #D9F0EB;
  --theme-color-secondary4: #97C93D;
  --theme-color-secondary5: #F78F49;
  --theme-color-secondary6: #EAF7CC;
  --theme-color-secondary7: #7C6E66;
  --theme-color-secondary8: #FFCD1A;
  --theme-color-tertiary1: #E5E5E5;
  --theme-color-tertiary2: #FAFAFA;
  --theme-color-tertiary3: #009877;
  --theme-color-tertiary4: #96C93D;
  --theme-color-tertiary5: #F78D28;
  --theme-color-tertiary6: #03A35B;
  --theme-color-tertiary7: #EEEEEE;
  --theme-color-tertiary8: #E6F4F0;
  --theme-color-transparent: transparent;



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

  /*
    Typography
  */
  --theme-font-title: URW DIN Bold;
  --theme-title-text-color: #009977;
  --theme-font-body: URW DIN;
  --theme-body-text-color: #000;
  /*
    Title
  */
  --theme-title-font-weight: inherit;
  /*
    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: #009977;
  --theme-rich-text-heading-font-family: inherit;
  /*
    Navigation
  */
  --theme-navigation-font-family: URW DIN Bold;
  /*
    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: #009977;
  --theme-link-text-color-hover: #009977;
  /*
    List
  */
  --theme-bullet-color: inherit;
  /*
    Button default
  */
  --theme-button-font-family: URW DIN Bold;
  --theme-button-text-color: white;
  --theme-button-text-color-hover: white;
  --theme-button-bg-color: #96C93D;
  --theme-button-bg-color-hover: #97C93D;
  --theme-button-border-radius: 0px;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: URW DIN Bold;
  --theme-button-secondary-text-color: #7C6E66;
  --theme-button-secondary-text-color-hover: #7C6E66;
  --theme-button-secondary-bg-color: #FFCD1A;
  --theme-button-secondary-bg-color-hover: #FFCD1A;
  --theme-button-secondary-border-radius: 4px;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: ;
  --theme-button-tertiary-text-color: #fff;
  --theme-button-tertiary-text-color-hover: #fff;
  --theme-button-tertiary-bg-color: #2157A1;
  --theme-button-tertiary-bg-color-hover: #007CB1;
  --theme-button-tertiary-border-radius: 999rem;
  --theme-button-tertiary-padding: 0.5rem 1.25rem;
  /*
    Button quaternary
  */
  --theme-button-quaternary-font-family: ;
  --theme-button-quaternary-text-color: white;
  --theme-button-quaternary-text-color-hover: white;
  --theme-button-quaternary-bg-color: #009977;
  --theme-button-quaternary-bg-color-hover: #009977;
  --theme-button-quaternary-border-radius: 4px;
  --theme-button-quaternary-padding: 0.5rem 1.25rem;
  /*
    Category Tags
  */
  --theme-category-tags-font-family: ;
  --theme-category-tags-border-radius: 0px;
  --theme-category-tags-text-color: #000;
  --theme-category-tags-bg-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: URW DIN Demi;
  /*
    FAQs
  */
  --theme-faqs-font-family: ;
  /*
    Tabs
  */
  --theme-tabs-font-family: URW DIN Bold;
  /*
    Carousel
  */
  --theme-carousel-nav-color: #009977;
  --theme-carousel-playpause-btn-icon-color: white;
  --theme-carousel-playpause-btn-icon-hover-color: #009977;
  --theme-carousel-playpause-btn-bg-hover-color: white;
  /*
    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: 26px;
  --title-2-font-size: 30px;
  --title-3-font-size: 37px;
  --title-4-font-size: 32px;
  --title-5-font-size: 28px;
  --title-6-font-size: 20px;
  /*
    Text size varibles for mobile
  */
  --text-1-font-size: 26px;
  --text-2-font-size: 18px;
  --text-3-font-size: 20px;
  --text-4-font-size: 18px;
  --text-5-font-size: 16px;
  --text-6-font-size: 14px;
}


/*
  Title size varibles for tablet & desktop
*/
@media screen and (min-width: 768px) {
  :root {
    /*
      Title size varibles for tablet
    */
    --title-1-font-size: 50px;
    --title-2-font-size: 40px;
    --title-3-font-size: 37px;
    --title-4-font-size: 32px;
    --title-5-font-size: 28px;
    --title-6-font-size: 20px;
    /*
      Text size varibles for tablet
    */
    --text-1-font-size: 20px;
    --text-2-font-size: 22px;
    --text-3-font-size: 20px;
    --text-4-font-size: 18px;
    --text-5-font-size: 16px;
    --text-6-font-size: 14px;
  }
}


@media screen and (min-width: 1024px) {
  :root {
    /*
      Title size varibles for deskop
    */
      --title-1-font-size: 50px;
      --title-2-font-size: 40px;
      --title-3-font-size: 37px;
      --title-4-font-size: 32px;
      --title-5-font-size: 28px;
      --title-6-font-size: 20px;
    /*
      Text size varibles for desktop
    */
      --text-1-font-size: 26px;
      --text-2-font-size: 22px;
      --text-3-font-size: 20px;
      --text-4-font-size: 18px;
      --text-5-font-size: 16px;
      --text-6-font-size: 14px;
    }
}

