@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Kompletterande färger till den nya grafiska profilen */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/*  FONT SIZES */
/*  desktop */
/* mobile */
/* print */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* dimensions-height-header */
/* Print style mixins */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.iw-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
@media print {
  .iw-visually-hidden {
    display: none !important;
  }
}

.iw-show-in-print {
  display: block !important;
}

button,
.button,
.val-button,
button.val-button--primary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  min-height: 3rem;
  padding: 0 1.5rem;
  border: 2px solid transparent;
  border-radius: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-family: open sans semibold, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  background-color: #154194;
  cursor: pointer;
}
@media print {
  button,
  .button,
  .val-button,
  button.val-button--primary {
    display: none;
  }
}
button:hover,
.button:hover,
.val-button:hover,
button.val-button--primary:hover {
  background-color: #1e3476;
  text-decoration: none;
}
button:focus,
.button:focus,
.val-button:focus,
button.val-button--primary:focus {
  background-color: #154194;
  color: #ffffff;
}
button:focus-visible,
.button:focus-visible,
.val-button:focus-visible,
button.val-button--primary:focus-visible {
  background-color: #154194;
  outline: 2px solid #154194;
  outline-offset: 3px;
  color: #ffffff;
}
button--variant, button--secondary,
.button--variant,
.button--secondary,
.val-button--variant,
.val-button--secondary,
button.val-button--primary--variant,
button.val-button--primary--secondary {
  white-space: normal;
  background-color: #ffffff;
  border: 2px solid #154194;
  color: #154194;
}
@media print {
  button--variant, button--secondary,
  .button--variant,
  .button--secondary,
  .val-button--variant,
  .val-button--secondary,
  button.val-button--primary--variant,
  button.val-button--primary--secondary {
    border-color: black;
    color: black;
  }
}
button--variant:hover, button--secondary:hover,
.button--variant:hover,
.button--secondary:hover,
.val-button--variant:hover,
.val-button--secondary:hover,
button.val-button--primary--variant:hover,
button.val-button--primary--secondary:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}
button--variant:focus, button--secondary:focus,
.button--variant:focus,
.button--secondary:focus,
.val-button--variant:focus,
.val-button--secondary:focus,
button.val-button--primary--variant:focus,
button.val-button--primary--secondary:focus {
  background-color: #ffffff;
  color: #154194;
}
button--variant:focus-visible, button--secondary:focus-visible,
.button--variant:focus-visible,
.button--secondary:focus-visible,
.val-button--variant:focus-visible,
.val-button--secondary:focus-visible,
button.val-button--primary--variant:focus-visible,
button.val-button--primary--secondary:focus-visible {
  background-color: #ffffff;
  outline: 2px solid #154194;
  outline-offset: 3px;
  color: #154194;
}
button--plum,
.button--plum,
.val-button--plum,
button.val-button--primary--plum {
  background-color: #832465;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
button--plum:after,
.button--plum:after,
.val-button--plum:after,
button.val-button--primary--plum:after {
  content: none;
}
button--plum:hover,
.button--plum:hover,
.val-button--plum:hover,
button.val-button--primary--plum:hover {
  background-color: #a71979;
  text-decoration: none;
}

h1,
.val-heading-1 {
  font-family: open sans semibold, sans-serif;
  font-size: 2.5rem;
  line-height: 3.25rem;
  margin: 24px 0;
}
@media screen and (width <= 768px) {
  h1,
  .val-heading-1 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin: 16px 0;
  }
}
@media print {
  h1,
  .val-heading-1 {
    font-family: open sans semibold, sans-serif !important;
    margin-bottom: 4pt;
    font-size: 24pt;
    line-height: 1.3;
  }
}

h2,
.val-heading-2 {
  font-family: open sans semibold, sans-serif;
  font-size: 1.5rem;
  line-height: 2.0313rem;
  margin: 24px 0 8px;
}
@media screen and (width <= 768px) {
  h2,
  .val-heading-2 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
    margin: 16px 0 8px;
  }
  h2--search,
  .val-heading-2--search {
    font-size: 1rem !important;
  }
}
@media print {
  h2,
  .val-heading-2 {
    font-family: open sans semibold, sans-serif !important;
    font-size: 18pt;
    line-height: 1.3;
  }
}

h3,
.val-heading-3 {
  font-family: open sans semibold, sans-serif;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  margin: 24px 0 8px;
}
@media screen and (width <= 768px) {
  h3,
  .val-heading-3 {
    font-size: 1.125rem;
    line-height: 1.5313rem;
    margin: 16px 0 8px;
  }
}
@media print {
  h3,
  .val-heading-3 {
    font-family: open sans semibold, sans-serif !important;
    font-size: 14pt;
    line-height: 1.3;
  }
}

h4,
.val-heading-4 {
  font-family: open sans semibold, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5313rem;
  margin: 24px 0 8px;
}
@media screen and (width <= 768px) {
  h4,
  .val-heading-4 {
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 16px 0 8px;
  }
}
@media print {
  h4,
  .val-heading-4 {
    font-family: open sans semibold, sans-serif !important;
    font-size: 12pt;
    line-height: 1.3;
  }
}

.val-lead,
.val-lead--line {
  font-family: open sans regular, sans-serif;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  margin: 24px 0 0;
  padding: 0;
  word-break: break-word;
}
main .sv-text-portlet .val-lead a,
main .sv-text-portlet .val-lead--line a {
  color: #ffffff;
}
@media screen and (width <= 768px) {
  .val-lead,
  .val-lead--line {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin: 16px 0 0;
  }
}
@media print {
  .val-lead,
  .val-lead--line {
    font-family: open sans regular, sans-serif !important;
    font-size: 16pt;
    line-height: 1.5;
  }
}

body,
.val-paragraph, .iw-accordion .val-lead,
.iw-accordion .val-lead--line {
  font-family: open sans regular, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
@media screen and (width <= 768px) {
  body,
  .val-paragraph, .iw-accordion .val-lead,
  .iw-accordion .val-lead--line {
    line-height: 1.5rem;
  }
}

.val-paragraph {
  margin: 0 0 12px;
}
.val-paragraph a {
  color: #154194;
}
.val-paragraph .sv-linkicon {
  width: auto;
  margin: auto;
}

@media print {
  p, .val-paragraph, a {
    font-family: open sans regular, sans-serif !important;
    font-size: 12pt;
    line-height: 1.5;
  }
}