@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");
p {
  color: inherit; }

/* Här startar generella settings */
/* Här slutar generella settings */
/* HANDLING IMAGES LEEDING OUT ON SMALLER SCREENS */
video,
iframe,
img {
  max-width: 100%; }

html {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  margin-block-start: 0;
  margin-block-end: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
ul,
ol,
.box__container--medium .box__container__top p {
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@media (max-width: 1500px) {
  html {
    font-size: 16px;
    color: magenta; } }

@media (max-width: 992px) {
  html {
    font-size: 16px;
    color: magenta; } }

@media (max-width: 768px) {
  html {
    font-size: 16px;
    color: magenta; } }

@media (max-width: 576px) {
  html {
    font-size: 16px;
    color: magenta; } }

.weight-bold {
  font-family: "Source Sans Pro", Arial, sans-serif;
  letter-spacing: normal;
  font-weight: 700; }

strong,
b {
  font-family: "Source Sans Pro", Arial, sans-serif;
  letter-spacing: normal;
  font-weight: 700; }

/*
Rubriker
H0 60px LF Rubrik $lf-blue-blue
H1 50px LF Rubrik $lf-blue-blue
h2 40px IntroCond-Bold $lf-blue-navy
h3 28px IntroCond-Bold $lf-blue-navy
h3-special 23px IntroCond-Bold $lf-blue-navy
h4 20px IntroCond-Bold $lf-blue-navy
h5 20px IntroCond-Regular $lf-blue-navy
h6 12px IntroCond-Bold $gray-gray
p-large 20px IntroCond-Regular $lf-black
p 16px arial $lf-black
p-small 12px arial $lf-black
*/
/*------------------------*/
/*  TOP & BOTTOM PADDINGS */
/*------------------------*/
.group-progress,
.task-header,
.group-box-chapter-header,
.task-form__two-columns,
.welcome .welcome__wrapper .task_header,
task-header__content .page-wrapper--small {
  padding-top: 50px; }
  @media (max-width: 992px) {
    .group-progress,
    .task-header,
    .group-box-chapter-header,
    .task-form__two-columns,
    .welcome .welcome__wrapper .task_header,
    task-header__content .page-wrapper--small {
      padding-top: 50px; } }
  @media (max-width: 576px) {
    .group-progress,
    .task-header,
    .group-box-chapter-header,
    .task-form__two-columns,
    .welcome .welcome__wrapper .task_header,
    task-header__content .page-wrapper--small {
      padding-top: 40px; } }
.welcome__wrapper.u-scroll .task-header {
  padding-top: 80px; }

.cms-plugin-akt_portal-generalpage-8 .page-wrapper {
  padding-top: 30px; }
  @media (max-width: 992px) {
    .cms-plugin-akt_portal-generalpage-8 .page-wrapper {
      padding-top: 30px; } }
  @media (max-width: 576px) {
    .cms-plugin-akt_portal-generalpage-8 .page-wrapper {
      padding-top: 18px; } }
.stages {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0; }

.stage__header.stage__header--theme-1,
.stage__header.stage__header--theme-2 {
  padding-top: 0;
  margin-bottom: 0; }
  @media (max-width: 1500px) {
    .stage__header.stage__header--theme-1,
    .stage__header.stage__header--theme-2 {
      margin-top: 1em; } }
  @media (max-width: 992px) {
    .stage__header.stage__header--theme-1,
    .stage__header.stage__header--theme-2 {
      margin-top: 1em; } }
  @media (max-width: 768px) {
    .stage__header.stage__header--theme-1,
    .stage__header.stage__header--theme-2 {
      margin-top: 1em; } }
  @media (max-width: 576px) {
    .stage__header.stage__header--theme-1,
    .stage__header.stage__header--theme-2 {
      margin-top: 1em; } }
.stage--open .stage__header--theme-2 h2,
.stage--open .stage__header--theme-1 h2 {
  margin-top: 2rem; }

.stage__header__h1 h2.h1 {
  transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  -webkit-transform: translateY(3.5rem); }

.stage__header__body img {
  width: 7rem; }

.stage__header__body h1 {
  margin-top: 2rem; }

.stage__header__body .u-embedded-video {
  max-width: 714px;
  margin-right: auto;
  margin-left: auto; }

/* .stage__bottom {
  height: 60px;
}
*/
.stage {
  margin-bottom: 0; }

.stage__header {
  min-height: 5em; }

.task-form__two-columns,
.task-form__two-columns .task__container,
.group-exercise .task-form__two-columns .task__container {
  margin-top: 0 !important; }

/*
.hero__one .hero__header,
.hero__two .hero__header {
  padding-top: 120px;
  padding-bottom: 60px;
    }
    @media (max-width: $screen-l) {
        .hero__one .hero__header,
        .hero__two .hero__header{
            padding-top: 150px;
            padding-bottom: 100px;
    } }
    @media (max-width: $screen-s) {
        .hero__one .hero__header,
        .hero__two .hero__header {
            padding-top: 100px;
            padding-bottom: 70px;
    } }
*/
.task-header--9 h3,
.task-header--10 h3,
.task-header--13 h3,
.task-header--14 h3 {
  margin-top: 0; }

/*-------------------*/
/*   Pagewrappers    */
/*-------------------*/
.task-header__content,
.page-wrapper--small,
.hero__header .page-wrapper--small {
  max-width: 992px; }

.welcome__wrapper .page-wrapper--small,
.group-progress {
  max-width: 768px; }

.page-wrapper--medium {
  max-width: 1180px; }

/*------------------------------*/
/*   Pagewrappers task-header   */
/*------------------------------*/
form .task-header .page-wrapper {
  max-width: 914px; }

.task-header--1.task-header--blob_circle_l .task-header__content,
.task-header--9.task-header--blob_circle_l .task-header__content,
.task-header--10.task-header--blob_circle_l .task-header__content,
.task-header--1.task-header--blob_square_l .task-header__content,
.task-header--9.task-header--blob_square_l .task-header__content,
.task-header--10.task-header--blob_square_l .task-header__content {
  width: calc(100% - 260px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--blob_circle_l .task-header__content,
    .task-header--9.task-header--blob_circle_l .task-header__content,
    .task-header--10.task-header--blob_circle_l .task-header__content,
    .task-header--1.task-header--blob_square_l .task-header__content,
    .task-header--9.task-header--blob_square_l .task-header__content,
    .task-header--10.task-header--blob_square_l .task-header__content {
      width: 100%; } }
.task-header--1.task-header--blob_circle_m .task-header__content,
.task-header--9.task-header--blob_circle_m .task-header__content,
.task-header--10.task-header--blob_circle_m .task-header__content,
.task-header--1.task-header--blob_square_m .task-header__content,
.task-header--9.task-header--blob_square_m .task-header__content,
.task-header--10.task-header--blob_square_m .task-header__content {
  width: calc(100% - 180px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--blob_circle_m .task-header__content,
    .task-header--9.task-header--blob_circle_m .task-header__content,
    .task-header--10.task-header--blob_circle_m .task-header__content,
    .task-header--1.task-header--blob_square_m .task-header__content,
    .task-header--9.task-header--blob_square_m .task-header__content,
    .task-header--10.task-header--blob_square_m .task-header__content {
      width: 100%; } }
.task-header--1.task-header--blob_circle_s .task-header__content,
.task-header--9.task-header--blob_circle_s .task-header__content,
.task-header--10.task-header--blob_circle_s .task-header__content,
.task-header--1.task-header--blob_square_s .task-header__content,
.task-header--9.task-header--blob_square_s .task-header__content,
.task-header--10.task-header--blob_square_s .task-header__content {
  width: calc(100% - 150px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--blob_circle_s .task-header__content,
    .task-header--9.task-header--blob_circle_s .task-header__content,
    .task-header--10.task-header--blob_circle_s .task-header__content,
    .task-header--1.task-header--blob_square_s .task-header__content,
    .task-header--9.task-header--blob_square_s .task-header__content,
    .task-header--10.task-header--blob_square_s .task-header__content {
      width: 100%; } }
.task-header--1.task-header--blob_circle_xs .task-header__content,
.task-header--9.task-header--blob_circle_xs .task-header__content,
.task-header--10.task-header--blob_circle_xs .task-header__content,
.task-header--1.task-header--blob_square_xs .task-header__content,
.task-header--9.task-header--blob_square_xs .task-header__content,
.task-header--10.task-header--blob_square_xs .task-header__content {
  width: calc(100% - 100px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--blob_circle_xs .task-header__content,
    .task-header--9.task-header--blob_circle_xs .task-header__content,
    .task-header--10.task-header--blob_circle_xs .task-header__content,
    .task-header--1.task-header--blob_square_xs .task-header__content,
    .task-header--9.task-header--blob_square_xs .task-header__content,
    .task-header--10.task-header--blob_square_xs .task-header__content {
      width: 100%; } }
.task-header--1.task-header--blob_creative .task-header__content,
.task-header--9.task-header--blob_creative .task-header__content,
.task-header--10.task-header--blob_creative .task-header__content {
  width: calc(100% - 290px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--blob_creative .task-header__content,
    .task-header--9.task-header--blob_creative .task-header__content,
    .task-header--10.task-header--blob_creative .task-header__content {
      width: 100%; } }
.task-header--1 .blob,
.task-header--9 .blob,
.task-header--10 .blob {
  margin: 7px 0 auto auto; }
  @media (max-width: 767px) {
    .task-header--1 .blob,
    .task-header--9 .blob,
    .task-header--10 .blob {
      margin: 0 auto; } }
.welcome__wrapper .task-header .page-wrapper {
  max-width: 864px; }

.task__container .page-wrapper,
.task__container.page-wrapper--small {
  max-width: 914px; }

.feedback {
  max-width: 850px; }

.page-wrapper:not(.page-wrapper--no-padding) {
  padding-left: 50px;
  padding-right: 50px; }

/*----------------------*/
/* XL_FONT  */
/* size 100px för laptop */
/*----------------------*/
.XL_font {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 5.4rem;
  color: #000;
  font-weight: 400;
  line-height: 0.98;
  padding: 5px;
  margin-block-end: 0.5em; }
  @media (max-width: 1500px) {
    .XL_font {
      font-size: 4.375rem; } }
  @media (max-width: 992px) {
    .XL_font {
      font-size: 4.375rem; } }
  @media (max-width: 768px) {
    .XL_font {
      font-size: 4.375rem; } }
  @media (max-width: 576px) {
    .XL_font {
      font-size: 2.5rem; } }
/*----------------------*/
/* H0 Hero samt h1.h0   */
/* size 60px för laptop */
/*----------------------*/
.hero__header h1,
h1.h0,
.h0,
.curtain__frame h1,
.welcome .welcome__wrapper h1 {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 4.875rem;
  color: #000;
  font-weight: 400;
  line-height: 0.98;
  padding: 5px;
  margin-block-end: 0.2em; }
  @media (max-width: 1500px) {
    .hero__header h1,
    h1.h0,
    .h0,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 3.75rem; } }
  @media (max-width: 992px) {
    .hero__header h1,
    h1.h0,
    .h0,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 3.75rem; } }
  @media (max-width: 768px) {
    .hero__header h1,
    h1.h0,
    .h0,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 3.75rem; } }
  @media (max-width: 576px) {
    .hero__header h1,
    h1.h0,
    .h0,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 2.5rem; } }
/*--------------------------*/
/* H1 Welcomeview + curtain */
/* size 50px för laptop     */
/*--------------------------*/
h1,
.h1,
.stage__header .h1,
.stage__header--theme-1 h1,
.task-header__content h1 {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 4.225rem;
  color: #000;
  font-weight: 400;
  line-height: 1;
  margin-block-end: 0.5rem; }
  @media (max-width: 1500px) {
    h1,
    .h1,
    .stage__header .h1,
    .stage__header--theme-1 h1,
    .task-header__content h1 {
      font-size: 3.25rem; } }
  @media (max-width: 992px) {
    h1,
    .h1,
    .stage__header .h1,
    .stage__header--theme-1 h1,
    .task-header__content h1 {
      font-size: 3.25rem; } }
  @media (max-width: 768px) {
    h1,
    .h1,
    .stage__header .h1,
    .stage__header--theme-1 h1,
    .task-header__content h1 {
      font-size: 3.25rem; } }
  @media (max-width: 576px) {
    h1,
    .h1,
    .stage__header .h1,
    .stage__header--theme-1 h1,
    .task-header__content h1 {
      font-size: 2.275rem; } }
h1.tagline {
  font-size: 1.4rem; }
  @media (max-width: 1500px) {
    h1.tagline {
      font-size: 1.4rem; } }
  @media (max-width: 992px) {
    h1.tagline {
      font-size: 1.4rem; } }
  @media (max-width: 768px) {
    h1.tagline {
      font-size: 1.2rem; } }
  @media (max-width: 576px) {
    h1.tagline {
      font-size: 1rem; } }
.box__container__top__left h1,
.box__container__top h1,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h1,
.box__container__bottom .box__container__bottom__body__content h1,
.box__container--small__header h1,
.box__container--small__body-content h1 {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 3.25rem;
  color: #000;
  font-weight: 400;
  line-height: 1;
  margin-block-end: 0.5em; }
  @media (max-width: 576px) {
    .box__container__top__left h1,
    .box__container__top h1,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h1,
    .box__container__bottom .box__container__bottom__body__content h1,
    .box__container--small__header h1,
    .box__container--small__body-content h1 {
      font-size: 2.275rem; } }
/*--------------------------*/
/* H2  */
/* size 40px för laptop      */
/*--------------------------*/
.hero__header h2,
.hero-title,
.stage__header h2,
.stage__header--theme-1 h2,
.task-header__content h2,
.small-stage__header h2,
.welcome .welcome__wrapper h2,
.group-progress h1 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 800;
  font-size: 3.25rem;
  color: #1a535c;
  line-height: 1;
  margin-block-end: 0.5em; }
  @media (max-width: 1500px) {
    .hero__header h2,
    .hero-title,
    .stage__header h2,
    .stage__header--theme-1 h2,
    .task-header__content h2,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .group-progress h1 {
      font-size: 2.5rem; } }
  @media (max-width: 992px) {
    .hero__header h2,
    .hero-title,
    .stage__header h2,
    .stage__header--theme-1 h2,
    .task-header__content h2,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .group-progress h1 {
      font-size: 2.5rem; } }
  @media (max-width: 768px) {
    .hero__header h2,
    .hero-title,
    .stage__header h2,
    .stage__header--theme-1 h2,
    .task-header__content h2,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .group-progress h1 {
      font-size: 2.5rem; } }
  @media (max-width: 576px) {
    .hero__header h2,
    .hero-title,
    .stage__header h2,
    .stage__header--theme-1 h2,
    .task-header__content h2,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .group-progress h1 {
      font-size: 1.75rem; } }
.hero__header h2 {
  color: #fff !important; }

.hero-title {
  margin: 0; }

.box__container__top__left h2,
.box__container__top h2,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h2,
.box__container__bottom .box__container__bottom__body__content h2,
.box__container--small__header h2,
.box__container--small__body-content h2 {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 2.5rem;
  color: #1a535c;
  line-height: 1.35;
  margin-block-end: 0.5em; }
  @media (max-width: 576px) {
    .box__container__top__left h2,
    .box__container__top h2,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h2,
    .box__container__bottom .box__container__bottom__body__content h2,
    .box__container--small__header h2,
    .box__container--small__body-content h2 {
      font-size: 1.75rem; } }
/*----------------------------------*/
/* H3 hightlightad fråga i exercise */
/* size 28px för laptop              */
/*----------------------------------*/
h2,
.h2,
.hero__header h3,
.group-exercise h2,
.group-exercise .h2,
.welcome .welcome__wrapper h3,
.stage__header h3,
.stage__header--theme-1 h3,
.group-progress .sessions__wrapper h2,
.task-header__content h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 2.275rem;
  color: #1a535c;
  margin-block-end: 0.5em;
  line-height: 1.35; }
  @media (max-width: 1500px) {
    h2,
    .h2,
    .hero__header h3,
    .group-exercise h2,
    .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    .stage__header h3,
    .stage__header--theme-1 h3,
    .group-progress .sessions__wrapper h2,
    .task-header__content h3 {
      font-size: 1.75rem; } }
  @media (max-width: 992px) {
    h2,
    .h2,
    .hero__header h3,
    .group-exercise h2,
    .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    .stage__header h3,
    .stage__header--theme-1 h3,
    .group-progress .sessions__wrapper h2,
    .task-header__content h3 {
      font-size: 1.75rem; } }
  @media (max-width: 768px) {
    h2,
    .h2,
    .hero__header h3,
    .group-exercise h2,
    .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    .stage__header h3,
    .stage__header--theme-1 h3,
    .group-progress .sessions__wrapper h2,
    .task-header__content h3 {
      font-size: 1.75rem; } }
  @media (max-width: 576px) {
    h2,
    .h2,
    .hero__header h3,
    .group-exercise h2,
    .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    .stage__header h3,
    .stage__header--theme-1 h3,
    .group-progress .sessions__wrapper h2,
    .task-header__content h3 {
      font-size: 1.5rem; } }
/*-------------------------------------------------*/
/* H3 special boxar (box title) och cards största  */
/* size 20px för laptop (gäller ej small box       */
/*-------------------------------------------------*/
.box__container--medium .box__container__top h3,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3,
.box__container__bottom .box__container__bottom__body__content h3,
.box__container--small__header h1,
.box__container--small__body-content h3,
.single-card--four .card--circle .card__back h3,
.single-card--four .card--circle .card__front h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  padding-left: 0.5em;
  padding-right: 0.5em;
  z-index: 2;
  margin-block-end: 0.5em;
  transform: translateY(-100px); }
  @media (max-width: 576px) {
    .box__container--medium .box__container__top h3,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3,
    .box__container__bottom .box__container__bottom__body__content h3,
    .box__container--small__header h1,
    .box__container--small__body-content h3,
    .single-card--four .card--circle .card__back h3,
    .single-card--four .card--circle .card__front h3 {
      font-size: 1.125rem; } }
.box__container__top__left h3,
.box__container__top h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  color: #1a535c;
  line-height: 1.3;
  margin-block-end: 0.5em;
  margin-top: 0px; }
  @media (max-width: 576px) {
    .box__container__top__left h3,
    .box__container__top h3 {
      font-size: 1.125rem; } }
/*-----------------------------------*/
/* H4 — Box title, option title      */
/* preparation box title, list title */
/* card title                        */
/* size 20px för laptop                */
/*-----------------------------------*/
h3,
.h3,
.hero__header h4,
.welcome .welcome__wrapper h4,
.stage__header h4,
.stage__header--theme-1 h4,
.task-header__content h4,
.task-header--8 p.u-text-align-center {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.75rem;
  color: #1a535c;
  line-height: 1.3;
  margin-block-end: 0.5em; }
  @media (max-width: 1500px) {
    h3,
    .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header h4,
    .stage__header--theme-1 h4,
    .task-header__content h4,
    .task-header--8 p.u-text-align-center {
      font-size: 1.3rem; } }
  @media (max-width: 992px) {
    h3,
    .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header h4,
    .stage__header--theme-1 h4,
    .task-header__content h4,
    .task-header--8 p.u-text-align-center {
      font-size: 1.3rem; } }
  @media (max-width: 768px) {
    h3,
    .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header h4,
    .stage__header--theme-1 h4,
    .task-header__content h4,
    .task-header--8 p.u-text-align-center {
      font-size: 1.3rem; } }
  @media (max-width: 576px) {
    h3,
    .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header h4,
    .stage__header--theme-1 h4,
    .task-header__content h4,
    .task-header--8 p.u-text-align-center {
      font-size: 1.125rem; } }
.single-card--five h3.weight-bold,
.radio__text-wrapper h3.weight-bold {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: #000;
  line-height: 1.25;
  margin-block-end: 1em; }
  @media (max-width: 1500px) {
    .single-card--five h3.weight-bold,
    .radio__text-wrapper h3.weight-bold {
      font-size: 1.3rem; } }
  @media (max-width: 992px) {
    .single-card--five h3.weight-bold,
    .radio__text-wrapper h3.weight-bold {
      font-size: 1.3rem; } }
  @media (max-width: 768px) {
    .single-card--five h3.weight-bold,
    .radio__text-wrapper h3.weight-bold {
      font-size: 1.3rem; } }
  @media (max-width: 576px) {
    .single-card--five h3.weight-bold,
    .radio__text-wrapper h3.weight-bold {
      font-size: 1.125rem; } }
form#form-19 .single-card--five h3.weight-bold,
form#form-19 .radio__text-wrapper h3.weight-bold,
form#form-36 .single-card--five h3.weight-bold,
form#form-36 .radio__text-wrapper h3.weight-bold,
form#form-37 .single-card--five h3.weight-bold,
form#form-37 .radio__text-wrapper h3.weight-bold {
  color: #fff; }

.box__container--small__header h3,
.box__container--small__body-content h3,
.box__container--small__header h4,
.box__container--small__body-content h4,
.box__container__top__left h4,
.box__container__top h4,
.box__container--small h4,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h4,
.box__container__bottom .box__container__bottom__body__content h4 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  color: #1a535c;
  line-height: 1.3;
  margin-block-end: 0.5em; }
  @media (max-width: 576px) {
    .box__container--small__header h3,
    .box__container--small__body-content h3,
    .box__container--small__header h4,
    .box__container--small__body-content h4,
    .box__container__top__left h4,
    .box__container__top h4,
    .box__container--small h4,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h4,
    .box__container__bottom .box__container__bottom__body__content h4 {
      font-size: 1.125rem; } }
