:root {
  
    --body-bg-color: #001E86;
  
  
    --bg-page-header: #FFFFFF;
  
  
  
  
    --icon-color: #B3C7E7;
   
}










  body {
    background-color: #001E86;
  }

  @media print {
    .header {
      background-color: #001E86 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(0, 30, 134, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(227, 100%, 11%);
  }





  .background-image {
    display: block;
  }



  @media (max-width: 767px) {
    .background-image {
      background-image: url("/uploaded_files/947/f8f06c46af6f459aa66a659c5ed4c340/Namnlös design (10).jpg");
    }
  }



  @media (min-width: 768px) {
    .background-image {
      background-image: url("/uploaded_files/947/ae8e56ebec8c414186013ba15c354c25/Namnlös design (2).png");
    }
  }







  .header {
    color: #001E96;
  }



  .background-image,
  .widget .background-image {
    background-color: #FFFFFF;
  }

  @media print {
    .header {
      background-color: #FFFFFF !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(255, 255, 255, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(0, 0%, 85%);
  }



  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #B3C7E7;
  }

  a:focus .icon-color,
  a:hover .icon-color,
  button:focus .icon-color,
  button:hover .icon-color,
  a:focus .custom-icon-wrapper,
  a:hover .custom-icon-wrapper,
  .main__aside button:focus .custom-icon-wrapper,
  .main__aside button:hover .custom-icon-wrapper,
  .category-list a:focus .custom-icon-wrapper,
  .category-list a:hover .custom-icon-wrapper {
    color: #799CD5;
  }

  @media print {
    .main__aside .category-list-item__icon,
    .main__aside .category-list-item .link-color[aria-expanded="true"] .custom-icon-wrapper,
    a:focus .custom-icon-wrapper,
    a:hover .custom-icon-wrapper,
    .main__aside button:focus .custom-icon-wrapper,
    .main__aside button:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper,
    .category-list a:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper--color-only,
    .category-list a:hover .custom-icon-wrapper--color-only {
      color: #B3C7E7;
    }
  }