@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
p {
  line-height: inherit; }

/*
@font-face {
  font-family: "name";
  src: url("woff2-path") format("woff2"), 
  url("woff-path") format("woff"), 
  url("otf-path") format("opentype"),
   url("eot-path") format("embedded-opentype");
}
*/
@font-face {
  font-family: "VattenfallHall_Regular";
  src: url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-Regular.woff2?Expires=2198840052&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=Qv3hRZq0F4DKKtT7Nc6MhtW4u1X3H%2B7o8VAytmF2clKPaov%2B7kq0iWt5t7SNCyRWFjlzExoObCwAaWrQwm%2BW0p3hIU9Ek%2BIezRlKyajhVvXNnjEVi%2BdtOQkRTZkTG1Vx8Upyf737POdlQdrgIUDZxQrMbJCr9aC8Kso186%2B%2FuK9v9kJxY0ehaURZPS%2Bdc%2Fg%2Fr5lJuURNG7V3uZh1C4dUGrnEALI8jcS0WBDdtTYZD%2FnlHhF4wFxbBf4oWrfqBJHMHnPEunG%2FNIcpUn66vKidbb7aagDv9pCPy9DpPC5B6RZdF0066Cd%2By5kX7%2BHVHHQDe%2BsbJXn1Qw9F3comLZ2YCw%3D%3D") format("woff2"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-Regular.woff?Expires=2198840035&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=KPJ7TqrlfD%2FYXOiLAgFZN1MPoODtVZ3Wazrif7rQdsJSwQjyoQfcxjTS%2BOJitcjY65%2FjNMIlxsq9IWcWu%2FmOcdlRCGTq6IFTiQ5WbiTymihw6undh6trIrRyDZNdaCxKZBpAwKgWZPfp5%2FVEM6EQz0uj%2B5%2B11fuZCp0nXaceHxfBA7hnqp1IPNuB2ti6IS12jmrLoHdHNBOY7b0v9WFBfPBHfdCDRuf2JtIoWupolaHiSjXeyhdA76hitUiZt4yldqSj1btrpNfydqtwxZwPsHqAEWUGbTylF5R%2FANX70BKazdvBjrceiaN5thgifhbynQNgYsdScgJOuHJoQTfYOg%3D%3D") format("woff"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-Regular.otf?Expires=2198839972&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=OERWUKUqNlgR4L%2FIQK1CIn2BScpd6kyMfwdPLMBmyuIihL%2Frk6SK198OKsPvemSCWWOB%2BfOgBrYMudBYnMRmtOJ2lFDdt5x25ge9favaAZspEtYqp4OFiaUx%2BwnAw%2Fbw4uWB%2F8CXjScqrDxWkDDAVsL0%2BnbfiD%2BHjsOEP8miMtf9fiM6meWJblcAiX2gu2xgSRtKLo%2BjvtCZVCzqJSF%2F%2Bht20UcZYNFZV3OTVM0OV%2BWJLcdk4fGVmxlaDAro%2BANq4tKprCfLAmw%2B5uee8pqbww%2Filh9hAgK%2Bfh8ox4VvtHXw%2FFbswtKwHtJeJ7eGppi%2B8hBaE6Gq3D1XfWmFG6ev0A%3D%3D") format("otf"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-Regular.eot?Expires=2198839950&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=uLkb9Jp3Ahco13L2%2BuiTEXjS7X5WOukjOY88bs42C76BWEd6EIWnyLTBciDrQtD6%2BhZEoB2moJ%2FczawaEsBJ9LmIPmPd07hjQdnKGPr8LoCyuS28D28BrSupD9KjF27IXeIiaXm9W5KD4%2BJVsTFboDAl2ZXatbtaRXAVS%2BED5fx37fZ2PJ1beB1qaq%2FNE5oK62HUw2%2B3aPGtv3%2BHmGIUA45XqKzyIBbWOfBNgCiAL7eS4s4Jn3ud%2FyLpVphYl7tSx4x8emu3hZMdfzbSxEZ62rotKveQluOjcoc7DSS0E35JCfrO1vttOkhYAyu1Nu8ZOqaPrXj%2FM7LYTTIqzex6qw%3D%3D") format("embedded-opentype"); }

@font-face {
  font-family: "VattenfallHall_Medium_Italic";
  src: url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-MediumItalic.woff2?Expires=2198840257&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=hguBmpu0t1B5mf%2B7SsYii2nYC9KvRLRI3wOH9tdBTDb%2Bg%2Bxm1q%2BrN8pV3LuiCr5Ga7GXP83yzCdnUTGwFiWveuE6auz3uJvswymJ4Fs2kYHmIC%2FSniv6xh79XRV0HqMPk5mtS0PULwYjtYYjzBUHqmm4GjFhHqCzgBlwi9HMZmchstGTr%2FYwL3hNl7YRJ3w%2ByGP5mDMnSl9bLInEGvmiT%2FouZet%2FhJzuZ5ivtNUhb9qxtyDm7KPWesnzGTlSb0zcTRpOsYF%2BDE4IfQ6Fp3vMNbjXO8X3ZwUh8dFlwFzw82SqOeh1gskWaIEp23WL%2BNwdgMfX2In1AaDjWtzlx3NeGw%3D%3D") format("woff2"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-MediumItalic.woff?Expires=2198840368&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=AO2tYFXY4MjGadTimqDK0WaUWJyP8jtbFQozheudRh38O5J%2B7Csbsg6WmltG81%2FbcJc3Qx4450lLkdccy9N%2F5KEaxpL9RbFazco0S0cmmeVCVz%2Bar8L%2FWr1FgS5DLvle4%2Fw0Kj98MofawyRzNwQilO9s%2BrrvaGa09pFZMgUNfNurOdQKaDoiNy%2Bl9SSEEtwCL%2Bfps5P0wgMTPNXQK8I1tBmzV5B%2FKFf1Wa2PZ5WaQSNmrHZMcUQ6yWcBbM1ZJB3HvqaVfRwXSRZxy5ixHyZrh%2BQyJ6uRNv4SMAQMf51ADmWNs%2B%2FQiYAUqquN5RSgcEWjyoTVCAysNcXuUVMZkF8aiw%3D%3D") format("woff"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-MediumItalic.otf?Expires=2198840406&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=SOU1DQqE9UWyGPzCupLza4KZsEQMOrtqyRcvczw2eVl70YYkvUdyZuWZXePz6QIxZibEy%2ByF3CV%2F0uE0UK2m9VOPchWp9KHdjxrX%2BNScXHvgYnhjKqj2ns8QfO9Dwt3X73%2FJWBxE%2FHrcREJyZd8gfFusfiYSgvE4gNv04ZX3JNCV7iTc8cRVGazCPDuyQdgx%2FPVXG5l47SuHMSQmtOApdSjV4Tc9PMnHTi%2BP0J3WTsJ%2BScsANwmg8U5MZ8Mkyl2g1BspVaSkFY1PyZy0BcMj9kGVGCJfe0pxKDQGITgpWNuMYElFPh0H5Yj2mU6qV%2B3%2Fa89AgF5A7WWvZehqTh3c7w%3D%3D") format("otf"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-MediumItalic.eot?Expires=2198840233&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=W6Tqcx026DVxE1gBrG3V%2FNtWjElk5tJTnYW7MY9bkFUx6phL8PH3Io0o7piX3RH1D4RfytGbhk5w7PLlbcmc2fVCFXgQiBHoSGd42lWFfjH%2FkcStiWCtIH4fZ6CezOR5VI7%2BuLUf1yFlW7jUU3Cz6i84MrCIpDLj%2FBYwqtelGvfMtEHdbufO5Y1WPyTRgRK95cbCTUsa%2F9lMH3B%2B4fVBmQzEESnOB0mqBA6YK9hzF1EBU%2BbQJ%2Fp22S6XuLkkZeH81v4SUSAEs3%2FpX9%2BOqFjBNPgfvoa9kx%2Fth64u6GOaFLn%2FhnityvVZoAbzQIBG2R3KuQsFpAfHI4Slk%2BFK%2FUPt%2FA%3D%3D") format("embedded-opentype"); }

@font-face {
  font-family: "VattenfallHall_Regular_Italic";
  src: url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-RegularItalic.woff2?Expires=2198840215&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=p633Hadei6hnBHtrs04oHBQqhSVT4yZSFuHXndTS8lBTlOa8SBD826bvLbTo2VDR%2F9OOBZL5wHfQ%2FIjImfb%2FrwnYpgnW1TzCwNnckjcUvjvJq8g0GaIfaEe5%2FK%2BbTePmJ21GeLodVrWBt%2FkcYEMo6DqcCt2c2vDVlUNBvsSm0brww6Ehq%2Bwsgw9vH98bY%2Bt22Srh3rBbnSELd9DAqDJ8rU2LZq%2BndRrpd%2FjhZK4ZHLFylQsl%2F4v6Fdlsh4Q6DkoSX4iqsQpEwRJl0NjaiFPtpXR3gixIPWpTb%2Fh%2FYOJfVlsrrUSSZsF4sX%2FypksB6b%2FXsWGNfrueextdT76IndIPCA%3D%3D") format("woff2"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-RegularItalic.woff?Expires=2198840196&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=P42cxbFw12OJcyRmPziiTqmNQ9Wcb74TFMDer7eRoLztREtM8nT13Y51Po%2BcDOPH1cuA22IrqwR7I7%2FUj%2FSwr3cnIOYcg4QJdf4ALBVmbWPuueRaBqx0kwWN8ixjv%2FsjOqT9dtrop5MLl5o8t86UabnYPSbFvTT6pb07OtPnTAAibZ0R2npufMBxv8nnfwgLvr97PubeD6DaSNM7oxuZUZSOnI8LCk%2FFVKRT0C08r3XnkgH2XkBlNevMYCg9EQscG6Sz0gsQ2D%2Bma2G8vzGIf0X2Yw3qml%2B46BNOehM9NsCkEe2UXTbswwnFffDOFmYUIqfo%2By95m51DCVviGxWl9Q%3D%3D") format("woff"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-RegularItalic.otf?Expires=2198840182&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=WfZI6w7vacnp6NjMpl3fKWsAVnk92i25s%2FH2lslJaxq%2Fzthp0GCHk7eEKfEHcdtbBTTgCTIuxZ3wefezik%2FkdP0rPkWxt9KBoQBizVnemmZPyowRKS6Yxt3TFckxuwrrDYiQOIzcHpISQEFwg02yvYSSK%2FkyMVMBkwFD1ghYKPhMSl5CPvlU94s99K46urXUqPp%2FxQk16NK63egjixBM2U2HBaj7ZWbTv%2BqAKMLRwUg3FgAtP1a7RHjrxE62PjWI%2FASxIojXi47RRygClIuNiailGCpo%2BeOGaStPHecqBP9Uz9CD6cCclyXb8RqRPWparjIIPrUWKxLzj2AUeCgvzA%3D%3D") format("otf"), url("https://storage.googleapis.com/akt-vf-mtb/theming/VattenfallHall-RegularItalic.eot?Expires=2198840156&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=vN4qkO%2BcHwmkZkj%2FFggmTPCFl%2FcYrnj9tJmK45KexxRuTtqn2%2BR80jms%2FhzeqTnvlL2laUpcM5hDWhVvF%2BBr0L2WcsG3b7v1otHX7gsa%2Ftf45RSLQeyYs8s9msjbAqtOsdUXplihLbmvmfpusw0RiVIMYQXgbsQgV4pNzQRrjDl55g%2FcSeBlmxWOKfJNSJfMDoGDcGCnaJhdPA3mEZiUkbwpPJkBm%2FbXZ68a1qKA%2FceQvjeYguFGpbkyNlfXy4%2Bg69Ub1jEeG8pjNUY6B22pj6V9BGhfLlcKrvFqhm6DlUQdnNECyGA7qIVxH29K5bfnnZCzMWqApRHmWCkaAJTc%2FA%3D%3D") format("embedded-opentype"); }

html {
  font-family: 'VattenfallHall_Regular', sans-serif;
  font-size: 16px;
  margin-block-start: 0;
  margin-block-end: 0; }

h1, h2, h3, h4, h5, p, div, ul, ol {
  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; } }

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

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

.weight-bold {
  font-weight: normal; }

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

.group-progress,
.task-header,
.task-form__two-columns {
  padding-top: 100px; }

@media (max-width: 992px) {
  .group-progress,
  .task-header,
  .group-box-chapter-header,
  .task-form__two-columns {
    padding-top: 80px; } }

@media (max-width: 576px) {
  .group-progress,
  .task-header,
  .group-box-chapter-header,
  .task-form__two-columns {
    padding-top: 80px; } }

.welcome__wrapper .task-header {
  padding-top: 4rem; }

.group-box-chapter-header {
  padding-top: 4rem; }

@media (max-width: 992px) {
  .group-progress,
  .task-header,
  .group-box-chapter-header,
  .task-form__two-columns {
    padding-top: 3rem; } }

@media (max-width: 576px) {
  .group-progress,
  .task-header,
  .group-box-chapter-header,
  .task-form__two-columns {
    padding-top: 2rem; } }

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

.welcome .welcome__wrapper .task_header {
  padding-top: 140px; }

@media (max-width: 992px) {
  .welcome .welcome__wrapper .task_header {
    padding-top: 100px; } }

@media (max-width: 576px) {
  .welcome .welcome__wrapper .task_header {
    padding-top: 80px; } }

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

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

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

.hero__header h1, h1.h0 {
  font-size: 5rem; }

@media (min-width: 1500px) {
  .hero__header h1 {
    font-size: 5.4rem; } }

@media (max-width: 576px) {
  .hero__header h1, h1.h0 {
    font-size: 3.25rem; } }

.hero__header h1 {
  color: #fff; }

.task-header--8 > .page-wrapper > .task-header__content > .lead > h1,
.task-header--8 > .page-wrapper > .task-header__content > .lead > div > h1,
.curtain__frame h1,
.welcome .welcome__wrapper h1 {
  font-size: 4.5rem !important;
  line-height: 1; }
  @media (min-width: 992px) {
    .task-header--8 > .page-wrapper > .task-header__content > .lead > h1,
    .task-header--8 > .page-wrapper > .task-header__content > .lead > div > h1,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 5rem !important; } }
  @media (max-width: 768px) {
    .task-header--8 > .page-wrapper > .task-header__content > .lead > h1,
    .task-header--8 > .page-wrapper > .task-header__content > .lead > div > h1,
    .curtain__frame h1,
    .welcome .welcome__wrapper h1 {
      font-size: 2.5rem !important; } }