/*-----------------------------*/
/* H5 — subtitle i hero, stage */
/* info head, box: 18          */
/* size 18px för laptop         */
/*-----------------------------*/
h4,
.h4,
h5,
.h5,
.hero__header h5,
.welcome .welcome__wrapper h5,
.stage__header h5,
.stage__header--theme-1 h5,
.task-header__content h5,
.group-exercise h3,
.group-exercise .h3,
#menu__topbar.menu--scrolled_passed .menu__header,
.menu__subheader,
.group-exercise h4,
.group-exercise .h4,
.single-card--four .card--circle .card__back h3,
.single-card--four .card--circle .card__front h5 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #1a535c;
  line-height: 1.3;
  margin-block-end: 0.5em; }
  @media (max-width: 1500px) {
    h4,
    .h4,
    h5,
    .h5,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h5,
    .stage__header--theme-1 h5,
    .task-header__content h5,
    .group-exercise h3,
    .group-exercise .h3,
    #menu__topbar.menu--scrolled_passed .menu__header,
    .menu__subheader,
    .group-exercise h4,
    .group-exercise .h4,
    .single-card--four .card--circle .card__back h3,
    .single-card--four .card--circle .card__front h5 {
      font-size: 1.125rem; } }
  @media (max-width: 992px) {
    h4,
    .h4,
    h5,
    .h5,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h5,
    .stage__header--theme-1 h5,
    .task-header__content h5,
    .group-exercise h3,
    .group-exercise .h3,
    #menu__topbar.menu--scrolled_passed .menu__header,
    .menu__subheader,
    .group-exercise h4,
    .group-exercise .h4,
    .single-card--four .card--circle .card__back h3,
    .single-card--four .card--circle .card__front h5 {
      font-size: 1.125rem; } }
  @media (max-width: 768px) {
    h4,
    .h4,
    h5,
    .h5,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h5,
    .stage__header--theme-1 h5,
    .task-header__content h5,
    .group-exercise h3,
    .group-exercise .h3,
    #menu__topbar.menu--scrolled_passed .menu__header,
    .menu__subheader,
    .group-exercise h4,
    .group-exercise .h4,
    .single-card--four .card--circle .card__back h3,
    .single-card--four .card--circle .card__front h5 {
      font-size: 1.125rem; } }
  @media (max-width: 576px) {
    h4,
    .h4,
    h5,
    .h5,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h5,
    .stage__header--theme-1 h5,
    .task-header__content h5,
    .group-exercise h3,
    .group-exercise .h3,
    #menu__topbar.menu--scrolled_passed .menu__header,
    .menu__subheader,
    .group-exercise h4,
    .group-exercise .h4,
    .single-card--four .card--circle .card__back h3,
    .single-card--four .card--circle .card__front h5 {
      font-size: 1.1rem; } }
.box__container__top__left h5,
.box__container__top h5,
.box__container--small__header h5,
.box__container--small__body-content h5,
.box__container--small h5,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h5,
.box__container__bottom .box__container__bottom__body__content h5 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #1a535c;
  line-height: 1.3;
  margin-block-end: 0.5em; }
  @media (max-width: 576px) {
    .box__container__top__left h5,
    .box__container__top h5,
    .box__container--small__header h5,
    .box__container--small__body-content h5,
    .box__container--small h5,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h5,
    .box__container__bottom .box__container__bottom__body__content h5 {
      font-size: 1.1rem; } }
/*-----------------------------*/
/* H6 — pyttigrå
/*-----------------------------*/
h6,
.h6,
.hero__header h6,
.welcome .welcome__wrapper h6,
.stage__header h6,
.stage__header--theme-1 h6,
.task-header__content h6,
.group-exercise h6,
.group-progress .sessions__wrapper h6,
.box__container__top h6,
.box__container__top__left h6,
.box__container--small h6,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h6,
.box__container__bottom .box__container__bottom__body__content h6,
.single-card--four .card--circle .card__back h6,
.single-card--four .card--circle .card__front h6,
.box__container--small__header h6,
.box__container--small__body-content h6 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: #1a535c;
  line-height: 1.45;
  letter-spacing: .5px;
  margin-block-end: 0.8em; }
  @media (max-width: 1500px) {
    h6,
    .h6,
    .hero__header h6,
    .welcome .welcome__wrapper h6,
    .stage__header h6,
    .stage__header--theme-1 h6,
    .task-header__content h6,
    .group-exercise h6,
    .group-progress .sessions__wrapper h6,
    .box__container__top h6,
    .box__container__top__left h6,
    .box__container--small h6,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h6,
    .box__container__bottom .box__container__bottom__body__content h6,
    .single-card--four .card--circle .card__back h6,
    .single-card--four .card--circle .card__front h6,
    .box__container--small__header h6,
    .box__container--small__body-content h6 {
      font-size: 0.75rem; } }
  @media (max-width: 992px) {
    h6,
    .h6,
    .hero__header h6,
    .welcome .welcome__wrapper h6,
    .stage__header h6,
    .stage__header--theme-1 h6,
    .task-header__content h6,
    .group-exercise h6,
    .group-progress .sessions__wrapper h6,
    .box__container__top h6,
    .box__container__top__left h6,
    .box__container--small h6,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h6,
    .box__container__bottom .box__container__bottom__body__content h6,
    .single-card--four .card--circle .card__back h6,
    .single-card--four .card--circle .card__front h6,
    .box__container--small__header h6,
    .box__container--small__body-content h6 {
      font-size: 0.75rem; } }
  @media (max-width: 768px) {
    h6,
    .h6,
    .hero__header h6,
    .welcome .welcome__wrapper h6,
    .stage__header h6,
    .stage__header--theme-1 h6,
    .task-header__content h6,
    .group-exercise h6,
    .group-progress .sessions__wrapper h6,
    .box__container__top h6,
    .box__container__top__left h6,
    .box__container--small h6,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h6,
    .box__container__bottom .box__container__bottom__body__content h6,
    .single-card--four .card--circle .card__back h6,
    .single-card--four .card--circle .card__front h6,
    .box__container--small__header h6,
    .box__container--small__body-content h6 {
      font-size: 0.75rem; } }
  @media (max-width: 576px) {
    h6,
    .h6,
    .hero__header h6,
    .welcome .welcome__wrapper h6,
    .stage__header h6,
    .stage__header--theme-1 h6,
    .task-header__content h6,
    .group-exercise h6,
    .group-progress .sessions__wrapper h6,
    .box__container__top h6,
    .box__container__top__left h6,
    .box__container--small h6,
    .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h6,
    .box__container__bottom .box__container__bottom__body__content h6,
    .single-card--four .card--circle .card__back h6,
    .single-card--four .card--circle .card__front h6,
    .box__container--small__header h6,
    .box__container--small__body-content h6 {
      font-size: 0.75rem; } }
.box__time__container span {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 0.9rem;
  color: #000;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .5px;
  margin-block-end: 0.4em; }
  @media (max-width: 576px) {
    .box__time__container span {
      font-size: 0.75rem; } }
/*---------------------------*/
/* PARAGRAPH SIZE LARGER P   */
/*---------------------------*/
.hero__header p,
.hero__header .lead p,
.welcome .welcome__wrapper p,
.welcome .welocme__wrapper .lead p,
.curtain__frame p,
.curtain__frame .lead p,
.hero__header li,
.curtain__frame li {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  color: #000;
  line-height: 1.45;
  margin-block-end: 1em; }
  @media (max-width: 1500px) {
    .hero__header p,
    .hero__header .lead p,
    .welcome .welcome__wrapper p,
    .welcome .welocme__wrapper .lead p,
    .curtain__frame p,
    .curtain__frame .lead p,
    .hero__header li,
    .curtain__frame li {
      font-size: 1.3rem; } }
  @media (max-width: 992px) {
    .hero__header p,
    .hero__header .lead p,
    .welcome .welcome__wrapper p,
    .welcome .welocme__wrapper .lead p,
    .curtain__frame p,
    .curtain__frame .lead p,
    .hero__header li,
    .curtain__frame li {
      font-size: 1.3rem; } }
  @media (max-width: 768px) {
    .hero__header p,
    .hero__header .lead p,
    .welcome .welcome__wrapper p,
    .welcome .welocme__wrapper .lead p,
    .curtain__frame p,
    .curtain__frame .lead p,
    .hero__header li,
    .curtain__frame li {
      font-size: 1.3rem; } }
  @media (max-width: 576px) {
    .hero__header p,
    .hero__header .lead p,
    .welcome .welcome__wrapper p,
    .welcome .welocme__wrapper .lead p,
    .curtain__frame p,
    .curtain__frame .lead p,
    .hero__header li,
    .curtain__frame li {
      font-size: 1.125rem; } }
.box__container__top__left p,
.box__container__top p {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.45;
  margin-block-end: 1em; }
  @media (max-width: 576px) {
    .box__container__top__left p,
    .box__container__top p {
      font-size: 1.1rem; } }
p.go-on {
  font-size: 1.1rem !important;
  color: #1a535c !important;
  font-weight: 700 !important; }

.small-team::before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/42/3e/423e24eb-6091-4256-9be5-9a39b3138071/symboler_mlr-13.svg?Expires=2275673176&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=McalGKTECjDHsL3dmP%2FLSwXxWqAX2Pzm%2ByDS%2B6As4COaMO8joDZV4VQXk6U12%2BFhv%2FelC9dwkpKnazjg%2FrhV6WkJhJmeOyg0TbFqfnRP8iTigfGCxODoEg4qX%2FOVXhiKSpa1Se12dUhiM5HDZWA%2Fh05LOPWIAnZK%2Bfp6YRu%2F2fND5Qf26AlvXuLqyyBnZepBTgW5uSff903ehVpQ6%2FGnt15vYkY7jQJWi3a0dy0mTkqpF8P3kVDtxxZ4CE0B1mWw6VujB7SxOTt1QEB%2FlEzg3D8kVSBfoRXJo99axzk3yTz3UO1ffi67dNRyfC%2FlPDjrGBI7I1%2BxQQJVW1tssGpOtw%3D%3D");
  height: 130px;
  width: 130px;
  display: inline-block;
  top: 16px;
  right: 80px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%; }

.large-team::before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/40/b9/40b94ece-ddf1-48fd-bf78-ab9bec997ddc/symboler_mlr-14.svg?Expires=2275673204&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=YZK6kz%2FoH7GuPQAEK7dKeprVvOzpaaIIddigs%2BOnvErPkgM2tZouQetNnjhb75dI8Z7lO1i9G1aixZk8pXJ2KHyCMevo3VY1sgoSpuOjd9J8MikqlVH37cnU1W4OijoGKqZyxmC1Xj08sssaYLa8jXtjQN0LbEGxtLCfv4GVi%2BYwK3N97HKOhYCPpBvu1Si0ByOjIbj9K7VlZEQ3wybhJKlXyMuHawL7akGGEiGEE4ZwyHEPQxv5C7hxT2JGdI%2BdaxDDUUX7wSK9B63j6qMSw64GXs%2BjW%2BhtJWaH%2BVLHrDnmcC7lZRcewroLZto5f%2B2hNomCNSDxOHxJ0Irpp8iGKg%3D%3D");
  height: 130px;
  width: 130px;
  display: inline-block;
  top: 16px;
  right: 80px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%; }

.solo::before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/31/ef/31ef0b40-c349-4d0c-8310-f0a5277066cd/symboler_mlr-01.svg?Expires=2275673048&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=JOgXQM29hdProBAZJGXwPvxBgzhfKgygz1wfU2ndXiv2K2AEFQ3yS9x87PivARAEYg32oeSpK5XZIDgeTO6RDS0IVi5tfe8W6Hh8VphzER9XiH8IEGDwsZxGcWG%2Fz0z%2FwOWINIVsrU22imcqgAwrsWYzUs1t8JsSz0ERqTlFfETuvR9G4U5EFk7mtXp%2FnChzotNvAUxCa6pSlY1HRL%2Bf%2FvdxC2qWkMwSy38nkDh9Eg5PhbvbqY9jmgbrJNjxzKAddYZMLzeIXA4fqvB3JJbeMItHDpAuOp1urUjOWsVQiRll63UQdev%2FAfSvWKnyeQq2sPg99rfNJ2B0Pc5CAYeW5w%3D%3D");
  height: 130px;
  width: 130px;
  display: inline-block;
  top: 16px;
  right: 80px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%; }

.duo::before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/37/d6/37d6931c-2fbf-4dac-8b62-6d7e1d48b8c7/symboler_mlr-12.svg?Expires=2275673143&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=WHL%2FdIxlhivYClcf3aCdLFWN%2F1z%2BpkJ4D%2FdsiApJTHXCEZquZIGrQGy2dIXV7nFpqJ%2F4xwUktuE%2BixXZPTdbROQCih1rxbqD37NKC1d86UwgMGc7I5ZaJEhVWNR%2BvECO9RQyqAD8aT4Fgdqb5dxSUtexb2EtVFhaUJy0vY2jFFg7igGEcd5d475xiEoSujH4Lx2KuAqa0hlC2tzvrX2ORz%2BcbMbiotHu3BkvMAamK%2BNr58z2C4LXdFETJUDUhCKWOgpLxKdqQeBsCf00%2BwjXp4VicS147QPMksnOewb3NUFuRKnRo%2Bkset8KOm5t7FmT0DhiAdsrjfIoBYLZqg4phg%3D%3D");
  height: 130px;
  width: 130px;
  display: inline-block;
  top: 16px;
  right: 80px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%; }

/*---------------------------*/
/* PARAGRAPH SIZE ORDINARY P */
/*---------------------------*/
p,
.lead p,
p.lead,
li,
.li,
textarea,
.stage__header .page-wrapper .stage__header__body p,
.stage__header .page-wrapper--medium .stage__header__body p,
.stage__header .page-wrapper--medium .page-wrapper--small,
.task-header__content p,
.group-exercise .lead p,
.group-exercise p.lead,
.info-page__content p,
.curtain__frame p,
.group-exercise p,
.welcome .welcome__wrapper li,
.content__text,
.group-box-swiper-slide .blob .blob__content p,
.group-progress h2,
.speech-left,
.speech-right {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #000;
  line-height: 1.4;
  margin-block-end: 1em; }
  @media (max-width: 1500px) {
    p,
    .lead p,
    p.lead,
    li,
    .li,
    textarea,
    .stage__header .page-wrapper .stage__header__body p,
    .stage__header .page-wrapper--medium .stage__header__body p,
    .stage__header .page-wrapper--medium .page-wrapper--small,
    .task-header__content p,
    .group-exercise .lead p,
    .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    .welcome .welcome__wrapper li,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2,
    .speech-left,
    .speech-right {
      font-size: 1.2rem; } }
  @media (max-width: 992px) {
    p,
    .lead p,
    p.lead,
    li,
    .li,
    textarea,
    .stage__header .page-wrapper .stage__header__body p,
    .stage__header .page-wrapper--medium .stage__header__body p,
    .stage__header .page-wrapper--medium .page-wrapper--small,
    .task-header__content p,
    .group-exercise .lead p,
    .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    .welcome .welcome__wrapper li,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2,
    .speech-left,
    .speech-right {
      font-size: 1.2rem; } }
  @media (max-width: 768px) {
    p,
    .lead p,
    p.lead,
    li,
    .li,
    textarea,
    .stage__header .page-wrapper .stage__header__body p,
    .stage__header .page-wrapper--medium .stage__header__body p,
    .stage__header .page-wrapper--medium .page-wrapper--small,
    .task-header__content p,
    .group-exercise .lead p,
    .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    .welcome .welcome__wrapper li,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2,
    .speech-left,
    .speech-right {
      font-size: 1.2rem; } }
  @media (max-width: 576px) {
    p,
    .lead p,
    p.lead,
    li,
    .li,
    textarea,
    .stage__header .page-wrapper .stage__header__body p,
    .stage__header .page-wrapper--medium .stage__header__body p,
    .stage__header .page-wrapper--medium .page-wrapper--small,
    .task-header__content p,
    .group-exercise .lead p,
    .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    .welcome .welcome__wrapper li,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2,
    .speech-left,
    .speech-right {
      font-size: 1rem; } }
.box__container__bottom__body__content p,
.box__container--small__body-container p,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content p,
.box__container__bottom .box__container__bottom__body__content p,
div .b-side,
div .inside {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
  line-height: 1.25;
  margin-block-end: 1em; }

.feedback p {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff; }
  @media (max-width: 1500px) {
    .feedback p {
      font-size: 1.2rem; } }
  @media (max-width: 992px) {
    .feedback p {
      font-size: 1.2rem; } }
  @media (max-width: 768px) {
    .feedback p {
      font-size: 1.2rem; } }
  @media (max-width: 576px) {
    .feedback p {
      font-size: 1rem; } }
/*-------------------------------------------------*/
/* Special font settings for Manage group exercise */
/*------------------------------------------------ */
.group-progress {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px; }
  @media (max-width: 992px) {
    .group-progress {
      margin-top: 30px; } }
  @media (max-width: 576px) {
    .group-progress {
      margin-top: 18px; } }
.group-progress h2 {
  margin: 1.6rem 0 1.6rem 0; }

