@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Dessa behöver vi gå igenom */
/* Education färger */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/* FONT SIZES */
/* desktop */
/* mobile */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.val-hero-area--campaign .sv-grid-557,
.val-hero-area--campaign .sv-grid-1160 {
  width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.val-hero-area--campaign h1,
.val-hero-area--campaign p,
.val-hero-area--campaign .val-lead a,
.val-hero-area--campaign .val-lead {
  color: #ffffff;
}
.val-hero-area--campaign h1 {
  font-size: 64px;
  line-height: 96px;
  margin-top: 23px;
}
.val-hero-area--campaign p {
  font-size: 36px;
  line-height: 46.8px;
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .val-hero-area--campaign p {
    font-size: 20px;
    line-height: 30px;
  }
}

.val-hero-area--campaign {
  padding: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #832465), color-stop(50%, #eddfe9));
  background: linear-gradient(90deg, #832465 50%, #eddfe9 50%);
}

.val-hero-area--campaign {
  padding: 0 60px;
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .val-hero-area--campaign {
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign {
    padding: 0px;
  }
}
.val-hero-area--campaign .val-hero-area__column--right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign .val-hero-area__column--left {
    padding: 0 16px;
  }
  .val-hero-area--campaign .val-hero-area__column--right {
    padding: 40px 16px 25px 16px;
    margin: 0;
    background: radial-gradient(175% 145% at bottom, #eddfe9 66.5%, #832465 67%);
  }
}
.val-hero-area--campaign .val-hero-area-content {
  background: radial-gradient(140% 2000px at 130%, #eddfe9 48%, #832465 48.05%);
  padding: 32px 0;
  margin: auto;
  max-width: 1160px;
}
.val-hero-area--campaign .val-hero-area-content:before, .val-hero-area--campaign .val-hero-area-content:after {
  content: none;
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign .val-hero-area-content {
    padding: 32px 0 0 0;
    background: #832465;
  }
}
.val-hero-area--campaign .val-hero-area-content__information {
  padding: 0 180px 50px 0;
  width: unset;
  max-width: unset;
}
.val-hero-area--campaign .val-hero-area-content__information:after {
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/main-sprite.svg") no-repeat 0 -461.25px/100% auto;
  width: 180px;
  height: 63.75px;
  min-width: 180px;
  -webkit-filter: invert(100%);
          filter: invert(100%);
  position: absolute;
  right: 60px;
  bottom: 0;
}
@media screen and (min-width: 1280px) {
  .val-hero-area--campaign .val-hero-area-content__information {
    padding: 0 180px 50px 0;
  }
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign .val-hero-area-content__information {
    padding: 0 0 50px 0;
    position: relative;
  }
  .val-hero-area--campaign .val-hero-area-content__information:after {
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/main-sprite.svg") no-repeat 0 -30px/100% auto;
    width: 48px;
    height: 45px;
    min-width: 48px;
    -webkit-filter: invert(100%);
            filter: invert(100%);
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.val-hero-area--campaign.val-hero-area--no-image .val-publish-date p {
  font-size: 16px;
  line-height: 24px;
}
.val-hero-area--campaign.val-hero-area--no-image h1 {
  font-size: 36px;
  line-height: 46.8px;
  margin-top: 23px;
}
.val-hero-area--campaign.val-hero-area--no-image p {
  font-size: 22px;
  line-height: 33px;
}
@media screen and (max-width: 768px) {
  .val-hero-area--campaign.val-hero-area--no-image h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .val-hero-area--campaign.val-hero-area--no-image p {
    font-size: 20px;
    line-height: 30px;
  }
}

.val-hero-area--campaign.val-hero-area--no-image {
  background: #832465;
}
.val-hero-area--campaign.val-hero-area--no-image .val-readspeaker-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.val-hero-area--campaign.val-hero-area--no-image .val-breadcrumbs {
  margin: 0;
}
.val-hero-area--campaign.val-hero-area--no-image .val-hero-area__column--right {
  background: none;
}
.val-hero-area--campaign.val-hero-area--no-image .val-hero-area-content {
  background: #832465;
}
.val-hero-area--campaign.val-hero-area--no-image .val-hero-area-content__information {
  padding: 0;
}
.val-hero-area--campaign.val-hero-area--no-image .val-hero-area-content__information--container {
  border-top: 1px solid #ffffff;
  margin-top: 20px;
  padding-top: 20px;
}
.val-hero-area--campaign.val-hero-area--no-image .val-hero-area-content__information:after {
  content: none;
}