h1, .h1,
.hero__header h2,
.hero-title,
.small-stage__header h2,
.welcome .welcome__wrapper h2,
.stage__header .h1,
.group-progress h1,
.group-exercise h1,
.group-exercise .h1,
.group-exercise h2.hybris {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 3.25rem;
  line-height: 1.1666666666667;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem;
  margin-top: 0; }
  @media (min-width: 1500px) {
    h1, .h1,
    .hero__header h2,
    .hero-title,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .stage__header .h1,
    .group-progress h1,
    .group-exercise h1,
    .group-exercise .h1,
    .group-exercise h2.hybris {
      font-size: 3.5rem;
      margin-bottom: 2.0rem; } }
  @media (max-width: 576px) {
    h1, .h1,
    .hero__header h2,
    .hero-title,
    .small-stage__header h2,
    .welcome .welcome__wrapper h2,
    .stage__header .h1,
    .group-progress h1,
    .group-exercise h1,
    .group-exercise .h1,
    .group-exercise h2.hybris {
      font-size: 2.25rem; } }
h2, .h2,
.group-exercise h2, .group-exercise .h2,
.welcome .welcome__wrapper h3,
span.qmark {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.1666666666667;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem; }
  @media (min-width: 1500px) {
    h2, .h2,
    .group-exercise h2, .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    span.qmark {
      font-size: 2.3rem;
      margin-bottom: 1.75rem; } }
  @media (max-width: 576px) {
    h2, .h2,
    .group-exercise h2, .group-exercise .h2,
    .welcome .welcome__wrapper h3,
    span.qmark {
      font-size: 1.5rem;
      margin-bottom: 1rem; } }
.hero__header h3,
.group-progress h2,
.group-exercise h3.hybris {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 700;
  color: #222222; }

@media (max-width: 576px) {
  .hero__header h3,
  .welcome .welcome__wrapper h3,
  .group-progress h2 {
    font-size: 1.5rem; } }

h3, .h3,
.hero__header h4,
.welcome .welcome__wrapper h4,
.stage__header--theme-1 h3,
.group-exercise h3, .group-exercise .h3,
.group-progress .sessions__wrapper h2,
h5.preparation-info-box__title,
.preparation-info-box-modal__content h5 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem; }
  @media (max-width: 576px) {
    h3, .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header--theme-1 h3,
    .group-exercise h3, .group-exercise .h3,
    .group-progress .sessions__wrapper h2,
    h5.preparation-info-box__title,
    .preparation-info-box-modal__content h5 {
      font-size: 1.3rem;
      margin-bottom: 1rem; } }
  @media (min-width: 1500px) {
    h3, .h3,
    .hero__header h4,
    .welcome .welcome__wrapper h4,
    .stage__header--theme-1 h3,
    .group-exercise h3, .group-exercise .h3,
    .group-progress .sessions__wrapper h2,
    h5.preparation-info-box__title,
    .preparation-info-box-modal__content h5 {
      font-size: 1.75rem;
      margin-bottom: 1.5rem; } }
.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__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__top__left h3,
.box__container__top h3,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3,
.single-card--four .card--circle .card__back h3, .single-card--four .card--circle .card__front h3,
.stage__header h3,
.box__container--small__header h3 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: normal;
  color: #222222;
  line-height: 1.2; }

@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__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__top__left h3,
  .box__container__top h3,
  .box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3,
  .box__container--small__header h3 {
    font-size: 1.3rem; } }

.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h1,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h2 {
  text-align: left; }

.box__container--small h1,
.box__container--small h2,
.box__container--small p {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: normal;
  color: #222222; }

@media (max-width: 576px) {
  .box__container--small h1,
  .box__container--small h2,
  .box__container--small p {
    font-size: 1rem; } }

h4, .h4,
.hero__header h5,
.welcome .welcome__wrapper h5,
.stage__header h4,
#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 h3 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem; }
  @media (max-width: 576px) {
    h4, .h4,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h4,
    #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 h3 {
      font-size: 1.3rem;
      margin-bottom: 1rem; } }
  @media (min-width: 1500px) {
    h4, .h4,
    .hero__header h5,
    .welcome .welcome__wrapper h5,
    .stage__header h4,
    #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 h3 {
      font-size: 1.75rem;
      margin-bottom: 1.5rem; } }
.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; }

h5, .h5,
.stage__header h5,
.box__container__top__left p,
.box__container--small h4,
.box__container--small h5 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.75;
  font-weight: 600;
  letter-spacing: normal;
  color: #222222; }

@media (max-width: 576px) {
  h5, .h5,
  .stage__header h5,
  .box__container__top__left p,
  .box__container__top p,
  .box__container--small h4,
  .box__container--small h5 {
    font-size: 1rem; } }

.button--small {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600; }

.vf-button-yellow, .button--large,
.button.button--primary.js-hide-curtain-button {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #222222; }

@media (min-width: 1500px) {
  .vf-button-yellow, .button--large,
  .button.button--primary.js-hide-curtain-button {
    font-size: 1.14rem !important; } }

a.textlink,
.button.button--primary.button--welcome-progress,
.button.button--progress.button--small,
.button--primary.button--preparation {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #222222; }
  @media (min-width: 1500px) {
    a.textlink,
    .button.button--primary.button--welcome-progress,
    .button.button--progress.button--small,
    .button--primary.button--preparation {
      font-size: 1.3rem; } }
.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-family: "VattenfallHall_Regular", Arial, sans-serif;
  font-size: 20px;
  letter-spacing: normal; }

@media (min-width: 1500px) {
  .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; } }

blockquote, p, .lead p, p.lead, li, .li,
.group-exercise .lead p, .group-exercise p.lead,
.info-page__content p,
.curtain__frame p,
.group-exercise p,
div.speech-right,
div.speech-left,
.box__container__top p,
.box__container__bottom__body__content p,
.box__container--small__body-container p,
.content__text,
.group-box-swiper-slide .blob .blob__content p,
.group-progress h2 {
  font-family: "VattenfallHall_Regular", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem; }
  @media (max-width: 576px) {
    blockquote, p, .lead p, p.lead, li, .li,
    .group-exercise .lead p, .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    div.speech-right,
    div.speech-left,
    .box__container__top p,
    .box__container__bottom__body__content p,
    .box__container--small__body-container p,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2 {
      font-size: 1rem;
      margin-bottom: 1rem; } }
  @media (min-width: 1500px) {
    blockquote, p, .lead p, p.lead, li, .li,
    .group-exercise .lead p, .group-exercise p.lead,
    .info-page__content p,
    .curtain__frame p,
    .group-exercise p,
    div.speech-right,
    div.speech-left,
    .box__container__top p,
    .box__container__bottom__body__content p,
    .box__container--small__body-container p,
    .content__text,
    .group-box-swiper-slide .blob .blob__content p,
    .group-progress h2 {
      font-size: 1.3rem;
      margin-bottom: 1.5rem; } }
.preparationpage .ingress {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.75rem !important;
  line-height: 1.75 !important;
  letter-spacing: normal;
  font-weight: 700;
  color: #222222;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 2em 4em; }
  @media (max-width: 576px) {
    .preparationpage .ingress {
      font-size: 1.5rem !important;
      margin-bottom: 1rem; } }
  @media (min-width: 1500px) {
    .preparationpage .ingress {
      font-size: 1.75rem;
      margin-bottom: 1.5rem !important; } }
p.ingress {
  font-family: "VattenfallHall_Regular", Arial, sans-serif;
  font-size: 20px !important;
  line-height: 1.75 !important;
  letter-spacing: normal;
  color: #222222;
  margin-bottom: 1.5rem;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media (max-width: 576px) {
    p.ingress {
      font-size: 20px !important;
      margin-bottom: 1rem; } }
  @media (min-width: 1500px) {
    p.ingress {
      font-size: 24px;
      margin-bottom: 1.5rem !important; } }
p.twocolumn {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.5rem !important;
  line-height: 1.75;
  font-weight: 600;
  letter-spacing: normal;
  color: #222222;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 2.2em;
  margin-bottom: 3em; }
  @media (max-width: 576px) {
    p.twocolumn {
      font-size: 1.3rem !important; } }
  @media (min-width: 1500px) {
    p.twocolumn {
      font-size: 1.5rem !important;
      margin-bottom: 3em; } }
.task p.twocolumn {
  font-family: "Open Sans", Arial, sans-serif;
  padding-top: initial;
  margin-bottom: initial;
  font-weight: 600;
  line-height: 1.5;
  max-width: 700px; }

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

@media (min-width: 1500px) {
  .box__container__top p,
  .box__container__bottom__body__content p,
  .small-stage__body p {
    font-size: 1rem;
    margin-bottom: 1.5rem; } }

.box__container--small__body-container p {
  font-size: 0.8rem; }

.hero__header p,
.welcome .welcome__wrapper p,
.curtain__frame p {
  font-size: 1.3rem;
  margin-bottom: 1.75rem; }
  @media (min-width: 1500px) {
    .hero__header p,
    .welcome .welcome__wrapper p,
    .curtain__frame p {
      font-size: 1.5rem;
      margin-bottom: 1.75rem; } }
  @media (max-width: 576px) {
    .hero__header p,
    .welcome .welcome__wrapper p,
    .curtain__frame p {
      font-size: 1rem;
      margin-bottom: 1rem; } }
.menu__right,
select {
  font-family: "Open Sans", Arial, sans-serif;
  color: #222222;
  font-weight: 600; }

.likert-scale .likert-scale__lables li {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700; }
  @media (max-width: 576px) {
    .likert-scale .likert-scale__lables li {
      font-size: 0.8rem; } }
/*
//vf-paragraph-large, special settings for special pages.
.hero__header p,
.welcome .welcome__wrapper p,
.stage__header p {
  font-family: "VattenfallHall_Regular", Arial, sans-serif;
  font-size: $font-size-mplus;
  line-height: 2.1rem;
  letter-spacing: normal;
  color: $dark;
} @media (max-width: $screen-s) {
    .hero__header p,
    .welcome .welcome__wrapper p,
    .stage__header p {      
        font-size: $font-size-mplus-phone;
        line-height: 2.1rem;
} }
 @media (min-width: 1500px) {
    .hero__header p,
    .welcome .welcome__wrapper p,
    .stage__header p {
        font-size: $font-size-mplus-phone;
        line-height: 2.1rem;
 } } 
*/
ul, ol {
  padding-top: 0;
  list-style-position: outside; }
  ul li, ol li {
    padding-top: 0; }
    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; } }