.sessions a,
.sessions link {
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 19px 24px;
  margin-right: 10px;
  vertical-align: middle;
  content: '\2192';
  color: #1a535c;
  text-decoration: none; }
  .sessions a :hover,
  .sessions link :hover {
    color: #1a535c; }
  .sessions a :active,
  .sessions link :active {
    color: #1a535c;
    transform: translateY(2px); }

/*----------------------*/
/* PROGRESSBAR ON BOX   */
/*----------------------*/
.box__progress__content a {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff; }
  .box__progress__content a :hover {
    color: #fff; }
  .box__progress__content a :active {
    color: #fff; }

/*------------*/
/*  BUTTONS   */
/*------------*/
.button.button--primary.js-hide-curtain-button,
.button.button--primary.button--welcome-progress,
.button.button--progress.button--small,
a.textlink,
.button--primary.button--preparation,
.accordion__button__readmore,
.accordion__button__close {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #fff; }
  @media (min-width: 1500px) {
    .button.button--primary.js-hide-curtain-button,
    .button.button--primary.button--welcome-progress,
    .button.button--progress.button--small,
    a.textlink,
    .button--primary.button--preparation,
    .accordion__button__readmore,
    .accordion__button__close {
      font-size: 1.125rem !important; } }
.accordion__button__readmore,
.accordion__button__close {
  color: #1a535c; }

.icon-plus::after, .icon-plus::before {
  background-color: #1a535c; }

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  max-height: 40px; }

@media (max-width: 576px) {
  .swiper-container .swiper-button-prev {
    padding-left: 10px; } }

.button.button--primary.button--welcome-progress,
.button.button--progress.button--small {
  background-color: #1a535c;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .button.button--primary.button--welcome-progress:hover, .button.button--primary.button--welcome-progress:focus,
  .button.button--progress.button--small:hover,
  .button.button--progress.button--small:focus {
    background-color: transparent !important;
    color: #1a535c; }

.swiper-button-disabled {
  opacity: 1 !important; }
  .swiper-button-disabled .button.button--primary.button--welcome-progress,
  .swiper-button-disabled .button.button--progress.button--small {
    cursor: none;
    background-color: #6d6d6d;
    color: #000; }
    .swiper-button-disabled .button.button--primary.button--welcome-progress:hover,
    .swiper-button-disabled .button.button--progress.button--small:hover {
      background-color: #6d6d6d; }

.task-progress-pagination .task-progress__circle span {
  font-family: "Bebas Neue", Arial, sans-serif; }

.box__start-btn.button--small,
.button--small,
.button--small.button--primary {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  text-align: center;
  color: #1a535c;
  background-color: transparent;
  margin-bottom: 14px; }
  @media (min-width: 1500px) {
    .box__start-btn.button--small,
    .button--small,
    .button--small.button--primary {
      font-size: 1.125rem !important; } }
.button--large {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  text-align: center;
  color: #1a535c; }

@media (min-width: 1500px) {
  .button--large {
    font-size: 1.125rem !important; } }

.button {
  border-radius: 20px;
  border: 1px #1a535c solid; }
  .button:active {
    color: inherit; }

.button--disabled,
.swiper-button-next[data-state="skip"] .button.button--progress.button--small {
  cursor: none;
  background-color: #6d6d6d;
  color: #000;
  box-shadow: none !important; }
  .button--disabled:hover,
  .swiper-button-next[data-state="skip"] .button.button--progress.button--small:hover {
    background-color: #6d6d6d !important; }

.button--primary:not(.button--disabled) {
  background-color: transparent;
  color: #1a535c; }
  .button--primary:not(.button--disabled):hover {
    background-color: #1a535c;
    color: #fff;
    text-decoration: none; }
  .button--primary:not(.button--disabled):active, .button--primary:not(.button--disabled):not(.button--disabled):focus {
    background-color: #1a535c;
    color: #fff;
    text-decoration: none; }

.task__submit .button--primary:not(.button--disabled) {
  animation: button-1 4s 10s ease 3 forwards; }

.group-progress .button--large {
  line-break: strict;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  width: inherit; }

.group-progress .sessions__wrapper {
  padding-bottom: 20px;
  margin-bottom: 40px;
  display: none; }
  .group-progress .sessions__wrapper .sessions ul li {
    margin-bottom: 0;
    list-style-type: none; }
    .group-progress .sessions__wrapper .sessions ul li::before {
      display: none; }

.button--small {
  padding: 0.125rem 0.625rem; }

.button--large,
.button.button--primary.js-hide-curtain-button {
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  padding-left: 3rem;
  padding-right: 3rem;
  min-width: 180px; }

@media (max-width: 768px) {
  .button--large,
  .button.button--primary.js-hide-curtain-button {
    min-width: 160px; } }

@media (max-width: 576px) {
  .button--large,
  .button.button--primary.js-hide-curtain-button {
    min-width: 160px; } }

@media (min-width: 1500px) {
  .button--large,
  .button.button--primary.js-hide-curtain-button {
    min-width: 234px; } }

@media (max-width: 576px) {
  .button.button--progress.button--small {
    font-size: 0;
    background-color: #1a535c;
    line-height: 0;
    width: 30px;
    min-width: auto;
    height: 30px;
    padding: 0.5em;
    color: #fff;
    border-color: #fff !important;
    border-width: 2px;
    border-style: solid;
    border-radius: 999px; }
    .button.button--progress.button--small::before {
      content: '';
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 32' style='enable-background:new 0 0 18 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Lager_2_1_'%3E%3Cg id='Arrows'%3E%3Cpath class='st0' d='M1,32c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L15.5,16L0.3,1.7c-0.4-0.4-0.4-1,0-1.4 c0.4-0.4,1-0.4,1.4,0l16,15c0.4,0.4,0.4,1,0,1.4c0,0,0,0,0,0l-16,15C1.5,31.9,1.2,32,1,32z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      height: 16px;
      width: 16px;
      display: block;
      background-repeat: no-repeat;
      margin-left: 10px; } }

@media (max-width: 576px) {
  .swiper-button-disabled .button.button--progress.button--small {
    background-color: #878787 !important;
    border-color: #fff !important;
    border-width: 2px;
    border-style: solid; }
    .swiper-button-disabled .button.button--progress.button--small::before {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 32' style='enable-background:new 0 0 18 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cg id='Lager_2_1_'%3E%3Cg id='Arrows'%3E%3Cpath class='st0' d='M1,32c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L15.5,16L0.3,1.7c-0.4-0.4-0.4-1,0-1.4 c0.4-0.4,1-0.4,1.4,0l16,15c0.4,0.4,0.4,1,0,1.4c0,0,0,0,0,0l-16,15C1.5,31.9,1.2,32,1,32z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } }

@media (max-width: 576px) {
  .swiper-button-prev .button.button--progress.button--small::before {
    transform: rotate(180deg);
    margin-left: 0px; } }

@media (max-width: 576px) {
  .task-progress-pagination .task-progress-pagination-container .task-progress__circle span {
    width: 21px;
    height: 21px;
    padding: 4px;
    font-size: 11px; } }

.button--form-submit {
  box-shadow: none; }

a.textlink,
.button--primary.button--preparation {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  user-select: none;
  text-decoration: none;
  position: relative;
  text-align: left !important;
  padding: 0 2.1875rem;
  line-height: 1.5rem;
  color: #1a535c; }
  @media (max-width: 576px) {
    a.textlink,
    .button--primary.button--preparation {
      padding: 0 1.5rem; } }
  a.textlink:before,
  .button--primary.button--preparation:before {
    content: "";
    width: 0;
    height: 0;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .5em solid;
    display: inline-block;
    vertical-align: middle;
    margin-right: .4em;
    margin-top: .23em; }
    @media (max-width: 576px) {
      a.textlink:before,
      .button--primary.button--preparation:before {
        font-size: 1.5rem; } }
  a.textlink:hover:before,
  .button--primary.button--preparation:hover:before {
    color: #1a535c; }
  a.textlink:focus:before,
  .button--primary.button--preparation:focus:before {
    color: #1a535c; }
  a.textlink:hover,
  .button--primary.button--preparation:hover {
    color: #1a535c;
    text-decoration: underline;
    box-shadow: none;
    background-color: transparent;
    /*
        box-shadow: $box-shadow;
        -webkit-box-shadow: $box-shadow; */ }
  a.textlink:active,
  .button--primary.button--preparation:active {
    color: #1a535c; }

/*************************************************************/
/* swiper-button har jag lämnat, pga får se hur de ska vara	*/
/*************************************************************/
/*Ta bort för pilar på knappar 
.button.button--primary.button--welcome-progress::after,
.button.button--primary.button--welcome-progress::before,
.button.button--progress.button--small:after,
.button.button--progress.button--small:before{
//.swiper-button-next .button--primary::after{
  font-family: $font-button-secondary;
  font-size: 28px;
  letter-spacing: normal;
} @media (min-width: $screen-xl) {
    .button.button--primary.button--welcome-progress::after,
    .button.button--primary.button--welcome-progress::before,
    .button.button--progress.button--small:after,
    .button.button--progress.button--small:before {
        font-size: 28px;
  } }

*/
.group-box-swiper-slide .blob .blob__content p {
  margin-bottom: 0; }

.menu__center,
.menu__right,
.menu__left,
select {
  padding: 0 0;
  height: 100%;
  max-height: 60px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.4rem;
  color: #fff; }
  @media (max-width: 1500px) {
    .menu__center,
    .menu__right,
    .menu__left,
    select {
      font-size: 1.2rem; } }
  @media (max-width: 992px) {
    .menu__center,
    .menu__right,
    .menu__left,
    select {
      font-size: 1.2rem; } }
  @media (max-width: 768px) {
    .menu__center,
    .menu__right,
    .menu__left,
    select {
      font-size: 1.2rem; } }
  @media (max-width: 576px) {
    .menu__center,
    .menu__right,
    .menu__left,
    select {
      max-height: 50px;
      font-size: 1rem; } }
  .menu__center button,
  .menu__right button,
  .menu__left button,
  select button {
    border: none; }

#menu__topbar .menu__logo_wrapper,
#menu__topbar .menu__topbar__bg {
  opacity: 1;
  visibility: visible; }

/*------------------------*/
/*   LIKERTS SCALE LABEL  */
/*------------------------*/
.likert-scale .likert-scale__lables li {
  font-family: "Source Sans Pro", Arial, sans-serif;
  list-style-image: none;
  list-style: none;
  font-weight: 700;
  font-size: 1.2rem; }
  @media (max-width: 576px) {
    .likert-scale .likert-scale__lables li {
      font-size: 0.8rem; } }
/*-------------------*/
/* LISTS AND TABLES  */
/*-------------------*/
ul,
ol {
  padding-top: 0;
  list-style-position: outside; }
  ul li,
  ol li {
    padding-top: 0;
    margin-block-end: 0.5em; }
    ul li p,
    ol li p {
      padding: 0 !important;
      margin: 0 !important; }

@media (min-width: 1500px) {
  ul,
  ol {
    margin-block-start: 0; }
    ul li,
    ol li {
      padding-top: 0;
      margin-block-end: 0.5em; } }

/*
.page-wrapper {
  ul:not(.likert-scale__lables) { 
    list-style-position: inside;
    padding-left: 0;
    li {
    list-style: none;
    padding-left: 20px;
    padding-bottom: 0.4rem;
    &::before {
      content:''; 
      display:inline-block; 
      height: 0.8em; 
      width: 0.8em; 
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f35b1c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Elistsymbol%3C/title%3E%3Cg id='Lager_2' data-name='Lager 2'%3E%3Cg id='Lager_1-2' data-name='Lager 1'%3E%3Cg id='shape-half-circle'%3E%3Cpath class='cls-1' d='M0,20A10,10,0,0,0,10,10,10,10,0,0,0,0,0V20Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: -20px;
      margin-top: 0.4rem;
      position: absolute;
    }
  }
  }
}
*/
/*----------------*/
/* General links */
/*--------------- */
.page-wrapper a:not(.button) {
  font-family: "Source Sans Pro", Arial, sans-serif;
  color: #1a535c;
  font-weight: 400;
  text-decoration: none;
  /*	&:before {
       content: "";
       width: 0;
       height: 0;
       border-top: .4em solid transparent;
       border-bottom: .4em solid transparent;
       border-left: .5em solid;
       display: inline-block;
       vertical-align: middle;
       margin-right: .4em;
       margin-top: .23em; 
     }*/ }
  .page-wrapper a:not(.button):hover {
    color: #1a535c;
    text-decoration: underline; }
  .page-wrapper a:not(.button):active {
    color: #1a535c; }

.page-wrapper h3 a:not(.button) {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-weight: 400;
  color: inherit; }

/*---------------------------*/
/* CLOCK (TIME) ICON SIZES   */
/*---------------------------*/
span.clock-icon:before,
span.clock-icon-white:before {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.25rem;
  transform: translateY(-0.1rem);
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem); }

@media (min-width: 1500px) {
  span.clock-icon:before,
  span.clock-icon-white:before {
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 0.25rem; } }

/*---------------------------*/
/* HAND (WAVE) ICON SIZES   */
/*---------------------------*/
span.hand-icon:before {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.25rem;
  transform: translateY(-0.1rem);
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem); }

@media (min-width: 1500px) {
  span.hand-icon:before {
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 0.25rem; } }

/*------------------------------------*/
/* XXX margins on different text elements */
/*-------------------------------*/
.stage__header h2 {
  margin-top: 0; }

.info-page__content h1 {
  margin-bottom: 1rem; }

.radio__body.lead h3,
.radio__body.lead h4,
.radio__body h3,
.radio__body h4,
.radio__text-wrapper h3,
.radio__text-wrapper h4 {
  margin-bottom: 0.6rem; }

/****************/
/* END OF FONTS	*/
/****************/
/*--------------------------*/
/* WELCOME + GROUP INFO SPLASH */
/*--------------------------*/
.modal__backdrop {
  background: rgba(0, 0, 0, 0.65); }

.welcome .welcome__content {
  border-radius: 0px; }
  .welcome .welcome__content .swiper-navigation {
    display: none; }

@media (min-width: 768px) {
  .welcome .welcome__content {
    margin-top: 2.5rem; } }

.welcome .welcome__content .swiper-container .swiper-slide {
  height: calc(100% + 1px);
  border-radius: 0px 0px 0px 0px; }

.welcome .welcome__wrapper {
  height: calc(100% - 60px);
  /*    &::-webkit-scrollbar-thumb {
          background-image: linear-gradient($vattenfall-mid-blue, transparent);
          border-radius: $corner-s;
          }
        &::-webkit-scrollbar-track {
          box-shadow: inset 7px 0 2px -7px rgba(0,0,0,0.1);
          background-color: transparent;
      }
      */ }
  .welcome .welcome__wrapper::-webkit-scrollbar {
    background-color: transparent; }

.group-exercise .welcome .welcome__wrapper {
  height: calc(100% - 15px); }

.group-exercise .welcome__content .u-scroll {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: linear-gradient(180deg, #fff 85%, rgba(255, 255, 255, 0) 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), to(rgba(255, 255, 255, 0)));
  mask-image: linear-gradient(180deg, #fff 85%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask-image: linear-gradient(180deg, #fff calc(100% - 100px), rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(180deg, #fff calc(100% - 100px), rgba(255, 255, 255, 0) 100%); }

.welcome .swiper-container .swiper-navigation > .page-wrapper {
  /* Mjölkvit halvtransparent swiper med svag topptkant
      background-color: $white;
      opacity: 0.5;
      box-shadow: 0px 2px 6px 3px rgba(0,0,0,0.2);*/
  background-color: transparent;
  height: 60px;
  border-radius: 0 0 0px 0px; }

.icon-close {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 36px;
  height: 36px;
  border: 4px solid #1a535c;
  border-radius: 50%;
  padding-bottom: 0;
  background-color: #fff; }

.icon-close::before,
.icon-close::after {
  background-color: #1a535c;
  height: 4px;
  top: calc(50% - 0.1rem); }

.icon-close::before {
  transform: translate(-50%, 0) rotate(-45deg);
  -webkit-transform: translate(-50%, 0) rotate(-45deg);
  -ms-transform: translate(-50%, 0) rotate(-45deg); }

.icon-close::after {
  transform: translate(-50%, 0) rotate(45deg);
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  -ms-transform: translate(-50%, 0) rotate(45deg); }

/*--------------*/
/*  SWIPER NAV  */
/*--------------*/
.swiper-container .swiper-slide {
  height: calc(100%); }
  .swiper-container .swiper-slide .task {
    height: calc(100% - 80px);
    min-height: 100%; }
    .swiper-container .swiper-slide .task .task-header {
      margin-bottom: 80px; }
    .swiper-container .swiper-slide .task .task-header + .task__container {
      margin-top: -80px;
      margin-bottom: 80px;
      padding-bottom: 80px; }
    .swiper-container .swiper-slide .task .task__container + .feedback__wrapper {
      margin-top: -115px; }

.welcome__content .swiper-container .swiper-navigation {
  background-color: #d7d7d7; }

.swiper-container.swiper-buttons-dark .swiper-pagination-bullet {
  background: #4a4a4a;
  width: 0.8rem;
  height: 0.8rem; }

.swiper-container.swiper-buttons-dark .swiper-pagination-bullet-active {
  background: #1e96a8;
  transform: scale(1); }

/*----------------------------*/
/*  NAVBAR & MENUE SETTINGS   */
/*----------------------------*/
#menu__topbar {
  z-index: 10; }

#menu__topbar.menu--scrolled_passed .menu__header {
  visibility: hidden; }

.menu__topbar_wrapper {
  padding-left: 0px;
  margin-top: 8px; }

.navbar__item {
  color: #000;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  text-transform: uppercase;
  margin-top: -8px; }
  .navbar__item .home-icon {
    padding: 2px; }
  .navbar__item .navbar__icon {
    max-height: 36px;
    width: auto; }
  .navbar__item:hover {
    color: #000;
    opacity: 1;
    text-decoration: none;
    border-width: 0.5px;
    border-bottom-color: #cacaca; }
  .navbar__item:active {
    color: #000; }
  .navbar__item span,
  .navbar__item .menu__item__link {
    color: inherit;
    padding-right: 0.8rem; }

#menu__topbar,
#menu__topbar.menu--small {
  height: 60px; }
  @media (max-width: 576px) {
    #menu__topbar,
    #menu__topbar.menu--small {
      height: 40px; } }
/*--------------------------*/
/*  NAVBAR & MENUE ICONS    */
/*--------------------------*/
.menu__logo_wrapper {
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 9px;
  padding-bottom: 17px;
  /*  Ta bort för specifik logo i svg
      &:before {
        content:'';
		background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 246.61 40.55'%3E%3Cpath d='M202.84 33.28a1.35 1.35 0 0 0-.06.14 1.24 1.24 0 0 1 .06-.14m.27-.35L203 33l.08-.06m.42-.24l-.19.08.19-.08M101.85 20.28c0-6.3 3.81-13.07 12.19-13.07s12.19 6.79 12.19 13.07-3.82 13.07-12.23 13.07-12.19-6.78-12.19-13.07m-7.35-3.86h-6.21V4.13a3.73 3.73 0 0 0-3.8-3.91 3.82 3.82 0 0 0-3.91 3.91v12.29h-6.7c-.16-10-6.53-16.2-16.72-16.2s-16.56 6.2-16.72 16.2h-6.92V4.13A3.82 3.82 0 0 0 29.57.22a3.73 3.73 0 0 0-3.8 3.91v20.41c0 5.6-3.29 8.81-9 8.81s-9-3.21-9-8.81V4.13A3.73 3.73 0 0 0 3.91.22 3.82 3.82 0 0 0 0 4.13V24c0 10.2 6.41 16.55 16.74 16.55s16.67-6.29 16.73-16.43h6.92v12.53a3.82 3.82 0 0 0 3.91 3.91 3.73 3.73 0 0 0 3.8-3.91V16.24c0-5.6 3.29-8.81 9-8.81s9 3.21 9 8.81v20.41a3.73 3.73 0 0 0 3.9 3.9 3.82 3.82 0 0 0 3.91-3.91V24.12h6.68v12.3a3.82 3.82 0 0 0 3.91 3.91 3.77 3.77 0 0 0 3.8-3.91v-12.3h6.26a19.83 19.83 0 0 0 39.07 0h5.76v12.53a3.82 3.82 0 0 0 3.91 3.91 3.73 3.73 0 0 0 3.8-3.91V16.24c0-5.6 3.29-8.81 9-8.81s9 3.21 9 8.81v20.41a3.73 3.73 0 0 0 3.8 3.91 3.82 3.82 0 0 0 3.91-3.91V24.12h5.86c1.6 9.61 9.07 15.76 19.33 15.76h5.84a4.27 4.27 0 0 0 3.16-1.22 3.73 3.73 0 0 0 1-2.49 3.22 3.22 0 0 0-1.85-3 5 5 0 0 0-2.14-.47 1.59 1.59 0 0 0-.29 0 1.1 1.1 0 0 1 .15 0h-5.73c-6 0-10.26-3.17-11.63-8.5h26.6v12.45a3.82 3.82 0 0 0 3.89 3.9 3.73 3.73 0 0 0 3.8-3.91v-20.4c0-5.6 3.29-8.81 9-8.81s9 3.21 9 8.81v20.41a3.73 3.73 0 0 0 3.79 3.91 3.82 3.82 0 0 0 3.91-3.91V16.79c0-10.22-6.41-16.57-16.74-16.57s-16.56 6.2-16.72 16.2h-26.5c1.37-5.34 5.6-8.5 11.63-8.5h5.58a5 5 0 0 0 3.41-1.12 3.43 3.43 0 0 0 1-2.57 1.26 1.26 0 0 1 0 .17 3.22 3.22 0 0 0-.76-2.45 4.51 4.51 0 0 0-3.58-1.29H198c-10.26 0-17.73 6.15-19.33 15.76h-5.87c-.16-10-6.53-16.2-16.72-16.2s-16.57 6.2-16.72 16.2h-5.78a19.83 19.83 0 0 0-39.06 0' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E");
        height: 50px;
        width: 150px;
        display: block;
        background-repeat: no-repeat;
        top: 0;
      }
        img.menu__logo {
        display: none;
    }
	*/ }
  @media (max-width: 576px) {
    .menu__logo_wrapper {
      padding-top: 4px;
      padding-bottom: 12px; } }
/*
//Testa att få med deras Brand Bar
.menu--scrolled_passed {
    #menu__topbar, 
    .menu__topbar__bg {
        background-color: $white !important;
        border-bottom: $border-box;
    }
}
*/
@media (max-width: 960px) {
  .navbar__item:not(.navbar__burger) {
    display: inherit; } }

#menu__topbar:not(.menu--small) .menu__topbar__bg {
  background-color: transparent; }

#menu__topbar:not(.menu--small) .navbar__item.language-picker {
  visibility: visible;
  /*  .select__wrapper {
            img {
                visibility: hidden;
            }
            &::after {
                content: '\e00d';
                // background-image: url("https://storage.googleapis.com/akt-swe/filer_public/9a/ef/9aef5b5d-672d-4468-a14d-ba8a249fdbc1/arrow_wh.png?Expires=2217159041&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=EDhaUz4yFqifDcx1UuQHfKQGASIH2QRXhoD4g8yTW2eRT7Cq5xh6dxepYQheQkeGiV4nRSSpR3lbSOBXESGd1Ibiah51aJM0dGF1mxfJVccGc4%2BGErvpWSd7GxDW4r1hYCWZaVkYjRlHCE4KlRqQcLNW1POkDmmMkHhGYbrfY9rbcnA3srG6C4rMHGK17eH5Hcuw3Zre%2FSkgg9x3sDpnmJONuREU7nR1rtnw5r39ugniBV2p0H9PYHQPkoL9of6kXvyQrIieqflKzrYTDLSqEn%2BEjDFP7%2FjeGGN3zrfRzKPDqs%2B3m46bFTp7WG3Mja1MHC8IXHrwyWeQ%2Bl3i%2BEsg3g%3D%3D");
                // background-size: contain;
                // background-repeat: no-repeat;
                display: inline-block;
                width: 15px;
                height: 15px;
                visibility: visible !important;
                margin-top: 7px;
                font-size: 1rem;
                color: $mtr-orange;
            }
        } */ }
  #menu__topbar:not(.menu--small) .navbar__item.language-picker select {
    color: #fcf6e6; }
    #menu__topbar:not(.menu--small) .navbar__item.language-picker select option {
      color: #000; }

.language-picker.icon--hidden select {
  width: auto !important;
  margin-left: 10px;
  min-width: 95px; }

select::-ms-expand {
  display: none; }

#menu__topbar:not(.menu--small) > .menu__topbar_wrapper > .menu__right .navbar__item.navbar__burger {
  color: #1a535c; }
  #menu__topbar:not(.menu--small) > .menu__topbar_wrapper > .menu__right .navbar__item.navbar__burger #menu__icon__burger .icon_hamburger span,
  #menu__topbar:not(.menu--small) > .menu__topbar_wrapper > .menu__right .navbar__item.navbar__burger #menu__icon__burger .icon_hamburger::after,
  #menu__topbar:not(.menu--small) > .menu__topbar_wrapper > .menu__right .navbar__item.navbar__burger #menu__icon__burger .icon_hamburger::before {
    background-color: #1a535c; }

#menu.menu--open .icon_hamburger span,
#menu.menu--open .icon_hamburger::after,
#menu.menu--open .icon_hamburger::before {
  background-color: #fff !important; }

.menu--small .icon_hamburger span,
.menu--small .icon_hamburger::after,
.menu--small .icon_hamburger::before {
  background-color: #000; }

/* 
.menu__topbar__bg {
	&:before {
	content:'';
    background: #fc9f1c;
    background-image: -webkit-gradient(linear,left top,right top,from(#fa7f25),to(#fdbe13));
    background-image: -webkit-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: -moz-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: -o-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: linear-gradient(to right,#fa7f25,#fdbe13);
    height: 8px;
    display: block;
    }
}
*/
/* Alternativ till brand-bar, om man vill ha den sticky i toppen på alla sidor
body {
	&:before {
	content:'';	
    background: #fc9f1c;
    background-image: -webkit-gradient(linear,left top,right top,from(#fa7f25),to(#fdbe13));
    background-image: -webkit-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: -moz-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: -o-linear-gradient(left,#fa7f25,#fdbe13);
    background-image: linear-gradient(to right,#fa7f25,#fdbe13);
    height: 8px;
    display: block;
    }
}
*/
@media (max-width: screen-s) {
  .navbar__item.span {
    display: none; } }

/*-------*/
/*  MENU */
/*-------*/
#menu__topbar:not(.menu--scrolled_passed) .menu__content {
  padding-top: 75px; }

.menu__content {
  background-color: #1e96a8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 0px;
  padding-right: 0px; }
  .menu__content .menu__item__link {
    color: #fff; }

.menu__item {
  color: #fff;
  text-transform: uppercase;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin: 0;
  border-bottom-style: solid;
  border-width: 0.5px;
  border-bottom-color: #d7d7d7; }
  .menu__item:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
    background-color: #1e96a8;
    border-width: 0.5px;
    border-bottom-color: #cacaca; }
  .menu__item:active {
    color: #fff; }
  .menu__item span,
  .menu__item .menu__item__link {
    color: inherit; }

.mobile .menu__item__img,
.mobile .menu__item svg {
  display: none; }

/*
  .mobile label.menu__item.menu-language-picker {
  	svg {
      display: none;
  }*/
/* .menu__item__img,
  .menu-logout-icon>svg {
  	display: none;
  }
*/
/*-------------*/
/*   HERO      */
/*-------------*/
.hero__footer {
  padding-bottom: 1.5rem; }
  .hero__footer img {
    max-height: 4rem; }

/*-------------*/
/*   STAGES    */
/*-------------*/
.stage:first-of-type {
  width: 100%;
  pointer-events: none;
  min-height: initial;
  max-width: none !important; }

/*.stage__bottom {
    height: 40px;
  } */
.stages {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0; }

.stage__header.stage__header--theme-1 {
  padding-top: 0;
  margin-top: 20px;
  margin-bottom: 0; }

div.stage:not(.stage--open) > .stage__bottom > .stage__icon {
  animation: button-1 3s 5s ease 10 forwards; }

.stage__icon svg path {
  display: none; }

/* 


  //Stage icon plus eller pil ner
  div.stage:not(.stage--open) > .stage__bottom > .stage__icon {
    content: "";
  //  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 128 128' height='55px' id='plus' version='1.1' viewBox='0 0 128 128' width='55px' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23005AA0' points='127,59 69,59 69,1 59,1 59,59 1,59 1,69 59,69 59,127 69,127 69,69 127,69 '/%3E%3C/g%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 128 128' height='32px' id='plus' version='1.1' viewBox='0 0 128 128' width='32px' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23005AA0' points='127,59 69,59 69,1 59,1 59,59 1,59 1,69 59,69 59,127 69,127 69,69 127,69 '/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 46px;
    width: 46px;
    transform: translatey(-20px);
    -webkit-transform: translatey(-20px);
    -ms-transform: translatey(-20px);
  }

  //Stage icon minus eller pil upp
  .stage.stage--open > .stage__bottom {
  	.stage__icon {
   	content: "";
    //background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 128 128' height='55px' id='minus' version='1.1' viewBox='0 0 128 128' width='55px' xml:space='preserve'%3E%3Cg%3E%3Crect fill='%23005AA0' height='10' width='126' x='1' y='59'/%3E%3C/g%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 128 128' height='32px' id='minus' version='1.1' viewBox='0 0 128 128' width='32px' xml:space='preserve'%3E%3Cg%3E%3Crect fill='%23005AA0' height='10' width='126' x='1' y='59'/%3E%3C/g%3E%3C/svg%3E");
     background-repeat: no-repeat;
      height: 46px;
  	width: 46px;
  	}
  }

  .stage--open .stage__icon {
  	transform: none;
  	-webkit-transform: none;
  }
*/
.stage__header__h1 {
  padding-top: 2rem; }

.stage__header__bg-image {
  top: -20px;
  height: calc(100% + 80px); }

/*--------------*/
/*  MEDIUM BOX  */
/*--------------*/
.box__container__bottom__body__content {
  display: block !important; }

#stage-1 .box .box__container__top {
  display: inline-block; }
  #stage-1 .box .box__container__top h3 {
    transform: translateY(-130px);
    font-size: 2rem;
    margin-left: auto; }

#stage-1 .box__container__bottom__body__content h3 {
  display: none; }

#stage-1 .box__container__bottom__body__content p {
  transform: translateY(35px); }

#stage-1 .box-1-4:nth-of-type(1) .box__container {
  padding: 0; }
  #stage-1 .box-1-4:nth-of-type(1) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 330px;
    height: 330px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/0b/a5/0ba56ec9-949c-4967-9088-a6e6fcb6e2ed/motenx3_utan.png?Expires=2280836181&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=czTZI1scVb0ThbdvS4Yp7YUOSAE3oS5UyTu1cVcXecgmlSj4ry1ELQ0%2FKGIn7ZdJfADWWXDKw9Z03%2Fy6VFXPO55V3bqcWAfzSkxxdTQ4JIlpJK0ASqLgjOJjmreDERXlwiBjClv1J5CQnlvY0iRtnt7Ux3SVshQL%2B6gvOQgbDOFs5i5QVfIETxohTUTLvX6lcWTgwjZ81csqdc88PSbhubu1q3O6ISVGO8h1dPkKunpbSkKjQwyOMxKV5R6xB%2BdDgkRY5qysZWA8gyB0uOWRZFQvkHC7D%2F9l0o9gJ%2Bs3NmWBP8hAUveu5thNrPAtHn5l9Pb%2FJxyOOeDFEZddR872Cg%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-1 .box-1-4:nth-of-type(2) .box__container {
  padding: 0; }
  #stage-1 .box-1-4:nth-of-type(2) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 330px;
    height: 330px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/dc/3c/dc3c3b25-afb4-49ec-8e24-00c87d25eb1c/motenx32_utan.png?Expires=2280836242&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=RgTvcZ43E%2FxstwVXeSupB9VMpho%2BA2XfpQ%2BaO%2BS%2B6ifkxaW0I4OiJ93bq9KmA1xMbI8GoQuMrbdsGRl7fx%2BpXcBx08qkI5QmA14A6PX8yeOSEIgvmhOEOJOFsOjRhPx8%2BIKUKic0HK2q6zDPf7BIMhcF%2BW1YePHrGUDrfOlSFCuE44aJviMw%2FUl9y5VZrJLSW25X1HarnMWwXEZf7a4jzFauTMpml7VGH%2BC38q2%2F%2FWeOII6qGqsm3kYWSVKxDGCEbojJtW%2BqnTDXRZFzHBwdwg%2FTUpnK9rBf05mHpJnHsNyK3nFDICHcgE9%2Bzu7ebpRwveaeULC8BZCLAUuWo%2Bt%2BXA%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-1 .box-1-4:nth-of-type(3) .box__container {
  padding: 0; }
  #stage-1 .box-1-4:nth-of-type(3) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 330px;
    height: 330px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/66/b1/66b1cc68-b898-4bc4-b675-d278753c8ae5/motenx33_utan.png?Expires=2280836261&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=GbCvgLKHrjn2L7%2BFWMT9o%2BOw2r%2Fcwt7iYp2ZAaEqhU0g%2B0wACbIG7BD4O2efhDMdDQadYJTji2Nv8kDQOinh%2F5kBiuIC6gLNqYHTiTpM354Pgd4OIRyJW93f4Zv%2BYR9f%2BMngCj8ZrlegccGxjjCOZXSAJ4q6AxCiv3Zg8M0RGoLnEHagOd1VybvmPVVrLMvFm0fckAB26nSyPH4AmORPdWQA7pULAKlt2gwKXzLybv0JyQmt31aEOfgOqJAaNaEntThbHTngV%2FkJkXNeG4xAcm5M74yxyBzDBj9Lxp%2FSd%2FgBpDaOFYDjIlGW4sRSOsibmsLknQAkMBI8XsS5%2B%2BX44g%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-1 .box-1-4:nth-of-type(4) .box__container {
  padding: 0; }
  #stage-1 .box-1-4:nth-of-type(4) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 330px;
    height: 330px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/37/dd/37dd1344-6cc6-473f-b13a-4da29e431273/mote4.png");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-1 .box-1-4:last-of-type {
  width: 270px; }
  #stage-1 .box-1-4:last-of-type .box__container {
    border-radius: 999px;
    height: 270px; }
    #stage-1 .box-1-4:last-of-type .box__container .box__container__top h3 {
      transform: translateY(-98px); }
    #stage-1 .box-1-4:last-of-type .box__container .box__container__bottom__body__content p {
      transform: translateY(90px); }
    #stage-1 .box-1-4:last-of-type .box__container .button--small.button--primary {
      color: #fff;
      border-color: #fff; }
      #stage-1 .box-1-4:last-of-type .box__container .button--small.button--primary:hover {
        color: #1e96a8;
        background-color: #fff; }

#stage-1 .stage__bottom {
  height: 250px;
  width: 1180px;
  cursor: default;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px; }
  #stage-1 .stage__bottom .stage__icon {
    transform: initial;
    margin: 0; }
    #stage-1 .stage__bottom .stage__icon::after {
      position: absolute;
      display: inline-block;
      left: 200px;
      top: 0;
      content: "";
      width: 70px;
      height: 70px;
      background: url("https://storage.googleapis.com/akt-mlr/filer_public/4a/1f/4a1fbbcc-ed70-496b-96e8-8ed1cc621485/regionskane_vektorny.png?Expires=2278399793&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=BY7TxH1Z39OT0Xm5zsKL6SE4YoYWNlGrga7B8jt3sScJUqIvBSZhllP%2FpnhAvMQ8J1xE5c3sfyTuhKy%2FGXkl5T3VOkWp03ks2I9cSl1iI34ZyQfwfZFDpzdO1Mdc9sZppFM%2BwpC2%2BloNtSMJTawt%2FP6ysR%2FKkGEyu%2Bq1806Jd6YpcPhmJbjDtchuu1h%2F0TvKLlbWEWiHHkdi%2FbDKHoZRAbL3CrJ99xMN1s78dFZLQaB7UNxF2EGhaqv3qMAEjqUplsSr%2FUBHrtusYPyzsaJ3Px9WiTtg1t6krJboeuizeDABfZua6cT0%2BZrkf2x7z%2FS9EgcBLdMGGYoyYYWgOF8bGg%3D%3D");
      background-repeat: no-repeat;
      background-size: 100%; }
    #stage-1 .stage__bottom .stage__icon::before {
      position: absolute;
      display: inline-block;
      left: 0;
      top: 0;
      content: "";
      width: 178px;
      height: 70px;
      background: url("https://storage.googleapis.com/akt-mlr/filer_public/aa/f2/aaf25508-0269-449e-b10c-1dc7cbcf7c86/eulogo_v_rgb.jpg?Expires=2278057549&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=eRmZnhLY8bZXAz0Il1OaldY3%2Fpl%2BCozrb%2Fsor0Eq0ZYUM2XDPtHrXJCWRJhSj40MWhjIJMTDrKTwB3Tri9N4SJ7WSiYTO4PBEsVWu1lL3ATlWqG2c8dA8cHsGf9uujJ1OnsRFxq%2F7VgtFYljVnOLCIAIOvRNqQWUnATP42Hb9iyzzEzRvft34QiZGOyagXS70mSnUzxg7eLCj%2BCx%2Fi21LNdoZmc4cwbvP2kBmzxUkdI5XBjSNe06UInwaRLVOORLySHQR51k3chad8hV6NOhnDYiWxdBEw5hu57OyubbMsX5CskxkDvLHWnYCSdZWTqWbqj3Yd6gQbb2qyEMsHAxkg%3D%3D");
      background-repeat: no-repeat;
      background-position: 100%;
      background-size: 100%; }

#stage-2 .box__time__container {
  align-items: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: unset;
  margin-bottom: 0;
  -webkit-flex-direction: row;
  flex-direction: row; }
  #stage-2 .box__time__container:before {
    margin-right: 5px;
    background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/02/09/0209f926-c522-4a7f-bc69-187d7b126d2f/klocka_neg-20.svg?Expires=2276437901&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=U%2BCbv%2B1tNZYMtaE9pECNdMcoBlh8L9lWWn2ibtvHBq6KSLq9jThbuFgyaVBwzDQ7iPDmhOl8IRgpjn%2ByFeza6dzhfg8CQcId5%2F%2BnF%2BO2mCA0ho30ce3NKZM%2F708RVo%2FMbZZcTGmn84Oj1PgK8Z8KVFI4Day9HzCcQPBxKIxgWz9J8oXp8Zogy14y7wPDza34Et2won5zFOp44yvOEF4RgbHTo3TT1xdlINvlxzKTT3AgdQUAM2hk2AOgTwMnqENO350H6sNaqHDGDTrUX8fYT4NF9iBBVB3bEDok2J%2BU1QGIo9qjQoPvp0J78DhuHxVUk8HfaHGYatjsNirh2qapkQ%3D%3D"); }
  #stage-2 .box__time__container span {
    color: #fff; }

#stage-2 .box__progress {
  height: 0; }

#stage-2 .button--small.button--primary {
  color: #fff;
  border-color: #fff; }
  #stage-2 .button--small.button--primary:hover {
    color: #1e96a8;
    background-color: #fff; }

#stage-2 .box__container__toggle {
  width: 20% !important;
  right: 0px;
  left: unset; }

#stage-2 .box__container__top {
  display: inline-block; }

#stage-2 .box__container__bottom__body {
  height: 176px; }
  #stage-2 .box__container__bottom__body .box__container__bottom__body__content p {
    transform: translateY(-68px); }

#stage-2 .box.box-1-4 {
  width: 250px; }
  #stage-2 .box.box-1-4 .box__container {
    height: 250px; }

#stage-2 .box-1-4:nth-of-type(1) .box__container {
  padding: 0; }
  #stage-2 .box-1-4:nth-of-type(1) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/c2/31/c231ae0e-141e-4b60-8b93-d80bbde097e9/mikrolarandex4_utan.png?Expires=2280836282&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=YBzT6iAcGzKUDSc15BhS3oACWo03AaLl2Y%2FYB5jkQZi3YenKFLva81kFmtKUbvVofUrjNYuw0B6inzoae6TVUvAX6i4oK%2FhNwbR2KBU%2B9xiezJLD4I05Qa%2BV6VJV%2FJTQEvgWABOB6GePO9sjVwv0%2FxSRTciQXKSJw936hq5EDWx%2F1v2mn%2BXfBFP78m0Pf7ayXILrp9Qlv7tUibtpGRx%2BP8f0M55U8%2BrDu7QsCRo1GdtAZCmVu%2FOTSYwKZtMNwRd4qXZ5XgPCqxQkRSV0z%2BYC%2BXMUWudDf1YBwhE5%2BAIKs0ao4cQyh6H5fLY1nUKdWsLZk0FA0BEyeU3Teq%2BFiijeAw%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-2 .box-1-4:nth-of-type(2) .box__container {
  padding: 0; }
  #stage-2 .box-1-4:nth-of-type(2) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/ff/d7/ffd7f249-3a2d-4e2f-a6ec-ce66b97fa9e0/mikrolarandex42_utan.png?Expires=2280836312&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=oyG6ETEPS2Td2fGStveDicWn3Dde1qCfRxFqmcJwc%2B7R5Lu%2F0lfPb48q7MXhCYBJsSIQx%2B%2FXdXrXt82Lo4txE3gTJJG%2B8TWiQTossybvDhz4IcVllbkB%2BRebzi23bf3RM6RMAso%2B4gBu6kHrydDItBDdx56Ydyzx3%2BY4Q8OHaaY2D%2BvDOMzS%2B61IheiERARazdufFx3iXi1HjToItLMlzaBgI5Mv2vns8j5PwEsEv0zLRHr7UzMd83wqu3VUD7N3NNMBVmFfg7pEPSfb1T7GZbRyXlpVPW1ZP2Jr1OL%2Ba8KnBExb%2BuNO7KbPg4aFFDxPuoAZo%2B1ns7RrIxKBqK69cg%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-2 .box-1-4:nth-of-type(3) .box__container {
  padding: 0; }
  #stage-2 .box-1-4:nth-of-type(3) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/d0/5f/d05ff09f-1105-49cc-a5e9-88b8e073529f/mikrolarandex43_utan.png?Expires=2280836332&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=Lyw%2Bki6SMSmtxjoFW4l0ZEiSh%2BJjai%2FrV4yfI9Vfy91zKpQEZF1AIgKdJN4vjcVe4PA47UZfuDvh84BejdlkpBccxzxYIkV%2B1ta4gHYkp62OyIg5ug0UIlMg2RKZbdXRyo2H2qlugmF%2FSD6lp4WlcH%2BChox4s9jPFjxQYCsnOpmFzirPD54rgHLmLGuPcTiX2%2FYv2%2Bhw1UBw%2FyUfWSCcxHmTIVWCtMHaBNbzaiXbiKBvPpbSOXi9lgR7%2FfUSm6YsIAsb3rzSQUQljaQZkCC4rzsTX5bOMQQkXFSEpesRBWJ5ZF8n3T%2BtV1FVFbcD7FdLyUeiHYhXcwx2iLWxSE55GA%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

