/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/App/App.scss ***!
  \*****************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ### FÄRGER ### */
/* ### AVSTÅND ### */
/* ### FONTER ### */
/* ### FONTER ### */
.wXVCbcmHoBj0zCwA94L8 {
  display: flex;
  flex-direction: column;
  margin-left: calc(-1 * var(--env-spacing-medium));
  margin-right: calc(-1 * var(--env-spacing-medium));
  width: calc(100% + 2 * var(--env-spacing-medium));
}
.wXVCbcmHoBj0zCwA94L8.q_aI3lXpPi5Tnyw5sHEA {
  background-color: white;
}
.wXVCbcmHoBj0zCwA94L8.OAsQtSaeEvJRvw2rmWct {
  background-color: var(--mv-blue-10);
}
.wXVCbcmHoBj0zCwA94L8.o5R8fVwk2fJlqhV_pgVE {
  background-color: var(--mv-orange-20);
}

.nSns0Rdjhdy6XsC1FgCI {
  display: flex;
  position: relative;
  z-index: 1;
}
.nSns0Rdjhdy6XsC1FgCI img {
  height: 15rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.SgMqczBsH4SbHU5WzKd6 {
  position: absolute;
  left: var(--env-spacing-medium);
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
[dir=rtl] .SgMqczBsH4SbHU5WzKd6 {
  left: unset;
  right: var(--env-spacing-medium);
}
.SgMqczBsH4SbHU5WzKd6.gvRKjSxNLnCnxmKR2dfN {
  top: var(--env-spacing-medium);
}
.SgMqczBsH4SbHU5WzKd6.QXyhPtWf7LblF6QNbCMx {
  bottom: var(--env-spacing-medium);
}
.SgMqczBsH4SbHU5WzKd6 > div {
  color: white;
  font-family: var(--env-font-family);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.375rem 0.625rem;
  background-color: gray;
  width: -moz-fit-content;
  width: fit-content;
}
.q_aI3lXpPi5Tnyw5sHEA .SgMqczBsH4SbHU5WzKd6 > div {
  color: var(--mv-red-100);
  background-color: var(--mv-red-10);
}
.OAsQtSaeEvJRvw2rmWct .SgMqczBsH4SbHU5WzKd6 > div {
  color: var(--mv-blue-130);
  background-color: var(--mv-blue-10);
}
.o5R8fVwk2fJlqhV_pgVE .SgMqczBsH4SbHU5WzKd6 > div {
  color: var(--mv-red-100);
  background-color: var(--mv-orange-20);
}

.wfeob9SKm67Sk0NQfOzN {
  flex: 1;
  display: flex;
  justify-content: center;
}

.HkMTMZ69RUut2ydFj5vp {
  padding: 1.75rem 1.25rem 3.5rem 1.25rem;
  max-width: 100%;
}
@media (min-width: 520px) {
  .HkMTMZ69RUut2ydFj5vp {
    padding: 2rem 2.5rem 3rem 2.5rem;
  }
}
@media (min-width: 768px) {
  .HkMTMZ69RUut2ydFj5vp {
    max-width: 30rem;
  }
}

.SfKCYSqJTf1XgCamGXrK {
  min-height: var(--env-spacing-xxx-large);
  font-family: var(--env-font-family);
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 38px;
}
.q_aI3lXpPi5Tnyw5sHEA .SfKCYSqJTf1XgCamGXrK {
  color: var(--mv-red-100);
}
.OAsQtSaeEvJRvw2rmWct .SfKCYSqJTf1XgCamGXrK {
  color: var(--mv-blue-130);
}
.o5R8fVwk2fJlqhV_pgVE .SfKCYSqJTf1XgCamGXrK {
  color: var(--mv-red-100);
}

.WEDQF4P1AQ2KklIiwcrJ {
  min-height: var(--env-spacing-xxxxxx-large);
  margin-top: var(--env-spacing-medium);
  font-family: var(--env-font-family);
  line-height: var(--env-spacing-x-large);
  font-size: 1rem;
  font-weight: 400;
}

.ujqQAYbq7kYpaI1gnQGA {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .wXVCbcmHoBj0zCwA94L8 {
    margin-left: calc(-1 * var(--env-spacing-xxx-large));
    margin-right: calc(-1 * var(--env-spacing-xxx-large));
    width: calc(100% + 2 * var(--env-spacing-xxx-large));
  }
  .nSns0Rdjhdy6XsC1FgCI div {
    font-size: 1.75rem;
  }
  .nSns0Rdjhdy6XsC1FgCI img {
    height: 25rem;
  }
  .SgMqczBsH4SbHU5WzKd6 {
    left: var(--env-spacing-xxx-large);
    row-gap: 0.375rem;
  }
  [dir=rtl] .SgMqczBsH4SbHU5WzKd6 {
    right: var(--env-spacing-xxx-large);
  }
  .SgMqczBsH4SbHU5WzKd6.gvRKjSxNLnCnxmKR2dfN {
    top: var(--env-spacing-xxx-large);
  }
  .SgMqczBsH4SbHU5WzKd6.QXyhPtWf7LblF6QNbCMx {
    bottom: var(--env-spacing-xxx-large);
  }
}
@media (min-width: 900px) {
  .wXVCbcmHoBj0zCwA94L8 {
    height: 28rem;
  }
  .wXVCbcmHoBj0zCwA94L8.scLoIQBniWsAUmoZRSgq {
    flex-direction: row;
  }
  .wXVCbcmHoBj0zCwA94L8.scLoIQBniWsAUmoZRSgq img {
    -o-object-position: 60% 50%;
       object-position: 60% 50%;
  }
  .wXVCbcmHoBj0zCwA94L8.aQE19XtvAWS30CVbk8OA {
    flex-direction: row-reverse;
  }
  .wXVCbcmHoBj0zCwA94L8.aQE19XtvAWS30CVbk8OA img {
    -o-object-position: 40% 50%;
       object-position: 40% 50%;
  }
  .wfeob9SKm67Sk0NQfOzN {
    align-items: center;
    padding: 0;
  }
  .HkMTMZ69RUut2ydFj5vp {
    padding: 32px 40px 60px 40px;
  }
  .nSns0Rdjhdy6XsC1FgCI {
    overflow: hidden;
    contain: strict;
    width: 50%;
    display: flex;
    justify-content: center;
  }
  .nSns0Rdjhdy6XsC1FgCI img {
    flex: 1;
    height: 100%;
  }
  .SgMqczBsH4SbHU5WzKd6 {
    left: var(--env-spacing-medium);
  }
  [dir=rtl] .SgMqczBsH4SbHU5WzKd6 {
    right: var(--env-spacing-medium);
  }
  .SgMqczBsH4SbHU5WzKd6.gvRKjSxNLnCnxmKR2dfN {
    top: var(--env-spacing-medium);
  }
  .SgMqczBsH4SbHU5WzKd6.QXyhPtWf7LblF6QNbCMx {
    bottom: var(--env-spacing-medium);
  }
}
@media (min-width: 1200px) {
  .wXVCbcmHoBj0zCwA94L8 {
    height: 32rem;
  }
  .nSns0Rdjhdy6XsC1FgCI img {
    height: 32rem;
  }
  .wfeob9SKm67Sk0NQfOzN {
    padding: 0 2.5rem;
  }
  .SgMqczBsH4SbHU5WzKd6 {
    left: var(--env-spacing-xxx-large);
  }
  [dir=rtl] .SgMqczBsH4SbHU5WzKd6 {
    right: var(--env-spacing-xxx-large);
  }
  .SgMqczBsH4SbHU5WzKd6.gvRKjSxNLnCnxmKR2dfN {
    top: var(--env-spacing-xxx-large);
  }
  .SgMqczBsH4SbHU5WzKd6.QXyhPtWf7LblF6QNbCMx {
    bottom: var(--env-spacing-xxx-large);
  }
  .SgMqczBsH4SbHU5WzKd6 > div {
    padding: var(--env-spacing-x-small) var(--env-spacing-medium);
  }
}
@media (min-width: 1440px) {
  .wfeob9SKm67Sk0NQfOzN {
    padding: unset;
  }
  .nSns0Rdjhdy6XsC1FgCI {
    width: 50vw;
  }
  .wXVCbcmHoBj0zCwA94L8.scLoIQBniWsAUmoZRSgq .nSns0Rdjhdy6XsC1FgCI {
    margin-left: calc(-1 * (50vw - 50%));
  }
  .wXVCbcmHoBj0zCwA94L8.aQE19XtvAWS30CVbk8OA .nSns0Rdjhdy6XsC1FgCI {
    margin-right: calc(-1 * (50vw - 50%));
  }
}