.vf-small-text {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: normal;
  color: #222222; }

.vf-button-outlined-small,
.box__progress__content a {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #222222; }

.vf-Link {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #2071b5; }

.vf-small-text-regular,
.box__time__container span {
  font-family: "VattenfallHall_Regular", Arial, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #222222; }

p.boxtag {
  display: none; }

.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h1,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h2,
.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3,
.box__container__bottom__body__content p {
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem; }

.box__container--small .box__container__small-content p {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%; }

/*-------------------------------------------------*/
/* Special font settings for Manage group exercise */
/*------------------------------------------------ */
.group-progress {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto; }

.group-progress h2 {
  margin: 3rem 0 1.6rem 0; }

.group-progress p {
  margin-top: -1.6rem; }

.group-progress .sessions__wrapper p {
  margin-top: initial; }

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

/*----------------*/
/* General links */
/*--------------- */
a {
  color: #1964A3;
  text-decoration: none; }
  a:hover {
    color: #05131e;
    text-decoration: underline; }
  a:active {
    color: #1964A3; }

/*---------------------------*/
/* CLOCK (TIME) ICON SIZES   */
/*---------------------------*/
span.clock-icon:before {
  height: 1rem;
  width: 1rem;
  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 {
    height: 1.40rem;
    width: 1.45rem;
    margin-right: 0.25rem; } }

span.chapter-icon:before {
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 0.25rem;
  transform: translateY(-0.1rem);
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem); }

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

span.home-icon:before {
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 0.25rem;
  transform: translateY(-0.1rem);
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem); }

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

/*-------------------------*/
/* OTHERS move to form.css */
/*-------------------------*/
.box__container--large .box__container__text-content-scroll {
  padding-top: 0; }

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

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

.stage__header h2 {
  margin-top: 0; }

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

/*--------------------------*/
/* WELCOME + PRACTICALS NAV */
/*--------------------------*/
.modal__backdrop {
  background: rgba(0, 0, 0, 0.65); }

.welcome .welcome__content {
  border-radius: 0px;
  height: calc(100% - 60px);
  max-height: 700px; }

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

.welcome .welcome__content .swiper-container .swiper-slide {
  height: calc(100% + 1px);
  border-radius: 0px 0px 0px 0px; }
  .welcome .welcome__content .swiper-container .swiper-slide .task-header--8 .u-embedded-video iframe {
    padding-bottom: 1em; }

.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; }

.welcome .swiper-container .swiper-navigation > .page-wrapper {
  /* Mjölkvit halvtransparent swiper med svag topptkant
    background-color: #ffffff;
    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::before,
.icon-close::after {
  background-color: #2071b5;
  height: 0.2rem;
  top: calc(50% - 0.1rem);
  border-radius: 0px; }

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

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

/*--------------*/
/*  SWIPER NAV  */
/*--------------*/
.swiper-container .swiper-slide {
  height: calc(100%); }
  .swiper-container .swiper-slide .task {
    min-height: unset;
    height: calc(100% - 80px); }

.swiper-container .task-footer__container.swiper-navigation {
  background-color: #6c757d;
  height: 80px; }

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

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

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

#menu__topbar .menu__topbar__bg .menu__topbar__bg {
  background-color: #fff, !important; }

.menu__header.h4 {
  display: none; }

.menu__logo_wrapper {
  padding: 0 0; }
  .menu__logo_wrapper:before {
    content: '';
    background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/c0/ad/c0adc036-3a05-4f28-8d8a-25b739d57a88/vf_logo_linear_grey_rgb.svg?Expires=2199722918&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=e4AnqQAhKDY2f12ivKdE6CiYyyjd26z94bo5De1aohkMn1XH9FGza5jsib34Npp5QZdN2PSODNDs%2BwW%2F7UjzAV4S0Q7RAzkQtOU4v%2FHtQiW3rWLYAJRCgAao6nY8K%2B2zFsF2RCMsDixMT4sU%2FNyYTK0I3oBT47QbFxMbr5w7ErARaU9CDF9nFPl4o7rtEAtCLu6JT4pNXUiFqPlHlcXV3XXwBR3M9CHQcBINfIlGRQ8uJ9fAGdbrXyilYmQQcdju7eAhWaknTFKt0pXVk5r6LP2%2FV0%2Bklwzjw1EbK5made54pvuTS%2FhzINC3cNzM0eK5KxKB4BuMfpOa0nCMY7SdLg%3D%3D");
    height: 50px;
    width: 150px;
    display: block;
    background-repeat: no-repeat;
    top: 0; }
  .menu__logo_wrapper img.menu__logo {
    display: none; }

.navbar__item,
a.menu__item {
  color: #222222; }
  .navbar__item:hover,
  a.menu__item:hover {
    color: #2071b5;
    opacity: 1; }
  .navbar__item span,
  .navbar__item .menu__item__link,
  a.menu__item span,
  a.menu__item .menu__item__link {
    color: inherit; }

.menu__center {
  padding: 0 0; }

#menu__icon__home:before {
  content: '';
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/4a/81/4a810d0b-8edf-4671-927c-596fc81bd637/vf_home_rgb.svg?Expires=2199714658&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=kC9Qy1srUqbTJij1uoITkDK%2BpXTfK9QbnWQqMwzajYftonYD3QzpTr50AxJBwp8K0AV9SW5BmZpZ0pCoTY3fRfzS76yTM3QpUXnP2i4VagBMJnaORQOyZa8neHFYq0jAuGURFAy%2B%2FD%2B47E65EyL66WRt4SrOJ%2BJe1FKTWFlo3iHCQwtSjjz8fAjJWHgPxmnBFF3rdWoy%2Bcp%2BJO06EcDQS4dcwaZmU0W5R1Uv7lZ%2Brpbla9ERzDIqMekP4dyyuzRbmoMM46j5hIGk%2BhaE6HJb1X3OaBTEpqhTlP3FMn9eoxmef4Hm7cU2pzAWt1YN8taVXaL1Rx69KJ6CIhqz6jWdLg%3D%3D");
  height: 36px;
  width: 30px;
  display: block;
  background-repeat: no-repeat;
  top: 0; }

#menu__icon__home img.menu__home, #menu__icon__home .icon-default-home {
  display: none; }

.icon_hamburger {
  height: 20px;
  width: 30px; }

.menu__right .icon_hamburger::after,
.menu__right .icon_hamburger::before,
.menu__small .icon_hamburger::after,
.menu__small .icon_hamburger::before {
  height: 0.2rem;
  background-color: #2071b5;
  border-radius: 0px; }

.menu__right .icon_hamburger span,
.menu__small .icon_hamburger span {
  height: 0.2rem;
  top: calc(50% - 0.075rem);
  background-color: #2071b5;
  border-radius: 0px; }

.menu--open .icon_hamburger::before {
  background-color: #2071b5;
  top: calc(50% - 0.1rem);
  transform: rotate(-142deg); }

.menu--open .icon_hamburger::after {
  background-color: #2071b5;
  top: calc(50% - 0.1rem);
  transform: rotate(142deg); }

/*-------*/
/*  MENU */
/*-------*/
.menu__content {
  background-color: #EBF2F3; }
  .menu__content .menu__item__link {
    color: #222222; }

label.menu__item.menu-language-picker svg {
  display: none; }

/*
.mobile label.menu__item.menu-language-picker {
	svg {
    display: none;
}*/
#menu.menu--open .navbar__burger span {
  display: none; }

.menu__item__img,
.menu-logout-icon > svg {
  display: none; }

/*-------------*/
/*   STAGES    */
/*-------------*/
.stage__icon svg path {
  display: none; }

/* Redundant after VFns
.stage__bottom {
        height: 60px;
}
    */
.stages {
  padding-top: 0; }

div.stage:not(.stage--open) > .stage__bottom > .stage__icon {
  content: "";
  /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNDcgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgNTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzdGFydC1wYWdlLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTcuMDAwMDAwLCAtMTMyNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5OC4wMDAwMDAsIDEzMjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2U9IiM5Nzk3OTciIGZpbGw9IiNGRkZGRkYiIGN4PSIyMi41IiBjeT0iMjIuNSIgcj0iMjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVkZfbGVzc19pbmZvX3JnYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMS4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjEwLjA0MTQwODUiIHdpZHRoPSIyMC45NjAwNzA0IiBoZWlnaHQ9IjIuMDk2MzAyODIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjQ4MDAzNSwgMTEuMDg5NTYwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwLjQ4MDAzNSwgLTExLjA4OTU2MCkgIiB4PSIwIiB5PSIxMC4wNDE0MDg1IiB3aWR0aD0iMjAuOTYwMDcwNCIgaGVpZ2h0PSIyLjA5NjMwMjgyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23f7f7f7;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='25' cy='25' r='25'/%3E%3Cg transform='translate(10.833 11.667)'%3E%3Cpath class='b' d='M28.517,11.476H15.684V0H12.833V11.476H0v2.869H12.833V25.82h2.851V14.345H28.517V11.476Z'/%3E%3C/g%3E%3C/svg%3E");
  height: 50px;
  width: 50px;
  transform: translatey(-20px);
  -webkit-transform: translatey(-20px);
  -ms-transform: translatey(-20px); }

/* Not needed after VFns
div.stage:not(.stage--open) > .stage__bottom {
    &:after {
    content: '';
    background-color: $vattenfall-light-blue;
    height: 20px;
    width: 100%;
    display: none;
    }

}
    */
.stage.stage--open > .stage__bottom .stage__icon {
  content: "";
  /* 	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgNTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzdGFydC1wYWdlLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTguMDAwMDAwLCAtMTMyNi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5OC4wMDAwMDAsIDEzMjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiBjeD0iMjIuNSIgY3k9IjIyLjUiIHI9IjIyLjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGcgaWQ9IlZGX2xlc3NfaW5mb19yZ2IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIxMC4wNDE0MDg1IiB3aWR0aD0iMjAuOTYwMDcwNCIgaGVpZ2h0PSIyLjA5NjMwMjgyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23f7f7f7;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='25' cy='25' r='25'/%3E%3Cg transform='translate(10.833 11.667)'%3E%3Cpath class='b' d='M28.517,11.476H0v2.869H28.517V11.476Z'/%3E%3C/g%3E%3C/svg%3E");
  height: 50px;
  width: 50px; }

.stage--open .stage__icon {
  transform: none;
  -webkit-transform: none; }

.stage:not(.stage--open) .stage__header__h1 h2 {
  padding-top: 7rem; }

.stage__header__h1 h2 {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }

.stage--open .stage__header--theme-2 h2 {
  margin-top: 9rem;
  margin-bottom: 10rem !important; }

#menu__topbar .menu__logo_wrapper, #menu__topbar #menu__icon__home, #menu__topbar .menu__header, #menu__topbar .menu__subheader, #menu__topbar .menu__topbar__bg {
  opacity: 1; }

.navbar__item {
  visibility: visible; }

.hero__two .hero__header {
  padding-top: 220px;
  padding-bottom: 110px;
  margin: 0 auto 0 auto; }

.stage__header--theme-1 {
  text-align: left;
  min-height: 80px;
  transform: translateY(10px); }

.stage--open .stage__header__h1 {
  transform: translateY(-20px); }

.stage__header--theme-2 {
  min-height: 90px; }

/* Redundant after VFns 
.stage__bottom {
  height: 60px;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 20%;
    .stage__icon {
      margin: 0;
    }
    @media (max-width: $screen-xl) {
      width: 15%;
    } 
    @media (max-width: $screen-l) {
      width: 10%;
    } 
}
 */
.stage .page-wrapper--medium:not(.page-wrapper--no-padding) {
  padding-left: 28px;
  padding-right: 28px; }

.stage .stage__header h2 {
  font-size: 1.5rem !important;
  font-family: "VattenfallHall_Bold", Arial, sans-serif;
  max-width: 900px;
  line-height: 1.4 !important;
  margin-left: auto;
  margin-right: auto;
  color: white; }
  @media (max-width: 1500px) {
    .stage .stage__header h2 {
      max-width: 800px; } }
  @media (max-width: 992px) {
    .stage .stage__header h2 {
      max-width: 600px; } }
  @media (max-width: 768px) {
    .stage .stage__header h2 {
      max-width: 85%; } }
.stage__header__h1.page-wrapper {
  padding-left: 0;
  padding-right: 0; }

.stage__header__body p {
  font-size: 1rem;
  max-width: 900px; }
  @media (max-width: 1500px) {
    .stage__header__body p {
      max-width: 850px; } }
  @media (max-width: 992px) {
    .stage__header__body p {
      max-width: 600px; } }
  @media (max-width: 768px) {
    .stage__header__body p {
      max-width: 85%; } }
/* .boxes__box-wrapper {
    -webkit-box-pack: start; 
    -webkit-justify-content: left; 
    -ms-flex-pack: left;
    justify-content: left; 
} 

.boxes.page-wrapper {
  margin-right: 0; // eller annat värde
} */
.box__image {
  max-height: 130px;
  z-index: 1; }

.box__image img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.box__container--medium .box__container__top h3 {
  margin-top: 0;
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.4; }

.box__container--medium .box__container__top p {
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.4; }

.box__container--medium .box__container__bottom p,
.box__container--medium .box__container__bottom h3 {
  line-height: 1.4 !important; }

.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content p {
  margin: 0; }

.box__container--medium .box__container__bottom .box__start-btn {
  margin-bottom: 0;
  text-align: right; }
  .box__container--medium .box__container__bottom .box__start-btn .button {
    margin-right: 0.5em; }

.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content h3 {
  margin-bottom: 0.3rem;
  margin-top: 20px; }

.box {
  margin: 0 5px 10px 5px !important; }

.box__container--medium .box__container__bottom .box__container__bottom__body {
  height: 179px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 2; }

.box__container--medium .box__container__bottom .box__container__bottom__body__scroll-indicator {
  top: calc(100% - 44px); }

/* Redundant after VFns
div.stage:not(.stage--open) {
  background-color: #fff !important;
}
    */
div.stage {
  min-height: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  /* Redundant after VFns  &:after {
      content: '';
      background-color: $vattenfall-light-blue;
      height: 10px;
      width: 100%;
      display: block;
      } */ }

div.stage.stage--open .boxes__box-wrapper {
  padding-bottom: 2em;
  margin-top: 2em; }

div.stage.stage--open:after {
  background-color: #fff; }

/*  Redundant after VFns 
.stage:nth-of-type(1) {
  pointer-events: none;
  min-height: initial;
&::after {
    display: none;
}
.stage__header--theme-2 {
    min-height: initial;
    .page-wrapper--medium  {
        margin-bottom: 0;
        margin-block-end: 0;
    p {
        margin-bottom: 0.5rem;
    }
}
    .stage__header__bg-image {
        height: initial;
    }
}
}
    */
/*  Redundant after VFns 
.stage:nth-of-type(2) {
    min-height: initial;
    pointer-events: none;
    .stage__header--theme-1 {
        min-height: initial;
        .stage__header .page-wrapper--medium .page-wrapper--small {
            margin-bottom: 0;
            margin-block-end: 0;
        p {
            margin-bottom: 0.5rem;
        }
    }
        .stage__header__bg-image {
            height: initial;
        }
    }
}
    */
/*----------*/
/*  BOXES   */
/*----------*/
.box {
  margin-bottom: 20px;
  margin: 0 5px 20px 5px; }

.box.box-1-4 {
  width: 320px !important; }

.box__containter {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }

.box__container--medium .box__container__bottom .box__container__bottom__body .box__container__bottom__body__content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transform: translateY(-12px);
  padding-bottom: 0;
  height: calc(100% - 107px); }

/* Redundant after VFns
.box__container--medium .box__container__bottom .box__start-btn {
  margin-bottom: 20px;
}
    */
.box__container.box__container--medium,
.box__container.box__container--large,
.box__container.box__container--small {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }

.box__container.box__container--medium {
  height: 380px;
  width: 320px; }

.box__container.box__container--large {
  height: 350px; }

.box__container__toggle {
  height: 40px; }

.box__image::after {
  padding-bottom: 60%; }

.box__container--medium .box__container__bottom .box__meta-info {
  margin-bottom: 0;
  align-items: flex-end; }
  .box__container--medium .box__container__bottom .box__meta-info .box__time__container {
    transform: translateY(10px);
    margin-bottom: 0;
    z-index: 100;
    background-color: #EDF9F3;
    padding: 0.2em 0.2em 0.2em 0.8em;
    border-radius: 0px 0px 0px 30px;
    /* Redundant after Vfns  &:before {
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      display: inline-block;
      height: 26px;
      width: 22px;
    } */ }
    .box__container--medium .box__container__bottom .box__meta-info .box__time__container svg {
      display: none; }

.box__container--small__bottom .box__time__container:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  width: 22px; }

.box__container--small__bottom .box__time__container svg {
  display: none; }

.box__container:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Redundant after VFns
.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: #ffffff;
  }
    */
.box__container--medium.box__container--toggled,
.box__container--medium.box__container:hover {
  background-color: #ffffff !important; }

/*
.box__container__bottom__body__scroll-indicator.js-set-background-gradient {
  background-image: none !important;
  }
    */
.box__progress {
  width: 100%; }

.box__progress .box__progress__wrapper {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.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--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__image {
  margin: 0 0; }

.box__container--medium-content-wrapper .box__container__top,
.box__container--medium .box__container__bottom__body__content,
.box__container--small .box__container--small__body-container,
.box__container--small .box__container__small-content {
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .box__container--medium-content-wrapper .box__container__top::-webkit-scrollbar,
  .box__container--medium .box__container__bottom__body__content::-webkit-scrollbar,
  .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 .box__container__small-content p {
  width: 130px; }

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

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

.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-stage__body .b-side {
  display: none; }

/* 
 // Rewriting the open box for VF
.box-1-4:first-of-type {
	.box__container {
	border: $border;
	}
	.pictureframe {
		padding-top: 20px;
		display: block;
		height: 144px;
		width: 100%;
    	-webkit-align-items: center;
    	-ms-flex-align: center;
    	align-items: center;
    	img {

    	}
	}
/*	h3 {
	position: absolute;
	top: 140px;
        }
    }
*/
.box__container__toggle {
  text-align: right; }

.box__container__toggle button {
  display: inline-block;
  margin: 10px 15px;
  margin-top: 0;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem; }

.button--circle {
  border: 0;
  border-radius: 0;
  background-color: transparent; }

.box__container:not(.box__container--toggled) .icon-plus {
  /*background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='start-page-2' transform='translate(-679.000000, -1968.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='VF_down_rgb' transform='translate(679.000000, 1968.000000)'%3E%3Cpolygon id='Path' points='10 9 0 1.56860148 1.2769705 0 10 6.48196338 18.7230295 0 20 1.56860148'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 273 130' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='VF_down_rgb' fill='%232071B5' fill-rule='nonzero'%3E%3Cpolygon id='Path' points='136.73 129.29 0.47 23.31 17.87 0.94 136.73 93.38 255.59 0.94 272.99 23.31'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60.27 35.37'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232071b5;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EResurs 1%3C/title%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='M58.46,2.34c2.85,2.84,2.34,3.59.84,5.18-8.67,9.21-17.91,17.84-26.88,26.76-.55.55-1.22,1.37-2.2,1.34s-1.67-1-2.28-1.57Q14.83,21,1.79,8c-2.21-2.22-2-3.2.45-5.66C4.9-.34,5.7-.32,8,1.93q9.44,9.45,18.85,18.92c4,4,3.24,3.65,7-.06C40,14.66,47,7.67,53.28,1.59,54.88-.08,55.54-.57,58.46,2.34Z' transform='translate(-0.25 -0.25)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  top: 10px; }
  .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("data:image/svg+xml,%3Csvg viewBox='0 0 20 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='start-page-2' transform='translate(-679.000000, -1968.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='VF_down_rgb' transform='translate(689.000000, 1972.500000) rotate(180.000000) translate(-689.000000, -1972.500000) translate(679.000000, 1968.000000)'%3E%3Cpolygon id='Path' points='10 9 0 1.56860148 1.2769705 0 10 6.48196338 18.7230295 0 20 1.56860148'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 273 130' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='VF_up_rgb' fill='%232071B5' fill-rule='nonzero'%3E%3Cpolygon id='Path' transform='translate(136.730000, 65.115000) rotate(180.000000) translate(-136.730000, -65.115000) ' points='136.73 129.29 0.47 23.31 17.87 0.94 136.73 93.38 255.59 0.94 272.99 23.31'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60.27 35.37'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232071b5;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epil_start_ny_upp%3C/title%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='M58.46,33.53c2.85-2.84,2.34-3.59.84-5.18C50.63,19.14,41.39,10.51,32.42,1.59,31.87,1,31.2.22,30.22.25s-1.67,1-2.28,1.57q-13.11,13-26.15,26.1c-2.21,2.22-2,3.2.45,5.66C4.9,36.21,5.7,36.19,8,33.94Q17.39,24.49,26.8,15c4-4,3.24-3.65,7,.06C40,21.21,47,28.2,53.28,34.28,54.88,36,55.54,36.44,58.46,33.53Z' transform='translate(-0.25 -0.25)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  top: 10px; }
  .box__container.box__container--toggled .icon-plus:before, .box__container.box__container--toggled .icon-plus:after {
    display: none; }

form .blob--circle--l {
  width: 280px;
  height: 280px; }

/*--------------------------------------*/
/*  Blob content doesn't wrap in IE11   */
/*--------------------------------------*/
.blob--circle .blob__content {
  display: block;
  max-width: 100%; }

/*--------------------------*/
/*   overwrite background in small stage   */
/*--------------------------*/
.page-wrapper--small.small-stage {
  background-color: #fff !important;
  max-width: 900px; }
  .page-wrapper--small.small-stage .box__container {
    background-color: #EDF1F6; }
    .page-wrapper--small.small-stage .box__container .box__container__bottom__body__scroll-indicator {
      background-image: none; }

.small-stage__img {
  display: none; }

/*----------------------------------------------------------*/
/* Handle small boxes in small stage + long words in DE, NL */
/*----------------------------------------------------------*/
.box.box-1-6:lang(de),
.box.box-1-6:lang(nl) {
  width: 175px; }
  @media (max-width: 576px) {
    .box.box-1-6:lang(de),
    .box.box-1-6:lang(nl) {
      max-width: 165px; } }
.box__container--small__header h3:lang(de),
.box__container--small__header h3:lang(nl) {
  font-size: 1rem;
  word-break: break-word; }

/*--------------------------*/
/*   EXERCISE PROGRESSBAR   */
/*--------------------------*/
.task-progress-pagination {
  overflow: auto; }

.swiper-container .swiper-slide {
  height: calc(100%); }

.swiper-container .swiper-slide .task {
  min-height: unset;
  height: calc(100% - 80px); }
  @media (max-width: 576px) {
    .swiper-container .swiper-slide .task {
      height: calc(100% - 60px); } }
.swiper-container .task-footer__container.swiper-navigation {
  background-color: #EDF1F6;
  height: 80px; }
  @media (max-width: 576px) {
    .swiper-container .task-footer__container.swiper-navigation {
      height: 60px; } }
.task-progress-pagination .task-progress-pagination-container {
  padding: 20px 80px 6px 20px;
  margin: auto; }

.task-progress-pagination .task-progress-pagination-container::before {
  background-color: transparent; }

.task-progress__circle span {
  background: #6c757d;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.task-progress__circle--completed span {
  background-color: #2071b5; }

.task-progress__circle--neutral span {
  background-color: #2071b5; }

.task-progress__circle--right span {
  background-color: #2071b5; }

.task-progress__circle--wrong span {
  background-color: #2071b5; }

/*---------------------------*/
/* ADJUST ACCORDIONS FOR VF  */
/*---------------------------*/
.task-form__two-columns .task__container .radio__wrapper:first-of-type {
  margin-top: 0; }

.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.radio__wrapper--accordion.js-accordion.page-wrapper .radio__container .radio__container__content.card__content {
  background-color: #EDF1F6; }

.radio__container .radio__container__content.card__content .u-margin-bottom-04 h3 {
  margin-bottom: 0;
  padding-top: 0.5rem; }

/*-----------------------------------------*/
/*  ADJUST RADIO FOR VF */
/*----------------------------------------*/
span.checkmark {
  border: solid #A4A9AC 1px; }

.radio__container:not(.radio__container--no-pointer):hover .checkmark::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  background: #cccccc;
  opacity: 1;
  position: absolute;
  border-radius: 50%;
  -ms-transform: translate(-6px, -6px); }

.radio__container .radio__button {
  margin: 0.5rem 1.5rem 0 0; }
  @media (max-width: screen-s) {
    .radio__container .radio__button {
      margin: 10px auto 0 0; } }
.radio__wrapper input:checked ~ .checkmark-container .checkmark::after {
  background-color: #4E4B48;
  width: 12px;
  height: 12px;
  -ms-transform: translate(-6px, -6px); }

.radio__wrapper input:disabled ~ .checkmark-container .checkmark:hover .checkmark::before {
  display: none; }

.radio__wrapper input:checked ~ .checkmark-container .checkmark::before {
  width: 150%;
  height: 150%; }

.checkmark::before {
  opacity: 0.15; }

.checkmark-container::after {
  display: none; }

.radio__wrapper input:not(:checked) ~ .checkmark-container .checkmark::after::hover {
  width: 12px;
  height: 12px; }

/*-----------------------------------------*/
/*  ADJUST CHECKBOXES FOR VF */
/*----------------------------------------*/
span.checkmark.checkbox,
.radio__wrapper input:checked ~ .checkmark-container .checkbox {
  border-radius: 4px; }

.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-repeat: no-repeat;
  /* 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-color: transparent;
  display: inline-block;
  width: 16px;
  height: 12px;
  /*		padding-bottom: 20px; */
  -webkit-transform: none;
  transform: none;
  -ms-transform: translate(-6px, -6px); }

.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;
  /*	padding-bottom: 20px; */
  width: 16px;
  height: 12px; }

.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; }

.checkmark.checkbox:after {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

form[id="426"] .radio__container .radio__button {
  visibility: hidden; }

.radio__container {
  max-width: inherit; }

/*-----------------------------------------*/
/*  ADJUST INPUTS FOR VF */
/*----------------------------------------*/
input[type='text'],
input[type='password'],
input[type='email'],
textarea {
  position: relative;
  min-width: 264px;
  background-color: #fff;
  color: #222222;
  padding: 16px 20px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ccc; }
  input[type='text']:hover,
  input[type='password']:hover,
  input[type='email']:hover,
  textarea:hover {
    border: 1px solid #999999; }
  input[type='text']:focus,
  input[type='password']:focus,
  input[type='email']:focus,
  textarea:focus {
    border: 1px solid #2071b5; }

/*-----------------------------------------*/
/*  Adjust select for vf 				   */
/*-----------------------------------------*/
.language-picker svg, .language-picker {
  margin-right: 0; }
  @media (max-width: 576px) {
    .language-picker svg, .language-picker {
      display: none !important; } }
@media (max-width: 768px) {
  .language-picker svg {
    display: none; } }

select {
  display: block;
  background: transparent;
  padding: 12px 0 12px 10px;
  min-width: 110px;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #869bad;
  color: #222222;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 1rem; }

.select__wrapper img {
  height: initial; }

select > option {
  background-color: #fff; }

/*-----------------------------------------*/
/*  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; }

/*-------------------------------------*/
/*  WHERE WE TAKE AWAY RADUIUDSES      */
/*-------------------------------------*/
.modal__content,
.blob--square {
  border-radius: 0px; }

.card--flippable:not(.card--circle) .card__content {
  border-radius: 0px; }

/*-------------------------------------*/
/*  WHERE WE OVERWRITE VARIOUS SHADOWS */
/*-------------------------------------*/
.blob,
.box__container,
.card__content,
.large-feedback .large-feedback__container,
.preparation-info-box__icon,
.snackbar,
.task-progress__circle span,
.button--form-submit,
.swiper-button-prev .button--primary:hover,
.swiper-button-next .button--primary:hover,
.button:hover,
input[type='text'],
input[type='password'],
input[type='email'],
textarea {
  box-shadow: none;
  -webkit-box-shadow: none; }

/*--------------------------------------------*/
/*  WHERE WE TAKE AWAY BORDERS FOR VF OPTIONS */
/*--------------------------------------------*/
.radio__container .radio__container__content.card__content {
  border: none;
  border-radius: 0px; }

/*-----------------------*/
/*  WHERE WE ADD A BORDER TO FIND ELEMENTS DISAPPEARING WITHOUT SHADOWS */
/*-----------------------------*/
.large-feedback .large-feedback__container,
.preparation-info-box__icon {
  border: 1px #e6eaed solid; }

/*--------------------------------------------*/
/*  Make round images for VF					*/
/*--------------------------------------------*/
.radio__image-wrapper {
  border-radius: 999px; }

/*-----------------*/
/*  YELLOW BUTTON  */
/*-----------------*/
.button:active {
  color: inherit; }

.button--primary {
  background-color: #ffda00;
  color: #222222; }
  .button--primary:hover {
    background-color: #FFE85B;
    text-decoration: none; }
  .button--primary:active, .button--primary:not(.button--disabled):focus {
    background-color: #f1c50b; }

.button--primary:not(.button--welcome-progress):not(.button--disabled):not(.button--small):not(.js-hide-curtain-button):not(.button--preparation):before {
  content: '\2192';
  position: absolute;
  transform-origin: top left;
  transform: translate(-220%, 0);
  font-weight: normal;
  font-size: 20px;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-delay: 0ms; }

.button--primary:not(.button--welcome-progress):not(.button--disabled):not(.button--small):not(.js-hide-curtain-button):not(.button--preparation):hover:before {
  transition-delay: 150ms;
  transform: translate(-150%, 0);
  opacity: 1; }

.js-hide-curtain-button:before,
.button--small:not(.button--welcome-progress):not(.button--disabled):not(.button--progress):before {
  content: '\2192';
  position: absolute;
  transform-origin: top left;
  transform: translate(-220%, 0);
  font-weight: normal;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-delay: 0ms; }

.js-hide-curtain-button:hover:before,
.button--small:not(.button--welcome-progress):not(.button--disabled):not(.button--progress):hover:before {
  transition-delay: 150ms;
  transform: translate(-150%, 0);
  opacity: 1; }

.button--disabled {
  cursor: none;
  border: none;
  background-color: #eeeeee;
  color: #767676;
  opacity: 0.65; }
  .button--disabled:hover {
    background-color: #eeeeee; }

.button--small {
  padding-bottom: 0.7rem;
  padding-top: 0.5rem; }

.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;
  border: 2px solid transparent; }

@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; } }

.group-progress {
  /*	max-width: none !important; */ }
  .group-progress h2 {
    visibility: hidden; }
  .group-progress .button--large {
    line-break: strict;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    width: auto; }
  .group-progress .sessions__wrapper {
    background: #EDF1F6;
    padding-bottom: 20px;
    margin-bottom: 40px; }
    .group-progress .sessions__wrapper h2 {
      display: none; }
    .group-progress .sessions__wrapper .sessions ul li {
      margin-bottom: 0;
      list-style-type: disc; }

/*-------------------------*/
/*  SWIPER BUTTON MED PIL  */
/*-------------------------*/
.swiper-button-prev .button--primary,
.swiper-button-next .button--primary,
.swiper-button-prev .button--progress,
.swiper-button-next .button--progress {
  min-width: 0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  position: relative;
  background-color: transparent;
  color: #222222;
  padding-bottom: 0;
  padding-top: 0; }
  .swiper-button-prev .button--primary:focus,
  .swiper-button-next .button--primary:focus,
  .swiper-button-prev .button--progress:focus,
  .swiper-button-next .button--progress:focus {
    background-color: transparent; }

.swiper-button-prev .button--primary,
.swiper-button-prev .button--progress {
  text-align: left;
  padding-left: 35px;
  padding-right: 0; }

.swiper-button-next .button--primary,
.swiper-button-next .button--progress {
  text-align: left;
  padding-left: 0;
  padding-right: 35px; }

.swiper-button-prev .button--primary::before,
.swiper-button-next .button--primary::after,
.swiper-button-prev .button--progress::before,
.swiper-button-next .button--progress::after {
  position: absolute;
  top: 0;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-delay: 0ms;
  visibility: visible;
  display: inline-block;
  color: #2071b5;
  overflow-wrap: break-word;
  font-style: normal; }

.swiper-button-prev .button--primary::before,
.swiper-button-prev .button--progress::before {
  content: '\2190';
  left: 10px; }

.swiper-button-next .button--primary::after,
.swiper-button-next .button--progress::after {
  content: '\2192';
  right: 10px; }

.swiper-button-prev .button--primary:hover,
.swiper-button-prev .button--progress:hover {
  color: #2071b5 !important;
  text-decoration: none; }
  .swiper-button-prev .button--primary:hover::before,
  .swiper-button-prev .button--progress:hover::before {
    transform: translate(-40%, 0); }

.swiper-button-next .button--primary:hover,
.swiper-button-next .button--progress:hover {
  color: #2071b5 !important;
  text-decoration: none; }
  .swiper-button-next .button--primary:hover::after,
  .swiper-button-next .button--progress:hover::after {
    transform: translate(40%, 0); }

.swiper-button-next.swiper-button-disabled {
  opacity: 1; }

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: 576px) {
    a.textlink,
    .button--primary.button--preparation {
      padding: 0 1.5rem; } }
  a.textlink:before,
  .button--primary.button--preparation:before {
    content: '\2192';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.75rem;
    font-weight: normal;
    color: #2071b5;
    transition-property: opacity, transform;
    transition-duration: 300ms;
    transition-delay: 0ms; }
    @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: #2071b5;
    transform: translate(40%, 0); }
  a.textlink:focus:before,
  .button--primary.button--preparation:focus:before {
    color: #1E324F; }
  a.textlink:hover,
  .button--primary.button--preparation:hover {
    color: #2071b5;
    text-decoration: none; }
  a.textlink:active,
  .button--primary.button--preparation:active {
    color: #1E324F; }

/*-----------------------------*/
/*  PREPARATION PAGE AND CARDS  */
/*-----------------------------*/
.task__container.preparation-info-box-container {
  padding-top: 0;
  padding-bottom: 2rem; }

.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: #EDF1F6;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    border-radius: 0px; }

.preparation-info-box:lang(de),
.preparation-info-box:lang(nl) {
  height: 368px; }

.preparation-info-box__content {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: hidden; }
  .preparation-info-box__content::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* Chrome/Safari/Webkit */ }

.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: 0;
  background-color: #EDF1F6; }

.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: 135px; }

.preparation-info-box__buttons--large:lang(de),
.preparation-info-box__buttons--large:lang(nl),
.preparation-info-box__buttons--small:lang(de),
.preparation-info-box__buttons--small:lang(nl) {
  min-height: 170px; }

.button--preparation {
  width: 100%;
  min-height: 24px;
  padding: 0 0 0 2.1875rem !important; }

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

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

@media (max-width: 576px) {
  .button--primary.button--preparation {
    padding: 0 0 0 1.5rem; }
  .preparation-info-box__buttons--large {
    min-height: 230px; }
  .preparation-info-box {
    height: 400px; } }

/*----------------------*/
/* MAKE TASK HEADER 6 LEFT LEANING INSTEAD OF CENTRIST */
/*----------------------*/
.task-header--6 .task-header__content {
  margin: 0 auto; }
  .task-header--6 .task-header__content * {
    text-align: left; }

/*----------------------*/
/* REMOVE UNNECESSARY SPACE FROM TASK-HEADER AND DOWN*/
/*----------------------*/
.task-header {
  padding-bottom: 0; }

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

/*----------------------*/
/* MAKE TWO_COLUMN PAGES MORE BALANCED*/
/*----------------------*/
.task-form__two-columns .task-header {
  width: 50%; }

#form-737 .task-form__two-columns .task__container {
  padding-left: 0;
  padding-right: 0; }

.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; }

@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; }

/*----------------------*/
/*  CONTENT HACKS CLOCK */
/*----------------------*/
span.clock-icon {
  display: inline-block; }
  span.clock-icon:before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A");
    /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A"); */
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top; }

span.chapter-icon {
  display: inline-block; }
  span.chapter-icon:before {
    content: 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='Assortment' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 436.5 436' style='enable-background:new 0 0 436.5 436;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232071B5;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='217.5' cy='219' r='217.6'/%3E%3Cpath class='st1' d='M206.1,207.6H104V105.5h102.2V207.6z M126.7,184.9h56.7v-56.7h-56.7V184.9z M331,207.6H228.8V105.5H331V207.6z M251.5,184.9h56.7v-56.7h-56.7V184.9L251.5,184.9z M206.1,332.5H104V230.3h102.2V332.5z M126.7,309.7h56.7V253h-56.7V309.7z M331,332.5H228.8V230.3H331V332.5z M251.5,309.7h56.7V253h-56.7V309.7L251.5,309.7z'/%3E%3C/g%3E%3C/svg%3E");
    /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A"); */
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top; }

span.home-icon {
  display: inline-block; }
  span.home-icon:before {
    content: 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 220.4 176.3' style='enable-background:new 0 0 220.4 176.3;' xml:space='preserve'%3E%3Cg id='Lager_2_1_'%3E%3Cg id='Home_2'%3E%3Cpath d='M110.2,24.6l88.2,44.2v85.5H22V68.8L110.2,24.6 M110.2,0L0,55v121.2h220.4V55C220.4,55,110.2,0,110.2,0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Clock' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 283.5 283.5' style='enable-background:new 0 0 283.5 283.5;' xml:space='preserve'%3E%3Ctitle%3EVF_clock_rgb%3C/title%3E%3Cpath d='M141.7,35.4c33.9,0,62.2,8.9,81.7,25.7c21,18.1,31.7,45.2,31.7,80.6s-10.6,62.5-31.7,80.6c-19.5,16.8-47.8,25.6-81.7,25.6 s-62.2-8.9-81.7-25.6c-21-18.1-31.6-45.2-31.6-80.6S39,79.2,60,61.1C79.5,44.3,107.8,35.4,141.7,35.4 M141.7,7.1 C63.5,7.1,0,49,0,141.7s63.5,134.7,141.7,134.7s141.7-41.9,141.7-134.6S220,7.1,141.7,7.1L141.7,7.1z'/%3E%3Cpolygon points='184.7,189.7 124,157.3 124,60.2 152.4,60.2 152.4,140.3 198,164.7 '/%3E%3C/svg%3E%0A"); */
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top; }

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

.image-round-s {
  width: 70%;
  margin-right: auto;
  margin-left: auto; }
  .image-round-s img {
    border-radius: 999px;
    max-width: 210px; }

.example-text {
  background-color: #EDF1F6;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text p:not(.speech-right),
  .example-text p:not(.speech-left) {
    margin-bottom: 0 !important; }

.example-text-green {
  background-color: #EDF9F3;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-green p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-yellow {
  background-color: #FFFEE5;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-yellow p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-lightred {
  background-color: #FEF0EA;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-lightred p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-lightgrey {
  background-color: #e6eaed;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-lightgrey p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-mossgreen {
  background-color: #005C63;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-mossgreen p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-darkgrey {
  background-color: #adb5bd;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-darkgrey p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-darkgreen {
  background-color: #3DC07C;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-darkgreen p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-darkblue {
  background-color: #1E324F;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-darkblue p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-darkred {
  background-color: #F93B18;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-darkred p:last-of-type {
    margin-bottom: 0 !important; }

.example-text-white {
  background-color: #fff;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  float: left; }
  .example-text-white p:last-of-type {
    margin-bottom: 0 !important; }

/*----------------------*/
/* MAKE TWO_COLUMN ON LINK PAGES (LEARN MORE)*/
/*----------------------*/
.two-column-list {
  column-count: 2;
  width: 100%; }
  @media (max-width: 576px) {
    .two-column-list {
      column-count: 1; } }
.radio__container--no-pointer .radio__body.lead {
  width: 100%; }

/*
<div class="row">
<div class="column">
<h3>ZZZ</h3>
<p>ZZZ</p>
</div>
<div class="column">
<h3>XXX</h3>
<p>XXX</p>
</div>
</div>
 */
.column {
  float: left;
  width: 50%;
  padding: 1rem;
  height: 300px;
  /* Should be removed. Only for demonstration */ }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both; }

/*-----------*/
/*   CARDS   */
/*-----------*/
.card__back__content {
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* IE and Edge */ }
  .card__back__content .card__back__content-subtitle {
    display: none; }
  .card__back__content::-webkit-scrollbar {
    display: none; }

.single-card--four {
  cursor: default;
  pointer-events: none; }
  .single-card--four .card__content {
    border-radius: 0; }
    .single-card--four .card__content .card__front,
    .single-card--four .card__content .card_background_image,
    .single-card--four .card__content .card_background_image2 {
      background: #EDF1F6;
      border-radius: 0; }
    .single-card--four .card__content .card__back {
      cursor: default;
      visibility: unset;
      opacity: 1;
      border-radius: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      background: #EDF1F6; }
      .single-card--four .card__content .card__back .card__back__content {
        border-radius: 0; }

.single-card--one .card-anim-slide-up:not(.card--open) {
  cursor: default; }
  .single-card--one .card-anim-slide-up:not(.card--open) .card__content {
    border: none;
    border-radius: 0; }
    .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__front,
    .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card_background_image,
    .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card_background_image2 {
      display: none; }
    .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__back {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      background: #EDF1F6; }
      .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__back h5,
      .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__back .u-text-align-center,
      .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__back .radio__body {
        opacity: 1; }
      .single-card--one .card-anim-slide-up:not(.card--open) .card__content .card__back h5 {
        height: 21px; }

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

.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%; } }
/*-----------------------*/
/* BUTTON MED PIL INNAN  */
/*-----------------------*/
/*
PLACERING KNAPP .button--primary {
  min-width : 0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  text-align: left;
  position: relative;
  background-color: transparent;
  color:$dark;
  padding-left: 35px;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}

PLACERING KNAPP .button--primary::before {
  content:'\2192';
  position: absolute;
  top: 0;
  left: 0;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-delay: 0ms;
  visibility: visible;
  display: inline-block;
  color: $vattenfall-mid-blue;
  overflow-wrap: break-word;
  font-style: normal;
}

PLACERING KNAPP .button--primary:hover {
  &::before{
    transform: translate(40%, 0);
  }
}*/
/*------------------*/
/*   STAR FEEDBACK  */
/*------------------*/
.box__container__completed_icon svg {
  width: 30px;
  height: 30px; }

/*
.task-progress__circle.task-progress-feedback.task-progress-feedback--disabled svg path {
  fill: $grey-light;
}

.task-progress-feedback svg path,
.box__container__completed_icon svg path:last-child,
.group-box-chapters-item-star svg path,
.group-box-chapters-item-star svg use {
  fill: $green-medium;
}
*/
.task-progress__circle.task-progress-feedback.task-progress-feedback--disabled svg path {
  fill: none; }

.task-progress-feedback svg path,
.box__container__completed_icon svg path:last-child,
.group-box-chapters-item-star svg path,
.group-box-chapters-item-star svg use {
  fill: none; }

.box__container__completed_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280.02 280.02'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%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%3Cg id='Check'%3E%3Ccircle class='cls-1' cx='140.01' cy='140.01' r='140.01'/%3E%3Cpolygon points='108.87 213.3 39.25 143.68 53.93 129 108.87 183.94 226.1 66.72 240.78 81.4 108.87 213.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 26px 26px;
  border-radius: 0;
  background-repeat: no-repeat;
  left: 10px; }

.task-progress__circle.task-progress-feedback span,
.task-progress-feedback {
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/8f/dc/8fdc7491-4a1e-44fe-bf92-97a36c9ed9d5/vf_check_rgb.svg?Expires=2199795856&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=aRKpRqZdxHkBq0iBrld8GTi4Oi6uXOzGfV7pHu7LGydy0qjx%2BJvxIWDTei%2BajwoghCAAvZOfArcVka9fkiJTx%2BOMzd1iEDjAAB2NN%2FKZaAFqK5H72%2Br63yEs%2BUcVCTWF5CWyPFTLBTmk3X0htU64uFgXMvBw9YY6OYypxyPn2t8M2vCmLAaPeFd8DhX5%2Fi8NhM8ppW7A35VrY86f%2BlZoi5TLjJz2IOdxWs%2B5tRwZyRAvgkoOg5QaEM22YfxFExdhkDNC0wiIy1zAu550YQ7aIjGuSvv6n4sqfkn0Vmr%2F9lkwJ5toUJnU1%2FPPstiqYadetMlh2AJf7T5MzUu1FCVLuQ%3D%3D);
  background-size: 30px 30px;
  border-radius: 0;
  background-repeat: no-repeat; }

.task-progress__circle.task-progress-feedback.task-progress-feedback--disabled span {
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/80/f8/80f8c2d3-1f3e-4db9-899a-ffe199234e27/vf_check_rgb_white.svg?Expires=2199795952&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=sSLNuS%2FLj5uOztxpFunHnVjACD1HyJoqyLAyuxuv11NFwJu7LJRFsWTUMWKzeteU8WUqy6GuiVNXw%2Fte5COpQVgh3fPAkJfGVrCDfadjxIEQfPLelNpQR0vcS%2FXpOBjW4499BqhwjPn8WStSMPsb7bJQqQMKR4w4kwJKr6Ak5At2Wh7ediqyTR47tY5XX2gVua45quG3M0swbCvpkFTSquHxQOOONoP%2FOT%2FUlpYr8AehcwayBj8jGxKiGzskgXAPaVH80kXcMMV28NVpY9cxJgkBb8bRMNQvm0ML66b7H%2BY343MWenPlpDj%2F5w%2F9A9G%2BIEGrc0dyBAjAFemEH4Solg%3D%3D);
  background-size: 30px 30px;
  border-radius: 0;
  background-repeat: no-repeat; }

/*-------------------*/
/*  MEDIUM FEEDBACK  */
/*-------------------*/
.feedback {
  border-radius: 0px;
  background-color: #FFE85B;
  padding: 1rem 2rem; }

.feedback--right {
  background-color: #FFE85B; }

.feedback--wrong {
  background-color: #FFE85B; }

.feedback--neutral {
  background-color: #FFE85B; }

/*-------------*/
/*  SNACKBAR   */
/*-------------*/
.snackbar {
  background-color: #FFFEE5;
  color: #222222;
  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: #2071b5, !important; }

.snackbar .snackbar__close {
  display: none; }

/*----------------*/
/*  LIKERTS SCALE */
/*----------------*/
.likert-scale--dots .likert-scale__lables li.active {
  background-color: #EDF1F6;
  border-color: #2071b5; }

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

.likert-scale .likert-scale__lables li:nth-of-type(2),
.likert-scale .likert-scale__lables li:nth-of-type(3) {
  display: none; }

form[id="21"] .likert-scale .likert-scale__lables li:nth-of-type(2),
form[id="21"] .likert-scale .likert-scale__lables li:nth-of-type(3) {
  display: initial; }

#form-707 .likert-scale .likert-scale__lables li:nth-of-type(2),
#form-707 .likert-scale .likert-scale__lables li:nth-of-type(3) {
  display: initial; }

#form-707 .likert-scale .likert_scale__image-feedback {
  display: none; }

#form-742 .likert-scale .likert_scale__image-feedback {
  display: none; }

#form-727 .radio__container__content.card__content,
#form-713 .radio__container__content.card__content,
#form-724 .radio__container__content.card__content,
#form-731 .radio__container__content.card__content,
#form-734 .radio__container__content.card__content {
  padding-top: 0;
  padding-bottom: 0; }

#form-718 .radio__container__content.card__content {
  padding-top: 0; }

#form-734 .radio__wrapper {
  margin-bottom: 0; }

#form-717 .radio__wrapper {
  max-width: 950px;
  margin-left: initial;
  margin-right: initial; }

#form-716 .radio__image-wrapper {
  width: 130px;
  height: 130px; }

#form-736 .task-header--9 .blob {
  margin: 0 0 auto auto; }

.likert-scale .likert-scale__bar {
  background-color: #2071b5;
  height: 2px; }

.likert-scale .likert-scale__input {
  margin-top: -6px;
  margin-bottom: 20px;
  position: absolute;
  padding: 0;
  /*  &::-ms-thumb {
	background: $vattenfall-mid-blue;
      	border-color: $vattenfall-mid-blue;
	} */ }
  .likert-scale .likert-scale__input::-moz-range-thumb, .likert-scale .likert-scale__input::-webkit-slider-thumb {
    background: #2071b5;
    border-color: #2071b5; }
  .likert-scale .likert-scale__input::-webkit-slider-thumb {
    background: #2071b5;
    border-color: #2071b5; }

.likert-scale .likert-scale__input::-ms-thumb {
  display: block;
  background: #2071b5;
  border-color: #2071b5;
  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; }

/* ------------------------*/
/*  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: #ffffff;
  }
}

.info-page__wrapper2 {
  background-color: #0000000;
}
*/
/*-------------------*/
/*  LARGE FEEDBACK   */
/*-------------------*/
/*
.large-feedback {
background-color: $vattenfall-mid-blue;
}
*/
/*------------------*/
/*   WELCOME VIEW   */
/*------------------*/
/*
.welcome {
    background-color: none;
}
*/
/*--------------*/
/*  LOGIN PAGE  */
/*--------------*/
.login-page {
  background-color: #ffffff; }

.login-page__text .errornote {
  color: #F93B18; }

.login-page__form-row .errorlist li {
  color: #F93B18; }

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

.curtain__wrapper {
  width: 50vw; }

.group-box-chapters {
  background-color: #fff;
  justify-content: center;
  padding-bottom: 80px; }

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

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

.group-box-chapters .group-box-chapters-items.chapter1 .group-box-chapters-item {
  background-position: initial;
  background-repeat: no-repeat;
  background-size: auto; }
  .group-box-chapters .group-box-chapters-items.chapter1 .group-box-chapters-item h3 {
    color: #fff; }
    @media (max-width: 768px) {
      .group-box-chapters .group-box-chapters-items.chapter1 .group-box-chapters-item h3 {
        font-size: 1.125rem; } }
    @media (max-width: 576px) {
      .group-box-chapters .group-box-chapters-items.chapter1 .group-box-chapters-item h3 {
        font-size: 0.9rem; } }
.chapter__time__container {
  color: #fff;
  margin-left: 0; }
  @media (max-width: 768px) {
    .chapter__time__container span {
      font-size: 1rem; } }
  @media (max-width: 576px) {
    .chapter__time__container span {
      font-size: 0.8rem; } }
.group-box-chapters-item-content div img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  margin-right: 0.5rem; }
  @media (max-width: 768px) {
    .group-box-chapters-item-content div img {
      max-width: 1.3rem;
      max-height: 1.3rem;
      margin-right: 0.2rem; } }
  @media (max-width: 576px) {
    .group-box-chapters-item-content div img {
      max-width: 1.2rem;
      max-height: 1.2rem;
      margin-right: 0.2rem; } }
.group-exercise-close span {
  display: none; }

.navbar__item.close-button img {
  width: 57px !important;
  height: 57px !important; }

@media (max-width: 960px) {
  .navbar__item:not(.navbar__burger) {
    display: initial; } }

.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"]::before,
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"]::before,
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"]::before,
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"]::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/23/fd/23fd3491-c2df-4c90-88c8-853257dcf421/vfps_startbakgrund.jpg?Expires=2240063950&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=r89%2F2766hSuACQFkDoBdcnXDPx69ewA%2FDm%2B1pwrptWfUCJHPZfz0IElpZ%2Bp6A%2BI92UCRzFIS9XuXUonDXxtw97oypI7RqdlNnegxsCrBYgyLisFa%2FYR2s7PnbejNZWdqUjXNducHJ3o20kHBgg8IAvOfcBUfYCJ0gUORAvQw5Ta26Ym2JLBZwwYsRKq8IkWbbonND3K11CGhWlHJcXCeEbHG6AH2M%2BIEktURby5QdKQYm216rphPVpjsJU9rE4vOI35ulaK9dMTDUte6x1HjLD0MZniY5wcsgKAgBhPQcYtp9LzLDpWbGvxGgnvc95pemocVNF3IiYevnoIEwmNmzg%3D%3D);
  background-repeat: no-repeat;
  background-size: cover; }

.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(1),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(2),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(3),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(4),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(5),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(6),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(7),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(8),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(9),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(10),
.group-exercise[data-url="/en/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(11),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(1),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(2),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(3),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(4),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(5),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(6),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(7),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(8),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(9),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(10),
.group-exercise[data-url="/de/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(11),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(1),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(2),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(3),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(4),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(5),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(6),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(7),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(8),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(9),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(10),
.group-exercise[data-url="/nl/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(11),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(1),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(2),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(3),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(4),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(5),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(6),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(7),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(8),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(9),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(10),
.group-exercise[data-url="/sv/#stage-7"] .swiper-slide [data-index="chapters-1"] .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:nth-of-type(11) {
  display: none; }

/* 
.swiper-slide [data-index="chapters-2"],
.swiper-slide [data-index="chapters-3"],
.swiper-slide [data-index="chapters-4"],
.swiper-slide [data-index="chapters-5"],
.swiper-slide [data-index="chapters-6"],
.swiper-slide [data-index="chapters-7"],
.swiper-slide [data-index="chapters-8"],
.swiper-slide [data-index="chapters-9"],
.swiper-slide [data-index="chapters-10"],
.swiper-slide [data-index="chapters-11"]{
    .group-box-chapters-item-wrapper:nth-of-type(1) {
        display: none;
    }
}
*/
.group-exercise[data-url="/en/#stage-1"] .welcome .welcome__content {
  max-height: none;
  max-width: none;
  height: 100%;
  margin-top: 0; }
  .group-exercise[data-url="/en/#stage-1"] .welcome .welcome__content .swiper-container .swiper-slide {
    width: 100% !important; }

body {
  background: maroon !important; }

.group-box-chapters .group-box-chapters-items.chapter2:lang(en) .group-box-chapters-item-wrapper:first-of-type::before {
  content: '';
  height: 228px;
  width: 177px;
  position: absolute;
  left: calc(50% - 96px);
  top: 0;
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/ae/86/ae86badd-1bd6-4297-b257-fd31ac7d9b65/vfps_starthereknapp.png?Expires=2233063089&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=q6CtWZJwN93uZiK6X4cyCNerhlvz5WoBq0Znugsm557w26hEXZk01kqFVKDTcwshrtxWdNi9ww88EtuDTRf2wOFegjq0rTiUdaHuE3YRXIXW9naH5WYIdCRQh6GsG%2BzhK7AXUdBSb9imoPJb4Pi%2FNKRxedVpCglwOw2N82jkQgf3pTe2hs34zPpn%2BrLD9vQJ1LKE4IFmTDMzqpeR8ql8MOAsn0cxFonplmjF2Ahg5qkrwgXi96FbgmLn44OgYiSjv40T%2BZ%2FkvTKX0BoxDFvsFbaV%2BeFM4BjmlyRYITvDJ0W3qcHUJ%2FVDef%2B8fDxggKSWmjXGstTV%2FR%2BEvc0Y1GU%2BTA%3D%3D);
  background-repeat: no-repeat;
  background-size: contain; }

.group-box-chapters .group-box-chapters-items.chapter2:lang(de) .group-box-chapters-item-wrapper:first-of-type::before {
  content: '';
  height: 228px;
  width: 177px;
  position: absolute;
  left: calc(50% - 96px);
  top: 0;
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/4a/da/4ada5101-cdde-4894-abbc-df5ff3915c18/vfps_starthereknapp_de.png?Expires=2233063769&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=DkNwlRSaHZf96IjWOdx6qSAv05rc%2FPdE9PWENlDdYJhohPQO61sRan8lYI%2BFz5uE2%2FFElIrC%2FUxWRC6FCKO2ScOZWowUVeKUZ6ZVLNv0VMruk36sYHge%2FRcXuaac3dn7%2BRrHnJzS1%2BR9aEDvWMFNXy7IUZghjicAFU%2B9ndMhS7Ma828iABAUK4xTrbzPAa%2BNSxztazAhcw4TcAHilNdx1tfxtBcJyXNi9CecSexbBemvq3CeeimITXoOXoNOvs0bi7T1xlSo%2BoKpr5eBQ8prgUZOw5kF53q7P%2F7hRZkfn5wQBK459lEvLW413o%2B8NYXP%2BPwKID0LD1QdUdGtqoLUnw%3D%3D);
  background-repeat: no-repeat;
  background-size: contain; }

.group-box-chapters .group-box-chapters-items.chapter2:lang(nl) .group-box-chapters-item-wrapper:first-of-type::before {
  content: '';
  height: 228px;
  width: 177px;
  position: absolute;
  left: calc(50% - 96px);
  top: 0;
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/24/1d/241daaee-7013-4b20-ad75-0413005bc83c/vfps_starthereknapp_nl.png?Expires=2233063823&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=ANk5wt1yJdwDh4Cw5kM6qz3YrUylAKEVwZeX552txvROUOFkGrVOxLgMgplnm2YZfgI654si7Qld53Tm7Ykpr4jTJEtHKKALNcPg0KgrhGiJmK67jh1bpzoZiby%2FLnBpUPdFn2PQsh7pzfMSdmNtXg0d3l1bBCsjM0X%2Ffo1IAtJXOGh39d0%2Foc7qsvrY692iSeB1k65hirziWvSRvDddfssGdLqu6yMdjv4k0TXz7ASmGpUVBGpvnhJxTYW%2BCgEObs7sGBKKwhDuNqr7Zst9zjd368KVCckFJ8frJj2we9gKyHMcIO6zPDzHUk%2B4ywyr4%2BSwswyUEhh1%2BurMOo1NeQ%3D%3D);
  background-repeat: no-repeat;
  background-size: contain; }

.group-box-chapters .group-box-chapters-items.chapter2:lang(sv) .group-box-chapters-item-wrapper:first-of-type::before {
  content: '';
  height: 228px;
  width: 177px;
  position: absolute;
  left: calc(50% - 96px);
  top: 0;
  background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/3c/1e/3c1e0c58-b126-4fa5-a124-f7814ffe88a4/vfps_starthereknapp_se.png?Expires=2233296999&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=jqcVJ%2BiaAb2oVBd9LfmFpb1%2B1zFiV9bw4T7fYdXecPbOVxcQYSDM1ebIW%2FCokAxwswSoQTaM6j5TRd%2FzlVTrlHZ7on0nWmiPpUkGEdVFXEp2hUg%2FvWj3Pl0ACsrAUNVtNWnSv%2F%2BbmYUHFHG%2FEEhQ6R0LMe4bxRc4u3GXSK0kfQWuqJaPivkQ5Lids9HDp21h%2F%2FHOxe7zoR7sY%2FnZpIfaJo4sv4sUiCon4j7M%2BkpA99zQv5b7FulFdsPtZGb13pLbgDGAY63D2mwSAciiaCcAmEPhauCWEft5pJfasln8XswAmZiSNN9laOIDuq2rgnRdZnXs1iN5Hzh%2F4jcZEDbCDA%3D%3D);
  background-repeat: no-repeat;
  background-size: contain; }

.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:first-of-type {
  display: none;
  background-image: none !important; }
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:first-of-type .group-box-chapters-item {
    max-width: 177px;
    min-height: 228px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent; }
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:first-of-type .group-box-chapters-item:hover {
      -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
      transform: scale(1.06);
      max-width: 177px;
      min-height: 228px; }
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:first-of-type .group-box-chapters-item.group-box-chapters-item--active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:first-of-type .group-box-chapters-item.group-box-chapters-item--active:hover {
      -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
      transform: scale(1.06); }

.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper {
  width: calc(20% - 1rem);
  text-align: left;
  margin: 0 1rem 2rem 0; }

.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item,
.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active,
.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active:hover,
.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item:hover {
  clip-path: none;
  -webkit-clip-path: none;
  min-height: 112px; }
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item .group-box-chapters-item-star.completed,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active .group-box-chapters-item-star.completed,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active:hover .group-box-chapters-item-star.completed,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item:hover .group-box-chapters-item-star.completed {
    background-image: url(https://storage.googleapis.com/akt-vf-mtb/filer_public/08/00/08002265-0669-4f9c-be68-e28bb27e93c3/vf_progress_check.svg?Expires=2203331784&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=lZSxFu1TBvNYziTY0k9hZCAAkvj1ANzxJ0MUzNCSRyJauC2HwStdgS0EbSQ4sjgrIvqOo1ppD%2BVojdlGrmkv6wQgPZHz5nsVLBEvX9CwKPV%2B0eLZrn0QDkbFRmuyyzEipN4M5uuiPp7HKSmh6a9l2cUhxhJQDiSHdaFJgZ98EHUeD51AsNGTBi0WwMpEqH1SPkL8NEoUFP%2FgzOONo%2FoHkUlcAKdrgFlxqC%2F1uwFNVamhea8QmOimArLeSeLLvKtUJTmEFCvVJAVl95fKB4vCV19P3s34OVwqLtb0jCet%2Fv4jWi0qrWAGaLD2yKYi6dn6BZD3JEz%2BqvDYWFMDFnv%2Blg%3D%3D);
    background-size: 26px 26px;
    border-radius: 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 1; }
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item .group-box-chapters-item-star.completed svg,
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active .group-box-chapters-item-star.completed svg,
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active:hover .group-box-chapters-item-star.completed svg,
    .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item:hover .group-box-chapters-item-star.completed svg {
      width: 30px;
      height: 30px; }
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item .group-box-chapters-item-number,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active .group-box-chapters-item-number,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item.group-box-chapters-item--active:hover .group-box-chapters-item-number,
  .group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item:hover .group-box-chapters-item-number {
    display: none; }

.group-box-chapters .group-box-chapters-items.chapter2 .group-box-chapters-item-wrapper:not(:first-of-type) .group-box-chapters-item:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

form#form-478 .single-card--simple1c,
.welcome__wrapper .single-card--simple1c {
  padding-top: 0;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    form#form-478 .single-card--simple1c,
    .welcome__wrapper .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) {
    form#form-478 .single-card--simple1c,
    .welcome__wrapper .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; }
      form#form-478 .single-card--simple1c .radio__content,
      .welcome__wrapper .single-card--simple1c .radio__content {
        max-width: 100%; } }
  form#form-478 .single-card--simple1c .card__content,
  .welcome__wrapper .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; }

form#form-493 .task__container--card .row > * {
  padding-top: 0; }

form#form-493 .task__container.page-wrapper {
  padding-left: 0;
  padding-right: 0; }
  form#form-493 .task__container.page-wrapper .single-card--simple1b {
    margin-top: 0 !important; }
    form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content {
      display: inline-block; }
      @media (max-width: 992px) {
        form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content .card__content {
          padding: 0.5rem;
          height: 150px; }
          form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content .card__content img {
            height: 75px; }
          form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content .card__content h3 {
            margin-top: -85px;
            margin-left: 85px;
            font-size: 1rem; }
          form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content .card__content .radio__body {
            margin-left: 85px; }
            form#form-493 .task__container.page-wrapper .single-card--simple1b .radio__content .card__content .radio__body p {
              margin-top: -1rem; } }
    form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content {
      display: inline-block;
      height: 204px;
      padding: 0.5rem;
      background-color: #EDF1F6;
      border-radius: 0;
      border: none; }
      @media (max-width: 1200px) {
        form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content {
          height: 150px; } }
      form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content img {
        height: 90px; }
      form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content h3 {
        margin-top: -100px;
        margin-left: 100px;
        font-size: 1.25rem; }
      form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content .radio__body {
        margin-left: 100px; }
        form#form-493 .task__container.page-wrapper .single-card--simple1b .card__content .radio__body p {
          font-size: 1rem;
          margin-top: -1rem; }