#stage-2 .box-1-4:nth-of-type(4) .box__container {
  padding: 0; }
  #stage-2 .box-1-4:nth-of-type(4) .box__container .box__container__top::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: url("https://storage.googleapis.com/akt-mlr/filer_public/28/f2/28f26daa-e288-4c95-90a2-7b35acf4afcb/mikrolarandex44_utan.png?Expires=2280836355&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=ntKiKKtnMN1jQJZmzD7lGNeQ6HxJourfLPdADuoXGPbnpXZIJ%2FiAerAHzORGmPONCIzAm1iHnODc%2FslurrOJPi%2FbkGXNr6LUdjAxUDmrS3%2B9mzbowCduK6sdq6KzkReoKSI2OrV%2FsELvPjuaTfwbCwSLwDUNF1%2BBbZQZMh3R5jkywmgSvAwqJ2RHnpk%2FqUHO0WYLo6DzVF%2Ba4MgRc2U0rhRu41mV4%2Bg6wnYa%2BLy%2BVvIpsu%2F0RUAE1Xm%2FbfcBFoTBcLvMV2bk5cl5Bfobl5dBPG3S1FpO%2Fas09YGZuMUrAJd6a0bHhJK4%2BTsHVAbBPH6S%2B%2BYoHaXXCgpl0BB4gbQlfw%3D%3D");
    background-repeat: no-repeat;
    background-position: 75% 40%;
    background-size: 100%; }

.box.box-1-4 {
  width: 330px;
  max-width: 330px; }

/*.box {
    margin-bottom: 20px;
    margin: 0 5px 20px 5px;
  } */
/*  Ta bort för att greja med medium box
  //medium box size and color entire box
  .box.box-1-4 {
    width: 240px;
    border: $border-color;
    border-style: solid;
  }

  //medium box a-side space for underneath picture
  .box.box-1-4 .box__image::after {
      content: '';
      display: block;
      padding-bottom: 64%;
  }

  //moving button closer to bottom.
  .box__container--medium .box__container__bottom .box__start-btn {
    margin-bottom: 10px;
  }

  //medium box removing shadow and adjusting padding on a-side and b-side
  .box__container.box__container--medium,
  .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content {
    border-radius: $corner-s;
   	-webkit-box-shadow: $box-shadow;
    box-shadow: $box-shadow;
    padding-left: 0;
  	padding-right: 0;
    padding-top: 10px;
  }

  //medium box change color on b-side
  .box__container--medium.box__container--toggled .box__container__bottom,
  .box__container--medium .box__container__bottom .box__meta-info,
  .box__container--medium .box__container__bottom .box__start-btn,
  .box__container__bottom__body__content, .box__container--small_body-content {
      background-color: $white;
  }

  //gissar att detta är något som inte lyckas bli vitt trots vitt
  .box__container--medium.box__container--toggled,
  .box__container--medium.box__container:hover{
      background-color: $white !important;
  }

  //medium box hide scrollbar
  .box__container--medium-content-wrapper .box__container__top,
  .box__container--medium .box__container__bottom__body__content{
      height: 100%;
      width: 100%;
      overflow: hidden;
      &::-webkit-scrollbar {
       width: 0px;
       background: transparent; /* Chrome/Safari/Webkit */
/* 

  .box__container--medium.box__container:not(.box__container--open-one):not(.box__container--box3)>div:hover .box__container__bottom {
  	transform: translateY(-100%) translateY(-10px);
  	-webkit-transform: translateY(-100%) translateY(-10px);
  	-ms-transform: translateY(-100%) translateY(-10px);
  }
*/
/*-------------*/
/*  LARGE BOX  */
/*-------------*/
/*  Ta bort för att greja med large box

  //large boxar size and color entire box
  .box.box-2-4 {
    width: 500px;
  }

  .box__container--large {
      height: 280px;
      border: $border-color;
      border-style: solid;
  }

  //small box centered text needs to be adjusted to the middle
  .box__container--large .box__container__large-content {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  //large box removing shadow and adjusting padding on a-side
  .box__container.box__container--large {
    border-radius: $corner-s;
    -webkit-box-shadow: $box-shadow;
    box-shadow: $box-shadow;
    padding-left: 0;
    padding-right: 0;
  }

  //moving button closer to bottom.
  .box__container--large .box__container__bottom .box__start-btn {
    margin-bottom: 10px;
  }

  .box__container--large.box__container--toggled .box__start-pagination-wrapper,
  .box__container--large .box__container__content-wrapper:hover .box__start-pagination-wrapper {
      margin-bottom: 30px;
  }

  //round image på large box för mobil. Denna bild lägger sig under text på mobil
  //och måste därför vara mindre
  .box__container--large .box__container__top .box__container__topright .box__image {
      @media (max-width: $screen-s) {
      max-width: 120px;
      }
  }

  //large box hide scrollbar
  .box__container--large-content-wrapper .box__container__top,
  .box__container--large .box__container__bottom__body__content {
      height: 100%;
      width: 100%;
      overflow: hidden;
      &::-webkit-scrollbar {
       width: 0px;
       background: transparent; /* Chrome/Safari/Webkit */
