@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/
*/
.val-footer__container {
  max-width: 1160px;
  margin: auto;
}
.val-footer__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 36px;
     -moz-column-gap: 36px;
          column-gap: 36px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 75px 0 0;
}
.val-footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.val-footer h2 {
  margin: 0;
}
.val-footer h2:after {
  border-bottom: 2px solid;
  display: block;
  margin: 10px 0 15px;
  content: "";
}
.val-footer__logotype {
  padding-bottom: 40px;
}
.val-footer h2,
.val-footer p {
  font-family: open sans semibold, sans-serif !important;
}
.val-footer img {
  height: 48px;
  width: auto !important;
}
.val-footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-family: open sans semibold, sans-serif !important;
}
.val-footer ul li {
  display: block;
  margin: 0 0 8px;
}
.val-footer a {
  font-family: open sans semibold, sans-serif !important;
  display: inline-block;
}
.val-footer a:focus-visible {
  outline: 2px solid;
}
.val-footer a:not([href^="tel:"], [href^=http]):after {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 6px;
}
.val-footer a[href^="tel:"] {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.val-footer a[href^="tel:"]:hover {
  text-decoration: none;
}
.val-footer .val-paragraph {
  display: block;
  margin: 0 0 8px;
}
@media screen and (width <= 768px) {
  .val-footer__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
    padding: 30px 0 25px;
  }
  .val-footer__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .val-footer img {
    height: 32px;
  }
}