@media (max-width: 1200px) {
  form#form-493 .col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

form#form-531 table {
  border-spacing: 0.5rem 0; }
  form#form-531 table thead th {
    text-align: left;
    padding: 0.5rem; }
  form#form-531 table thead th:nth-of-type(1),
  form#form-531 table thead th:nth-of-type(3),
  form#form-531 table thead th:nth-of-type(5) {
    background: #EDF1F6; }
  form#form-531 table thead th:nth-of-type(2),
  form#form-531 table thead th:nth-of-type(4) {
    background: #EDF1F6; }
  form#form-531 table tbody {
    vertical-align: top; }
    form#form-531 table tbody td {
      font-size: 1rem !important; }
      form#form-531 table tbody td li {
        font-size: 1rem;
        margin-bottom: 0.8rem; }
    form#form-531 table tbody td:nth-of-type(1),
    form#form-531 table tbody td:nth-of-type(3),
    form#form-531 table tbody td:nth-of-type(5) {
      background: #EDF1F6; }
    form#form-531 table tbody td:nth-of-type(2),
    form#form-531 table tbody td:nth-of-type(4) {
      background: #EDF1F6; }

form#form-564 .single-card--simple1b.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

form#form-564 .card__content {
  border-radius: 0;
  border: 0 solid #fff; }