.box__container--large .box__container__text-content {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

/*
  #stage-1 {
  .box-2-4:first-of-type {
  .box__container--large {
    .box__container__bottom__body__content {
      @media (min-width: $wrapper-s) {
        max-width: 50%;
        &::after {
            content: '';
            width: 160px;
            height: 160px;
            display: block;
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            background-image: url("xxx");
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 999px;
            transform: translateY(-35px);
        }
      }
    }
  }
}

*/
/*
  .box__container__content-wrapper.js-open-box .box__start-pagination-wrapper {
   margin-bottom: 30px;
  }*/
/*-------------*/
/*  SMALL BOX  */
/*-------------*/
.box.box-1-6 {
  width: 153px; }

/*  Ta bort för att greja med small box

  //small box removing shadow and adjusting padding on a-side
  .box__container.box__container--small{
      border-radius: $corner-s;
      -webkit-box-shadow: $box-shadow;
      box-shadow: $box-shadow;
      padding-left: 0;
      padding-right: 0;
      border: $border-color;
      border-style: solid;
  }

  //small box centered text needs to be adjusted to the middle
  .box__container--small .box__container__small-content {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .box__container--small__body-content {
    width: 100%;
  }

  .box__container--small .box__container__small-content p{
      width: 130px;
  }

  .box__container--small .box__container--small__body-container p {
      margin: 0 0;
  }
*/
.box__container--small .box__container--small__body-container,
.box__container--small .box__container__small-content {
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .box__container--small .box__container--small__body-container::-webkit-scrollbar,
  .box__container--small .box__container__small-content::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* Chrome/Safari/Webkit */ }

.box__container--small__body-container {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.box__container--small_body-content {
  overflow: hidden; }

/*-------------*/
/*  ALL BOXES  */
/*-------------*/
.box__container {
  overflow-x: hidden;
  border: 0px #d7d7d7 solid; }

/*  Ta bort för att greja med generella  box-grejer



   // size on toggel container
  .box__container__toggle {
    height: 40px;
    text-align: right;
    right: 5px;
  }
//Flyttar på pil upp och ner och dess toggeleffekt
.box__container__toggle.js-toggle-box {
    height: 40px;
    width: 40px !important;
    position: absolute;
    right: 5px;
    left: initial;
  }

  .box__container:hover {
          -webkit-box-shadow: $box-shadow;
          box-shadow: $box-shadow;
    }
    
  //remove margin on all box-images
  .box__image {
      margin: 0 0;
  }

  .box__container__toggle button {
      display: inline-block;
      margin: 10px 15px;
      margin-top: 0;
      margin-left: 0.5rem;
      margin-bottom: 0.5rem;
      margin-right: 0px;
  }
*/
.button--circle {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  height: 36px;
  width: 36px; }

.box__container--medium.box__container:not(.box__container--open-one):not(.box__container--box3) > div:hover .box__container__bottom {
  transform: translateY(-100%) translateY(-10px);
  -webkit-transform: translateY(-100%) translateY(-10px);
  -ms-transform: translateY(-100%) translateY(-10px); }

.box__container:not(.box__container--toggled) .icon-plus {
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/78/f4/78f42eb3-b876-4012-902a-bd68c98a3e22/symbol_plus-19.svg?Expires=2276437406&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=pKyUr08b735vrVfxseSe4RZQsW1rKPGFTIJFz6HKXODPwcyD6SNHlbGj2IFkhDocZPS1i8y%2FBONJYb5kl3kjt4I3EUBrOzb6KhvRgcRH%2Fefsu8XTTga5MXbHM%2FM0VXxEv7aMw8UdHWfTzA7amrvl%2BPivqjKO9RDkJ3G5Kvz2YJSms1sINf5kbY2mFQB06ghtDznuWZ5r8%2BfDPHhFmFR0%2BISM6QJVBWoGCV1vdiAtsuB9BIYqpdCXVvSQ1LpuHsfEIggF4GFJ8UQO4qnXNOlG2%2FYjPZQljvzpaFMROJHn8w%2B8p%2Bk48JzKHXmDfUMHg1Tb7EcI72hKAyKkH0Pxf8r5BQ%3D%3D");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 36px;
  height: 10px;
  top: 0px; }

.box__container:not(.box__container--toggled) .icon-plus:before,
.box__container:not(.box__container--toggled) .icon-plus:after {
  display: none; }

.box__container.box__container--toggled .icon-plus {
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/78/da/78daf180-f7da-42e5-9322-40137b04a9de/symbol_minus-19-21.svg?Expires=2276438098&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=LteTcGs51eHyJoUDUwu2PQIPhgTgXctnW9kUpbefGhLUAvktXdnyVGMWDNQPEa7cfF%2BsLMWI94iVfQUw7LJXV0uVnHGtvB8cxh51TV0BA3vp%2FwYqnhP0SeYFdTne1h3xrMuRgzhMAxcDlJ0kIuSJLEBmdZ4V00z5fp6Xo9gevPPDFPZE%2FL5gc%2F1vSFvMDZ%2BkHF%2BpeKSftpvBc%2FTwlh3myx%2FGqDtN%2B4kp5o5uIt%2FtQeSTmmQ9zIULkQZdQGF8aQZ3eCLDn6XCo0uzayQBmrdvMAySRfXM6llb809zpjmCZPdJtsVIihyK1LplAr2f1%2FQ9bDaQzam9tn%2BabtSHacNpig%3D%3D");
  background-repeat: no-repeat;
  width: 36px;
  height: 10px;
  top: 0px; }

.box__container.box__container--toggled .icon-plus:before,
.box__container.box__container--toggled .icon-plus:after {
  display: none; }

#stage-2 .box__container.box__container--toggled .icon-plus,
#stage-2 .box__container:not(.box__container--toggled) .icon-plus {
  right: 6px; }

.box__time__container:before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/af/b4/afb4ea61-cc7c-43cf-b030-db6a2955cb73/symboler_mlr_klocka.svg?Expires=2275716575&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=FkbkaWZNZCu3n7DRg%2Bh45UY2VmHzToQtE4xp4HieSScyUzXJ46E%2BplkVRgPEWnHgXLVTBZZ%2B7qp92Bc5UwrQtgA2PeWqC0uYcR%2BpdTxSSD41gPzPYZsXieBwu%2B%2BI85keBRGd7xzrfCw6AZS1ULAW6EZypM6l0cjCwc1m8tYkaisSjTAKYovcp1FooJcXBGdR7UsL3fMOhz%2B%2F7n%2B7Hm2bNrW2V8CzlNxNPFrRazHgDQx%2FnGwADMwoTLHBwj9%2BtAmmYIiyewUqQo0ZpYXfcdlybGKRXCVv7SPUO4J9J2ro%2FVwGF3LdITocFAcWTyj75fWzeQ1RW9amRkOjuAOKm1yn6Q%3D%3D");
  background-repeat: no-repeat;
  display: inline-block;
  height: 26px;
  width: 22px; }

.box__time__container svg {
  display: none; }

.box__container__completed_icon {
  right: 5px;
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%231A535C;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Ccircle class='st0' cx='256' cy='256' r='236'/%3E%3Cpath class='st1' d='M256,40c119.1,0,216,96.9,216,216s-96.9,216-216,216S40,375.1,40,256S136.9,40,256,40 M256,0 C114.8,0,0,114.8,0,256s114.8,256,256,256s256-114.8,256-256S397.2,0,256,0L256,0z'/%3E%3C/g%3E%3Cpath class='st1' d='M385.8,201.8L247.1,340.4c-4.2,4.2-9.6,6.3-15.1,6.3s-10.9-2.1-15.1-6.3l-69.3-69.3c-8.3-8.3-8.3-21.8,0-30.2 c8.3-8.3,21.8-8.3,30.2,0l54.2,54.2l123.6-123.6c8.3-8.3,21.8-8.3,30.2,0C394.1,179.9,394.1,193.4,385.8,201.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px; }
  .box__container__completed_icon svg {
    display: none; }

#stage-5 .box__container__completed_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23f39200;%7D%3C/style%3E%3C/defs%3E%3Cg id='Lager_2' data-name='Lager 2'%3E%3Cg id='Lager_1-2' data-name='Lager 1'%3E%3Ccircle class='cls-1' cx='256' cy='256' r='236'/%3E%3Cpath class='cls-2' d='M256,40c119.1,0,216,96.9,216,216S375.1,472,256,472,40,375.1,40,256,136.9,40,256,40m0-40C114.8,0,0,114.8,0,256S114.8,512,256,512,512,397.2,512,256,397.2,0,256,0Z'/%3E%3Cpath class='cls-2' d='M385.8,201.8,247.1,340.4a21.25,21.25,0,0,1-30.2,0l-69.3-69.3a21.35,21.35,0,1,1,30.2-30.2L232,295.1,355.6,171.5a21.39,21.39,0,1,1,30.2,30.3Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

#stage-7 .box__container__completed_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%2376b82a;%7D%3C/style%3E%3C/defs%3E%3Cg id='Lager_2' data-name='Lager 2'%3E%3Cg id='Lager_1-2' data-name='Lager 1'%3E%3Ccircle class='cls-1' cx='256' cy='256' r='236'/%3E%3Cpath class='cls-2' d='M256,40c119.1,0,216,96.9,216,216S375.1,472,256,472,40,375.1,40,256,136.9,40,256,40m0-40C114.8,0,0,114.8,0,256S114.8,512,256,512,512,397.2,512,256,397.2,0,256,0Z'/%3E%3Cpath class='cls-2' d='M385.8,201.8,247.1,340.4a21.25,21.25,0,0,1-30.2,0l-69.3-69.3a21.35,21.35,0,1,1,30.2-30.2L232,295.1,355.6,171.5a21.39,21.39,0,1,1,30.2,30.3Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.box__container__bottom__body__scroll-indicator.js-set-background-gradient {
  background-image: none !important; }

.box__container--toggled.box__container--medium .box__container__bottom,
.box__container--toggled.box__container--medium .box__container__top {
  transform: translateY(-100%) translateY(-10px);
  -webkit-transform: translateY(-100%) translateY(-10px);
  -ms-transform: translateY(-100%) translateY(-10px); }

.box__container__bottom__body__content {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  overflow: auto !important; }
  .box__container__bottom__body__content::-webkit-scrollbar {
    display: none; }

.box__container__bottom .box__container__bottom__body .inside,
.box__container__bottom .box__container__bottom__body__content .inside,
.box__container__bottom__body__content .inside,
.box__container--small__body-content .inside {
  display: none; }

/*--------------*/
/* SMALL STAGES */
/*--------------*/
.page-wrapper--small.small-stage {
  background-color: #fff !important;
  max-width: 900px; }
  .page-wrapper--small.small-stage .box__container {
    background-color: #1a535c; }
    .page-wrapper--small.small-stage .box__container .box__container__bottom__body__scroll-indicator {
      background-image: none; }

.small-stage__body .b-side {
  display: none; }

/*----------------------*/
/* BOTTOM PROGRESSBAR   */
/*----------------------*/
.swiper-container .swiper-slide {
  height: calc(100%); }

.swiper-container .task-footer__container.swiper-navigation {
  background-color: transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), white);
  height: 80px;
  border-top: 0px #d7d7d7 solid; }
  @media (max-width: 576px) {
    .swiper-container .task-footer__container.swiper-navigation {
      height: 60px; } }
/*---------------------------*/
/*  PROGRESSBAR PÅ EXERCISE  */
/*---------------------------*/
.task-progress-pagination {
  overflow: auto;
  -ms-overflow-style: none; }

/*  Ta bort för att greja med progress-barens bollar och wrapper

  .task-progress-pagination {
    overflow: auto;
  }

  .task-progress-pagination .task-progress-pagination-container {
  	padding: 20px 80px 6px 20px;
  	margin: auto;
  }
  //remove the line
  .task-progress-pagination .task-progress-pagination-container::before {
  	background-color: transparent;
  }

  // For undone tasks
  .task-progress__circle span {
  	border-radius: 0;
    background: $progress-bg-initial;
    width: 24px;
    height: 24px;
    color: $progress-color-initial;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  //  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  }
  
  // For completed tasks with no user action. Eg. info pages
    .task-progress__circle--completed span {
    background-color: $mtr-orange;
    color: $white;
  }

//Current task 
  .task-progress__circle.task-progress__circle--selected:not(.task-progress-feedback) span {  
   border-bottom: 2px solid $lf-red-wine;
}

  // For completed tasks with right answers
  .task-progress__circle--right span {
    background-color: $mtr-orange;
    color: $white;
  }

  // For completed tasks with wrong answers
  .task-progress__circle--wrong span {
    background-color: $lf-red-red;
    color: $white;
  }

    // For completed tasks with neutral answers
  .task-progress__circle--neutral span {
    background-color: $mtr-orange;
    color: $white;
  }
*/
.task-progress__circle span {
  background: #6d6d6d;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none; }

.task-progress__circle--completed span,
.task-progress__circle--neutral span {
  background-color: #1a535c;
  color: #fff; }

.task-progress__circle--right span {
  background-color: #1a535c;
  color: #fff; }

.task-progress__circle--wrong span {
  background-color: #1a535c;
  color: #fff; }

/*
  .task-progress__circle.task-progress__circle--selected:not(.task-progress-feedback) span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
      animation: skala 2s 0.5s ease-out forwards;
  }
*/
.task-progress__circle span {
  -ms-transform: translateY(15px); }

.task-progress__circle:hover span {
  -ms-transform: translateY(15px) scale(1.1); }

/*----------------------*/
/*  PROGRESSBAR PÅ BOX  */
/*----------------------*/
.box__progress {
  width: 100%; }

/*  Ta bort för att greja med progress-barens bollar på boxar

  //gör pagineringsbollarna fyrkantiga
  .box__progress .box__progress__wrapper .box__progress__button {
    border-radius: 0;
  }

  .box__progress .box__progress__wrapper .box__progress__content::before {
      width: 0;
  }
  
  // For undone tasks
  .box__progress__button {
      background-color: $gray-200;
      color: $mtr-orange;
  }
  // For completed tasks with no user action. Eg. info pages
   .box__progress__button--completed{
    background-color: $mtr-orange;
    color: $white;
  }

  // For completed tasks with right answers
  .box__progress__button--right {
      background-color: $mtr-orange;
      color: $white;
  }
  // For completed tasks with wrong answers
  .box__progress__button--wrong {
      background-color: $lf-red-red;
      color: $white;
  }
  // For completed tasks with neutral answers
  .box__progress__button--neutral {
      background-color: $mtr-orange;
      color: $white;
  }
  
*/
.box__progress .box__progress__wrapper {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

/*-------------------*/
/*  MEDIUM FEEDBACK  */
/*-------------------*/
.feedback {
  border-radius: 0px;
  padding: 1rem 2rem; }
  .feedback .two-column-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%; }
    .feedback .two-column-list h3,
    .feedback .two-column-list p {
      float: left;
      text-align: left; }
  .feedback h3,
  .feedback img {
    animation: feedback-in 0.3s ease-in forwards; }
  .feedback p {
    animation: feedback-in 0.9s ease-in forwards; }
  .feedback h3.lower {
    animation: feedback-out 0.3s ease-in forwards; }
  .feedback .u-embedded-video {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto; }

/*@keyframes feedback-in {
      from {
          transform: translateY(-70px) skew(30deg);
          opacity: 0;
      }
      to {
        transform: translateY(0) skew(0deg);
        opacity: 1;
      }
  }
  */
@keyframes feedback-in {
  0% {
    transform: translateY(-70px) skew(30deg);
    opacity: 0; }
  67% {
    opacity: 0; }
  100% {
    transform: translateY(0) skew(0deg);
    opacity: 1; } }

@keyframes feedback-out {
  0% {
    transform: translateY(70px) skew(-30deg);
    opacity: 0; }
  67% {
    opacity: 0; }
  100% {
    transform: translateY(0) skew(0deg);
    opacity: 1; } }

.feedback__wrapper {
  padding-bottom: 6rem; }

.task-form__two-columns .feedback__wrapper {
  width: 100vw; }

.feedback--right {
  background-color: #1a535c;
  color: #fff; }
  .feedback--right h1,
  .feedback--right h2,
  .feedback--right h3,
  .feedback--right h4,
  .feedback--right h5,
  .feedback--right h6 {
    color: #fff; }

.feedback--wrong {
  background-color: #1a535c;
  color: #fff; }
  .feedback--wrong h1,
  .feedback--wrong h2,
  .feedback--wrong h3,
  .feedback--wrong h4,
  .feedback--wrong h5,
  .feedback--wrong h6 {
    color: #fff; }

.feedback--neutral {
  background-color: #1a535c;
  color: #fff; }
  .feedback--neutral h1,
  .feedback--neutral h2,
  .feedback--neutral h3,
  .feedback--neutral h4,
  .feedback--neutral h5,
  .feedback--neutral h6 {
    color: #fff; }

/*------------------------------------------------*/
/*  GENERAL SETTINGS FOR OPTIONS - RADIO WRAPPER  */
/*------------------------------------------------*/
.radio__container {
  max-width: 920px; }
  .radio__container .card__content {
    border: 0px #000 solid;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    padding: 1rem 0 0 0; }

/*------------------------------------------------*/
/*  SPECIAL SETTINGS FOR OPTIONS - STOP BUTTON BENEATH CONTENT  */
/*------------------------------------------------*/
@media (max-width: 576px) {
  .radio__container .radio__button {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0; } }

@media (max-width: 576px) {
  .radio__content {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    max-width: 90%; } }

@media (max-width: 576px) {
  .single-card--four .radio__content {
    max-width: none; } }

/* .checkmark-container::after {
    @media (max-width: $screen-m) {
    left: calc(50% - 7px);
    }
  } */
/*----------------------------------------*/
/*  GENERAL SETTINGS FOR OPTIONS - CARDS  */
/*----------------------------------------*/
.card__content {
  border: 0px #d7d7d7 solid;
  box-shadow: 2px 2px 2px -1px #d7d7d7;
  -webkit-box-shadow: 2px 2px 2px -1px #d7d7d7;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.card--flippable .card__back__content {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.single-card--simple1c {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%;
  padding-top: 0;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .single-card--simple1c {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-top: 0;
      margin-bottom: 0; } }
  @media (max-width: 576px) {
    .single-card--simple1c {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: 0;
      margin-bottom: 0; }
      .single-card--simple1c .radio__content {
        max-width: 100%; } }
  .single-card--simple1c .card__content {
    padding-left: 0;
    padding-right: 0;
    height: unset;
    text-align: left;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none; }

/*----------------------------------------*/
/*  SETTINGS FOR ROUND CARDS              */
/*----------------------------------------*/
.single-card--five .card__content {
  border: 0px #000 solid;
  box-shadow: none;
  -webkit-box-shadow: none; }

form#form-19 .radio__wrapper--card,
form#form-36 .radio__wrapper--card,
form#form-37 .radio__wrapper--card,
form#form-73 .radio__wrapper--card,
form#form-74 .radio__wrapper--card,
form#form-75 .radio__wrapper--card,
form#form-78 .radio__wrapper--card,
form#form-91 .radio__wrapper--card,
form#form-92 .radio__wrapper--card,
form#form-93 .radio__wrapper--card,
form#form-95 .radio__wrapper--card {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  margin-top: 10px; }

form#form-19 .card--flippable,
form#form-36 .card--flippable,
form#form-37 .card--flippable,
form#form-73 .card--flippable,
form#form-74 .card--flippable,
form#form-75 .card--flippable,
form#form-78 .card--flippable,
form#form-91 .card--flippable,
form#form-92 .card--flippable,
form#form-93 .card--flippable,
form#form-95 .card--flippable {
  cursor: default; }

form#form-19 .card.js-card-flippable .card__content,
form#form-36 .card.js-card-flippable .card__content,
form#form-37 .card.js-card-flippable .card__content,
form#form-73 .card.js-card-flippable .card__content,
form#form-74 .card.js-card-flippable .card__content,
form#form-75 .card.js-card-flippable .card__content,
form#form-78 .card.js-card-flippable .card__content,
form#form-91 .card.js-card-flippable .card__content,
form#form-92 .card.js-card-flippable .card__content,
form#form-93 .card.js-card-flippable .card__content,
form#form-95 .card.js-card-flippable .card__content {
  background: none;
  position: relative; }
  form#form-19 .card.js-card-flippable .card__content .card__front,
  form#form-19 .card.js-card-flippable .card__content .card__back,
  form#form-36 .card.js-card-flippable .card__content .card__front,
  form#form-36 .card.js-card-flippable .card__content .card__back,
  form#form-37 .card.js-card-flippable .card__content .card__front,
  form#form-37 .card.js-card-flippable .card__content .card__back,
  form#form-73 .card.js-card-flippable .card__content .card__front,
  form#form-73 .card.js-card-flippable .card__content .card__back,
  form#form-74 .card.js-card-flippable .card__content .card__front,
  form#form-74 .card.js-card-flippable .card__content .card__back,
  form#form-75 .card.js-card-flippable .card__content .card__front,
  form#form-75 .card.js-card-flippable .card__content .card__back,
  form#form-78 .card.js-card-flippable .card__content .card__front,
  form#form-78 .card.js-card-flippable .card__content .card__back,
  form#form-91 .card.js-card-flippable .card__content .card__front,
  form#form-91 .card.js-card-flippable .card__content .card__back,
  form#form-92 .card.js-card-flippable .card__content .card__front,
  form#form-92 .card.js-card-flippable .card__content .card__back,
  form#form-93 .card.js-card-flippable .card__content .card__front,
  form#form-93 .card.js-card-flippable .card__content .card__back,
  form#form-95 .card.js-card-flippable .card__content .card__front,
  form#form-95 .card.js-card-flippable .card__content .card__back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0; }
  form#form-19 .card.js-card-flippable .card__content .card__front,
  form#form-36 .card.js-card-flippable .card__content .card__front,
  form#form-37 .card.js-card-flippable .card__content .card__front,
  form#form-73 .card.js-card-flippable .card__content .card__front,
  form#form-74 .card.js-card-flippable .card__content .card__front,
  form#form-75 .card.js-card-flippable .card__content .card__front,
  form#form-78 .card.js-card-flippable .card__content .card__front,
  form#form-91 .card.js-card-flippable .card__content .card__front,
  form#form-92 .card.js-card-flippable .card__content .card__front,
  form#form-93 .card.js-card-flippable .card__content .card__front,
  form#form-95 .card.js-card-flippable .card__content .card__front {
    z-index: 2;
    /* for firefox 31 */
    transform: none; }
  form#form-19 .card.js-card-flippable .card__content .card__back,
  form#form-36 .card.js-card-flippable .card__content .card__back,
  form#form-37 .card.js-card-flippable .card__content .card__back,
  form#form-73 .card.js-card-flippable .card__content .card__back,
  form#form-74 .card.js-card-flippable .card__content .card__back,
  form#form-75 .card.js-card-flippable .card__content .card__back,
  form#form-78 .card.js-card-flippable .card__content .card__back,
  form#form-91 .card.js-card-flippable .card__content .card__back,
  form#form-92 .card.js-card-flippable .card__content .card__back,
  form#form-93 .card.js-card-flippable .card__content .card__back,
  form#form-95 .card.js-card-flippable .card__content .card__back {
    transform: none; }

form#form-19 .card.js-card-flippable.card--circle .card__front,
form#form-19 .card.js-card-flippable.card--circle .card__back,
form#form-36 .card.js-card-flippable.card--circle .card__front,
form#form-36 .card.js-card-flippable.card--circle .card__back,
form#form-37 .card.js-card-flippable.card--circle .card__front,
form#form-37 .card.js-card-flippable.card--circle .card__back,
form#form-73 .card.js-card-flippable.card--circle .card__front,
form#form-73 .card.js-card-flippable.card--circle .card__back,
form#form-74 .card.js-card-flippable.card--circle .card__front,
form#form-74 .card.js-card-flippable.card--circle .card__back,
form#form-75 .card.js-card-flippable.card--circle .card__front,
form#form-75 .card.js-card-flippable.card--circle .card__back,
form#form-78 .card.js-card-flippable.card--circle .card__front,
form#form-78 .card.js-card-flippable.card--circle .card__back,
form#form-91 .card.js-card-flippable.card--circle .card__front,
form#form-91 .card.js-card-flippable.card--circle .card__back,
form#form-92 .card.js-card-flippable.card--circle .card__front,
form#form-92 .card.js-card-flippable.card--circle .card__back,
form#form-93 .card.js-card-flippable.card--circle .card__front,
form#form-93 .card.js-card-flippable.card--circle .card__back,
form#form-95 .card.js-card-flippable.card--circle .card__front,
form#form-95 .card.js-card-flippable.card--circle .card__back {
  border-radius: 999px; }

@media (hover: hover) {
  form#form-19 .card.js-card-flippable:hover .card__content,
  form#form-36 .card.js-card-flippable:hover .card__content,
  form#form-37 .card.js-card-flippable:hover .card__content,
  form#form-73 .card.js-card-flippable:hover .card__content,
  form#form-74 .card.js-card-flippable:hover .card__content,
  form#form-75 .card.js-card-flippable:hover .card__content,
  form#form-78 .card.js-card-flippable:hover .card__content,
  form#form-91 .card.js-card-flippable:hover .card__content,
  form#form-92 .card.js-card-flippable:hover .card__content,
  form#form-93 .card.js-card-flippable:hover .card__content,
  form#form-95 .card.js-card-flippable:hover .card__content {
    transform: none; } }

form#form-19 .card.js-card-flippable.card--open .card__content,
form#form-36 .card.js-card-flippable.card--open .card__content,
form#form-37 .card.js-card-flippable.card--open .card__content,
form#form-73 .card.js-card-flippable.card--open .card__content,
form#form-74 .card.js-card-flippable.card--open .card__content,
form#form-75 .card.js-card-flippable.card--open .card__content,
form#form-78 .card.js-card-flippable.card--open .card__content,
form#form-91 .card.js-card-flippable.card--open .card__content,
form#form-92 .card.js-card-flippable.card--open .card__content,
form#form-93 .card.js-card-flippable.card--open .card__content,
form#form-95 .card.js-card-flippable.card--open .card__content {
  transform: none; }

/* form#form-57 {
    .card__content {
        height: 240px;
    }
}
*/
form#form-28 .single-card--simple1b,
form#form-93 .single-card--simple1b,
form#form-117 .single-card--simple1b {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }
  @media (max-width: 992px) {
    form#form-28 .single-card--simple1b,
    form#form-93 .single-card--simple1b,
    form#form-117 .single-card--simple1b {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%; } }
  @media (max-width: 768px) {
    form#form-28 .single-card--simple1b,
    form#form-93 .single-card--simple1b,
    form#form-117 .single-card--simple1b {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (max-width: 576px) {
    form#form-28 .single-card--simple1b,
    form#form-93 .single-card--simple1b,
    form#form-117 .single-card--simple1b {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      form#form-28 .single-card--simple1b .radio__content,
      form#form-93 .single-card--simple1b .radio__content,
      form#form-117 .single-card--simple1b .radio__content {
        max-width: unset; } }
  form#form-28 .single-card--simple1b .card__content,
  form#form-93 .single-card--simple1b .card__content,
  form#form-117 .single-card--simple1b .card__content {
    box-shadow: 0 23px 18px -21px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 23px 18px -21px rgba(0, 0, 0, 0.15);
    height: 260px;
    text-align: center;
    border-radius: 999px;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1170px) {
      form#form-28 .single-card--simple1b .card__content,
      form#form-93 .single-card--simple1b .card__content,
      form#form-117 .single-card--simple1b .card__content {
        max-width: 230px;
        height: 230px; } }
.speech-left {
  position: relative;
  background: #1a535c;
  color: #fff;
  border-radius: .4em;
  margin-bottom: 1em !important;
  padding: 0.8rem 0.4rem; }

.speech-left:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-right-color: #1a535c;
  border-left: 0;
  margin-top: -1em;
  margin-left: -1em; }

.speech-right {
  position: relative;
  background: #1a535c;
  color: #fff;
  border-radius: .4em;
  margin-bottom: 1em !important;
  padding: 0.8rem 0.4rem;
  text-align: right; }

.speech-right:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-left-color: #1a535c;
  border-right: 0;
  margin-top: -1em;
  margin-right: -1em; }

/* 
//SCREEN SIZES grid-breakpoints
$screen-xl: 1500px;
$screen-l: 992px;
$screen-m: 768px;
$screen-s: 576px;
*/
@media (max-width: 992px) {
  form#form-49 .single-card--simple1b,
  form#form-48 .single-card--simple1b,
  form#form-47 .single-card--simple1b,
  form#form-45 .single-card--simple1b,
  form#form-44 .single-card--simple1b,
  form#form-42 .single-card--simple1b,
  form#form-36 .single-card--simple1b,
  form#form-37 .single-card--simple1b,
  form#form-25 .single-card--simple1b {
    flex: 0 0 50%; } }