.val-footer--dark {
  background: linear-gradient(70deg, #1e3476 37%, #154194 0);
  -webkit-box-shadow: inset 0 40px 20px -35px #1e3476;
          box-shadow: inset 0 40px 20px -35px #1e3476;
}
.val-footer--dark h2,
.val-footer--dark p {
  color: #ffffff !important;
}
.val-footer--dark h2:after {
  border-color: #ffffff;
}
.val-footer--dark a {
  color: #ffffff;
}
.val-footer--dark a:focus-visible {
  outline-color: #ffffff;
}
.val-footer--dark a:not([href^="tel:"], [href^=http]):after {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -1.203125rem/100% auto;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
@media screen and (width <= 768px) {
  .val-footer--dark {
    background: linear-gradient(75deg, #1e3476 37%, #154194 0);
  }
}

.val-footer--light {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #d4e7f6), color-stop(50%, #f4f4f4));
  background: linear-gradient(90deg, #d4e7f6 50%, #f4f4f4 50%);
  -webkit-box-shadow: inset 0 25px 20px -35px #000000;
          box-shadow: inset 0 25px 20px -35px #000000;
}
.val-footer--light .val-footer__container {
  background: linear-gradient(70deg, #d4e7f6 37%, #f4f4f4 0);
  -webkit-box-shadow: inset 0 25px 20px -35px #000000;
          box-shadow: inset 0 25px 20px -35px #000000;
}
.val-footer--light h2,
.val-footer--light p,
.val-footer--light li {
  color: #333333 !important;
}
.val-footer--light h2:after {
  border-color: #333333;
}
.val-footer--light a {
  color: #333333;
}
.val-footer--light a:focus-visible {
  outline-color: #333333;
}
.val-footer--light a:not([href^="tel:"], [href^=http]):after {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -1.203125rem/100% auto;
  -webkit-filter: invert(20%);
          filter: invert(20%);
}
.val-footer--light a[href^=http]:after {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -19.109375rem/100% auto;
  -webkit-filter: invert(20%);
          filter: invert(20%);
}
@media screen and (width <= 768px) {
  .val-footer--light {
    background: linear-gradient(75deg, #d4e7f6 37%, #f4f4f4 0);
  }
}

.val-footer--campaign {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #832465), color-stop(0, #eddfe9));
  background: linear-gradient(90deg, #832465 50%, #eddfe9 0);
  -webkit-box-shadow: inset 0 20px 25px -35px #832465;
          box-shadow: inset 0 20px 25px -35px #832465;
}
.val-footer--campaign .val-footer__container {
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #832465), color-stop(80%, #eddfe9));
  background: linear-gradient(90deg, #832465 80%, #eddfe9 80%);
  -webkit-box-shadow: inset 0 20px 25px -35px #832465;
          box-shadow: inset 0 20px 25px -35px #832465;
}
@media screen and (768px <= width <= 1024px) {
  .val-footer--campaign .val-footer__container {
    padding: 0 16px;
  }
}
.val-footer--campaign h2,
.val-footer--campaign p {
  color: #ffffff !important;
}
.val-footer--campaign h2 {
  font-size: 1.5rem;
  line-height: 2.0313rem;
}
.val-footer--campaign p {
  font-family: open sans regular, sans-serif !important;
}
.val-footer--campaign h2:after {
  border: none;
}
.val-footer--campaign a {
  color: #ffffff;
}
.val-footer--campaign a:focus-visible {
  outline-color: #ffffff;
}
.val-footer--campaign a:not([href^="tel:"], [href^=http]):after {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -1.203125rem/100% auto;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.val-footer--campaign .val-footer__column.val-footer__logotype {
  margin-top: 30px;
  grid-column: span 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0;
}
@media screen and (width <= 768px) {
  .val-footer--campaign .val-footer__column.val-footer__logotype {
    grid-column: unset;
  }
}
.val-footer--campaign .val-footer__columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  padding: 0;
}
@media screen and (width <= 768px) {
  .val-footer--campaign .val-footer__columns {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }
}
.val-footer--campaign .val-footer__column {
  padding-top: 75px;
}
.val-footer--campaign .val-footer__column:nth-child(1) {
  padding-right: 36px;
  margin-bottom: 20px;
}
.val-footer--campaign .val-footer__column:nth-child(2) {
  padding-left: 18px;
  padding-right: 18px;
}
.val-footer--campaign .val-footer__column:nth-child(3) {
  grid-row: 2 span;
  padding-left: 36px;
  background: radial-gradient(330% 1600px at 149%, #eddfe9 45%, transparent 45.05%);
  -webkit-box-shadow: inset 0 20px 25px -35px #832465;
          box-shadow: inset 0 20px 25px -35px #832465;
}
@media screen and (width <= 768px) {
  .val-footer--campaign .val-footer__column:nth-child(3) {
    grid-row: unset;
  }
}
.val-footer--campaign .val-footer__column:nth-child(3) h2,
.val-footer--campaign .val-footer__column:nth-child(3) p {
  color: #333333 !important;
}
.val-footer--campaign .val-footer__column:nth-child(3) a {
  color: #333333;
}
.val-footer--campaign .val-footer__column:nth-child(3) a:focus-visible {
  outline-color: #333333;
}
.val-footer--campaign .val-footer__column:nth-child(3) a:not([href^="tel:"], [href^=http]):after {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -1.203125rem/100% auto;
  -webkit-filter: invert(20%);
          filter: invert(20%);
}
@media screen and (width <= 768px) {
  .val-footer--campaign {
    background: #832465;
    background-position-y: -83px;
  }
  .val-footer--campaign h2 {
    font-size: 1.25rem;
  }
  .val-footer--campaign p {
    font-size: 1.125rem;
  }
  .val-footer--campaign .val-footer__container {
    background: none;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    padding: 0;
  }
  .val-footer--campaign .val-footer__columns {
    row-gap: 0;
    padding: 0;
  }
  .val-footer--campaign .val-footer__column {
    padding: 12px 16px;
  }
  .val-footer--campaign .val-footer__column:nth-child(3) {
    background: radial-gradient(175% 145% at bottom, #eddfe9 66.5%, #832465 67%);
    padding: 40px 16px 25px;
  }
  .val-footer--campaign .val-footer__column.val-footer__logotype {
    margin: 25px 16px 0;
  }
}