form#form-564 .task__container--card .row > * {
  padding-top: 0; }

form#form-571 .task-form__two-columns .task__container .radio__wrapper:first-of-type {
  margin-top: 0; }

form#form-571 .card__content {
  height: 340px; }
  form#form-571 .card__content .card__back__content {
    background: #EDF1F6;
    padding: 0.5rem 1rem;
    -webkit-mask-image: none;
    mask-image: none;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    form#form-571 .card__content .card__back__content h3 {
      display: none; }
  form#form-571 .card__content .card__front h3 {
    font-size: 4rem;
    padding-top: 3rem; }

form#form-657 .single-card--simple1a .card__content {
  border: none;
  border-radius: 0; }

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

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

.curtain__button {
  padding-bottom: 50px; }

.info-page__wrapper {
  width: 100%; }

/*--------------------------------------------------------*/
/*  SOMETHING STRANGE WITH BG IF PAGE INSIDE PREPARATION  */
/*--------------------------------------------------------*/
.task-header.cms-plugin-akt_portal-generalpage-23 {
  background-image: none !important; }

.speech-left {
  position: relative;
  background: #EDF1F6;
  border-radius: .4em;
  margin-bottom: 1em !important;
  padding: 0.8rem 1rem;
  font-size: 1rem !important; }

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