@media (max-width: 576px) {
  form#form-49 .single-card--simple1b,
  form#form-48 .single-card--simple1b,
  form#form-47 .single-card--simple1b,
  form#form-45 .single-card--simple1b,
  form#form-44 .single-card--simple1b,
  form#form-42 .single-card--simple1b,
  form#form-36 .single-card--simple1b,
  form#form-37 .single-card--simple1b,
  form#form-25 .single-card--simple1b {
    flex: 0 0 100%;
    max-width: 100%; }
    form#form-49 .single-card--simple1b .radio__content,
    form#form-48 .single-card--simple1b .radio__content,
    form#form-47 .single-card--simple1b .radio__content,
    form#form-45 .single-card--simple1b .radio__content,
    form#form-44 .single-card--simple1b .radio__content,
    form#form-42 .single-card--simple1b .radio__content,
    form#form-36 .single-card--simple1b .radio__content,
    form#form-37 .single-card--simple1b .radio__content,
    form#form-25 .single-card--simple1b .radio__content {
      max-width: 100%; } }

form#form-49 .single-card--simple1b .radio__content,
form#form-48 .single-card--simple1b .radio__content,
form#form-47 .single-card--simple1b .radio__content,
form#form-45 .single-card--simple1b .radio__content,
form#form-44 .single-card--simple1b .radio__content,
form#form-42 .single-card--simple1b .radio__content,
form#form-36 .single-card--simple1b .radio__content,
form#form-37 .single-card--simple1b .radio__content,
form#form-25 .single-card--simple1b .radio__content {
  display: inline-block; }
  @media (max-width: 992px) {
    form#form-49 .single-card--simple1b .radio__content .card__content,
    form#form-48 .single-card--simple1b .radio__content .card__content,
    form#form-47 .single-card--simple1b .radio__content .card__content,
    form#form-45 .single-card--simple1b .radio__content .card__content,
    form#form-44 .single-card--simple1b .radio__content .card__content,
    form#form-42 .single-card--simple1b .radio__content .card__content,
    form#form-36 .single-card--simple1b .radio__content .card__content,
    form#form-37 .single-card--simple1b .radio__content .card__content,
    form#form-25 .single-card--simple1b .radio__content .card__content {
      height: 130px; }
      form#form-49 .single-card--simple1b .radio__content .card__content img,
      form#form-48 .single-card--simple1b .radio__content .card__content img,
      form#form-47 .single-card--simple1b .radio__content .card__content img,
      form#form-45 .single-card--simple1b .radio__content .card__content img,
      form#form-44 .single-card--simple1b .radio__content .card__content img,
      form#form-42 .single-card--simple1b .radio__content .card__content img,
      form#form-36 .single-card--simple1b .radio__content .card__content img,
      form#form-37 .single-card--simple1b .radio__content .card__content img,
      form#form-25 .single-card--simple1b .radio__content .card__content img {
        height: 75px; }
      form#form-49 .single-card--simple1b .radio__content .card__content h3,
      form#form-48 .single-card--simple1b .radio__content .card__content h3,
      form#form-47 .single-card--simple1b .radio__content .card__content h3,
      form#form-45 .single-card--simple1b .radio__content .card__content h3,
      form#form-44 .single-card--simple1b .radio__content .card__content h3,
      form#form-42 .single-card--simple1b .radio__content .card__content h3,
      form#form-36 .single-card--simple1b .radio__content .card__content h3,
      form#form-37 .single-card--simple1b .radio__content .card__content h3,
      form#form-25 .single-card--simple1b .radio__content .card__content h3 {
        margin-top: -85px;
        margin-left: 85px;
        font-size: 1rem; }
      form#form-49 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-48 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-47 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-45 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-44 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-42 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-36 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-37 .single-card--simple1b .radio__content .card__content .radio__body,
      form#form-25 .single-card--simple1b .radio__content .card__content .radio__body {
        margin-left: 85px; } }
form#form-49 .single-card--simple1b .card__content,
form#form-48 .single-card--simple1b .card__content,
form#form-47 .single-card--simple1b .card__content,
form#form-45 .single-card--simple1b .card__content,
form#form-44 .single-card--simple1b .card__content,
form#form-42 .single-card--simple1b .card__content,
form#form-36 .single-card--simple1b .card__content,
form#form-37 .single-card--simple1b .card__content,
form#form-25 .single-card--simple1b .card__content {
  box-shadow: 0 23px 18px -21px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 23px 18px -21px rgba(0, 0, 0, 0.15);
  display: inline-block;
  height: 180px; }
  form#form-49 .single-card--simple1b .card__content img,
  form#form-48 .single-card--simple1b .card__content img,
  form#form-47 .single-card--simple1b .card__content img,
  form#form-45 .single-card--simple1b .card__content img,
  form#form-44 .single-card--simple1b .card__content img,
  form#form-42 .single-card--simple1b .card__content img,
  form#form-36 .single-card--simple1b .card__content img,
  form#form-37 .single-card--simple1b .card__content img,
  form#form-25 .single-card--simple1b .card__content img {
    height: 100px; }
  form#form-49 .single-card--simple1b .card__content h3,
  form#form-48 .single-card--simple1b .card__content h3,
  form#form-47 .single-card--simple1b .card__content h3,
  form#form-45 .single-card--simple1b .card__content h3,
  form#form-44 .single-card--simple1b .card__content h3,
  form#form-42 .single-card--simple1b .card__content h3,
  form#form-36 .single-card--simple1b .card__content h3,
  form#form-37 .single-card--simple1b .card__content h3,
  form#form-25 .single-card--simple1b .card__content h3 {
    margin-top: -110px;
    margin-left: 110px;
    font-size: 1.25rem; }
  form#form-49 .single-card--simple1b .card__content .radio__body,
  form#form-48 .single-card--simple1b .card__content .radio__body,
  form#form-47 .single-card--simple1b .card__content .radio__body,
  form#form-45 .single-card--simple1b .card__content .radio__body,
  form#form-44 .single-card--simple1b .card__content .radio__body,
  form#form-42 .single-card--simple1b .card__content .radio__body,
  form#form-36 .single-card--simple1b .card__content .radio__body,
  form#form-37 .single-card--simple1b .card__content .radio__body,
  form#form-25 .single-card--simple1b .card__content .radio__body {
    margin-left: 110px; }

form#form-61 .card__front h3 {
  color: #fff; }