.speech-right {
  position: relative;
  background: #EDF1F6;
  border-radius: .4em;
  margin-bottom: 1em !important;
  padding: 0.8rem 1rem;
  text-align: right;
  font-size: 1rem !important; }

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

.vf-small-quote {
  position: relative;
  padding: 36px 48px 37px;
  border-radius: 20px 20px 20px 20px;
  margin: 40px 0 60px;
  background-color: #faf9dc; }
  .vf-small-quote:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    left: 50%;
    border: 32px solid transparent;
    border-bottom: 0;
    border-right: 0;
    margin-left: -16px;
    margin-bottom: -32px;
    border-top-color: #faf9dc; }

form#form-524 .task-header__content.page-wrapper--small,
form#form-522 .task-header__content.page-wrapper--small,
form#form-523 .task-header__content.page-wrapper--small,
form#form-526 .task-header__content.page-wrapper--small,
form#form-575 .task-header__content.page-wrapper--small,
form#form-576 .task-header__content.page-wrapper--small {
  width: 100%; }
  form#form-524 .task-header__content.page-wrapper--small .inbetween,
  form#form-522 .task-header__content.page-wrapper--small .inbetween,
  form#form-523 .task-header__content.page-wrapper--small .inbetween,
  form#form-526 .task-header__content.page-wrapper--small .inbetween,
  form#form-575 .task-header__content.page-wrapper--small .inbetween,
  form#form-576 .task-header__content.page-wrapper--small .inbetween {
    min-width: 100%;
    text-align: center; }
    form#form-524 .task-header__content.page-wrapper--small .inbetween h2.betweenleft,
    form#form-522 .task-header__content.page-wrapper--small .inbetween h2.betweenleft,
    form#form-523 .task-header__content.page-wrapper--small .inbetween h2.betweenleft,
    form#form-526 .task-header__content.page-wrapper--small .inbetween h2.betweenleft,
    form#form-575 .task-header__content.page-wrapper--small .inbetween h2.betweenleft,
    form#form-576 .task-header__content.page-wrapper--small .inbetween h2.betweenleft {
      float: left; }
    form#form-524 .task-header__content.page-wrapper--small .inbetween h2.betweenright,
    form#form-522 .task-header__content.page-wrapper--small .inbetween h2.betweenright,
    form#form-523 .task-header__content.page-wrapper--small .inbetween h2.betweenright,
    form#form-526 .task-header__content.page-wrapper--small .inbetween h2.betweenright,
    form#form-575 .task-header__content.page-wrapper--small .inbetween h2.betweenright,
    form#form-576 .task-header__content.page-wrapper--small .inbetween h2.betweenright {
      float: right; }

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

.stage:first-of-type {
  width: 100%;
  pointer-events: none;
  min-height: initial;
  max-width: none !important; }
  .stage:first-of-type .stage__header__body {
    display: inherit !important; }
  .stage:first-of-type .stage__header {
    /*     &::before {
        content: "";
        background-image: linear-gradient(0deg,$vattenfall-light-blue,$vattenfall-light-blue);;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;   
        z-index: -1;    
    }    */ }
  .stage:first-of-type a {
    pointer-events: all; }
  .stage:first-of-type .stage__header {
    min-height: auto !important; }

.stages {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  max-width: 1200px;
  justify-content: center;
  -webkit-justify-content: center; }
  .stages .stage:not(.stage--open) {
    max-width: 32%;
    min-width: 32%;
    margin: 0.5em;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .stages .stage:not(.stage--open)::-webkit-scrollbar {
      width: 0px;
      background: transparent;
      /* Chrome/Safari/Webkit */ }
    @media (max-width: 1200px) {
      .stages .stage:not(.stage--open) {
        max-width: 350px; } }
    .stages .stage:not(.stage--open) .stage__header {
      min-height: 300px;
      /* .stage__header__bg-image {
        height: 576px;

        } */ }
      .stages .stage:not(.stage--open) .stage__header .stage__header__body {
        display: none; }

.stage--open {
  min-width: 100%; }
  .stage--open .stage__header--theme-2 .js-prepare-header::before {
    display: none !important; }
  .stage--open .stage__header--theme-2 .js-prepare-header h3 {
    margin-bottom: 1.5rem; }
  .stage--open .stage__bottom {
    position: absolute;
    top: 15rem;
    left: calc(50% - 25px); }

.stage--open .stage__header__bg-image {
  max-height: 20em; }

.four-column-list {
  padding-left: 1em;
  padding-right: 1em; }
  .four-column-list table {
    border-spacing: 0.5rem 0;
    table-layout: fixed;
    width: 100%; }
    .four-column-list table th {
      text-align: center;
      padding: 0.5rem; }
      .four-column-list table th img {
        max-width: 80px;
        padding: 2px; }
    .four-column-list table tbody {
      vertical-align: top; }
      .four-column-list table tbody h3 {
        padding-bottom: 0.5em;
        text-align: center !important; }
      .four-column-list table tbody tr:last-of-type {
        text-align: left; }

.box-1-4 .box__container__bottom .box__container__bottom__body {
  width: 100%;
  display: inline-block;
  transform: translateY(-12px); }
  .box-1-4 .box__container__bottom .box__container__bottom__body .box__image img {
    min-height: 130px;
    width: 100%;
    height: auto; }

.stage:not(#stage-14) .box-1-4:first-of-type .box__image {
  max-height: 141px; }

#stage-14 .box-1-4:nth-of-type(2) .box__progress,
#stage-14 .box-1-4:last-of-type .box__progress {
  height: 0; }

#stage-14:lang(de) .box__container.box__container--medium,
#stage-14:lang(nl) .box__container.box__container--medium {
  height: 405px; }

#stage-14 .box-1-4:last-of-type .box__container__bottom__body {
  transform: translateY(12px); }

#stage-14 .box-1-4:last-of-type .box__container__bottom__body__scroll-indicator {
  top: calc(100% - 107px); }

#stage-14 .box-1-4:last-of-type .box__container__bottom__body__content {
  height: calc(100% - 134px); }

#stage-5 .box-1-4:nth-of-type(8) .box__image {
  max-height: 141px; }

.js-animate-in-viewport.fade-in {
  -webkit-transition: none;
  transition: height none; }

.stage__header--theme-2 h1 {
  margin-top: 0; }

img.intro-img {
  max-width: 140px; }

.js-prepare {
  margin-bottom: 1em; }
  .js-prepare .js-prepare-header h3 {
    margin-left: 56px;
    text-align: left;
    transform: translateY(6px); }
    @media (max-width: 1500px) {
      .js-prepare .js-prepare-header h3 {
        transform: translateY(12px); } }
.prepare-body {
  padding: 0 3.5em; }

.prepare__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: auto;
  cursor: pointer;
  content: "";
  /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNDcgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgNTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzdGFydC1wYWdlLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTcuMDAwMDAwLCAtMTMyNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5OC4wMDAwMDAsIDEzMjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2U9IiM5Nzk3OTciIGZpbGw9IiNGRkZGRkYiIGN4PSIyMi41IiBjeT0iMjIuNSIgcj0iMjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVkZfbGVzc19pbmZvX3JnYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMS4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjEwLjA0MTQwODUiIHdpZHRoPSIyMC45NjAwNzA0IiBoZWlnaHQ9IjIuMDk2MzAyODIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjQ4MDAzNSwgMTEuMDg5NTYwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwLjQ4MDAzNSwgLTExLjA4OTU2MCkgIiB4PSIwIiB5PSIxMC4wNDE0MDg1IiB3aWR0aD0iMjAuOTYwMDcwNCIgaGVpZ2h0PSIyLjA5NjMwMjgyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); */
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='aktuellt:-till-DAP' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='start-page-2' transform='translate(-800.000000, -1449.000000)'%3E%3Cg id='Group' transform='translate(800.000000, 1449.000000)'%3E%3Ccircle id='Oval' fill='%23EDF1F6' cx='30' cy='30' r='30'%3E%3C/circle%3E%3Cg id='VF_more_rgb' transform='translate(13.000000, 14.000000)' fill='%232071B5' fill-rule='nonzero'%3E%3Cpolygon id='Path' points='34.22 13.7711743 18.8206378 13.7711743 18.8206378 0 15.3993622 0 15.3993622 13.7711743 0 13.7711743 0 17.2142715 15.3993622 17.2142715 15.3993622 30.9842313 18.8206378 30.9842313 18.8206378 17.2142715 34.22 17.2142715'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  height: 46px;
  width: 46px;
  transform: translatey(-20px);
  -webkit-transform: translatey(-20px);
  -ms-transform: translatey(-20px);
  transition: all 0.3s; }

.stage__header .prepare__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23f7f7f7;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='25' cy='25' r='25'/%3E%3Cg transform='translate(10.833 11.667)'%3E%3Cpath class='b' d='M28.517,11.476H15.684V0H12.833V11.476H0v2.869H12.833V25.82h2.851V14.345H28.517V11.476Z'/%3E%3C/g%3E%3C/svg%3E");
  width: 50px;
  height: 50px; }

.prepare__button-wrapper {
  display: flex;
  flex-direction: row-reverse;
  order: 6;
  width: 100%;
  margin-top: -20px; }
  @media (max-width: 576px) {
    .prepare__button-wrapper {
      order: 8;
      width: 90%;
      margin-left: auto; } }
.js-prepare.open .js-prepare-expand {
  opacity: 1; }
  .js-prepare.open .js-prepare-expand p,
  .js-prepare.open .js-prepare-expand div,
  .js-prepare.open .js-prepare-expand ul,
  .js-prepare.open .js-prepare-expand ol,
  .js-prepare.open .js-prepare-expand li,
  .js-prepare.open .js-prepare-expand h1,
  .js-prepare.open .js-prepare-expand h2,
  .js-prepare.open .js-prepare-expand h3,
  .js-prepare.open .js-prepare-expand h4,
  .js-prepare.open .js-prepare-expand h5 {
    text-align: left; }

.js-prepare.open .prepare__button {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23edf1f6;%7D.cls-2%7Bfill:%232071b5;%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%3Cg id='Group_252' data-name='Group 252'%3E%3Ccircle id='Oval' class='cls-1' cx='25' cy='25' r='25'/%3E%3Cg id='VF_more_rgb' data-name='VF more rgb'%3E%3Cpath id='Path' class='cls-2' d='M39.39,23.14H10.88V26H39.39Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  height: 46px;
  width: 46px; }

.js-prepare .prepare__content {
  overflow: hidden;
  padding: 0.5em 1em;
  background-color: white; }
  .js-prepare .prepare__content .example-text {
    float: inherit; }

.js-prepare .js-prepare-expand {
  height: 0;
  opacity: 0;
  transition: height 0.3s;
  order: 8; }

.js-prepare .prepare__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 576px) {
    .js-prepare .prepare__container {
      display: block; } }
.stage__header .js-prepare.open .prepare__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23f7f7f7;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='25' cy='25' r='25'/%3E%3Cg transform='translate(10.833 11.667)'%3E%3Cpath class='b' d='M28.517,11.476H0v2.869H28.517V11.476Z'/%3E%3C/g%3E%3C/svg%3E");
  width: 50px;
  height: 50px; }

.js-prepare:first-of-type .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='376' height='376' viewBox='0 0 376 376'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-4540 13957)'%3E%3Ccircle class='a' cx='188' cy='188' r='188' transform='translate(4540 -13957)'/%3E%3Cpath class='b' d='M17.922,2.213-7.41,11.758V-10.515L29.548-25.2h15.3V77.6H17.922Z' transform='translate(4704.829 -13798)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.js-prepare:nth-of-type(2) .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='374' height='374' viewBox='0 0 374 374'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-5070 13960)'%3E%3Ccircle class='a' cx='187' cy='187' r='187' transform='translate(5070 -13960)'/%3E%3Cpath class='b' d='M-11.43,70.417A40.054,40.054,0,0,1-9.411,56.649q2.019-5.446,8.628-11.2T19.654,32.48l14.93-7.832q10.525-5.507,14.808-9.178A11.118,11.118,0,0,0,53.675,6.78a8.781,8.781,0,0,0-4.9-8.2q-4.9-2.692-13.829-2.692-18.357,0-19.091,11.259H-10.7q.245-15.787,12.789-24.292t33.47-8.505q14.2,0,24.353,3.855t15.42,10.953A27.179,27.179,0,0,1,80.6,5.8,25.462,25.462,0,0,1,76.621,20a41.968,41.968,0,0,1-11.442,11.32A192.378,192.378,0,0,1,44.5,43.371L32.381,49.613a61.774,61.774,0,0,0-8.444,5.018,5.637,5.637,0,0,0-2.2,2.815H81.822V78.983H-11.43Z' transform='translate(5221.964 -13802.386)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.js-prepare:nth-of-type(3) .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='374' height='374' viewBox='0 0 374 374'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-5601 13960)'%3E%3Ccircle class='a' cx='187' cy='187' r='187' transform='translate(5601 -13960)'/%3E%3Cpath class='b' d='M38.317,80.819q-25.21,0-37.509-8.689T-12.225,48.756H14.7q1.591,4.9,7.22,7.71T37.705,59.28q10.525,0,16.4-3.059t5.874-8.689q0-5.629-5.813-8.689T37.338,35.784H22.775V15.836H37.461q8.934,0,13.768-2.631t4.834-7.4q0-4.773-4.9-7.343T36.6-4.111q-9.423,0-13.89,2.448a9.57,9.57,0,0,0-5.2,7.22H-8.8Q-7.7-8.15,3.5-16.9T38.44-25.65q20.8,0,32.308,7.22t11.5,20.682q0,15.787-14.93,22.762Q86.9,32.235,86.9,50.592q0,14.808-12.6,22.518T38.317,80.819Z' transform='translate(5751.028 -13802.386)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.js-prepare:nth-of-type(4) .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='374' height='374' viewBox='0 0 374 374'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-7490 14008)'%3E%3Cg transform='translate(7490 -14008)'%3E%3Ccircle class='a' cx='187' cy='187' r='187'/%3E%3Cpath class='b' d='M54.908,65.833H-6.705V44.977L48.235-13.3H80.412V44.977H94.236V65.833H80.412V86.808h-25.5Zm0-20.856V10.535H54.67L22.612,44.977Z' transform='translate(143.179 138.736)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.js-prepare:nth-of-type(5) .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='375' viewBox='0 0 375 375'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-7490 13454)'%3E%3Cg transform='translate(7490 -13454)'%3E%3Ccircle class='a' cx='187.5' cy='187.5' r='187.5'/%3E%3Cpath class='b' d='M40.173,88.8q-22.45,0-34.153-8.359A27.46,27.46,0,0,1-6.04,57.632H19.514q.955,4.418,6.21,7.284t14.569,2.866q9.792,0,14.628-3.4a11.3,11.3,0,0,0,4.836-9.852A11.631,11.631,0,0,0,54.8,44.437Q49.846,40.914,39.7,40.914q-13.733,0-19.584,6.448H-1.5V-13.3H77.669V7.717H22.977V25.032q8.837-4.3,23.047-4.3,19.7,0,29.675,9.016T85.67,54.528q0,17.2-11.7,25.734T40.173,88.8Z' transform='translate(147.804 136.752)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.js-prepare:nth-of-type(6) .js-prepare-header::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='376' height='376' viewBox='0 0 376 376'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232071b5;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-8223 13957)'%3E%3Cg transform='translate(8223 -13957)'%3E%3Ccircle class='a' cx='188' cy='188' r='188'/%3E%3Cpath class='b' d='M42.829,90.7q-24.442,0-36.723-12.461T-6.175,41.576V37.862Q-6.175,13.54,6.7,0T44.027-13.537q18.451,0,29.115,7.728a30.1,30.1,0,0,1,12.58,20.788H60.441a12.251,12.251,0,0,0-5.332-5.332q-3.774-2.1-11.682-2.1-10.783,0-16.774,5.152t-6.47,17.972q10.663-8.147,28.4-8.147,19.05,0,29.234,8.926T88,55.595a32.905,32.905,0,0,1-5.272,18.691q-5.272,7.908-15.4,12.161T42.829,90.7Zm.24-21.087q9.345,0,13.958-3.594a11.658,11.658,0,0,0,4.613-9.7,11.794,11.794,0,0,0-4.912-10q-4.912-3.654-13.9-3.654-9.345,0-14.258,3.774a11.656,11.656,0,0,0-4.912,9.645,12.02,12.02,0,0,0,4.733,9.645Q33.124,69.613,43.068,69.613Z' transform='translate(147.391 138.73)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 46px;
  width: 46px; }

.preparationpage::before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 420px;
  width: 100%;
  background-position: center center; }

.preparationpage:after {
  content: "";
  background-image: linear-gradient(0deg, #EDF1F6, #EDF1F6);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 420px;
  display: block;
  height: calc(100% - 420px);
  width: 100%;
  z-index: -1; }

.preparationpage .page-wrapper h1 {
  color: white;
  text-align: center;
  min-height: 320px;
  padding-top: 50px; }

#preparation-11::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/9b/30/9b3085b2-71fa-4691-b1a9-0caef5fd2b98/inclusive.png?Expires=2249395330&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=W7vak8%2BkayHyLa6WseYHxrkCHVGZXY7qEyBeyIlsLj2xdTut4RXzXZmamuT8btMY6Pr8MvwvrMGfipvlaG1htc0Xm61hY79yo8MIEXtwaQ2fhMRSU2D4RALCMkPBVmwDI1pr5KQPWZMQRm2M49c%2FsPJg9T%2FFmDgVHdTeEQ5k74fBbMLmcqi6ukwaPd4pTTw1lfrS5%2FyibfjgEExMgDYA51al9xMH5RJzzeKi7O1jpvolTRg384fc9xu1mKduJFOnB2%2Bw11nEV%2FPd%2FdkB5hhFDyZEp%2BYKcLGw2S2hDPIQlFraoMX6yUNw9Vwo4KWDhaXOjr4H4TlvnsotUrgp%2F9ThCw%3D%3D"); }

#preparation-8::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/d9/92/d99235a7-c320-4396-a64b-ac1557e30705/boost.png?Expires=2249396152&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=CWih7D10cIImCqtllblqqBnZppL89lh22OXxtvlNSBHtznmoS7LfS4Ce7Wag%2FaodD1OYZ8gBJYfjEyINwpYocE%2FaHkEKQOkzVyNv9vuIUwXiRv4KR1igD6BVPSYciFxXYSs5McECcI%2FMK6p22JF%2FXzgyTRKE68XiHEDK3L1e4uCOxgbzqI7xRViwMavYMP3OyUyFpunvftfr9hN5oQNyororp3u8KKtWaPDL1MZu1bMOj48Kh4iovUO5e8nDip6ivzP%2BJPl0BVHUfQv1AJasM62h2ZhLmaKJqkxZU8SFDsUoF%2FMnhKRwH3ABGyfc%2Fci3F3q0A2KXgNsi4so5xbq96Q%3D%3D"); }

#preparation-10::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/6d/16/6d16218a-a437-4570-abb9-529d4e1cb76e/feedback.png?Expires=2249395237&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=XAeJRyrBf1V5xZEiVxNBF3Aq2I7j3bRM67Qjc0Wjeh48d1xlwkgc8C7nfF4W3EJWxfvayPdLRH8XDNGLXhx67%2B4DGqovKagrQvvgmaI1kF977yax11MEPC4naejIkY%2BNg3%2FOROLqHpfILDgHMuloHznyDn8SeHQacnMiWe6%2BsbNCOfmSFoAb7Ls1T1P1wlQnDMJaGyfTC1SBrSMvjnjEbCe6kRSpUtk5%2B1rzCPWg2BXUHi3P5cGVs4jOF%2BPlyvDprG7mrShcaCXdDNM3GU9jPE%2BqxMOKaFpwcNtP2kyJFHbXJqeiq%2F72JVJOI33Ljlhb9qbKaAimtCpGaLBcto%2F34A%3D%3D"); }

#preparation-9::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/9b/9b/9b9b29c4-6c6e-4694-9bb2-f8da6df07670/bild-0_1920x1080_vattenfall_1.jpg?Expires=2344320028&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=gnlK7e7hHFns9XgeVRGZnTlW0Eo82uZtPvYmP%2FAXDAE9WQp%2BdklzDn%2Fxgg1%2F2ApKT0NyeWEFCxgDE05bc8%2FGJbFu1aLB90p1C5wZf47hIpbWRuEfyb%2BX1X3pQCMA3JAN8wmPthqh0Tzvmn%2FnqVM647Xxru1KG2EuvM%2BJZPxAEd1wusBKbJ2ekoXyXfyMxKEEtJCyqKLKXH0MdnD7XDmmm4L1Wr9HKUSLHPyNktpbL%2Bwe7UPKwzsCtZU3daIiZZNd5LC5vGS8OmYBUGRQxqx71SrNjpze32bHwpF71Iz5GGMUxZEgx3fog2j0NkfQYJ0py4S8NbbcCgZFTZ0ao6c5Gw%3D%3D"); }

#preparation-2::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/cb/6f/cb6f9857-e821-4ffe-a994-5553ae7b9c24/connect.png?Expires=2249395914&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=QkzaUHCknqkxe%2BJBl2CZgljoQhguMeDZBzAvQMMRI%2FGxS2a2jVca%2Bg5PRe4ibh883aaSqDo7nPha7NjrBA7%2BcpoY1w%2F7wA2jn1CkyomxCalLXu7MFgzx2LBVaDeybX5GTwmTwC1LRCVXUPzMgk0F7%2FLBiqBlqZxiiM1POA%2FedngiuIrQiB%2BRaRzF4istxblVGa86PEq4Up%2FVMus8ODN5AUFEgbznUwwxB5pwTMkDO2MqkiRPiFqYlXyqyCb9utgC%2Btik7LbaDln6vTCDhiAhqwsU%2FX%2FlV0oRW4z6AvanqKiR%2B7Ukzf778%2FHTLSo2ov%2FCVmpAUL1EM68Ai0LKSwWU3A%3D%3D"); }

#preparation-12::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/e7/7c/e77cd04c-160d-4ecc-88b2-477a416b587d/accelerate.png?Expires=2249395999&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=aJTHZocEjaa9lV%2BF6U7fFGFmbLffc67hmz4atRYYYKY5kveV%2B3I9CVbYmVSbwHpiu%2BrHfbpRdx9u7urjiaxV1gXj8igQ1SobRS8nKDYxqgqZfT0du8RCHe5wAe2N9c%2Fvuj5H0rwmM78LCrXbl8NAWTt6KAs9Ze21EQE3KoKrbhPzombd1L0LoTAgRACwdOvQeXIMq04Yz3Zz6IpJvIzI9C8yGPzXtK3ANtqzy3ziw6aqRzzASJE5L2oAkBHHZKKPxo5KyaI4Y25ZQDNYBsbGW83kHT9wksK%2BNwY3DsUoKDEuWcmOcgMDgeoHTYf1DUXZmJpKwq14cPstZnA%2FJPCsaQ%3D%3D"); }

#preparation-13::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/d0/ea/d0eacae6-72f0-4a5a-990a-e53e8eb78793/drive.png?Expires=2249396097&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=HPvBxqG6j3MoxvTT5kcQNhYgUk7SYS7q1%2BzJbKGSxBlbPw4Ac4bhWX%2FvsDH%2B8ceVPGKk2DUl1lPp7pUWqxRM9k56BoE27j%2FHm8Pmjux7FnWuAsHnvW82dfmzf3j0H9i9xzuv5SIRgnjSbwspryUB%2BZuBen%2Flb1FMFVwvF%2BJdo5U%2B7FRgatj7hcXUoUxz9TwAieXdTyy2rjNQBlutJKz6lGlqLTO41UHKouY68qeVxCtNHOEtQotAERGBha5Qx40J5H3prtvnqXIkQ6qxVEbKZkVjyV9GL29SWupwyYknj2FpZr7xMvoAz7Dwfnfsc6QRxXh4fVg%2F6L%2FHdFb1WjHxJw%3D%3D"); }

#preparation-14::before {
  background-image: url("https://storage.googleapis.com/akt-vf-mtb/filer_public/d5/35/d535c451-832b-4bd5-a03e-89ca8710f379/vf_hs_theme1.png?Expires=2304855079&GoogleAccessId=storage-access%40gen3-249709.iam.gserviceaccount.com&Signature=rP9MhV4TZA%2BtWOQ%2F6wmvAjhmtxUQdYWDodHMLtMPT9S7rtZvB4WucyV9eMA%2Fvtove8I4mdHmnz69fGWJAEqju7cZzaSMcTq8rrwQSh3ZgOWgK%2B%2FI9vRmf8jhRyBf3RVTuaINlWITvXd1oJgZHpOnSd2XnXGni9JZQ1TeLIEMpk99m2Ycr%2BNj2ouTT61YTBNHDA1UjiJ%2FbNb8zlghHjenIAiqokeZY0VIAnJGAZSsyR1S1x%2F0dCCVyY7IeqlgjbPScCm7AdcOKGA6NGVVWqFnZvjtVOK04u4WeSrr2ur7UNdioSX3eVZ%2B62UMHr%2FLH1zTnfBQSyQ8AiK94AhOoxXFtg%3D%3D"); }

/* 
#stage-3 {
.page-wrapper--medium {
    position: relative;
    max-width: inherit;
    padding-left: 3em;
    padding-right: 3em;
    margin-right: 0;
    margin-left: 0;
    .onethird {
        max-width: 33%;
        float: left;
        p {
            font-size: 20px;
          }
        @media(max-width: $screen-l) {
            max-width: 100%;
            }    
       
    }
    .twothird {
        max-width: 66%;
        min-width: 65%;
        float: right;
        transform: translate(25px, 25px);
        @media(max-width: $screen-l) {
            max-width: 100%;
            min-width: 99%;               
            }    
    }
    .u-embedded-video iframe {
        pointer-events: all;
    }
    tbody {
        vertical-align: top;

    }
}
}
*/
#hero::after {
  content: "";
  background-image: linear-gradient(0deg, #EDF1F6, #EDF1F6);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -350px;
  display: block;
  height: calc(350px);
  width: 100%;
  z-index: -1; }
  @media (max-width: 1500px) {
    #hero::after {
      bottom: -360px;
      height: calc(360px); } }
  @media (max-width: 992px) {
    #hero::after {
      bottom: -470px;
      height: calc(470px); } }
  @media (max-width: 768px) {
    #hero::after {
      bottom: -560px;
      height: calc(560px); } }
@media (max-width: 1500px) {
  #hero:lang(de)::after {
    bottom: -420px;
    height: calc(420px); } }