/*-----------------------*/
/*  ADJUST RADIO OPTION  */
/*-----------------------*/
.radio__wrapper--card .radio__button {
  margin-left: auto;
  margin-right: auto; }
  .radio__wrapper--card .radio__button .checkmark-container {
    width: 28px;
    height: 28px;
    margin-left: auto;
    margin-right: auto; }
    .radio__wrapper--card .radio__button .checkmark-container .checkmark {
      border-color: #1a535c; }
      .radio__wrapper--card .radio__button .checkmark-container .checkmark::after {
        background-color: #1a535c; }
      @media (max-width: 768px) {
        .radio__wrapper--card .radio__button .checkmark-container .checkmark {
          width: 28px;
          height: 28px; } }
/*  Ta bort för att greja med radios
.radio__container .radio__button {
  	margin: 0.5rem 1.5rem 0 0;
  	@media (max-width: screen-s) {
  	  margin: 10px auto 0 0;
  	}
  }
*/
span.checkmark {
  background: transparent; }

/* 
  //Hover show subtile dot
  .radio__container:not(.radio__container--no-pointer) {
  	&:hover {
  	.checkmark::before {
  	 content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: middle;
      cursor: pointer;
      background: $color-primary;
      opacity: 1;
      position: absolute;
      border-radius: 50%;
      -ms-transform: translate(-50%, -50%); //IE11 special
  	}
  	}
  }

 /*Tar bort
  .checkmark::before {
  	opacity: 0.15;
  }*/
/*
  //checkat option
  .radio__wrapper input:checked ~ .checkmark-container .checkmark::after {
  	background-color: $white;
  	background-color: #fff;
    box-shadow: inset 0 0 0 8px $color-primary;
    -ms-transform: translate(-50%, -50%); //IE11 special
  }
  */
.radio__wrapper input:checked ~ .checkmark-container .checkmark::after,
.radio__wrapper input:checked ~ .checkmark-container .checkmark::before {
  -ms-transform: translate(-50%, -50%); }

.radio__container:not(.radio__container--no-pointer):hover .checkmark::before {
  -ms-transform: translate(-50%, -50%); }

/*
  //När man hovrar
  .radio__wrapper input:not(:checked) ~ .checkmark-container .checkmark::after  {
  	&::hover {
  	  width: 12px;
      height: 12px;
    }
  }

  //check effekten justera storlek
  .radio__wrapper input:checked ~ .checkmark-container .checkmark::before {
  	width: 110%;
    height: 110%;
  }
  //om man inte får välja option (ej byta eller sätta)
  .radio__wrapper input:disabled ~ .checkmark-container .checkmark {
  	&:hover {
  		.checkmark::before {
  			display: none;
  		}
  	}
  }
  //vet ej vad detta är, men nåt är det
  .checkmark-container::after {
  	display: none;
  }

  /*---------------------*/
/*  ADJUST CHECKBOXES  */
/* .checkmark.checkbox */
/*---------------------*/
/*  Ta bort för att greja med checkboxes
span.checkmark.checkbox,
  .radio__wrapper input:checked ~ .checkmark-container .checkbox {
  	border-radius: $corner-s;
  }
*/
/*  .radio__container:not(.radio__container--no-pointer) {
  	&:hover {
  	  .checkmark.checkbox:before {
  	      content: '';
  	      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 16 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M4.53033447,11.449646 C4.36828979,11.2876013 2.96610686,9.76677306 0.323785676,6.88716122 C-0.107928559,6.45544698 -0.107928559,5.75549991 0.323785676,5.32378568 C0.755499911,4.89207144 1.45544698,4.89207144 1.88716122,5.32378568 L6.00138103,9.01782227 L14.1078837,0.324635828 C14.5407315,-0.108211943 15.2425164,-0.108211943 15.6753642,0.324635828 C16.1082119,0.757483598 16.1082119,1.45926849 15.6753642,1.89211627 C10.8728265,7.85230373 8.20782471,11.038147 7.68035889,11.449646 C6.88916016,12.0668945 6.32595825,11.9948551 6.00138103,11.9948551 C5.67680381,11.9948551 4.77340149,11.692713 4.53033447,11.449646 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components-/-Input-/-Switch-/-Checkbox-/-Hover' transform='translate(-6.000000, -8.000000)'%3E%3Cg id='Branding-/-Colorss-/-Secondary-/-Divider-/-Soft' transform='translate(6.000000, 8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Mask' fill='%23D8D8D8' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
   		    /* background-image: url("https://storage.googleapis.com/akt-vf-mtb/theming/Soft.svg?Expires=2201333628&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=sbtEYE6IhJcgHxO5H8PMwxoy%2BW7w9suJdOnB6h72Y%2BjKLDlq11AX%2BLCK1aSZfDgQ9GY%2FgdtEtNnsGhg17oSgWC%2B0o3l2hVtCwLoI9VcU5uM6X1qcnmiZMIzkLpNHf4x%2BzrG6E50Dpxy%2BB6thgoPYTqDSQZS6Q3f3KOJAnt4m9cEY7Og8iAztpWIJT8SH5NpE5V%2BDIDzAqBHWd5HP5OkxB5IkzyM75WBzTTtxbNwOujeQFldZ1NuigqwR59sgwAjiLuVn0yTB7lJFKAHmdq491i1Zi19faItlMct%2BTSlwetHxTQaa%2BjPolyWbRyuv0gB46IEsX0AAEvaLbY23CA9Lfw%3D%3D"); */
/*   		    background-repeat: no-repeat;
  	      background-color: transparent;
  	      display: inline-block;
  		    width: 16px;
  		    height: 12px;
  		    -webkit-transform: none;
  		    transform: none;
   		//    -ms-transform: translate(-6px, -6px);
        -ms-transform: translate(-50%, -50%);
  		  }
  	  }
  }
*/
/* .radio__wrapper input:checked ~ .checkmark-container .checkmark.checkbox::after {
  	content: '';
  	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 16 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M10.5303345,19.449646 C10.3682898,19.2876013 8.96610686,17.7667731 6.32378568,14.8871612 C5.89207144,14.455447 5.89207144,13.7554999 6.32378568,13.3237857 C6.75549991,12.8920714 7.45544698,12.8920714 7.88716122,13.3237857 L12.001381,17.0178223 L20.1078837,8.32463583 C20.5407315,7.89178806 21.2425164,7.89178806 21.6753642,8.32463583 C22.1082119,8.7574836 22.1082119,9.45926849 21.6753642,9.89211627 C16.8728265,15.8523037 14.2078247,19.038147 13.6803589,19.449646 C12.8891602,20.0668945 12.3259583,19.9948551 12.001381,19.9948551 C11.6768038,19.9948551 10.7734015,19.692713 10.5303345,19.449646 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components-/-Input-/-Switch-/-Checkbox-/-Pressed' transform='translate(-6.000000, -8.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Mask' fill='%234E4B48' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-color: transparent;
  	display: inline-block;
  	width: 16px;
      height: 12px;
  }
*/
/*  //toggeling already checked box
  .checkmark.checkbox:before {
  	-webkit-transform: none;
  	transform: none;
  	-ms-transform: none;
  	-webkit-transition: opacity 0.3s ease-in-out;
       transition: opacity 0.3s ease-in-out;
  }
  //toggeling effect when checking box
  .checkmark.checkbox:after {
  	-webkit-transition: opacity 0.3s ease-in-out;
       transition: opacity 0.3s ease-in-out;
  }

  // Hide checkbox on one page, to allow several text area inputs
  /*
  form[id="426"] {
  	.radio__container .radio__button {
  	visibility: hidden;
  	}
  }*/
/*  // An experiment: No stated max-width
  	.radio__container {
  		max-width: inherit;
  }

*/
.radio__body {
  max-width: 100%; }

.swiper-slide[data-completed="False"] .task__container .radio__button span.checkmark {
  animation: button-radio 6s 8s ease infinite forwards; }

.swiper-slide[data-completed="False"] .task__container .likert-scale .likert-scale__input {
  animation: likert-1 4s 8s ease infinite forwards; }

.single-card--simple1c .card__content h5 {
  margin-bottom: 0; }

/*-----------------------------*/
/*  PREPARATION PAGE AND CARDS  */
/*-----------------------------*/
.preparationpage:after {
  content: "";
  background-image: linear-gradient(0deg, rgba(231, 246, 246, 0.5), rgba(231, 246, 246, 0.5));
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 248px;
  display: block;
  height: calc(100% - 248px);
  width: 100%;
  z-index: -1; }

.task__container.preparation-info-box-container {
  padding-top: 0;
  padding-bottom: 2rem; }

@media (max-width: 576px) {
  .preparation-info-box-container.page-wrapper:not(.page-wrapper--no-padding),
  .stage--open .page-wrapper:not(.page-wrapper--no-padding) {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 768px) {
  .preparation-info-box-container.page-wrapper:not(.page-wrapper--no-padding),
  .stage--open .page-wrapper:not(.page-wrapper--no-padding) {
    padding-left: 20px;
    padding-right: 20px; } }

@media (max-width: 576px) {
  .preparation-info-box-container.page-wrapper:not(.page-wrapper--no-padding) .page-wrapper:not(.page-wrapper--no-padding),
  .stage--open .page-wrapper:not(.page-wrapper--no-padding) .page-wrapper:not(.page-wrapper--no-padding) {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 768px) {
  .preparation-info-box-container.page-wrapper:not(.page-wrapper--no-padding) .page-wrapper:not(.page-wrapper--no-padding),
  .stage--open .page-wrapper:not(.page-wrapper--no-padding) .page-wrapper:not(.page-wrapper--no-padding) {
    padding-left: 20px;
    padding-right: 20px; } }

.preparation-card {
  max-width: 49%;
  min-width: 48%; }
  @media (max-width: 768px) {
    .preparation-card {
      max-width: 80%;
      min-width: 78%; } }
  @media (max-width: 576px) {
    .preparation-card {
      max-width: 94%;
      min-width: 90%; } }
  .preparation-card .card__content {
    background-color: #1e96a8;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    border-radius: 0px; }

.preparation-info-box__content {
  -ms-overflow-style: none; }

.preparation-info-box__buttons {
  justify-content: start;
  -ms-flex-pack: start; }

.preparation-info-box__icon {
  box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none; }

.preparation-info-box-modal.modal__content {
  border-radius: 0px;
  background-color: #1e96a8; }

.task-header.cms-plugin-akt_portal-preparationcontent-1,
.task-header.cms-plugin-akt_portal-preparationcontent-2 {
  padding-bottom: 0; }

h5.preparation-info-box__title {
  margin-bottom: 0 !important; }

.preparation-info-box__buttons--large {
  min-height: 136px; }

.button--preparation {
  width: 100%;
  min-height: 24px; }

.preparation-info-box-modal .preparation-info-box__icon {
  left: -7px; }

.row > .preparation-card {
  padding-top: 0; }

/*-------------------------*/
/* BALANCING TASK HEADERS  */
/*-------------------------*/
.task-header {
  padding-bottom: 0; }

.task-container {
  min-height: 2rem; }

.task-header--1.task-header--with-blob .task-header__content,
.task-header--9.task-header--with-blob .task-header__content,
.task-header--10.task-header--with-blob .task-header__content {
  width: calc(100% - 300px); }
  @media (max-width: 767px) {
    .task-header--1.task-header--with-blob .task-header__content,
    .task-header--9.task-header--with-blob .task-header__content,
    .task-header--10.task-header--with-blob .task-header__content {
      width: 100%; } }
/*----------------------------*/
/* BALANCING TWO_COLUMN PAGES */
/*----------------------------*/
.task-form__two-columns .task-header {
  width: 50%; }

.task-form__two-columns .task__container {
  width: calc(50% - 1rem);
  margin-left: 1rem;
  margin-top: 0; }
  .task-form__two-columns .task__container .radio__container__content.card__content:first-of-type {
    padding: 0 1.5rem 1rem 1.5rem; }

form#form-35 .task-form__two-columns .task-header,
form#form-37 .task-form__two-columns .task-header {
  width: 60%; }

form#form-35 .task-form__two-columns .task__container,
form#form-37 .task-form__two-columns .task__container {
  width: calc(40% - 1rem);
  margin-left: 0; }

form#form-34 .task-form__two-columns .task__container,
form#form-35 .task-form__two-columns .task__container,
form#form-37 .task-form__two-columns .task__container {
  margin-top: 2.3rem; }

@media (max-width: 767px) {
  .task-form__two-columns .task-header,
  .task-form__two-columns .task__container {
    margin-top: 0rem;
    margin-left: 0rem;
    width: 100%; }
  .task-form__two-columns .task-header {
    margin-top: 0rem;
    margin-bottom: 0; } }

/*
  .task-form__two-columns .task__container {
  	.radio__wrapper:first-of-type {
  		margin-top: 0.75rem;
  	}
  }*/
/*-----------*/
/*   CARDS   */
/*-----------*/
.card__back__content {
  scrollbar-width: none; }
  .card__back__content .card__back__content-subtitle {
    display: none; }
  .card__back__content::-webkit-scrollbar {
    display: none; }

.card_content {
  border: none; }

.card--flippable .card__back img {
  max-height: 120px; }

/*--------*/
/*  BLOB  */
/*--------*/
.group-box-swiper-slide .blob {
  padding: 0 1.5rem; }

.blob--circle {
  box-shadow: none;
  -weblit-box-shadow: none; }

/*
  //animate one of the blobs 
  form#form-52, {
  .blob--creative {
      .blob__content {
      //animation: blob-wiggle 10s ease infinite forwards;
      &:before {
        content: '';
        display: inline-block;
        height: 270px;
        width: 100%;
        position: absolute;
        top: 210px;
        margin-top: -270px;
        background-image: url("https://storage.googleapis.com/akt-swe/filer_public/2d/fe/2dfe4648-d0af-4795-80eb-68e8aaf7e4e7/glitter-png-clipart.png?Expires=2213626180&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=s8VcWUg3OYvZS8s7eiz5e9MGkXxZjGRf%2B9rQQvIk13Fg3H%2BxNcYEGiHNj9FYQTfb%2BgO1yrJe0MUFZvPlivTXR1lJXpiuvSGS9xohwgeJ0JaRYo%2F3Y7EPNsLdyYOXlCbTL4tjAZje9OUjbVgQoNTeF9N4wXVYf%2FAVIeBha4JPDHF2U0TkjrWZZtoOp0C9nDJZe5d3wy60LXCLoAV%2F7VYlPNn24hi5o0fInY7yzZXvzA0KUeY8bpLPiEep70IWffwvo8%2F2kHjR65R9KL8H15Ahv1nQsqF77zEPt%2FrmU8r9B5JZavitwNEShIJZHt1UnC2wsRf7j6ra9W1Vn3Md3CxUDw%3D%3D");
        z-index: 100;
        background-size: cover;
        animation: glitter 7s ease infinite alternate;
      }
    }
  }
}
*/
/* 
form#form-74 {
  .blob--creative {
    margin-top: 2rem;
    .blob__content {
      top: 0.5rem;
      -ms-transform: translateY(80px);
      .blob__content-text {
        padding-left: 2rem;
        max-width: 238px;
      }
    } 
    }
  }
*/
form#form-60 .single-card--simple1b .card__content {
  height: 320px; }

form#form-39 .radio__button,
form#form-55 .radio__button,
form#form-59 .radio__button,
form#form-123 .radio__button {
  display: none; }

/*-------------*/
/*  SNACKBAR   */
/*-------------*/
.snackbar {
  background-color: #d7d7d7;
  color: #6d6d6d;
  border-radius: 0px;
  padding: 20px;
  height: initial;
  min-width: initial;
  transform: translate(-50%, -100%);
  bottom: initial;
  top: 0; }
  .snackbar.show {
    transform: translate(-50%, 60px); }

.snackbar__close svg g {
  fill: #1a535c, !important; }

.snackbar .snackbar__close {
  display: none; }

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
textarea {
  background-color: #ffffff;
  border-top: 4px solid #1a535c;
  border-radius: 0; }

/*----------------*/
/*  LIKERTS SCALE */
/*----------------*/
.likert-scale--dots .likert-scale__lables li.active {
  background-color: #1e96a8;
  border-color: #1a535c; }

.likert-scale .likert-scale__lables {
  padding-top: 2.5em; }

/* 
  // Dölja ett specifkt option-värde i likert scalen
  form:not(#form-62) {
  .likert-scale .likert-scale__lables li:nth-of-type(2),
  .likert-scale .likert-scale__lables li:nth-of-type(3) {
  	display: none;
  }
}
*/
/* Dölj labels spå specikt formulär
  form[id="21"] {
  	.likert-scale .likert-scale__lables li:nth-of-type(2),
  	.likert-scale .likert-scale__lables li:nth-of-type(3) {
  		display: initial;
  	}
  }*/
.likert-scale .likert-scale__bar {
  background-color: #1a535c;
  height: 8px; }

.likert-scale .likert-scale__input {
  margin-top: -6px;
  margin-bottom: 20px;
  position: absolute;
  padding: 0; }
  .likert-scale .likert-scale__input::-moz-range-thumb, .likert-scale .likert-scale__input::-webkit-slider-thumb {
    background: #1a535c;
    border-color: #1a535c; }
  .likert-scale .likert-scale__input::-webkit-slider-thumb {
    background: #1a535c;
    border-color: #1a535c; }
  .likert-scale .likert-scale__input::-ms-thumb {
    background: #1a535c;
    border-color: #1a535c; }

.likert-scale .likert-scale__input::-ms-thumb {
  display: block;
  background: #1a535c;
  border-color: #1a535c;
  height: 24px;
  width: 24px;
  border-radius: 0; }

/*
  .likert-scale .likert-scale__input::-ms-lower {
        background: $vattenfall-mid-blue;
  }

  .likert-scale .likert-scale__input::-ms-upper {
        background: $vattenfall-light-grey;
  }

  input[type=range]::-ms-track {
  	background: $vattenfall-light-grey;
  } */
.likert-scale .likert_scale__image-feedback .likert_scale__image-feedback__item {
  text-align: center;
  transition: all 0.5s ease;
  max-width: 200px;
  max-height: 200px;
  height: 200px;
  width: 100%; }

.likert-scale .likert-scale__lables li {
  line-height: 1.4;
  margin-bottom: 0.5em; }

.likert-scale.u-margin-top-2.u-margin-bottom-2.swiper-no-swiping {
  margin: 0; }

.likert-scale .likert_scale__image-feedback {
  padding-top: 1rem;
  margin-top: 1rem; }

.likert-scale-circle .likert-scale-circle__scale .rs-border {
  border-color: #1a535c; }

.rs-border {
  border: 2px solid #6d6d6d; }

.likert-scale-circle .likert-scale-circle__scale .rs-range-color {
  background-color: #1a535c; }

.likert-scale-circle .likert-scale-circle__scale .rs-handle {
  background: #fff;
  border-style: solid;
  border-color: #1a535c;
  border-width: 5px; }

.rs-handle.rs-move {
  cursor: move;
  background: #fff;
  border-style: solid;
  border-color: #1a535c;
  border-width: 5px; }

/*--------------------------------*/
/*  LISTED REPEATABLES (OPTIONS)  */
/*--------------------------------*/
.radio__image-wrapper img {
  max-height: 160px; }

@media (max-width: 576px) {
  .radio__wrapper--accordion .radio__image-wrapper img {
    height: auto;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%); } }

/* .radio__wrapper--accordion {
.radio__container .radio__container__content.card__content {
  	background-color: $gray-200;
	border-bottom: $gray-600;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	}
}
*/
.radio__wrapper--accordion .radio__content-top {
  align-items: center; }

.radio__wrapper--accordion .accordion__wrapper {
  margin-top: 0;
  margin-bottom: 1em; }

.radio__wrapper--accordion .radio__container .radio__container__content.card__content {
  background: none;
  border: none; }
  .radio__wrapper--accordion .radio__container .radio__container__content.card__content .radio__image-wrapper {
    height: 130px; }

.radio__wrapper--accordion .radio__container .radio__container__content.card__content .radio__content-top,
.radio__wrapper--accordion .radio__container .radio__container__content.card__content .accordion__section {
  padding-left: 1em;
  padding-right: 1em;
  border: none; }

.radio__wrapper.radio__wrapper--accordion.js-accordion.page-wrapper .task-form__two-columns .task__container .radio__container__content.card__content:first-of-type {
  padding: 0.5rem 1.5rem 1rem 1.5rem; }

.radio__wrapper--accordion .radio__container {
  border-bottom: 2px solid #fff; }

.radio__wrapper--accordion .radio__container .accordion__button {
  cursor: pointer; }

.radio__wrapper.radio__wrapper--accordion.js-accordion.page-wrapper .radio__container .radio__container__content.card__content {
  background-color: #fff;
  box-shadow: 0 23px 18px -21px rgba(0, 0, 0, 0.15);
  border-radius: 0px; }

/*---------------*/
/* SIMPLE CARDS. */
/*---------------*/
.single-card--simple1a .card__content {
  text-align: left; }

.single-card--simple1a.col-6 {
  flex: 0 0 45%; }

.radio__wrapper.radio__wrapper--card.single-card.single-card--simple1b.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 50%; }
  @media (max-width: 992px) {
    .radio__wrapper.radio__wrapper--card.single-card.single-card--simple1b.col-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%; } }
  @media (max-width: 768px) {
    .radio__wrapper.radio__wrapper--card.single-card.single-card--simple1b.col-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (max-width: 576px) {
    .radio__wrapper.radio__wrapper--card.single-card.single-card--simple1b.col-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .radio__wrapper.radio__wrapper--card.single-card.single-card--simple1b.col-6 .radio__content {
        max-width: unset; } }
/*-----------------------------------------*/
/*  MAKE LARGE FEEDBACK 3 MORE FULLSCREEN  */
/*-----------------------------------------*/
.large-feedback__three .large-feedback__container {
  max-width: none;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  padding-bottom: 80px; }
  .large-feedback__three .large-feedback__container .large-feedback__text-container {
    width: calc(100% - 25rem);
    height: calc(100% - 29rem); }
    .large-feedback__three .large-feedback__container .large-feedback__text-container .large-feedback__text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .large-feedback__three .large-feedback__container .large-feedback__text-container .large-feedback__text button.button {
        display: none; }
    .large-feedback__three .large-feedback__container .large-feedback__text-container:before {
      display: none; }

/* ------------------------*/
/*  LOGIN och My Settings  */
/*-------------------------*/
/*input[type='text'],
  input[type='password'],
  input[type='email'],
  textarea {
    background-color: none;
  }
  select {
     background-color: $vattenfall-mid-blue;
  }
  .login-page {
     background-color: $vattenfall-mid-blue;
  }
  */
/*---------------*/
/*  INFO PAGES   */
/*---------------*/
/*.info-page__wrapper {
    .page-wrapper {
      background-color: $white;
    }
  }

  .info-page__wrapper2 {
    background-color: $lf_black;
  }
  */
/*-------------------*/
/*  LARGE FEEDBACK   */
/*-------------------*/
/*
  .large-feedback {
  background-color: $vattenfall-mid-blue;
  }
  */
/*-----------------------*/
/* INFO-HEAD MEDIA VIDEO */
/*_______________________*/
.task-header .task-header__media-container {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .task-header .task-header__media-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
/*------------------*/
/*   WELCOME VIEW   */
/*------------------*/
/*
  .welcome {
      background-color: none;
  }
  */
/*--------------*/
/*  LOGIN PAGE  */
/*--------------*/
.login-page {
  background-color: #fff; }

.login-page__text .errornote {
  padding: 0.5em;
  background-color: #1e96a8;
  color: #fff; }

.login-page__form-row .errorlist {
  padding: 0.5em;
  background-color: #1e96a8;
  margin-bottom: 0.5em; }
  .login-page__form-row .errorlist li {
    color: #fff; }

/*-------------------------------*/
/*  MANAGE GROUP EXERSICES      */
/*-------------------------------*/
.group-progress .sessions__wrapper h2 {
  padding-top: 1.5rem; }

.group-progress .sessions__wrapper {
  background-color: #d7d7d7; }

/*----------------*/
/* GROUP EXERCISE */
/*----------------*/
.group-box-chapters {
  background-color: #fff;
  justify-content: center; }

.group-box-chapters-items.page-wrapper {
  justify-content: center;
  margin-top: 1em !important; }

.group-box-chapters .group-box-chapters-items.chapter3 .group-box-chapters-item::after {
  background-color: #1a535c; }

.group-exercise-close {
  position: fixed;
  top: 70px; }
  .group-exercise-close img {
    transform: scale(1.8); }
  .group-exercise-close span {
    display: none; }

/*-----------*/
/*  CURTAIN  */
/*-----------*/
.curtain__frame {
  border-radius: 0px; }

.curtain__wrapper {
  width: 50vw; }

@media (max-width: 768px) {
  .curtain__wrapper {
    width: calc(100% - 40px); } }

@media (max-width: 768px) {
  .curtain__frame {
    padding: 20px; } }

.curtain__button {
  padding-bottom: 50px; }
  .curtain__button .button {
    animation: button-1 4s 8s ease 3 forwards; }

.info-page__wrapper {
  width: 100%; }

.task-header.cms-plugin-akt_portal-generalpage-23 {
  background-image: none !important; }

.secret-text {
  transform: translateY(150px);
  color: #000; }

.image-round {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }
  .image-round img {
    border-radius: 999px; }

.white_plate {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #000; }
  .white_plate p,
  .white_plate h1,
  .white_plate h2,
  .white_plate h3,
  .white_plate h4,
  .white_plate ol,
  .white_plate ul,
  .white_plate li {
    text-align: left !important;
    max-width: 900px; }
  .white_plate p:last-of-type,
  .white_plate ol:last-of-type,
  .white_plate ul:last-of-type,
  .white_plate li:last-of-type {
    margin-bottom: 0 !important; }

.blue_border_plate {
  background-color: #ffffff;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  border-style: solid;
  border-width: 3px;
  border-color: #1e96a8;
  float: left;
  color: #000; }
  .blue_border_plate p {
    margin-bottom: 0 !important; }

.blue_plate {
  background-color: #1e96a8;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #fff; }
  .blue_plate p {
    margin-bottom: 0 !important; }
  .blue_plate ol li,
  .blue_plate ul li,
  .blue_plate p {
    color: #fff; }

.mid_blue_plate {
  background-color: #0f96a9;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #000; }
  .mid_blue_plate p {
    margin-bottom: 0 !important; }

/*
      //röd info-platta
  ////<div class="red_plate">xxxx</div>
  .red_plate {
    background-color: $mtr-red;
    padding: 1.5rem;
    width: 100%;
    height: auto;
    float: left;
    color: $color-negative;
    p {
    margin-bottom: 0 !important;
    }
}
*/
.mid_pink_plate {
  background-color: #fcf6e6;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #000; }
  .mid_pink_plate p {
    margin-bottom: 0 !important; }

.green_plate {
  background-color: #1a535c;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #fff; }
  .green_plate p {
    margin-bottom: 0 !important; }

.light_green_plate {
  background-color: #1a535c;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #000; }
  .light_green_plate p {
    margin-bottom: 0 !important; }

/*
   //Orange info-platta
  //<div class="orange_plate">xxxx</div>
  .orange_plate {
    background-color: $mtr-orange;
    padding: 1.5rem;
    width: 100%;
    height: auto;
    float: left;
    color: $color-negative;
    p, h1, h2, h3, h4, ol, ul, li {
      text-align: left !important;
      max-width: 900px;
    }
    p:last-of-type, 
    ol:last-of-type, 
    ul:last-of-type, 
    li:last-of-type {
    margin-bottom: 0 !important;
  }
  @media (max-width: $screen-s) {
    opacity: 0.8;
 }
}
*/
.light_yellow_plate {
  background-color: #fcf6e6;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left;
  color: #fff; }
  .light_yellow_plate p {
    margin-bottom: 0 !important; }

.image-band {
  max-width: 10%;
  height: auto;
  float: left;
  color: #000;
  border: 0px #d7d7d7 solid; }
  .image-band p {
    margin-bottom: 0 !important; }
  .image-band img {
    width: 100%; }
  .image-band:nth-of-type(2) {
    transform: rotate(6deg); }

.image-band-large {
  max-width: 25%;
  height: auto;
  float: left;
  color: #000;
  border: 0px #d7d7d7 solid; }
  .image-band-large p {
    margin-bottom: 0 !important; }
  .image-band-large img {
    width: 100%; }
  .image-band-large:nth-of-type(2) {
    transform: rotate(6deg); }

.ingress {
  font-family: "Bebas Neue", Arial, sans-serif !important; }

span.clock-icon {
  display: inline-block; }
  span.clock-icon:before {
    content: '';
    background-image: url("https://storage.googleapis.com/akt-mlr/filer_public/af/b4/afb4ea61-cc7c-43cf-b030-db6a2955cb73/symboler_mlr_klocka.svg?Expires=2275716575&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=FkbkaWZNZCu3n7DRg%2Bh45UY2VmHzToQtE4xp4HieSScyUzXJ46E%2BplkVRgPEWnHgXLVTBZZ%2B7qp92Bc5UwrQtgA2PeWqC0uYcR%2BpdTxSSD41gPzPYZsXieBwu%2B%2BI85keBRGd7xzrfCw6AZS1ULAW6EZypM6l0cjCwc1m8tYkaisSjTAKYovcp1FooJcXBGdR7UsL3fMOhz%2B%2F7n%2B7Hm2bNrW2V8CzlNxNPFrRazHgDQx%2FnGwADMwoTLHBwj9%2BtAmmYIiyewUqQo0ZpYXfcdlybGKRXCVv7SPUO4J9J2ro%2FVwGF3LdITocFAcWTyj75fWzeQ1RW9amRkOjuAOKm1yn6Q%3D%3D");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle; }

span.clock-icon-white {
  display: inline-block; }
  span.clock-icon-white:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 513.58 513.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:41px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Lager_2' data-name='Lager 2'%3E%3Cg id='Lager_1-2' data-name='Lager 1'%3E%3Cpath class='cls-1' d='M380.3,388.61a21.25,21.25,0,0,1-30.2,0L243.4,282a21.25,21.25,0,0,1-6.2-15.1V128.21a21.3,21.3,0,1,1,42.6,0V258l100.4,100.4A21.34,21.34,0,0,1,380.3,388.61Z'/%3E%3Ccircle class='cls-2' cx='256.79' cy='256.79' r='236.29'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-bottom; }

span.hand-icon {
  display: inline-block; }
  span.hand-icon:before {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 429 429' style='enable-background:new 0 0 429 429;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230093D6;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ctitle%3Enastasteg%3C/title%3E%3Cg id='Lager_2_1_'%3E%3Cg id='Lager_1-2'%3E%3Ccircle class='st0' cx='214.5' cy='214.5' r='204.5'/%3E%3Cpath class='st1' d='M214.5,20c107.4,0.1,194.5,87.2,194.4,194.7c0,78.1-46.8,148.6-118.7,179c-99,41.8-213.1-4.5-254.9-103.5 S39.8,77.1,138.8,35.3C162.7,25.1,188.5,19.9,214.5,20 M214.5,0C96,0,0,96,0,214.5S96,429,214.5,429S429,332.9,429,214.5 S332.9,0,214.5,0z'/%3E%3Cpath class='st1' d='M104,162.7H86c-5,0-9,3.6-9,8v127.5c0,4.4,4,8,9,8h18c5,0,9-3.6,9-8V170.6C112.9,166.2,108.9,162.7,104,162.7 z'/%3E%3Cpath class='st1' d='M346,162.7H213.1l27.4-21.8c7.7-6.1,9-17.4,2.9-25.1c-6.1-7.7-17.4-9-25.1-2.9l-87.5,61.4v119.4 c6.7,7.8,16.6,12.4,26.9,12.4h89.6c9.9,0,17.9-8,17.9-17.9c0-9.9-8-17.9-17.9-17.9c0,0,0,0,0,0h9c9.9,0.2,18.1-7.6,18.3-17.5 c0.2-9.9-7.6-18.1-17.5-18.3c-0.3,0-0.6,0-0.8,0h9c9.9,0,17.9-8,17.9-17.9c0-9.9-8-17.9-17.9-17.9H346c9.9,0,17.9-8,17.9-17.9 C363.9,170.7,355.9,162.7,346,162.7L346,162.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-bottom; }

/*
  .fram-wrapper {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px;
    }
    &::after {
        content:'';
        background-image: url("https://storage.googleapis.com/akt-swe/filer_public/33/5c/335c579c-c972-4777-8551-b630bf9d22e6/fram_rund_positiv.svg?Expires=2213618834&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=fkjuSrIu2suaj%2Fgh9gPUQ1sK1ncjZd3n%2BqQ23FicB1Yat8KhlqPBk0BpvFqfkTn6XoqNehe8NVL3qHjGCfhPocq0dfdLr5ipqUYkHX20w%2FHmrXOo0nbeTJoV5lJNkw5Xj80vbT55R5sj7Os38xEzik27qMYfgroVy04155PXM6TMAmxnQYZPzdBe8JbBNA0z6ULFnrXZln3qqnpQWL8XwKKi32a6BN2hu%2BYfMPw0GxGWPzZ7HyQTt%2BxfIlbnHfWli0QmyBZM06iuigqTc1I%2BsufsYQY%2FHqypxpitspsYdlKe%2FIdDRmDXZZes%2FMXm7F5a%2FYGone9%2FRgDXXXLAGbX6HA%3D%3D");
        height: 360px;
        width: 360px;
        display: block;
        background-repeat: no-repeat;
        top: 0;
        background-size: contain;
        animation: heartBeat 15s infinite forwards;
        @media (max-width: $screen-l) {
          height: 260px;
          width: 260px;
        }  

    }
  }

  .fram-wrapper_eng {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px;
    }
    &::after {
        content:'';
        background-image: url("https://storage.googleapis.com/akt-swe/filer_public/33/5c/335c579c-c972-4777-8551-b630bf9d22e6/fram_rund_positiv.svg?Expires=2213618834&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=fkjuSrIu2suaj%2Fgh9gPUQ1sK1ncjZd3n%2BqQ23FicB1Yat8KhlqPBk0BpvFqfkTn6XoqNehe8NVL3qHjGCfhPocq0dfdLr5ipqUYkHX20w%2FHmrXOo0nbeTJoV5lJNkw5Xj80vbT55R5sj7Os38xEzik27qMYfgroVy04155PXM6TMAmxnQYZPzdBe8JbBNA0z6ULFnrXZln3qqnpQWL8XwKKi32a6BN2hu%2BYfMPw0GxGWPzZ7HyQTt%2BxfIlbnHfWli0QmyBZM06iuigqTc1I%2BsufsYQY%2FHqypxpitspsYdlKe%2FIdDRmDXZZes%2FMXm7F5a%2FYGone9%2FRgDXXXLAGbX6HA%3D%3D");
        height: 360px;
        width: 360px;
        display: block;
        background-repeat: no-repeat;
        top: 0;
        background-size: contain;
        animation: heartBeat 15s infinite forwards;
        @media (max-width: $screen-l) {
          height: 260px;
          width: 260px;
        }  

    }
  }
  form#form-46, 
  form#form-66, 
  form#form-71 {
    .fram-wrapper {
      height: 400px;
      @media (max-width: $screen-l) {
        height: 300px; 
      }
  &::after {
    content:'';
    background-image: url("https://storage.googleapis.com/akt-swe/filer_public/b3/fb/b3fbf9cd-fdc0-4396-888b-41f8da2b4a17/fram_rund_neg_2.svg?Expires=2215256102&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=VVMyC3xe6G1wQFTPSCmoWZc6YJUglre0NEWTspg1c%2FNxjtNFZLb%2FNqv%2FGLBuKyL57msvZ2hujGXHSXCYPKuDvrPk9UawPcB05qMhklk3dphzlmwP3VSjnJxuFKgJCxCLB4sg%2FyTbOy5goUdHTu0dh7J93sb9CvbtdPyzQd2D%2FZhAFrjvu7Vp45Mdv87vZo3X9Vgb%2F327e%2BV7xCAJ2z6hcPPd%2BXdilCSwux6G7YnK5OyDKzTz6oMj%2F7TO19UL4uKVJXrfgAaU%2B0MlghpzIsLFW9ckWVwXd29tJr%2B1B79C5BcsKWg7CecXO4BFpzqDMHSqlO2JVj4d02HK6i0F3nIqrw%3D%3D");
    height: 360px;
    width: 360px;
    display: block;
    background-repeat: no-repeat;
    top: 0;
    background-size: contain;
    animation: heartBeat 15s infinite forwards;
    @media (max-width: $screen-l) {
      height: 260px;
      width: 260px;
    }  
  }
}

.fram-wrapper_eng {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px; 
    }
&::after {
  content:'';
  background-image: url("https://storage.googleapis.com/akt-swe/filer_public/76/d7/76d766b8-a290-4357-b935-62f1256baefc/forwardthenforwardnow_white_rgb_2.svg?Expires=2215851145&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=kziqskJinemJgN7d2lBrjpm5%2B4twS1qvb7h0Lm5MnlQf3Y0XXS3ezAC3kupAQecWd3qs1mITPAk9dysj8XH5G3EzqLG8t7yh6Q8D49JJuNL5jLKB30CSN%2Bq8gDySCnO9fAHHBW%2Bu1ahZndBsW3Z5qQGyRR4Yl4JEkpjqZE8YfX0n%2FbpUFMmckJMcO69LbzAqwcLmOXnKW5xpnGMCvDQaL3ek0Nw8gHCphfm74maUnV%2FFE9r8qkvzcgFxAuqc3cxgmFjfX1nu19J0Gbo9YRkQ%2FQ44wfINfoX%2FYL3RntPwBFCvMv95aGueo7F%2FOOz2D2MO1gCQyE8ZRQcAFJFz9Os6kA%3D%3D");
  height: 360px;
  width: 360px;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  background-size: contain;
  animation: heartBeat 15s infinite forwards;
  @media (max-width: $screen-l) {
    height: 260px;
    width: 260px;
  }  
}
}
.fram-wrapper_lv {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px; 
    }
&::after {
  content:'';
  background-image: url("https://storage.googleapis.com/akt-swe/filer_public/1c/90/1c9026ae-517b-4f28-8ed4-69aea3ab6a48/lett_framlogga.svg?Expires=2218279791&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=tGAPFlEEfYdkwJX%2F1JZGK%2Bs8tfBSL588l5CbNxBzI9Jdp8AyBmUrXkN%2By0uUrEVOc8%2FmCruFB7Qz4nyBLf5DVDNtgEM%2B4I7uKQmdlMQAdIWE%2Bxy1yja5LBzz0%2BQWuCVeiZKX%2FzLOHfIbTh%2BGgx4IfpnNCwG9jrLN8gGKRzsqWVWlXyLeM2Chski%2FxPBUnk2%2Bn6VkIm9gSw3h2Gk2svxBhZDeQDXcy8P4wpKvqtsDD%2FSRIE21DcPPeDdhbydakyIjJKngFR7svQ3PYE%2FT%2BOQQ9FkRrB4dPR5EWJAyKaVDlCCjTWTxH6A1on0tbA4MVZyCKcNCCcAmlXFk1CZXG1I9jg%3D%3D");
  height: 360px;
  width: 360px;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  background-size: contain;
  animation: heartBeat 15s infinite forwards;
  @media (max-width: $screen-l) {
    height: 260px;
    width: 260px;
  }  
}
}

.fram-wrapper_lt {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px; 
    }
&::after {
  content:'';
  background-image: url("https://storage.googleapis.com/akt-swe/filer_public/e6/b0/e6b018ad-429b-4b50-a1e6-d5e09a89d579/lit_framlogga.svg?Expires=2218279841&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=Csn3fiqMeOuv2NHdQ3gVewJq5a2GDazZ3AAC7KHszUSP49g8qPUIb8L8a9dOw%2FAoopyVzOh3K%2FZHvBGY8i6O3hXwG0if7YPJqgeyMy%2B93fqyByvQbLfhp6FITFZDBUyb66CJmWZslXSRwzYJ39dzPL8lLrVVsvOoVmdz%2BVxH1olXCwvYap6qfhzl5m%2FmviKxRORv81juKaSWgEh%2F%2Bzajf1MegjAet81ohVMrshb9zhKQo0VQnWS3p%2FQt4JrMGl95llJjiLUU1b1GBh2AwI9Da2lGxx%2FJrVlw83zTkxyo0jelXBTdB9QIHzWw9qT7enR%2Fz9t37FUzNOK8XXMUOVKBug%3D%3D");
  height: 360px;
  width: 360px;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  background-size: contain;
  animation: heartBeat 15s infinite forwards;
  @media (max-width: $screen-l) {
    height: 260px;
    width: 260px;
  }  
}
}
.fram-wrapper_et {
    height: 400px;
    @media (max-width: $screen-l) {
      height: 300px; 
    }
&::after {
  content:'';
  background-image: url("https://storage.googleapis.com/akt-swe/filer_public/cb/8b/cb8b866b-e737-4772-b56b-91d457199264/est_framlogga.svg?Expires=2218279865&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=BNcgzUajAAFJCwTw9K%2FQi%2FQhVhzH%2BBiEH%2BzZhvGhfZoDhSSw6soX5IY%2Fr4sMo%2Btof9jiC%2FIrdMJ2NNytbBQk6ocsNA3txUxpcQCaw4lYkGj7na7OQxfHR88H67eGIVUOyeTIBiGxP5uN37QOa51P33FN5xtK%2FBJ9vG7OeGOrpj6O6dLKqX%2BbGRRWtueoswE4N0DQH%2BsZxS%2B0xEdoyISbz3YfjtQlKziXGxhr%2Fm11wQQfD1nE%2F1K1U6GaTuAmQsabMPTQbrC%2F%2FpslVvfttjvUS6e9pRkXeQQqbR0dEjyqq4LqgcJC%2BIlawZbVFbQ8npWnOY3GFpVlCk%2F4v9fAoS1jXg%3D%3D");
  height: 360px;
  width: 360px;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  background-size: contain;
  animation: heartBeat 15s infinite forwards;
  @media (max-width: $screen-l) {
    height: 260px;
    width: 260px;
  }  
}
}

  }

  .fram-da, 
  .fram-nu,
  .vi_firar {
      &::before {
            content:'';
            height: 50px;
            width: 150px;
            display: block;
            background-repeat: no-repeat;
            top: 0;
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
      }
  }
  .fram-da:before {
    background-image: url("https://storage.googleapis.com/akt-swe/filer_public/4e/57/4e5794a2-280a-4dcd-a409-bd88b620e025/framat_da.svg?Expires=2213606476&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=ErZqEq556386PdhuBbnI9XhYm57ofPQuiL%2BUzNKKNL%2BNHpHQI2F7revOPFogmL2pNmHZYtmMwoOFzsATAKde6oois%2FgwbFVt876nHJoqs5qvZ8Tc%2BSuZafpNaYPaSDMF5tddEPZ6K%2B1q%2FmlOBKgI6V35oj6mlaDdFqr0w4KDeiYuF0jhIFApQZiyVknGVV98ogKTWcwvlK7NCc%2F1kTwb4H5x5nOtmbFQBkZQ31UFu71G%2FVrwH4wBQkPGZllX69U2jY3wc0GX0mz0SI25hUZRklxCSWFMSI7a4Rv4fdXc5d%2BvTirjHvPfgpCVwj8Ht9C4yrvHhzHKNvLcljtIiAAacA%3D%3D");
    background-size: contain;
    animation: bounce 10s  infinite forwards;
  }
  .fram-nu:before {
    background-image: url("https://storage.googleapis.com/akt-swe/filer_public/cc/38/cc383784-6876-4b58-828e-f7e186cb117a/framat_nu.svg?Expires=2213606720&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=UKLSJDdSAy%2Br9NMA5EFUMMnobrVEEceaqNnakHd219y5sXjcpBIpeWrVFe7C1VTFX%2BhNrF0dPXdBdn21AP%2FcXqm4VqIeb8Gcdt4lPnnSjiNks0O63OB36RL61uUo7RZDyzFrSguE7lIen3RpsRY8QpuGD%2BaJyPyeMUpS6ElimBVlFxmVDrg6VpnL0aQP0d8Zy%2BUHAvyl0eNEI1DQeAVgVYGm%2FNfHvwv8T9hx57Mh8ySso%2FWQ1TF0qMiXphYXzXuSs%2Fw7MRvfRz8j4S32DRfOjg8mL8vQ9aHNVBiArtF5Mw4hnNlRP1ZAwcSFt6fVbFn0EcrbHh%2BDWt55nCNMGkJtEw%3D%3D");
    background-size: contain;
    margin-top: -45px;
    animation: bounce 10s 0.5s infinite forwards;
  }
  .vi_firar:before {
    background-image: url("https://storage.googleapis.com/akt-swe/filer_public/3a/ca/3acac0a7-fa23-44b1-b4fc-b73386fcf5fe/vi_firar.svg?Expires=2213606744&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=Bz7emETz%2BnQ0VfQhejV8ltsHRh09TjRfQWGLKkAzBvsAJdMC%2FSuLcNHx17suibooWxUSbQfi2QUyKC6puueMR82AUX6nDpR5uXBu%2Bef5PKIE3CmNSOJsnisdlfTfUKXr8lG3z4rnC2hI%2BD0%2BkHHlAcyN2%2FqcVManztR63QAS7h%2BI%2FaoMtK0XSaK%2BuEwofpH6%2FrObxXj945KO5U1kffYc%2BofHfA1kSGOk87T%2Fh9D8eZ4NIbm7ygj3sFXWarskwXiAu0e24bmI7tjObyD5ZOQN%2BXVPtiz0PT1R95Dm4AVZFxafm7ol%2FDhdqDk4y1vYfDMc%2FqEXzyNQGkykpxpx%2BovEyA%3D%3D");
    background-size: contain;
    margin-top: -45px;
    animation: fadeInUp 10s 2s infinite forwards;
  }
*/
/* Denna verkar vara en dubblett
//<p><a class="textlink" href="https..." target="_blank">LÄNKNAMN eller text </a></p>
// Buttons as text-links on preparation pages
a.textlink,
.button--primary.button--preparation {
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
	user-select: none;
    text-decoration: none;
    position: relative;
    text-align: left !important;
    padding: 0 2.1875rem;
    line-height: 1.5rem;
	@media (max-width: $screen-s) {
    padding: 0 1.5rem;
	}
      &:before {
    content: '\2192';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.75rem;
    font-weight: normal;
    color: $color-link;
    transition-property: opacity, transform;
    transition-duration: 300ms;
    transition-delay: 0ms;
    	@media (max-width: $screen-s) {
   	font-size: 1.5rem;
	}

  }
   &:hover:before {
    color: $color-link;
    transform: translate(40%, 0);
  }
  &:focus:before {
  	color: $color-link;
  }
  &:hover {
    color: $lf-black;
    text-decoration: none;
  }
  &:active {
  	color: $lf-black;
  }
}
*/
.two-column-list {
  column-count: 2;
  width: 100%; }
  .two-column-list h3,
  .two-column-list p,
  .two-column-list h4,
  .two-column-list div {
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */ }
  @media (max-width: 576px) {
    .two-column-list {
      column-count: 1; } }
.radio__container--no-pointer .radio__body.lead {
  width: 100%; }

/*SCREEN SIZES grid-breakpoints
  $screen-xl: 1500px;
  $screen-l: 992px;
  $screen-m: 768px;
  $screen-s: 576px;*/
.three_cols {
  column-count: 3;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 0px;
  column-rule-color: #6d6d6d;
  animation: fade-in-up 0.5s ease forwards; }
  @media (max-width: 768px) {
    .three_cols {
      column-count: 2; } }
  @media (max-width: 576px) {
    .three_cols {
      column-count: 1; } }
.four_cols {
  column-count: 4;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: #6d6d6d;
  column-fill: balance; }
  @media (max-width: 768px) {
    .four_cols {
      column-count: 3; } }
  @media (max-width: 576px) {
    .four_cols {
      column-count: 2; } }
.five_cols {
  column-count: 5;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: #6d6d6d;
  column-fill: balance; }
  @media (max-width: 992px) {
    .five_cols {
      column-count: 4; } }
  @media (max-width: 768px) {
    .five_cols {
      column-count: 3; } }
  @media (max-width: 576px) {
    .five_cols {
      column-count: 2; } }
/* Testing IE11-fix to justify task-headers */
.task-header > .page-wrapper,
.group-box-chapter-header > .page-wrapper {
  margin-right: 0;
  margin-left: 0; }

@keyframes button-1 {
  from {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  70% {
    transform: scale(1.1); }
  80% {
    transform: scale(1); }
  90% {
    transform: scale(1.1); }
  to {
    transform: scale(1); } }

@keyframes button-radio {
  from {
    transform: scale(1);
    -ms-transform: scale(1); }
  60% {
    transform: scale(1);
    -ms-transform: scale(1); }
  70% {
    transform: scale(1.05);
    -ms-transform: scale(1.05); }
  80% {
    transform: scale(1);
    -ms-transform: scale(1); }
  90% {
    transform: scale(1.05);
    -ms-transform: scale(1.05); }
  to {
    transform: scale(1);
    -ms-transform: scale(1); } }

@keyframes likert-1 {
  from {
    transform: translateX(0px); }
  60% {
    transform: translateX(0px); }
  70% {
    transform: translateX(10px); }
  /*80% {
            transform: translateX(0px);
        }*/
  85% {
    transform: translateX(-10px); }
  to {
    transform: scale(0px); } }

@keyframes glitter {
  from {
    opacity: 0.1; }
  20% {
    transform: rotate(-12deg); }
  40% {
    transform: rotate(3%);
    opacity: 0.4; }
  60% {
    transform: rotate(-6%);
    opacity: 0.2; }
  80% {
    transform: rotate(4deg); }
  to {
    opacity: 0.6; } }

@keyframes blob-wiggle {
  from {
    transform: rotate(0deg); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(-5deg); }
  30% {
    transform: rotate(0); }
  80% {
    transform: rotate(-10deg); }
  90% {
    transform: rotate(4deg); }
  to {
    transform: rotate(0); } }

@keyframes skala {
  from {
    transform: scale(1);
    -ms-transform: translateY(15px) scale(1); }
  to {
    transform: scale(1.4);
    -ms-transform: translateY(15px) scale(1.4); } }

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes disappear {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }