@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap);
@import url(https://use.typekit.net/vlm6idz.css);
/*
    Startpunk för samtlig css
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px solid #222222;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*denna behövs för att skala sakdeformulär så att bredd mm matchar det gamla (joråsatte...) så nära som möjligt*/
/*
Global hantering för bakgrundsfärger
*/
.background-color-hav {
  background-color: #EBF3F3;
}
.background-color-smultron,
.background-color-rosaformer {
  background-color: #FDEBEB;
}
.background-color-skog {
  background-color: #EBF5E6;
}
.background-color-mellanskog {
  background-color: #92C56E;
}
.background-color-kol {
  background-color: #F4F4F4;
}
.background-color-vit {
  background-color: #FFFFFF;
}
.bg-green,
.bg-Green,
.bgGreen {
  background-color: #EBF5E6 !important;
}
.bg-deepGreen,
.bg-deepGreen,
.bgDeepGreen,
.bg-deepgreen {
  background-color: #C7E2B6 !important;
}
.bg-pink,
.bg-Pink {
  background-color: #FDEBEB !important;
}
.bg-blue,
.bg-Blue {
  background-color: #EBF3F3 !important;
}
.bg-grey,
.bg-Grey {
  background-color: #F4F4F4 !important;
}
.bg-deepGrey,
.bg-deepGrey,
.bgDeepGrey {
  background-color: #222222 !important;
}
/*
Global hantering för grid layout
*/
.grid-layout > *:not(script) {
  display: grid;
  justify-items: center;
  position: relative;
}
.grid-layout > *:not(script) .grid-module-layout,
.grid-layout > *:not(script) .grid-module-container-layout {
  display: grid;
  width: 100%;
}
.grid-layout > *:not(script) .grid-module-layout.grid-module-container-layout,
.grid-layout > *:not(script) .grid-module-container-layout.grid-module-container-layout {
  justify-items: center;
}
.grid-layout > *:not(script) .grid-module-layout.grid-module-container-layout > section,
.grid-layout > *:not(script) .grid-module-container-layout.grid-module-container-layout > section {
  width: 100%;
  justify-items: center;
  padding-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout.grid-module-container-layout > section,
  .grid-layout > *:not(script) .grid-module-container-layout.grid-module-container-layout > section {
    margin-bottom: 2rem;
    padding-top: 2rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout.grid-module-layout,
.grid-layout > *:not(script) .grid-module-container-layout.grid-module-layout {
  max-width: 82.5rem;
  grid-template-columns: repeat(12, 1fr);
  margin-left: auto;
  margin-right: auto;
}
.grid-layout > *:not(script) .grid-module-layout > section,
.grid-layout > *:not(script) .grid-module-container-layout > section {
  display: grid;
}
.grid-layout > *:not(script) .grid-module-layout > section.one-third,
.grid-layout > *:not(script) .grid-module-container-layout > section.one-third {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 600px) {
  .grid-layout > *:not(script) .grid-module-layout > section.one-third,
  .grid-layout > *:not(script) .grid-module-container-layout > section.one-third {
    grid-column: auto / span 6;
  }
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.one-third,
  .grid-layout > *:not(script) .grid-module-container-layout > section.one-third {
    grid-column: auto / span 4;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout > section.two-thirds,
.grid-layout > *:not(script) .grid-module-container-layout > section.two-thirds {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 600px) {
  .grid-layout > *:not(script) .grid-module-layout > section.two-thirds,
  .grid-layout > *:not(script) .grid-module-container-layout > section.two-thirds {
    grid-column: auto / span 8;
  }
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.two-thirds,
  .grid-layout > *:not(script) .grid-module-container-layout > section.two-thirds {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout > section.half,
.grid-layout > *:not(script) .grid-module-container-layout > section.half {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 600px) {
  .grid-layout > *:not(script) .grid-module-layout > section.half,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half {
    grid-column: auto / span 6;
  }
  .grid-layout > *:not(script) .grid-module-layout > section.half .text,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half .text,
  .grid-layout > *:not(script) .grid-module-layout > section.half .information,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half .information {
    width: 100%;
  }
  .grid-layout > *:not(script) .grid-module-layout > section.half .text .icon img,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half .text .icon img,
  .grid-layout > *:not(script) .grid-module-layout > section.half .information .icon img,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half .information .icon img {
    right: calc(-100%/12*11.2);
  }
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.half,
  .grid-layout > *:not(script) .grid-module-container-layout > section.half {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout > section.full,
.grid-layout > *:not(script) .grid-module-container-layout > section.full {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.full,
  .grid-layout > *:not(script) .grid-module-container-layout > section.full {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout > section.block,
.grid-layout > *:not(script) .grid-module-container-layout > section.block {
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.block,
  .grid-layout > *:not(script) .grid-module-container-layout > section.block {
    margin-bottom: 4rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout > section.block.image,
.grid-layout > *:not(script) .grid-module-container-layout > section.block.image {
  margin-bottom: 0.8rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout > section.block.image,
  .grid-layout > *:not(script) .grid-module-container-layout > section.block.image {
    margin-bottom: 1.5rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout section.block:has(+section.block.image),
.grid-layout > *:not(script) .grid-module-container-layout section.block:has(+section.block.image) {
  margin-bottom: 0.8rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout section.block:has(+section.block.image),
  .grid-layout > *:not(script) .grid-module-container-layout section.block:has(+section.block.image) {
    margin-bottom: 1.2rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout .container-block .grid-module-layout > section.block,
.grid-layout > *:not(script) .grid-module-container-layout .container-block .grid-module-layout > section.block,
.grid-layout > *:not(script) .grid-module-layout .container-block .grid-module-container-layout > section.block,
.grid-layout > *:not(script) .grid-module-container-layout .container-block .grid-module-container-layout > section.block {
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .grid-layout > *:not(script) .grid-module-layout .container-block .grid-module-layout > section.block,
  .grid-layout > *:not(script) .grid-module-container-layout .container-block .grid-module-layout > section.block,
  .grid-layout > *:not(script) .grid-module-layout .container-block .grid-module-container-layout > section.block,
  .grid-layout > *:not(script) .grid-module-container-layout .container-block .grid-module-container-layout > section.block {
    margin-bottom: 2rem;
  }
}
.grid-layout > *:not(script) .grid-module-layout.edit > div {
  display: grid;
  grid-column: auto / span 12;
  grid-template-columns: repeat(12, 1fr);
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > div {
  display: grid;
  grid-column: auto / span 12;
  grid-template-columns: repeat(12, 1fr);
}
.grid-layout > *:not(script) .grid-module-container-layout.edit > div {
  width: 100%;
  justify-items: center;
}
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div {
  width: 100%;
  justify-items: center;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section {
  display: grid;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.one-third,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.one-third,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.one-third,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.one-third {
  grid-column: auto / span 4;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 1340px) {
  .grid-layout > *:not(script) .grid-module-layout.edit > div > section.one-third .icon-block,
  .grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.one-third .icon-block,
  .grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.one-third .icon-block,
  .grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.one-third .icon-block {
    max-width: 19.6rem;
    justify-self: center;
  }
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.two-thirds,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.two-thirds,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.two-thirds,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.two-thirds {
  grid-column: auto / span 8;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.half,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.half,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.half,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.half {
  grid-column: auto / span 6;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.half .text,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.half .text,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.half .text,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.half .text,
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.half .information,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.half .information,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.half .information,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.half .information {
  width: 100%;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.half .text .icon img,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.half .text .icon img,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.half .text .icon img,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.half .text .icon img,
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.half .information .icon img,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.half .information .icon img,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.half .information .icon img,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.half .information .icon img {
  right: calc(-100%/12*11.2);
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.full,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.full,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.full,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.full {
  width: 100%;
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.block,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.block,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.block,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.block {
  margin-bottom: 4rem;
}
.grid-layout > *:not(script) .grid-module-layout.edit > div > section.block.image,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > section.block.image,
.grid-layout > *:not(script) .grid-module-layout.edit > div > div > section.block.image,
.grid-layout > *:not(script) .grid-module-container-layout.edit > div > div > section.block.image {
  margin-bottom: 1.5rem;
}
/* TOOD: flytta ut dessa tillfälliga alert- och knapp-styles till annan fil sen. */
.with-border {
  border: 1px solid #767676;
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.alert-success {
  background-color: #4D7373;
  color: #FFFFFF;
  border: 1px solid #92C56E;
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}
.alert-info {
  background-color: #2596be;
  color: #FFFFFF;
  border: 1px solid #00bcff;
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}
.alert-danger {
  background-color: #C33C3C;
  color: #FFFFFF;
  border: 1px solid #E4A7A7;
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  /* cursor: pointer;
    transition: all 0.3s ease-in-out;

    &:hover {
        background-color: @red;
        border: 1px solid @red;
    }*/
}
.btn-primary {
  background-color: #4D7373;
  color: #FFFFFF;
  border: 1px solid #A0B9B9;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
  background-color: #2596be;
  border: 1px solid #EEEEEE;
}
.btn-primary[disabled] {
  background-color: #EBF3F3;
  border: 1px solid #A0B9B9;
  cursor: not-allowed;
}
/* Modal Styles */
.modal {
  display: grid;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  /* Overlay background */
}
.modal-content {
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  /* för närvarande för bankid QR-kod , kan behöva flyttas/ändras*/
}
@media (min-width: 600px) {
  .modal-content {
    height: fit-content;
    max-width: 500px;
    /* desktop, todo; sätta media-query sizes*/
  }
}
.modal-content img {
  max-width: 100%;
  max-height: 100%;
}
.modal-content .img-placeholder {
  width: 500px;
  height: 500px;
  max-width: 100%;
  max-height: 100%;
  background-color: #EBF3F3;
  border: 1px solid #A0B9B9;
  text-align: center;
}
/* Modal Close button */
.modal-close-button {
  float: right;
  background-color: #4D7373;
  color: #FFFFFF;
  border: 1px solid #A0B9B9;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.modal-close-button:hover {
  background-color: #2596be;
  border: 1px solid #EEEEEE;
}
.modal-close-button[disabled] {
  background-color: #EBF3F3;
  border: 1px solid #A0B9B9;
  cursor: not-allowed;
}
.buttons {
  display: grid;
  grid-auto-flow: row;
}
@media (max-width: 960px) {
  .buttons > * {
    margin: 0 auto;
  }
  .buttons > * + * {
    margin-top: 1rem;
  }
}
@media (min-width: 960px) {
  .buttons {
    grid-auto-flow: column;
    justify-content: start;
  }
  .buttons > div:not(:first-child) {
    margin-left: 0.625rem;
  }
  .buttons > div:not(:last-child) {
    margin-right: 0.625rem;
  }
}
.text-center .buttons,
.buttons.text-center {
  justify-content: center;
}
.file-picker {
  margin-left: 0.625rem;
}
@media (max-width: 600px) {
  .file-picker {
    display: grid !important;
    margin-left: unset;
    margin-top: 0.625rem;
  }
}
.warning-button {
  margin-left: 10px;
  background-color: #C33C3C !important;
  color: white !important;
}
@media (max-width: 600px) {
  .warning-button {
    display: grid !important;
    margin-left: unset;
    margin-top: 0.625rem;
  }
}
.approveButton {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.18);
}
.approveButton:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.consentButton {
  color: #4D7373 !important;
}
.xhtml .button-block {
  display: grid;
  grid-column: auto / span 12;
  margin: 1.875rem 0.625rem 0.375rem 0.625rem;
  justify-content: center;
}
@media (min-width: 600px) {
  .xhtml .button-block {
    grid-column: auto / span 6;
    margin: 1.875rem 0.625rem 0.375rem 0.625rem;
    justify-content: center;
  }
}
.xhtml .container-block {
  display: grid;
  margin: 0 auto;
  justify-content: space-evenly;
}
.xhtml .container-block .button-block:not(:first-child) {
  margin-top: 0;
}
@media (min-width: 600px) {
  .xhtml .container-block .button-block:not(:first-child) {
    margin-top: 1.875rem;
  }
}
.button,
button {
  display: grid;
  max-width: max-content;
  font-size: 0.75rem;
  font-weight: 900;
  min-width: 7.813rem;
  min-height: 3.125rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  grid-auto-flow: column;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  border-radius: 2.188rem;
  background-color: white;
  border: none;
  cursor: pointer;
  line-height: 1;
  color: #4D7373;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  max-height: 3.5rem;
  align-content: center;
}
.button:hover:not(:disabled),
button:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.button:hover:not(:disabled),
button:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.button .spinner,
button .spinner {
  left: 1.563rem;
}
.button .spinner + div,
button .spinner + div {
  margin-left: 1.25rem;
}
@media (min-width: 600px) {
  .button,
  button {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    min-width: 10rem;
  }
  .button .spinner,
  button .spinner {
    left: 1.875rem;
  }
}
@media (min-width: 960px) {
  .button,
  button {
    padding: 1.438rem 1.5rem;
    font-size: 0.875rem;
  }
}
.button .icon,
button .icon {
  height: 50%;
  margin-left: -5px;
  height: 2.1rem;
  max-width: 3.125rem;
  min-width: unset;
}
.button span,
button span {
  line-height: normal;
}
.button > * + *,
button > * + * {
  padding-left: 5px;
}
.button.button-round,
button.button-round {
  display: block;
  text-align: center;
  padding: 0;
  min-width: 0;
  width: 2.5rem;
  height: 2.5rem;
  min-height: 0;
  position: relative;
}
.button.button-round .icon,
button.button-round .icon {
  margin: 0.625rem;
  min-width: 1.5rem;
}
@media (min-width: 960px) {
  .button.button-round,
  button.button-round {
    width: 3.75rem;
    height: 3.75rem;
  }
  .button.button-round .icon,
  button.button-round .icon {
    margin: 1.25rem;
  }
}
.button.button-big,
button.button-big {
  min-height: 50px;
  width: 100%;
  padding: 0 20px;
  border-radius: 10px;
  text-transform: none;
}
.button.button-big > * + *,
button.button-big > * + * {
  padding-left: 15px;
}
.button.button-big span,
button.button-big span {
  white-space: normal;
}
.button.button-big .icon,
button.button-big .icon {
  height: 30px;
  max-width: 40px;
  margin: 0;
}
@media (min-width: 960px) {
  .button.button-big,
  button.button-big {
    min-height: 70px;
  }
  .button.button-big .icon,
  button.button-big .icon {
    height: 40px;
    max-width: 50px;
  }
}
.button.button-arrow,
button.button-arrow {
  padding: 0;
  min-width: 0;
  width: 60px;
  height: 60px;
  position: relative;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.button.button-arrow svg,
button.button-arrow svg {
  padding: 6px 3px 6px 6px;
  fill: #4D7373;
  height: 2.125rem;
}
.button.button-arrow.button-arrow-back svg,
button.button-arrow.button-arrow-back svg {
  transform: rotate(180deg);
  padding: 6px 3px 6px 6px;
}
.radio-button-group {
  display: flex;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  /* Notera att <label> måste vara efter <input> för att detta ska fungera pga hur css selectors fungerar.
        ex:
        <input type="radio" id="arbetsoformogen_ja" name="arbetsoformogen" value="x>
        <label for="arbetsoformogen_ja" data-name="Ja" class="button"></label>
    */
}
.radio-button-group [type="radio"]:not(:checked) + .button::before,
.radio-button-group button:not(.is-selected) {
  color: rgba(0, 0, 0, 0.2);
}
.radio-button-group [type="radio"]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.radio-button-group .button,
.radio-button-group button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  max-width: 100%;
  flex-grow: 1;
  box-shadow: none;
  min-width: auto;
  padding: 0 10px;
}
.radio-button-group .button::before,
.radio-button-group button::before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(data-name);
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: 90%;
  line-height: 1.2;
  border-radius: 8px;
}
.radio-button-group .button:hover,
.radio-button-group button:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}
.radio-button-group .button:not(:last-of-type),
.radio-button-group button:not(:last-of-type),
.radio-button-group .button:not(:last-of-type)::before,
.radio-button-group button:not(:last-of-type)::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.radio-button-group .button:not(:first-of-type),
.radio-button-group button:not(:first-of-type),
.radio-button-group .button:not(:first-of-type)::before,
.radio-button-group button:not(:first-of-type)::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.radio-button-group .button:not(:first-of-type),
.radio-button-group button:not(:first-of-type) {
  border-left: 1px solid #eee;
  margin-left: 0;
}
fieldset .radio-button-group .button {
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}
@media (min-width: 960px) {
  fieldset .radio-button-group .button {
    font-size: 18px;
  }
}
fieldset .radio-button-group [type=radio]:not(:checked) + .button::before {
  color: rgba(0, 0, 0, 0.6);
}
fieldset .radio-button-group [type=radio]:checked + .button::before {
  color: white;
  background-color: #4D7373;
}
._hj-widget-container button {
  max-width: unset;
  min-width: unset;
  min-height: unset;
  position: unset;
  border-radius: unset;
  align-content: unset;
  box-shadow: unset;
  color: black;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
*:disabled {
  cursor: default;
  opacity: 0.6;
}
body {
  font-family: Lato, Arial;
  line-height: 1.4;
  background-color: white;
  color: #222222;
}
img {
  max-width: 100%;
}
figure {
  margin: 0;
}
figure figcaption {
  z-index: 1;
  margin-top: -1.6rem;
  margin-left: 1rem;
  color: #FFFFFF;
  text-align: left;
}
figure.with-cirkel figcaption {
  text-align: center;
  margin-top: -3rem;
}
.icon-block figure figcaption {
  display: none;
}
hr {
  border: 0;
  border-top: 1px solid #CDDBDB;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
main {
  position: relative;
  overflow-x: hidden;
}
h1,
h2 {
  font-family: clarendon-urw;
  font-weight: normal;
  line-height: 1.2;
}
h1 {
  margin: 0;
  font-size: 2.125rem;
}
h1 + .ingress {
  margin-top: 1.625rem;
}
.forsakring-page h1 {
  font-size: 1.625rem;
}
h2,
.h2 {
  font-size: 1.625rem;
  margin: 0 0 0.3em 0;
}
h2 + p.big-bread,
.h2 + p.big-bread {
  margin-top: 0;
}
h3,
.rubrik-h3,
table caption {
  font-size: 1.125rem;
  margin: 0;
  color: black;
  font-weight: 900;
}
h3.rubrik-h4,
.rubrik-h3.rubrik-h4,
table caption.rubrik-h4 {
  font-family: Lato, Arial;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
.box h3,
.box .rubrik-h3,
.list h3,
.list .rubrik-h3,
.box table caption,
.list table caption {
  font-size: 1rem;
  color: #4D7373;
  margin: 0 0 5px 0;
}
.list h3,
.list .rubrik-h3,
.list table caption {
  font-size: 1.125rem;
}
h3.article-heading,
.rubrik-h3.article-heading,
table caption.article-heading {
  margin-bottom: 10px;
}
h4 {
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
h4.category-heading {
  color: #C33C3C;
}
h2.rubrik-h3 {
  font-family: Lato, Arial;
  font-size: 1.125rem;
  margin: 0;
  color: black;
  font-weight: 900;
}
h2.rubrik-h4 {
  font-family: Lato, Arial;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
p.category-heading {
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #C33C3C;
  margin-block-start: 0.1em;
}
/*"Stor bröd" som låg under font-face-format i TinyMCE*/
.big-bread {
  font-family: Lato, Arial;
  font-size: 1.25rem;
  margin: 6px 0 25px 0;
  padding: 0;
  /*    .page-bliwastartpage.hero-has-dark-background header & {
        text-shadow: 0 0 10px rgba(0,0,0,0.8);
    }*/
}
.big-bread > p:first-child {
  margin-top: 10px;
}
.forsakring-page .big-bread {
  font-size: 1.125rem;
}
.ingress {
  font-family: Lato, Arial;
  font-size: 1.125rem;
  font-weight: 300;
  margin: 6px 0 25px 0;
}
.ingress + p {
  margin-top: 1rem;
}
.bread,
fieldset > label .form-help-text,
.validation-grid-child-content > label .form-help-text,
fieldset .validation-grid > label .form-help-text,
.validation-grid-child-content .validation-grid > label .form-help-text,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text {
  font-family: Lato, Arial;
  letter-spacing: 0.3px;
  margin: 8px 0 0 0;
  font-size: 1rem;
}
.bread:first-child {
  margin-top: 0;
}
.text-center {
  text-align: center;
  justify-content: center;
}
.xhtml > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
.xhtml > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0.3rem;
}
@media (max-width: 600px) {
  .xhtml .button {
    margin: 0 0.625rem 0.625rem 0;
  }
}
@media (max-width: 290px) {
  .xhtml .button {
    margin: 0;
  }
}
.xhtml a {
  color: #4D7373;
  text-decoration: underline;
}
.xhtml a:hover {
  color: #222222;
}
.xhtml a.button,
.xhtml a .button {
  text-decoration: none;
  margin-left: 0.625rem;
}
@media (max-width: 290px) {
  .xhtml a.button,
  .xhtml a .button {
    margin-left: 0;
  }
}
.xhtml a.button:hover,
.xhtml a .button:hover {
  color: #4D7373;
}
.xhtml .text-left {
  text-align: left;
  display: grid;
  justify-items: left;
  justify-content: normal;
}
.xhtml .text-right {
  text-align: right;
  display: grid;
  justify-items: right;
  justify-content: normal;
}
.xhtml .text-center {
  text-align: center;
  display: grid;
  justify-content: center;
}
.xhtml h2,
.xhtml h3,
.xhtml .rubrik-h3,
.xhtml table caption {
  margin-top: 2rem;
  margin-bottom: 0.625rem;
}
.xhtml h4,
.xhtml .rubrik-h4 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.xhtml ol,
.xhtml ul {
  list-style: none;
  counter-reset: li;
  padding: 0;
  margin-left: 15px;
}
@media (min-width: 600px) {
  .xhtml ol,
  .xhtml ul {
    font-size: 18px;
  }
}
.xhtml li {
  counter-increment: li;
  position: relative;
  padding: 1px 0 0 45px;
  margin: 15px 0 0 0;
}
.xhtml li:first-child {
  margin: 0;
}
.xhtml li h1,
.xhtml li h2,
.xhtml li h3,
.xhtml li h4,
.xhtml li table caption {
  margin-top: 2px;
}
.xhtml ol li::after {
  content: counter(li);
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 1.2rem;
  font-weight: 900;
}
.xhtml li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 5px;
  background-color: #92C56E;
}
.xhtml ul {
  margin-left: 0;
}
.xhtml ul.big-dots {
  margin-left: 15px;
}
.xhtml ul.big-dots li::before {
  width: 10px;
  height: 10px;
  top: 6px;
  left: 25px;
}
.xhtml ul li::before {
  top: 8px;
  height: 5px;
}
@media (min-width: 600px) {
  .xhtml ol,
  .xhtml ul {
    margin-left: 45px;
  }
  .xhtml ol li::after {
    font-size: 1.4rem;
    top: 0px;
  }
  .xhtml li {
    padding: 5px 0 5px 80px;
  }
  .xhtml li::before {
    left: 40px;
    width: 10px;
  }
  .xhtml ul li::before {
    height: 10px;
    top: 12px;
  }
  .xhtml ul.big-dots {
    margin-left: 50px;
  }
  .xhtml ul.big-dots li::before {
    width: 20px;
    height: 20px;
  }
}
/* Padding för tinymce editorn inne i epi */
body.xhtml {
  padding: 10px;
}
/* bakgrundsfärg om man väljer färg på texten i epi Cms */
body.mce-content-body span[data-mce-style="color: rgb(255, 255, 255);"] {
  background-color: dimgray;
}
@media (max-width: 290px) {
  /* Små skärmar behöver bryta ord för att se bra ut */
  h1,
  h2,
  h3,
  h4,
  li,
  p,
  span,
  table caption {
    word-break: break-word;
    hyphens: auto;
  }
}
@media (min-width: 600px) {
  h1 {
    font-size: 3.125rem;
  }
  .forsakring-page h1 {
    font-size: 3.75rem;
  }
  h2 {
    font-size: 2.125rem;
    margin-bottom: 25px;
  }
  h2.rubrik-h3 {
    font-size: 1.125rem;
    margin: 0;
    color: black;
    font-weight: 900;
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  h2.rubrik-h4 {
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: unset;
    letter-spacing: 0.5px;
  }
  h3,
  table caption {
    font-size: 1.5rem;
  }
  h3.rubrik-h4,
  table caption.rubrik-h4 {
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: unset;
    letter-spacing: 0.5px;
  }
  .header-list-block h3,
  .header-list-block table caption {
    font-size: 1.125em;
  }
  h3.article-heading,
  table caption.article-heading {
    font-size: 1.125rem;
  }
  h4 {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
  }
  p.category-heading {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
  }
  .big-bread {
    margin: 15px 0 30px 0;
  }
  .forsakring-page .big-bread {
    font-size: 1.125rem;
  }
  .ingress {
    font-size: 1.625rem;
    margin: 15px 0 30px 0;
  }
  .bread,
  fieldset > label .form-help-text,
  .validation-grid-child-content > label .form-help-text,
  fieldset .validation-grid > label .form-help-text,
  .validation-grid-child-content .validation-grid > label .form-help-text,
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
@media (min-width: 960px) {
  h1 {
    font-size: 3.75rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h2.rubrik-h3 {
    font-size: 1.125rem;
    margin: 0;
    color: black;
    font-weight: 900;
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  h2.rubrik-h4 {
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: unset;
    letter-spacing: 0.5px;
  }
  .box h3,
  .box table caption {
    margin-bottom: 0px;
  }
  .header-list-block h3,
  h3.article-heading,
  .box h3,
  .header-list-block table caption,
  table caption.article-heading,
  .box table caption {
    font-size: 1.5em;
  }
  .big-bread,
  .forsakring-page .big-bread {
    font-size: 1.5rem;
    margin: 10px 0 40px 0;
  }
  .ingress {
    margin: 10px 0 40px;
  }
}
a {
  text-decoration: none;
  color: #4D7373;
  cursor: pointer;
}
.with-link-arrow {
  display: flex;
  align-items: center;
}
.with-link-arrow .link-arrow {
  flex-shrink: 0;
  margin-right: 6px;
}
.with-link-arrow .link-arrow.right {
  margin-left: 6px;
  margin-right: 0;
}
@media (min-width: 960px) {
  .with-link-arrow .link-arrow {
    margin-right: 8px;
  }
  .with-link-arrow .link-arrow.right {
    margin-left: 8px;
  }
}
.link {
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #4D7373;
  padding-right: 6px;
}
@media (min-width: 600px) {
  .link {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
  }
}
@media (min-width: 960px) {
  .link {
    font-size: 0.875rem;
  }
}
.link:hover {
  text-decoration: underline;
}
/* anpassat för att ligga ovanpå knapp */
.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip-container .tooltip-text {
  display: none;
  position: absolute;
  top: -65%;
  /* postion on top of container*/
  left: 85%;
  /* position to the right of the container */
  padding: 8px;
  background-color: #4D7373;
  color: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
  z-index: 100;
  word-wrap: normal;
  width: max-content;
  height: max-content;
  max-width: 17rem;
}
@media (max-width: 600px) {
  .tooltip-container .tooltip-text {
    top: -95%;
    left: 5%;
  }
}
.tooltip-container:hover .tooltip-text {
  display: block;
}
.box {
  display: grid;
  position: relative;
  border-radius: 0.5rem;
  padding: 1rem 0.75rem 0.625rem 1rem;
  text-align: left;
  cursor: pointer;
  padding: 0;
  background: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.box:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.box:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.box h3,
.box table caption {
  font-size: 1.125rem;
}
@media (min-width: 960px) {
  .box p {
    font-size: 1.125rem;
  }
  .box h3,
  .box table caption {
    font-size: 1.5rem;
  }
}
.box.partner-box {
  justify-content: center;
  align-items: center;
  padding-bottom: 2.5rem;
  min-height: 10rem;
  margin: 0.313rem;
  height: 10rem;
  background-color: #FFFFFF;
}
.box.partner-box figure {
  margin: 1.7rem 0 0 0;
}
.box.partner-box figure img {
  max-width: 10rem;
  max-height: 6.25rem;
}
.box.partner-box .with-link-arrow {
  position: absolute;
  bottom: 0.938rem;
  left: 7%;
  width: 88%;
  justify-content: center;
  /*
            Replace above with this when IE11 is gone
            position: absolute;
            bottom: 15px;
            max-width: 88%;
        */
}
@media (max-width: 290px) {
  .box.partner-box figure img {
    max-width: 7rem;
  }
}
@media (min-width: 600px) {
  .box.partner-box {
    height: 12.5rem;
  }
  .box.partner-box figure img {
    max-width: 12.5rem;
  }
}
@media (min-width: 960px) {
  .box.partner-box {
    height: 13.125rem;
    margin: 1.25rem;
  }
}
.box.insurance-box {
  min-height: 0;
  background: #FFFFFF;
  padding: 1rem;
  width: 100%;
  max-width: 32.5rem;
}
@media (min-width: 600px) {
  .box.insurance-box.one-third {
    max-width: 20.32rem;
  }
  .box.insurance-box.two-thirds {
    max-width: 26.563rem;
  }
}
.box.insurance-box p {
  margin: 0.5rem 0;
}
.box.insurance-box .top {
  display: grid;
  grid-auto-flow: column;
}
.box.insurance-box .top .link-arrow {
  justify-self: end;
}
.box.article-box {
  grid-template-rows: min-content auto;
  background: #FFFFFF;
}
.box.article-box img {
  width: 100%;
  max-height: 12.5rem;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.box.article-box .text-content {
  display: grid;
  gap: 0.625rem;
  padding: 1rem;
  align-content: start;
}
.box.article-box .text-content h3,
.box.article-box .text-content table caption {
  height: fit-content;
}
@media (max-width: 600px) {
  .box.article-box {
    display: grid;
    grid-template-columns: 33% auto;
  }
  .box.article-box img {
    height: 100%;
    width: 15rem;
    min-width: 7rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .box.article-box .text-content {
    align-content: center;
    padding: 0.625rem 1rem 0.625rem 1.4rem;
  }
  .box.article-box .text-content h3,
  .box.article-box .text-content table caption {
    margin: 0;
    font-size: 1rem;
  }
  .box.article-box .text-content .description {
    display: none;
  }
}
@media (max-width: 290px) {
  .box.article-box {
    grid-template-columns: auto;
  }
}
.box.teaser-box {
  grid-template-rows: 25% 60% 25%;
  grid-template-columns: auto;
  margin: 0.313rem 0.313rem 1.25rem;
  background-color: #FFFFFF;
  padding: 1rem 0.75rem 1.5rem 1rem;
  max-width: 25rem;
}
.box.teaser-box p {
  margin: 0 0;
  font-size: 0.825rem;
}
.box.teaser-box h3,
.box.teaser-box table caption {
  line-height: 1.1;
  word-break: break-word;
  hyphens: auto;
}
.box.teaser-box .bottom {
  display: inline-grid;
  grid-auto-flow: column;
  justify-items: baseline;
  align-items: center;
  margin-top: 0.625rem;
  justify-content: space-between;
}
.box.teaser-box .bottom .icon {
  height: 3.125rem;
  width: 3.125rem;
  margin-left: 0.313rem;
}
@media (min-width: 600px) {
  .box.teaser-box {
    grid-template-rows: 25% 55% 20%;
    margin: 0;
  }
}
@media (min-width: 960px) {
  .box.teaser-box {
    grid-template-rows: 25% 65% 20%;
    min-height: 12.5rem;
    padding: 1rem 0.75rem 2.5rem 1rem;
    margin: 1.25rem;
  }
  .box.teaser-box p {
    font-size: 1rem;
    margin: 0.313rem 0 0 0;
  }
  .box.teaser-box .bottom .icon {
    width: 3.75rem;
    height: 3.75rem;
    margin-left: 0.313rem;
  }
}
@media (min-width: 1340px) {
  .box.teaser-box {
    grid-template-rows: 25% 70% 20%;
    padding: 1rem 0.75rem 3.5rem 1rem;
  }
}
.link-arrow,
.fold-out-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.link-arrow:hover:not(:disabled),
.fold-out-arrow:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.link-arrow:hover:not(:disabled),
.fold-out-arrow:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.link-arrow .arrow,
.fold-out-arrow .arrow {
  height: 9px;
  z-index: 1;
}
.link-arrow .circle,
.fold-out-arrow .circle {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
}
.link-arrow .circle circle,
.fold-out-arrow .circle circle {
  fill: white;
}
.link-arrow .info,
.fold-out-arrow .info {
  height: 9px;
  z-index: 1;
}
.link-arrow .remove_icon,
.fold-out-arrow .remove_icon {
  width: 18px !important;
  height: 18px !important;
  z-index: 1;
}
@media (min-width: 960px) {
  .link-arrow,
  .fold-out-arrow {
    height: 24px;
    width: 24px;
  }
  .link-arrow .arrow,
  .fold-out-arrow .arrow {
    height: 12px;
  }
  .link-arrow .circle,
  .fold-out-arrow .circle {
    height: 24px;
    width: 24px;
  }
}
.list .link-arrow,
.list .fold-out-arrow {
  height: 30px;
  width: 30px;
}
.list .link-arrow .arrow,
.list .fold-out-arrow .arrow {
  height: 15px;
}
.list .link-arrow .circle,
.list .fold-out-arrow .circle {
  height: 30px;
  width: 30px;
}
.link-arrow .arrow {
  fill: #92C56E;
}
.link-arrow .circle {
  fill: #4D7373;
}
.fold-out-arrow {
  padding-top: 1px;
  padding-left: 0;
}
.is-open .fold-out-arrow {
  padding-top: 0;
}
.fold-out-arrow .arrow {
  fill: #4D7373;
  transform: rotate(90deg);
  transition: 0.3s all;
  height: 14px;
  width: 14px;
}
.fold-out-arrow.is-open .arrow {
  transform: rotate(-90deg);
}
.fold-out-arrow .circle {
  fill: white;
}
.fold-out-arrow-only {
  padding-top: 1px;
  padding-left: 0;
}
.is-open .fold-out-arrow-only {
  padding-top: 0;
}
.fold-out-arrow-only .arrow {
  fill: #4D7373;
  transform: rotate(90deg);
  transition: 0.3s all;
  height: 14px;
  width: 14px;
}
.fold-out-arrow-only.is-open .arrow {
  transform: rotate(-90deg);
}
.fold-out-arrow-only .circle {
  fill: white;
}
.arrow-right {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
  background-image: url(../Assets/Static/Images/arrow-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.5rem;
  height: 1.5rem;
}
.arrow-right:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.arrow-right:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.arrow-right.big {
  width: 1.875rem;
  height: 1.875rem;
}
.error-icon {
  display: grid;
  background-image: url(../Assets/Static/Images/warning.svg);
  width: 2rem;
  height: 2rem;
}
.outcome-icon {
  display: grid;
  width: 1.5625rem;
  height: 1.5625rem;
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center center;
}
.outcome-icon.error {
  background-color: #C33C3C;
  mask-image: url(../Assets/Static/Images/error.svg);
}
.outcome-icon.info {
  background-color: #222222;
  mask-image: url(../Assets/Static/Images/info.svg);
}
.outcome-icon.success {
  background-color: #92C56E;
  mask-image: url(../Assets/Static/Images/success.svg);
}
.outcome-icon.inactive {
  background-color: #979797;
}
.bankid-logo {
  display: grid;
  width: 2.0625rem;
  height: 2.1875rem;
  background-image: url(../Assets/Static/Images/bank_id.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideInTop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideInTop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInFromAbove {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideInFromAbove {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(0);
  }
}
.button-theme-red,
.button-theme-rodmedvittext {
  background-color: #C33C3C;
  color: white !important;
}
.button-theme-red:hover,
.button-theme-rodmedvittext:hover {
  color: #FFFFFF;
}
.button-theme-hav,
.button-theme-havmedvittext {
  background-color: #4D7373;
  color: #FFFFFF !important;
}
.button-theme-hav:hover,
.button-theme-havmedvittext:hover {
  color: #FFFFFF;
}
.button-theme-none {
  background-color: transparent;
  color: #4D7373;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none !important;
  min-width: auto;
}
.button-theme-none:hover {
  box-shadow: none;
  text-decoration: underline;
  color: #4D7373;
}
ul.list > li {
  transition: 0.25s all;
}
ul.list > li:hover > a > span,
ul.list > li:hover h3,
ul.list > li:hover table caption {
  text-decoration: underline;
}
ul.list > li:hover i {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
ul.list > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (max-width: 600px) {
  ul.list > li > a {
    height: auto;
    padding: 0.625rem 0;
  }
}
ul.list > li > a > h3,
ul.list > li > a > table caption {
  margin: 0 0.938rem 0 0;
  flex-grow: 1;
}
ul.list > li > a > img {
  height: 1.25rem;
  width: auto;
}
ul.list > li > a > img .circle {
  height: 1.875rem;
  width: 1.875rem;
}
ul.list > li > a > img.link-arrow .arrow {
  width: 1.875rem / 2;
  height: 1.875rem / 2;
}
ul.list > li > a > img:first-child {
  margin-right: 0.625rem;
}
ul.list li.is-open:not(.not-expandable) {
  padding-bottom: 0.938rem;
}
ul.list li.is-open > a > span,
ul.list li.is-open > h3,
ul.list li.is-open > table caption {
  color: black;
}
ul.list li.is-open > a > i .arrow {
  transform: rotate(-90deg);
  top: calc(50% - 5px);
}
ul.list li.is-open + li a {
  border-top-color: #EBF3F3;
}
ul.list .sub-list {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0.625rem;
  list-style: none;
}
ul.list .sub-list.is-open {
  display: block;
}
ul.list .sub-list .bread > *:first-child {
  margin-top: 0;
}
ul.list .sub-list .bread > *:last-child {
  margin-bottom: 0;
}
ul.list .sub-list li {
  margin: 0 1.25rem;
}
ul.list .sub-list a:hover {
  text-decoration: underline;
}
ul.list .sub-list li.is-promoted {
  transition: 0.25s all;
  margin: 0.938rem 0;
}
ul.list .sub-list li.is-promoted a {
  border-radius: 0.625rem;
  height: auto;
  padding: 0.625rem 1.25rem;
  background-color: #EBF3F3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
ul.list .sub-list li.is-promoted a:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
ul.list .sub-list li.is-promoted a:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
ul.list .sub-list li.is-promoted p {
  font-size: 0.825em;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: black;
}
ul.list .sub-list .link {
  margin-top: 0.625rem;
}
ul.list .sub-list li.is-active a {
  color: black;
}
ul.list.with-left-icon .sub-list {
  padding-left: 2.5rem;
}
.list-header {
  margin-bottom: 1.875rem;
}
table {
  box-sizing: content-box;
  width: 100%;
  border-spacing: 0;
}
table caption {
  text-align: left;
}
table td {
  padding: 2px 10px;
  height: 50px !important;
  width: auto !important;
  background-color: white;
  min-width: 50px;
}
table td:not(:last-child) {
  border-right: 1px solid #CDDBDB;
}
table td.col-bold {
  font-weight: bold;
}
table thead td {
  border-bottom: 10px solid #A0B9B9;
  font-weight: bold;
  max-width: 210px;
}
table tbody tr:nth-child(odd) td {
  background-color: #EBF3F3;
  border-top: 1px solid #CDDBDB;
  border-bottom: 1px solid #CDDBDB;
}
table tbody tr:nth-child(even) td {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
table tbody tr:not(:last-child) td {
  border-bottom-width: 1px;
}
table tbody tr:first-child td {
  border-top-width: 0px !important;
}
@media (max-width: 960px) {
  table td.col-sticky {
    position: sticky;
    left: 0;
    z-index: 2;
  }
  table td.col-sticky::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 20px;
    top: 0;
    height: 100%;
    right: 0;
    box-shadow: 14px 0 14px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 600px) {
  table caption {
    padding-bottom: 1em;
  }
  table td {
    height: 40px !important;
  }
  table thead {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 7px 12px 0px rgba(0, 0, 0, 0.5);
  }
  table thead td:first-child {
    border-top-left-radius: 10px;
  }
  table thead td:last-child {
    border-top-right-radius: 10px;
  }
  table tbody {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.1);
  }
  table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
  }
  table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
  }
}
.table-green td {
  border-color: #C7E2B6;
}
.table-green thead td {
  border-bottom-color: #92C56E;
}
.table-green tbody tr:nth-child(odd) td {
  background-color: #EBF5E6;
}
.table-red td {
  border-color: #F5CECD;
}
.table-red thead td {
  border-bottom-color: #E4A7A7;
}
.table-red tbody tr:nth-child(odd) td {
  background-color: #FDEBEB;
}
table thead td.col-red {
  border-bottom-color: #E4A7A7;
}
table tbody tr:nth-child(odd) td.col-red {
  background-color: #FDEBEB;
  border-top: 1px solid #F5CECD;
  border-bottom: 1px solid #F5CECD;
}
table thead td.col-green {
  border-bottom-color: #92C56E;
}
table tbody tr:nth-child(odd) td.col-green {
  background-color: #EBF5E6;
  border-top: 1px solid #C7E2B6;
  border-bottom: 1px solid #C7E2B6;
}
table thead td.col-blue {
  border-bottom-color: #A0B9B9;
}
table tbody tr:nth-child(odd) td.col-blue {
  background-color: #EBF3F3;
  border-top: 1px solid #CDDBDB;
  border-bottom: 1px solid #CDDBDB;
}
.row-red td {
  background-color: #FDEBEB !important;
  border-top: 1px solid #F5CECD !important;
  border-bottom: 1px solid #F5CECD !important;
}
.row-green td {
  background-color: #EBF5E6 !important;
  border-top: 1px solid #C7E2B6 !important;
  border-bottom: 1px solid #C7E2B6 !important;
}
.row-blue td {
  background-color: #EBF3F3 !important;
  border-top: 1px solid #CDDBDB !important;
  border-bottom: 1px solid #CDDBDB !important;
}
.table-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  position: relative;
}
.table-wrapper > div {
  overflow-x: auto;
  position: relative;
  padding-bottom: 5px;
}
[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0;
  height: 0.188rem;
  background: #4D7373;
  outline: none;
  -webkit-transition: 0.2s;
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}
[type=range] .slider-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 10px 2px black;
}
[type=range]::-webkit-slider-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 10px 2px black;
}
[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 10px 2px black;
}
[type=range] .slider-thumb-hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 14px 2px black;
}
[type=range]:hover::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 14px 2px black;
}
[type=range]:hover::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: #4D7373;
  cursor: pointer;
  box-shadow: 0 0 0 8px white, 0 0 14px 2px black;
}
[type=range]:focus-visible::-webkit-slider-thumb {
  outline: solid;
}
[type=range]:focus-visible::-moz-range-thumb {
  outline: solid;
}
[type=checkbox] + label::before {
  border-radius: 4px;
}
[type=checkbox]:focus + label::before {
  outline: -webkit-focus-ring-color auto 5px;
}
[type=checkbox]:checked + label::after {
  border-radius: 4px;
  top: calc(50% - 13px);
  left: 3px;
  width: 24px;
  height: 24px;
}
[type=checkbox]:checked + label .icon-checkmark {
  display: block;
  position: absolute;
  height: 13px;
  top: calc(50% - 8px);
  left: 6px;
  z-index: 1;
}
[type=checkbox]:checked + label .icon-checkmark path:nth-of-type(1) {
  fill: white;
}
@media (min-width: 600px) {
  [type=checkbox]:checked + label::after {
    top: calc(50% - 10px);
    left: 6px;
    width: 18px;
    height: 18px;
  }
  [type=checkbox]:checked + label .icon-checkmark {
    height: 10px;
    width: 12px;
    top: calc(50% - 6px);
    left: 9px;
  }
}
.inkomstsnurra-checkbox-style {
  display: grid;
  align-items: center;
  padding: 10px 0;
}
.inkomstsnurra-checkbox-style svg {
  display: none;
}
.inkomstsnurra-checkbox-style input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.inkomstsnurra-checkbox-style input + label {
  position: relative;
  width: 100%;
  min-width: 30px;
  cursor: pointer;
}
.inkomstsnurra-checkbox-style input + label div {
  padding-left: 2.813rem;
  text-align: center;
}
.inkomstsnurra-checkbox-style input + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 16px);
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 1px 3px 9px 3px rgba(0, 0, 0, 0.4);
}
.inkomstsnurra-checkbox-style input:checked + label {
  cursor: default;
}
.inkomstsnurra-checkbox-style input:checked + label::after {
  content: '';
  position: absolute;
  background-color: #4D7373;
}
.align-left {
  text-align: left;
  display: block;
  justify-items: left;
}
.align-center {
  text-align: center;
  display: block;
  justify-items: center;
}
.align-right {
  text-align: right;
  display: block;
  justify-items: right;
}
#components-reconnect-modal {
  position: fixed;
  inset: 0rem;
  z-index: 999999;
  display: block;
  background: rgba(34, 34, 34, 0.5);
  text-align: center;
}
#components-reconnect-modal div {
  background-color: #FFFFFF;
  padding: 1.25rem;
  justify-items: center !important;
}
#components-reconnect-modal div > * {
  display: block;
}
#components-reconnect-modal div .clear {
  all: unset;
  display: block;
}
#components-reconnect-modal span {
  color: var(--Kol-Mrk, #222);
  text-align: center;
  font-family: Lato;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
#components-reconnect-modal span.subMessage {
  margin: 0.5rem 0 0.5rem 0;
  font-size: 0.875rem;
  font-style: italic;
}
#components-reconnect-modal a {
  font-size: 0.875rem !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
#components-reconnect-modal a.clean {
  all: unset;
  cursor: pointer;
}
#components-reconnect-modal a.clean.reload {
  margin: 1rem 0 1rem 0;
  display: inline-block;
}
#components-reconnect-modal a.hav {
  text-decoration: none !important;
  background-color: #4D7373;
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
  border-radius: 2.188rem;
  padding: 0.5rem 2rem 0.5rem 2rem;
}
#components-reconnect-modal .loading-spinner {
  border-width: 0.3rem;
  border-style: solid;
  border-color: #372d2d #f3f3f3 #f3f3f3;
  border-image: initial;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  animation: loading-spinner-circle-rotation 1s linear infinite;
  margin: 1rem auto 1rem auto;
}
@keyframes loading-spinner-circle-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 500px) {
  #components-reconnect-modal span {
    font-size: 1.125rem;
  }
  #components-reconnect-modal span.subMessage {
    font-size: 1rem;
  }
  #components-reconnect-modal button {
    font-size: 1rem;
  }
  #components-reconnect-modal a {
    font-size: 1rem;
  }
}
#ppas_site_inspector {
  display: block;
  position: fixed;
}
.bankid-div-container {
  display: grid;
  position: relative;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  background: white;
  justify-items: center;
  align-content: start;
  overflow: auto;
}
.bankid-div-container.align-space-between {
  align-content: space-between;
}
@media (min-width: 600px) {
  .bankid-div-container {
    width: fit-content;
    height: fit-content;
    min-width: 35rem;
    min-height: 28.375rem;
    border-radius: 0.625rem;
    padding: 2.25rem 2rem;
  }
}
.bankid-div-container .mobile-cancel-button {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}
@media (min-width: 600px) {
  .bankid-div-container .mobile-cancel-button {
    display: none;
  }
}
.bankid-div-container .desktop-cancel-button {
  display: none;
}
@media (min-width: 600px) {
  .bankid-div-container .desktop-cancel-button {
    display: unset;
  }
}
.bankid-div-container .button-theme-none {
  text-decoration: underline;
}
.bankid-div-container .bankid-header {
  margin-top: 6rem;
  display: grid;
  justify-items: center;
  gap: 2rem;
}
@media (min-width: 600px) {
  .bankid-div-container .bankid-header {
    margin-top: 0;
  }
}
.bankid-div-container .bankid-header-icon-div {
  width: 4.25rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.bankid-div-container .start-body {
  display: grid;
  justify-items: center;
  margin-bottom: 9rem;
  gap: 2rem;
}
@media (min-width: 600px) {
  .bankid-div-container .start-body {
    margin-bottom: 0;
  }
}
.bankid-div-container .start-body .start-with-qr-code-button {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  padding: 0;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #222222;
  letter-spacing: 0.02188rem;
  text-transform: unset;
}
.bankid-div-container .start-body .start-with-qr-code-button .qr-code-small-img {
  background: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-dasharray=%2716%27 stroke-dashoffset=%278%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  width: 2rem;
}
.bankid-div-container .start-body .bankid-button {
  width: 16.375rem;
  max-width: unset;
}
.bankid-div-container .spinner-body {
  display: grid;
  justify-items: center;
  margin-top: 2rem;
  gap: 2rem;
}
.bankid-div-container .spinner-body .manual-start-helptext {
  text-align: center;
  margin: 0;
}
@media (max-width: 600px) {
  .bankid-div-container .spinner-body .loader-bankid-spinning-faded-grey-to-white {
    margin-top: 2rem;
  }
}
.bankid-div-container .qr-code-body {
  display: grid;
  justify-items: center;
  margin-top: 1.5rem;
}
@media (min-width: 600px) {
  .bankid-div-container .qr-code-body {
    margin-top: 1rem;
    gap: 1rem;
  }
}
.bankid-div-container .qr-code-body .qr-code-container {
  width: 13.125rem;
  height: 13.125rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.bankid-div-container .qr-code-body .bankid-instruction-text-container {
  max-width: 21rem;
  font-size: 1.125rem;
  line-height: 22.5px;
  word-wrap: break-word;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.bankid-div-container .qr-code-body .bankid-instruction-text-container ol {
  margin-block-start: 0;
  /* "margin top" */
  margin-block-end: 0;
  /* "margin top" */
}
@media (min-width: 600px) {
  .bankid-div-container .qr-code-body .bankid-instruction-text-container {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.bankid-div-container .error-body {
  display: grid;
  justify-items: center;
  margin-top: 1rem;
  gap: 2rem;
}
.bankid-div-container .skyjump {
  height: 5.71rem;
}
.bankid-header-text-div {
  text-align: center;
  color: black;
  font-size: 2rem;
  font-family: Lato;
  font-weight: 900;
  line-height: 2.1rem;
  word-wrap: break-word;
}
.bankid-button {
  height: 3.75rem;
  align-content: center;
}
.bankid-button .bankid-button-icon-div {
  margin-left: 0.625rem;
  width: 3.125rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.bankid-button .bankid-button-icon-div .loader-spinning-circle {
  width: 1.8125rem;
  height: 1.8125rem;
}
/*Denna används specifikt just nu i <ToggleSwith> för att enabla dev-features:
    om du ska använda liknande så gör annan css.
*/
.toggle-switch-container {
  position: fixed;
  top: 10rem;
  z-index: 100;
  right: 1rem;
}
.toggle-switch-container .toggle-tooltip-container:hover .tooltip-text {
  display: block;
  left: unset;
  right: 105%;
  top: -38%;
}
.toggle-switch-container .toggle-inner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toggle-switch-container .toggle-inner-container .toggle-label {
  margin-bottom: 5px;
  font-size: small;
  color: rgba(0, 0, 0, 0.3);
}
.toggle-switch-container .toggle-inner-container:hover .toggle-label {
  color: rgba(0, 0, 0, 0.8);
}
.toggle-switch-container .toggle-inner-container .toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.toggle-switch-container .toggle-inner-container .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch-container .toggle-inner-container .toggle-switch input:checked + .slider {
  background-color: #2196F3;
}
.toggle-switch-container .toggle-inner-container .toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.toggle-switch-container .toggle-inner-container .toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.toggle-switch-container .toggle-inner-container .toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch-container .toggle-inner-container .toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch-container .toggle-inner-container .toggle-switch .slider.round {
  border-radius: 34px;
}
.toggle-switch-container .toggle-inner-container .toggle-switch .slider.round:before {
  border-radius: 50%;
}
.left-arrow-triangle-navigation {
  margin: 0 auto 50px auto;
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid white;
}
@media (min-width: 600px) {
  .left-arrow-triangle-navigation {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-right: 35px solid white;
  }
}
@media (min-width: 960px) {
  .left-arrow-triangle-navigation {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid white;
  }
}
.right-arrow-triangle-navigation {
  margin: 0 auto 50px auto;
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
}
@media (min-width: 600px) {
  .right-arrow-triangle-navigation {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid white;
  }
}
@media (min-width: 960px) {
  .right-arrow-triangle-navigation {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid white;
  }
}
.inverted-arrow {
  position: absolute;
  bottom: -38px;
  left: 0;
  padding: 19px;
  width: 100%;
  background-color: white;
}
.inverted-arrow:before,
.inverted-arrow:after {
  content: '';
  position: absolute;
  bottom: 100%;
  width: 50%;
  padding-bottom: inherit;
  background-color: inherit;
}
.inverted-arrow:before {
  right: 50%;
  transform-origin: 100% 100%;
  transform: skewX(45deg);
}
.inverted-arrow:after {
  left: 50%;
  transform-origin: 0 100%;
  transform: skewX(-45deg);
}
@media (min-width: 600px) {
  .inverted-arrow {
    bottom: -71px;
    padding: 35px;
  }
}
@media (min-width: 960px) {
  .inverted-arrow {
    bottom: -81px;
    padding: 40px;
  }
}
.file-upload-spinner-container {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.file-upload-spinner-container div {
  padding-right: 1rem;
}
.buttons-loading-spinner-container {
  padding-left: 1rem;
}
.butons-loader-spinning-circle-white {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-animation: spin-loader-spinning-circle 2s linear infinite;
  /* Safari */
  animation: spin-loader-spinning-circle 2s linear infinite;
  --mask: radial-gradient(farthest-side, transparent 78%, #FFFFFF 81%);
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background: conic-gradient(#ffffff 0deg, #ffffff 70deg, rgba(255, 255, 255, 0.8) 120deg, rgba(255, 255, 255, 0.5) 200deg, rgba(255, 255, 255, 0.2) 290deg, rgba(255, 255, 255, 0) 360deg);
}
.loader-spinning-circle {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  -webkit-animation: spin-loader-spinning-circle 3.5s linear infinite;
  /* Safari */
  animation: spin-loader-spinning-circle 3.5s linear infinite;
  --mask: radial-gradient(farthest-side, transparent 78%, #4D7373 81%);
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background: conic-gradient(#4D7373 0deg, #4D7373 60deg, #EEEEEE 180deg, transparent 360deg);
}
.loader-spinning-circle.white {
  background: conic-gradient(from 0deg at 50% 51.75%, #FFFFFF 0deg, rgba(255, 255, 255, 0) 360deg);
}
@keyframes spin-loader-spinning-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-bankid-spinning-faded-grey-to-white {
  z-index: 9999;
  width: 110px;
  height: 110px;
  animation: loader-bankid 3.5s linear infinite;
  border-radius: 50%;
  /*background: conic-gradient(transparent 0deg, @black80 270deg);*/
  /* gradient från båda håll av "ringen"/circeln */
  background: conic-gradient(#FFFFFF 0deg, #FFFFFF 70deg, rgba(0, 0, 0, 0.8) 165deg, #222222 180deg, rgba(0, 0, 0, 0.8) 205deg, #FFFFFF 290deg, #FFFFFF 360deg);
  /* maskar 83-84% av innanmätet i ringen: svarta behöver ligga lite över transparent för att få skarp kant*/
  --mask: radial-gradient(farthest-side, transparent 83%, black 85%);
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
@keyframes loader-bankid {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Stegförfarande för formulär
 * Används bl a i förmånstagarförordnandet och HD
 */
.step-navigation-top {
  /* för att rubriken inte ska bli bred, enligt gamla.*/
  max-width: 840px;
  margin-bottom: 2rem;
  /* rubrik som visas under "bollarna/knapparna" */
}
@media (max-width: 500px) {
  .step-navigation-top {
    word-break: break-word;
  }
}
.step-navigation-top .form-title {
  text-align: center;
  /* margin bottom enligt gamla .block */
  margin-bottom: 40px;
}
@media (min-width: 960px) {
  .step-navigation-top .form-title {
    margin-bottom: 80px;
  }
}
.step-navigation-top .step-buttons {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  /** form steps ikoner/bollar med navigering och status
    visas med nummer och checkbox ovanför formuläret

*/
}
.step-navigation-top .step-buttons .step {
  position: relative;
  width: 50px;
  cursor: pointer;
  /* states.less */
}
.step-navigation-top .step-buttons .step i {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  height: 30px;
  width: 30px;
  font-style: normal;
  font-weight: 900;
}
.step-navigation-top .step-buttons .step h3,
.step-navigation-top .step-buttons .step table caption {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.step-navigation-top .step-buttons .step::after {
  content: "";
  position: absolute;
  top: calc(30px/2);
  left: 30px;
  width: calc(100% - 30px);
  z-index: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.step-navigation-top .step-buttons .step:last-child {
  width: 29px;
}
.step-navigation-top .step-buttons .step:last-child::after {
  border: 0;
}
@media (min-width: 960px) {
  .step-navigation-top .step-buttons .step {
    width: 60px;
  }
  .step-navigation-top .step-buttons .step i {
    height: 40px;
    width: 40px;
  }
  .step-navigation-top .step-buttons .step::after {
    top: calc(40px/2);
    left: 40px;
    width: calc(100% - 40px);
  }
  .step-navigation-top .step-buttons .step:last-child {
    width: 39px;
  }
}
.step-navigation-top .step-buttons .step.is-active {
  cursor: default;
}
.step-navigation-top .step-buttons .step.is-active i {
  background-color: #92C56E;
}
.step-navigation-top .step-buttons .step.is-active h3,
.step-navigation-top .step-buttons .step.is-active table caption {
  color: #FFFFFF;
}
.step-navigation-top .step-buttons .step.is-finished {
  color: #92C56E;
}
.step-navigation-top .step-buttons .step.is-finished::after {
  border-color: #467A00;
}
.step-navigation-top .step-buttons .step.is-finished i {
  background-color: #4D7373;
}
.step-navigation-top .step-buttons .step.is-finished i h3,
.step-navigation-top .step-buttons .step.is-finished i table caption {
  display: none;
}
.step-navigation-top .step-buttons .step.is-finished i::before {
  content: '';
  width: 24px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../Assets/Static/Images/svg/checkmark.svg);
}
.step-navigation-top .step-buttons .step.is-invalid:not(.is-active) h3,
.step-navigation-top .step-buttons .step.is-invalid:not(.is-active) table caption {
  color: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
}
.step-navigation-top .step-buttons .step.is-invalid:not(.is-active)::after {
  border-color: #467A00;
}
.step-navigation-top .step-buttons .step.is-invalid:not(.is-active).is-allowed-step i {
  background-color: rgba(0, 0, 0, 0.2);
}
.step-navigation-top .step-buttons .step:not(.is-finished) {
  cursor: not-allowed;
  pointer-events: none;
}
.step-navigation-top .step-buttons .step:is(.is-allowed-step):not(.is-active) {
  cursor: pointer;
  pointer-events: auto;
}
.step-navigation-top .step-title {
  margin-top: 15px;
  text-align: center;
  /* margin bottom enligt gamla .block
            calc -2rem pga step-navigation-top.Style
            (vilken sätt med style för att överrida arv från globala grid)
        */
  margin-bottom: calc(40px - 2rem);
}
@media (min-width: 960px) {
  .step-navigation-top .step-title {
    margin-bottom: calc(80px - 2rem);
  }
}
.barn-och-gravid-skadetyp-val {
  /* vi sätter min-with för att "det ska se ut som i gamla" enligt breakpoint 960
        annars blir det något smalare
    */
  min-width: 940px;
  max-width: 940px;
}
@media (max-width: 960px) {
  .barn-och-gravid-skadetyp-val {
    min-width: 300px;
  }
}
/* container för alla frågorna , beroende av grid implicit via <section> */
.steps-output {
  padding-top: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  /* luft till vad som är under, t ex knapar för tillbaka / gå vidare*/
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.steps-output .hidden {
  border: 0;
  /*clip: rect(1px 1px 1px 1px);*/
  /* IE6, IE7 */
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.steps-output::before {
  margin: 0 auto 50px auto;
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
  /*margin-top: -40px;*/
}
@media (min-width: 600px) {
  .steps-output::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid white;
  }
}
@media (min-width: 960px) {
  .steps-output::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid white;
  }
}
/* formulärinnehåll, individuellt steg. Vi döljer alla step-content (formulärinnehåll) default */
.step-content {
  display: none;
  /* vi sätter min-with för att "det ska se ut som i gamla" enligt breakpoint 960
        annars blir det något smalare
    */
  min-width: 940px;
  max-width: 940px;
}
@media (max-width: 960px) {
  .step-content {
    max-width: 100%;
    min-width: 100%;
  }
}
/* visar valt step-content (formulärinnehåll)*/
.step-content.is-active {
  display: block;
}
.step-navigation-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 900px;
}
.step-navigation-bottom .button-previous {
  grid-column: 1/2;
  justify-self: center;
}
@media (min-width: 960px) {
  .step-navigation-bottom .button-previous {
    justify-self: start;
  }
}
.step-navigation-bottom .button-next {
  grid-column: 2/3;
}
fieldset,
.validation-grid-child-content {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
fieldset > label,
.validation-grid-child-content > label,
fieldset .validation-grid > label,
.validation-grid-child-content .validation-grid > label {
  display: block;
  padding-bottom: 0.8rem;
}
fieldset > label .form-help-text,
.validation-grid-child-content > label .form-help-text,
fieldset .validation-grid > label .form-help-text,
.validation-grid-child-content .validation-grid > label .form-help-text {
  /*notera att &:extend kan se ut som att den inte fungerar i VS, men det gör den :) */
  margin-top: 0.5rem;
}
fieldset > label .form-help-text .button-block,
.validation-grid-child-content > label .form-help-text .button-block,
fieldset .validation-grid > label .form-help-text .button-block,
.validation-grid-child-content .validation-grid > label .form-help-text .button-block {
  display: grid;
  grid-column: auto / span 12;
  margin: 1.875rem 0.625rem 0.375rem 0.625rem;
  justify-content: center;
}
@media (min-width: 600px) {
  fieldset > label .form-help-text .button-block,
  .validation-grid-child-content > label .form-help-text .button-block,
  fieldset .validation-grid > label .form-help-text .button-block,
  .validation-grid-child-content .validation-grid > label .form-help-text .button-block {
    grid-column: auto / span 6;
    margin: 1.875rem 0.625rem 0.375rem 0.625rem;
    justify-content: center;
  }
}
fieldset > label .form-help-text .container-block,
.validation-grid-child-content > label .form-help-text .container-block,
fieldset .validation-grid > label .form-help-text .container-block,
.validation-grid-child-content .validation-grid > label .form-help-text .container-block {
  display: grid;
  margin: 0 auto;
  justify-content: space-evenly;
}
fieldset > label .form-help-text .container-block .button-block:not(:first-child),
.validation-grid-child-content > label .form-help-text .container-block .button-block:not(:first-child),
fieldset .validation-grid > label .form-help-text .container-block .button-block:not(:first-child),
.validation-grid-child-content .validation-grid > label .form-help-text .container-block .button-block:not(:first-child) {
  margin-top: 0;
}
@media (min-width: 600px) {
  fieldset > label .form-help-text .container-block .button-block:not(:first-child),
  .validation-grid-child-content > label .form-help-text .container-block .button-block:not(:first-child),
  fieldset .validation-grid > label .form-help-text .container-block .button-block:not(:first-child),
  .validation-grid-child-content .validation-grid > label .form-help-text .container-block .button-block:not(:first-child) {
    margin-top: 1.875rem;
  }
}
fieldset > label .form-help-text > *:first-child,
.validation-grid-child-content > label .form-help-text > *:first-child,
fieldset .validation-grid > label .form-help-text > *:first-child,
.validation-grid-child-content .validation-grid > label .form-help-text > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
fieldset > label .form-help-text > *:last-child,
.validation-grid-child-content > label .form-help-text > *:last-child,
fieldset .validation-grid > label .form-help-text > *:last-child,
.validation-grid-child-content .validation-grid > label .form-help-text > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0.3rem;
}
@media (max-width: 600px) {
  fieldset > label .form-help-text .button,
  .validation-grid-child-content > label .form-help-text .button,
  fieldset .validation-grid > label .form-help-text .button,
  .validation-grid-child-content .validation-grid > label .form-help-text .button {
    margin: 0 0.625rem 0.625rem 0;
  }
}
@media (max-width: 290px) {
  fieldset > label .form-help-text .button,
  .validation-grid-child-content > label .form-help-text .button,
  fieldset .validation-grid > label .form-help-text .button,
  .validation-grid-child-content .validation-grid > label .form-help-text .button {
    margin: 0;
  }
}
fieldset > label .form-help-text a,
.validation-grid-child-content > label .form-help-text a,
fieldset .validation-grid > label .form-help-text a,
.validation-grid-child-content .validation-grid > label .form-help-text a {
  color: #4D7373;
  text-decoration: underline;
}
fieldset > label .form-help-text a:hover,
.validation-grid-child-content > label .form-help-text a:hover,
fieldset .validation-grid > label .form-help-text a:hover,
.validation-grid-child-content .validation-grid > label .form-help-text a:hover {
  color: #222222;
}
fieldset > label .form-help-text a.button,
.validation-grid-child-content > label .form-help-text a.button,
fieldset .validation-grid > label .form-help-text a.button,
.validation-grid-child-content .validation-grid > label .form-help-text a.button,
fieldset > label .form-help-text a .button,
.validation-grid-child-content > label .form-help-text a .button,
fieldset .validation-grid > label .form-help-text a .button,
.validation-grid-child-content .validation-grid > label .form-help-text a .button {
  text-decoration: none;
  margin-left: 0.625rem;
}
@media (max-width: 290px) {
  fieldset > label .form-help-text a.button,
  .validation-grid-child-content > label .form-help-text a.button,
  fieldset .validation-grid > label .form-help-text a.button,
  .validation-grid-child-content .validation-grid > label .form-help-text a.button,
  fieldset > label .form-help-text a .button,
  .validation-grid-child-content > label .form-help-text a .button,
  fieldset .validation-grid > label .form-help-text a .button,
  .validation-grid-child-content .validation-grid > label .form-help-text a .button {
    margin-left: 0;
  }
}
fieldset > label .form-help-text a.button:hover,
.validation-grid-child-content > label .form-help-text a.button:hover,
fieldset .validation-grid > label .form-help-text a.button:hover,
.validation-grid-child-content .validation-grid > label .form-help-text a.button:hover,
fieldset > label .form-help-text a .button:hover,
.validation-grid-child-content > label .form-help-text a .button:hover,
fieldset .validation-grid > label .form-help-text a .button:hover,
.validation-grid-child-content .validation-grid > label .form-help-text a .button:hover {
  color: #4D7373;
}
fieldset > label .form-help-text .text-left,
.validation-grid-child-content > label .form-help-text .text-left,
fieldset .validation-grid > label .form-help-text .text-left,
.validation-grid-child-content .validation-grid > label .form-help-text .text-left {
  text-align: left;
  display: grid;
  justify-items: left;
  justify-content: normal;
}
fieldset > label .form-help-text .text-right,
.validation-grid-child-content > label .form-help-text .text-right,
fieldset .validation-grid > label .form-help-text .text-right,
.validation-grid-child-content .validation-grid > label .form-help-text .text-right {
  text-align: right;
  display: grid;
  justify-items: right;
  justify-content: normal;
}
fieldset > label .form-help-text .text-center,
.validation-grid-child-content > label .form-help-text .text-center,
fieldset .validation-grid > label .form-help-text .text-center,
.validation-grid-child-content .validation-grid > label .form-help-text .text-center {
  text-align: center;
  display: grid;
  justify-content: center;
}
fieldset > label .form-help-text h2,
.validation-grid-child-content > label .form-help-text h2,
fieldset .validation-grid > label .form-help-text h2,
.validation-grid-child-content .validation-grid > label .form-help-text h2,
fieldset > label .form-help-text h3,
.validation-grid-child-content > label .form-help-text h3,
fieldset .validation-grid > label .form-help-text h3,
.validation-grid-child-content .validation-grid > label .form-help-text h3,
fieldset > label .form-help-text .rubrik-h3,
.validation-grid-child-content > label .form-help-text .rubrik-h3,
fieldset .validation-grid > label .form-help-text .rubrik-h3,
.validation-grid-child-content .validation-grid > label .form-help-text .rubrik-h3,
fieldset > label .form-help-text table caption,
.validation-grid-child-content > label .form-help-text table caption,
fieldset .validation-grid > label .form-help-text table caption,
.validation-grid-child-content .validation-grid > label .form-help-text table caption {
  margin-top: 2rem;
  margin-bottom: 0.625rem;
}
fieldset > label .form-help-text h4,
.validation-grid-child-content > label .form-help-text h4,
fieldset .validation-grid > label .form-help-text h4,
.validation-grid-child-content .validation-grid > label .form-help-text h4,
fieldset > label .form-help-text .rubrik-h4,
.validation-grid-child-content > label .form-help-text .rubrik-h4,
fieldset .validation-grid > label .form-help-text .rubrik-h4,
.validation-grid-child-content .validation-grid > label .form-help-text .rubrik-h4 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
fieldset > label .form-help-text ol,
.validation-grid-child-content > label .form-help-text ol,
fieldset .validation-grid > label .form-help-text ol,
.validation-grid-child-content .validation-grid > label .form-help-text ol,
fieldset > label .form-help-text ul,
.validation-grid-child-content > label .form-help-text ul,
fieldset .validation-grid > label .form-help-text ul,
.validation-grid-child-content .validation-grid > label .form-help-text ul {
  list-style: none;
  counter-reset: li;
  padding: 0;
  margin-left: 15px;
}
@media (min-width: 600px) {
  fieldset > label .form-help-text ol,
  .validation-grid-child-content > label .form-help-text ol,
  fieldset .validation-grid > label .form-help-text ol,
  .validation-grid-child-content .validation-grid > label .form-help-text ol,
  fieldset > label .form-help-text ul,
  .validation-grid-child-content > label .form-help-text ul,
  fieldset .validation-grid > label .form-help-text ul,
  .validation-grid-child-content .validation-grid > label .form-help-text ul {
    font-size: 18px;
  }
}
fieldset > label .form-help-text li,
.validation-grid-child-content > label .form-help-text li,
fieldset .validation-grid > label .form-help-text li,
.validation-grid-child-content .validation-grid > label .form-help-text li {
  counter-increment: li;
  position: relative;
  padding: 1px 0 0 45px;
  margin: 15px 0 0 0;
}
fieldset > label .form-help-text li:first-child,
.validation-grid-child-content > label .form-help-text li:first-child,
fieldset .validation-grid > label .form-help-text li:first-child,
.validation-grid-child-content .validation-grid > label .form-help-text li:first-child {
  margin: 0;
}
fieldset > label .form-help-text li h1,
.validation-grid-child-content > label .form-help-text li h1,
fieldset .validation-grid > label .form-help-text li h1,
.validation-grid-child-content .validation-grid > label .form-help-text li h1,
fieldset > label .form-help-text li h2,
.validation-grid-child-content > label .form-help-text li h2,
fieldset .validation-grid > label .form-help-text li h2,
.validation-grid-child-content .validation-grid > label .form-help-text li h2,
fieldset > label .form-help-text li h3,
.validation-grid-child-content > label .form-help-text li h3,
fieldset .validation-grid > label .form-help-text li h3,
.validation-grid-child-content .validation-grid > label .form-help-text li h3,
fieldset > label .form-help-text li h4,
.validation-grid-child-content > label .form-help-text li h4,
fieldset .validation-grid > label .form-help-text li h4,
.validation-grid-child-content .validation-grid > label .form-help-text li h4,
fieldset > label .form-help-text li table caption,
.validation-grid-child-content > label .form-help-text li table caption,
fieldset .validation-grid > label .form-help-text li table caption,
.validation-grid-child-content .validation-grid > label .form-help-text li table caption {
  margin-top: 2px;
}
fieldset > label .form-help-text ol li::after,
.validation-grid-child-content > label .form-help-text ol li::after,
fieldset .validation-grid > label .form-help-text ol li::after,
.validation-grid-child-content .validation-grid > label .form-help-text ol li::after {
  content: counter(li);
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 1.2rem;
  font-weight: 900;
}
fieldset > label .form-help-text li::before,
.validation-grid-child-content > label .form-help-text li::before,
fieldset .validation-grid > label .form-help-text li::before,
.validation-grid-child-content .validation-grid > label .form-help-text li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 5px;
  background-color: #92C56E;
}
fieldset > label .form-help-text ul,
.validation-grid-child-content > label .form-help-text ul,
fieldset .validation-grid > label .form-help-text ul,
.validation-grid-child-content .validation-grid > label .form-help-text ul {
  margin-left: 0;
}
fieldset > label .form-help-text ul.big-dots,
.validation-grid-child-content > label .form-help-text ul.big-dots,
fieldset .validation-grid > label .form-help-text ul.big-dots,
.validation-grid-child-content .validation-grid > label .form-help-text ul.big-dots {
  margin-left: 15px;
}
fieldset > label .form-help-text ul.big-dots li::before,
.validation-grid-child-content > label .form-help-text ul.big-dots li::before,
fieldset .validation-grid > label .form-help-text ul.big-dots li::before,
.validation-grid-child-content .validation-grid > label .form-help-text ul.big-dots li::before {
  width: 10px;
  height: 10px;
  top: 6px;
  left: 25px;
}
fieldset > label .form-help-text ul li::before,
.validation-grid-child-content > label .form-help-text ul li::before,
fieldset .validation-grid > label .form-help-text ul li::before,
.validation-grid-child-content .validation-grid > label .form-help-text ul li::before {
  top: 8px;
  height: 5px;
}
@media (min-width: 600px) {
  fieldset > label .form-help-text ol,
  .validation-grid-child-content > label .form-help-text ol,
  fieldset .validation-grid > label .form-help-text ol,
  .validation-grid-child-content .validation-grid > label .form-help-text ol,
  fieldset > label .form-help-text ul,
  .validation-grid-child-content > label .form-help-text ul,
  fieldset .validation-grid > label .form-help-text ul,
  .validation-grid-child-content .validation-grid > label .form-help-text ul {
    margin-left: 45px;
  }
  fieldset > label .form-help-text ol li::after,
  .validation-grid-child-content > label .form-help-text ol li::after,
  fieldset .validation-grid > label .form-help-text ol li::after,
  .validation-grid-child-content .validation-grid > label .form-help-text ol li::after {
    font-size: 1.4rem;
    top: 0px;
  }
  fieldset > label .form-help-text li,
  .validation-grid-child-content > label .form-help-text li,
  fieldset .validation-grid > label .form-help-text li,
  .validation-grid-child-content .validation-grid > label .form-help-text li {
    padding: 5px 0 5px 80px;
  }
  fieldset > label .form-help-text li::before,
  .validation-grid-child-content > label .form-help-text li::before,
  fieldset .validation-grid > label .form-help-text li::before,
  .validation-grid-child-content .validation-grid > label .form-help-text li::before {
    left: 40px;
    width: 10px;
  }
  fieldset > label .form-help-text ul li::before,
  .validation-grid-child-content > label .form-help-text ul li::before,
  fieldset .validation-grid > label .form-help-text ul li::before,
  .validation-grid-child-content .validation-grid > label .form-help-text ul li::before {
    height: 10px;
    top: 12px;
  }
  fieldset > label .form-help-text ul.big-dots,
  .validation-grid-child-content > label .form-help-text ul.big-dots,
  fieldset .validation-grid > label .form-help-text ul.big-dots,
  .validation-grid-child-content .validation-grid > label .form-help-text ul.big-dots {
    margin-left: 50px;
  }
  fieldset > label .form-help-text ul.big-dots li::before,
  .validation-grid-child-content > label .form-help-text ul.big-dots li::before,
  fieldset .validation-grid > label .form-help-text ul.big-dots li::before,
  .validation-grid-child-content .validation-grid > label .form-help-text ul.big-dots li::before {
    width: 20px;
    height: 20px;
  }
}
fieldset > label .form-help-text a,
.validation-grid-child-content > label .form-help-text a,
fieldset .validation-grid > label .form-help-text a,
.validation-grid-child-content .validation-grid > label .form-help-text a {
  color: #4D7373;
  text-decoration: none;
  cursor: pointer;
  text-transform: none;
}
fieldset > label .form-help-text a:hover,
.validation-grid-child-content > label .form-help-text a:hover,
fieldset .validation-grid > label .form-help-text a:hover,
.validation-grid-child-content .validation-grid > label .form-help-text a:hover {
  font-weight: inherit;
}
@media (max-width: 960px) {
  fieldset h3,
  .validation-grid-child-content h3,
  fieldset table caption,
  .validation-grid-child-content table caption {
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  fieldset > label,
  .validation-grid-child-content > label {
    padding-bottom: 1rem;
  }
}
.form-row {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
@media (min-width: 600px) {
  .form-row {
    font-size: 18px;
  }
}
.form-row + .form-row {
  border-top: none;
}
.form-row-choice {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 10px 0;
}
.form-row-choice svg {
  display: none;
}
.form-row-choice input + label {
  position: relative;
  width: 100%;
  min-width: 30px;
  cursor: pointer;
}
.form-row-choice input + label div {
  padding-left: 55px;
  font-weight: 900;
  color: #4D7373;
}
.form-row-choice input + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 16px);
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.form-row-choice input + label::before:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.form-row-choice input + label::before:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.form-row-choice input:checked + label {
  cursor: default;
}
.form-row-choice input:checked + label::after {
  content: '';
  position: absolute;
  background-color: #4D7373;
}
.fieldset-wrapper + .fieldset-wrapper {
  margin-top: 25px;
}
.form-sub-question {
  margin: 20px 0 20px 0px;
  padding-left: 20px;
  border-left: 2px solid #92C56E;
}
@media (min-width: 960px) {
  .form-sub-question {
    margin: 30px 0 30px 60px;
    padding-left: 60px;
  }
}
.form-sub-question > * + * {
  margin-top: 25px;
}
/*container för formuläret
    överrider a från .xhtml i "boxar"
*/
.steps-output a {
  color: #4D7373;
  cursor: pointer;
  text-transform: none;
  text-decoration: underline;
}
.steps-output a:hover {
  font-weight: inherit;
  color: #222222;
}
.input-look {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
}
.block.bg-None .input-look {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
.input-look::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.input-look .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
[type=text],
[type=number],
[type=url] {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
}
.block.bg-None [type=text],
.block.bg-None [type=number],
.block.bg-None [type=url] {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
[type=text]::placeholder,
[type=number]::placeholder,
[type=url]::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
[type=text] .disabled,
[type=number] .disabled,
[type=url] .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.remove-number-arrows {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.remove-number-arrows input::-webkit-outer-spin-button,
.remove-number-arrows input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.remove-number-arrows input[type=number] {
  -moz-appearance: textfield;
}
.date-input-with-clear-icon {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.clear-date-svg-container {
  padding: 0.6rem;
  padding-bottom: 0.23rem;
  /*&[disabled] {
        fill: @black40
    }*/
}
.clear-date-svg-container > svg {
  height: 1rem;
  width: 1rem;
}
.clear-date-svg-container:not([disabled]) {
  cursor: pointer;
  /* &:hover, &:active {
            > svg {
                height: 1.1rem;
                width: 1.1rem;
            }
        } */
}
[type=date] {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
  max-width: 220px;
}
.block.bg-None [type=date] {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
[type=date]::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
[type=date] .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
[type=date]::-webkit-inner-spin-button,
[type=date]::-webkit-clear-button {
  display: none;
}
[type=date]::-ms-clear {
  display: none;
}
[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  width: 20px;
  margin-right: -10px;
  margin-left: 10px;
  cursor: pointer;
  background-image: url(../Assets/Static/Images/svg/calendar_duo.svg);
  background-repeat: no-repeat;
}
[type=date]::-webkit-calendar-picker-indicator:hover {
  background-color: transparent;
}
[type=date] + .clear-date-icon {
  position: relative;
  cursor: pointer;
}
[type=date] + .clear-date-icon::before {
  content: '';
  position: absolute;
  background-image: url(../Assets/Static/Images/svg/close_remove.svg);
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  top: 1px;
  left: 12px;
}
textarea {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
  padding: 15px 20px;
  min-height: 150px;
  resize: vertical;
}
.block.bg-None textarea {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
textarea::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
textarea .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.form-row .form-row-choice [type=radio] + label::before {
  border-radius: 50%;
}
.form-row .form-row-choice [type=radio]:focus + label::before {
  outline: -webkit-focus-ring-color auto 5px;
}
.form-row .form-row-choice [type=radio]:checked + label::after {
  border-radius: 50%;
  top: calc(50% - 10px);
  left: 6px;
  width: 18px;
  height: 18px;
}
.file-processing-display > fieldset {
  border-radius: 5px;
}
/* raderaknapp, papperskorg */
.delete-file > svg > path {
  /*fill: @red60;*/
}
.delete-file:hover > svg > path {
  /*fill: @warning;*/
}
.delete-file:hover > svg {
  width: 50px;
  height: 50px;
}
/**
    för positionering av Label till file-input.
*/
.file-upload-grid {
  display: grid;
  gap: 1rem;
  /*grid-template-columns: 1fr 1fr;*/
  align-items: center;
  grid-template-columns: auto 18rem;
}
@media (max-width: 960px) {
  .file-upload-grid {
    grid-template-columns: auto 12rem;
  }
}
@media (max-width: 600px) {
  .file-upload-grid {
    grid-template-columns: auto 8rem;
  }
}
.file-upload-grid .file-input:focus ~ label.button {
  border: 2px solid #222222;
}
.file-upload-grid .grid-label {
  grid-column: 1/2;
  display: initial;
}
.file-output-wrapper h4 {
  text-transform: unset;
}
.file-output-grid {
  padding-top: 1rem;
  display: grid;
  /*grid-template-columns: [file-size] minmax(4rem, 8rem) [document-name] auto [document-type] auto [delete-or-error] auto ;*/
  grid-template-columns: [document-name] auto [document-type] auto [delete-or-error] auto;
}
.file-row-styles {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.5rem;
}
/*
.file-size {
    grid-column: 1/2;
    .file-row-styles;
}*/
.file-name {
  grid-column: 1/2;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.5rem;
}
.file-type {
  grid-column: 2/3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.5rem;
}
.delete-file,
.file-error-message {
  grid-column: 3/4;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.5rem;
  color: #C33C3C;
}
.file-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}
.file-button-wrapper:not(.has-files) {
  height: 100px;
  border: 1px dashed #92C56E;
}
@media (min-width: 960px) {
  .file-button-wrapper:not(.has-files) {
    height: 140px;
  }
}
.file-list li {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
  position: relative;
  padding-left: 15px;
  display: flex;
  align-items: center;
  background-color: white;
  margin-bottom: 10px;
}
.block.bg-None .file-list li {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
.file-list li::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.file-list li .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
.file-list li.warning .file-size {
  color: #C33C3C;
}
.file-list li .file-name {
  position: relative;
  padding-left: 35px;
  margin-right: 5px;
}
.file-list li .file-name::before {
  content: '';
  position: absolute;
  top: calc(50% - 12px);
  left: 32px;
  height: 26px;
  width: 22px;
  margin-left: -30px;
  background-image: url(../Assets/Static/Images/svg/documents_duo.svg);
  background-repeat: no-repeat;
}
.file-list li .file-size {
  color: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
}
.file-list li .icon-close-remove {
  margin-left: 15px;
  height: 14px;
  width: 14px;
  min-width: 14px;
  cursor: pointer;
}
.file-list li .icon-close-remove path:nth-of-type(1) {
  fill: #4D7373;
}
@media (min-width: 960px) {
  .file-list li .icon-close-remove {
    height: 20px;
    min-width: 20px;
    width: 20px;
  }
}
select {
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  height: 60px;
  pointer-events: all;
  cursor: pointer;
  -webkit-appearance: none;
  padding-right: 50px;
  font-size: 0.875rem;
}
.block.bg-None select {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
select::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
select .disabled {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
}
select::-ms-expand {
  display: none;
}
.select-wrapper {
  position: relative;
  pointer-events: none;
}
.select-wrapper::after {
  content: '';
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
  background-image: url(../Assets/Static/Images/svg/arrow.svg);
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  .select-wrapper::after {
    width: 20px;
    height: 20px;
    top: calc(50% - 7px);
  }
}
/**
   Two fields connected without padding, like clearing and account number
*/
.joined-input-fields {
  display: flex;
  grid-column-gap: 5px;
  position: relative;
}
.joined-input-fields.clearing-and-bank-number {
  /*clearing*/
  /*kontonummer*/
}
.joined-input-fields.clearing-and-bank-number .form-field:first-of-type {
  width: 180px;
}
.joined-input-fields.clearing-and-bank-number .form-field:first-of-type input {
  padding-right: 40px;
}
.joined-input-fields.clearing-and-bank-number .form-field:last-of-type {
  width: 100%;
}
label + .joined-input-fields {
  margin-top: 2px;
}
.form-part-box {
  padding: 0.3rem 1.3rem;
  width: calc(100% - (100px + 50px));
}
@media (max-width: 960px) {
  .form-part-box {
    width: calc(100% - (3rem + 1.5rem));
  }
}
@media (max-width: 600px) {
  .form-part-box {
    width: calc(100% - (0.7rem + 1rem));
  }
}
.background-color-hav.form-part-box,
.background-color-hav .form-part-box,
.background-color-kol.form-part-box,
.background-color-kol .form-part-box {
  background-color: #CDDBDB;
}
.background-color-skog.form-part-box,
.background-color-skog .form-part-box {
  background-color: #C7E2B6;
}
.background-color-smultron.form-part-box,
.background-color-smultron .form-part-box {
  background-color: #F5CECD;
}
/* sätter bredden baserat på första kolumen i grid i .with-validation-icon  */
.form-part-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 40px;
  margin: 30px 0 20px 0;
}
.form-part-heading::before {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #92C56E;
  top: calc(50% - 1px);
  left: 0;
  position: absolute;
}
.form-part-heading span {
  position: absolute;
  background-color: #EBF5E6;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .form-part-heading span {
    padding: 0 20px;
  }
}
/* sätter bredden baserat på första kolumen i grid i .with-validation-icon  */
/* klassen som sätts från asp.net form validation*/
.validation-message {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #C33C3C;
}
/* klasser som apliceras på inputfält */
.modified.invalid {
  border-color: #C33C3C;
}
.optional::after {
  content: '(valfri)';
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
}
@media (min-width: 960px) {
  .optional::after {
    font-size: 18px;
  }
}
.optional-inline::after {
  content: '(valfri)';
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
}
@media (min-width: 960px) {
  .optional-inline::after {
    font-size: 18px;
  }
}
.required-asterisk::after {
  content: '*';
  color: #C33C3C;
  font-weight: 600;
  font-size: 22px;
  position: absolute;
  top: -1px;
  margin-left: 3px;
}
@media (min-width: 960px) {
  .required-asterisk::after {
    font-size: 27px;
    top: -4px;
    margin-left: 4px;
  }
}
.required-asterisk-inline::after {
  content: '*';
  color: #C33C3C;
  left: 3px;
  position: relative;
}
.form-part-box {
  grid-column: 1/1;
}
/**
sätts på fieldset ( t ex) som wrappar ett fält med label och någon input
(input och .validation-icon-v2 ska vara wrappad i .validation-grid)

    exempel på fungerande html-struktur:
    : notera att om valideringmeddelandet pga din layout behöver ligga i innehållet
    : (i.e. inte direkt under ".with-validation-icon")
    : så går det bra att lägga duplicerade "hidden" ValidationMessage enligt denna struktur

    :Vanligt scenario
    <fieldset class="with-validation-icon">
        <div class="validation-grid">
            <div>innehåll..</div>
            <div class="validation-icon-v2" style="">
                <span class="validation-icon-generic"></span>
            </div>
        </div>
        <ValidationMessage For="@(() => Model.Kontonummer)" ></ValidationMessage>
    </fieldset>

    :Annan layout scenario
    <fieldset class="with-validation-icon">
        <div class="validation-grid">
            <div>innehåll..
                    <div>
                        nästlade innehållet...
                        :: detta är det som ska synas i vyn, hittas inte av css och påverkar inte ikonerna::
                        <ValidationMessage For="@(() => Model.Kontonummer)" hidden></ValidationMessage>
                     </div>
            </div>
            <div class="validation-icon-v2" style="">
                <span class="validation-icon-generic"></span>
            </div>
        </div>
        :: detta är alltså dolt i vyn, men hittas av css ::
        <ValidationMessage For="@(() => Model.Kontonummer)" hidden></ValidationMessage>
    </fieldset>


*/
/*.form-part-box,*/
.with-validation-icon {
  display: grid;
  grid-column-gap: 100px;
  grid-template-columns: auto 50px;
  /* används runt input eller knappar där valideringsikon ska visas på samma rad centrerat till höger */
  /*notera: utan denna hamnar t ex form-subquestions ikoner åt vänster i form-subquestion, dvs nästlade frågor.
    egentligen är det snyggare och tydligare anser jag, men i gamla lösningen ligger alla ikoner längst till höger
*/
}
@media (max-width: 960px) {
  .with-validation-icon {
    grid-column-gap: 3rem;
    grid-template-columns: auto 1.5rem;
  }
}
@media (max-width: 600px) {
  .with-validation-icon {
    grid-column-gap: 0.7rem;
    grid-template-columns: auto 1rem;
  }
}
.with-validation-icon label,
.with-validation-icon .validation-grid label {
  grid-row: 1/1;
  grid-column: 1/1;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
}
.with-validation-icon label > h3,
.with-validation-icon .validation-grid label > h3,
.with-validation-icon label > table caption,
.with-validation-icon .validation-grid label > table caption {
  grid-column: 1/1;
}
.with-validation-icon label > .form-help-text,
.with-validation-icon .validation-grid label > .form-help-text {
  grid-column: 1/1;
  margin-top: 0;
}
.with-validation-icon label > .text-input-count,
.with-validation-icon .validation-grid label > .text-input-count {
  /*grid-column: 2/2;*/
  /*grid-row: 1/1;*/
  justify-self: end;
  align-self: end;
  color: rgba(0, 0, 0, 0.6);
}
.with-validation-icon .validation-grid {
  grid-column: 1/1;
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
}
.with-validation-icon .validation-grid .validation-icon-v2 {
  grid-row: 1/1;
  grid-column: 2/2;
  align-self: center;
  justify-self: end;
}
.with-validation-icon .validation-grid .validation-grid-child-content ~ .validation-icon-v2 {
  align-self: start;
  padding-top: 0.5rem;
}
.with-validation-icon .form-sub-question {
  grid-column: 1/-1;
}
.with-validation-icon .validation-grid-child-content {
  grid-row: 1/1;
  grid-column: 1/-1;
  /* Genereras av EditContext vid validering;
        för att denna inte ska hamna vid ikonen i kolumnen till höger
    */
}
.with-validation-icon .validation-grid-child-content.grid-column-one {
  grid-column: 1/1;
}
.with-validation-icon .validation-grid-child-content .form-row {
  border: unset;
  position: relative;
}
.with-validation-icon .validation-grid-child-content .form-row::after,
.with-validation-icon .validation-grid-child-content .form-row::before {
  content: "";
  position: absolute;
  width: calc(100% - (100px + 50px));
  left: calc(53% - 100px);
  background: #FFFFFF;
  transform: translateX(-50%);
}
@media (max-width: 960px) {
  .with-validation-icon .validation-grid-child-content .form-row::after,
  .with-validation-icon .validation-grid-child-content .form-row::before {
    width: calc(100% - (3rem + 1.5rem));
    left: calc(52% - 3rem);
  }
}
@media (max-width: 600px) {
  .with-validation-icon .validation-grid-child-content .form-row::after,
  .with-validation-icon .validation-grid-child-content .form-row::before {
    width: calc(100% - (0.7rem + 1rem));
    left: calc(50% - 0.7rem);
  }
}
.with-validation-icon .validation-grid-child-content .form-row::before {
  top: 0;
  height: 2px;
}
.with-validation-icon .validation-grid-child-content .form-row::after {
  bottom: 0;
  height: 1px;
}
.with-validation-icon .validation-grid-child-content .form-row + .form-row::before {
  height: 0px;
}
.with-validation-icon .validation-grid-child-content .form-row:has(.form-sub-question)::after {
  bottom: -30px;
  height: 1px;
}
.with-validation-icon .validation-grid-child-content .form-row:has(.form-sub-question) + .form-row::before {
  height: 0px;
}
.with-validation-icon .validation-grid-child-content .validation-message {
  /*grid-row: 3/3;*/
}
/*
    sätt röd border på input och textarea när valideringsmeddelande visas.
    (form-field används för clearing + kontonummer)
    (.date-input-with-clear-icon används av datumfälten som standard)
    */
fieldset:has(div.validation-message) > input,
.form-field:has(div.validation-message) > input,
fieldset:has(div.validation-message) .date-input-with-clear-icon > input,
.form-field:has(div.validation-message) .date-input-with-clear-icon > input,
fieldset:has(div.validation-message) > textarea,
.form-field:has(div.validation-message) > textarea {
  outline: 1px solid rgba(195, 60, 60, 0.2);
}
.validation-icon-v2 {
  /* inget */
}
.validation {
  text-align: center;
  color: #C33C3C;
  margin-top: 6px;
  font-size: 12px;
}
@media (min-width: 960px) {
  .validation {
    font-size: 14px;
  }
  .validation span {
    margin-top: 8px;
  }
}
/** default size mm */
/** default check-icon; samma används för grå och grön */
/* varningsikon är annan typ */
.validation-icon-generic {
  background-size: contain;
  /* Makes sure the SVG fits within the dimensions */
  background-repeat: no-repeat;
  /* Ensures the image doesn't repeat */
  display: inline-block;
  /* Allows setting width and height */
  width: 2rem;
  /* Width of your SVG or however big you want it to display */
  height: 2rem;
  /* Height of your SVG or however big you want it to display */
  mask: url(../Assets/Static/Images/svg/checkmark_circle.svg);
  -webkit-mask: url(../Assets/Static/Images/svg/checkmark_circle.svg);
  /*
        OBS: detta kräver att alla input-fields som är required
        har attributet data-validated-value när de inte är null eller tomma strängar.

        1. Default sätter vi en grå rund ikon med "checkmark"

        2. Samma ikon används för "ok" med färgen grön.
            Villkoret för grönt är
            i en .fieldset-wrapper
            alla input-fält med attributet "required",
            måste även har attributet data-validated-value

            Logiken är omvänt och fungerar såhär:
            .fieldset-wrapper //todo: kanske ändra denna till en valideringsklass, men funkar bra
            innehåller inga input som är 'required'
            (oavsett nästling i html-strukturen; så att vi även fångar nästlade frågor)
            där det saknas ett attribut [data-validated-value] ;
            data-validated-value är ett attribut vi lägger på för varje input-fält
            (och implicit finns heller inga divar med klassen 'validation-message'
            vilken skapas av Blazors EditContext och ValidationMessage)

        3. När det finns valideringsfel byter vi ut ikonen och sätter röd färg.
            Logiken är:
            Finns det en direkt underliggande div med klassen "validation-message"
            så visar vi varningsikonen.

        */
  background-color: rgba(0, 0, 0, 0.2);
  /** denna klass sätts på fält som inte är required för att
         inte visa en ikon alls på 'valfria' inputs (enligt hur det varit i gamla)
        - där grå ikon endast visades om fältet var required)
    */
}
.validation-icon-generic.hide-icon {
  background-color: transparent;
}
@media (max-width: 960px) {
  .validation-icon-generic {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 600px) {
  .validation-icon-generic {
    width: 1rem;
    height: 1rem;
  }
}
/** Varningsikon, Röd:
        vi visar en röd ikon om det finns en direkt underliggande div med validation-message
        dvs, blazors <ValidationMessage> som renderas (när felmedelande finns) till  <div class="validation-message">...

        Note: ett alternativt;
        med denna selector: //.fieldset-wrapper:has(div.validation-message),
        blir ikonen röd när det finns minst ett validation-message
        i någon av alla underliggande "inputs" (dvs inom t ex en Ja/Nej-fråga, eller dess "childrens")
        nu blir den grå istället; grön först när alla "childs" är ok.
*/
.with-validation-icon:has(> div.validation-message) {
  /* Byter ut ikonen till varning och sätter varningsfärg på den underliggande ikonen */
  /*  referens: Om vi vill göra ändring på rubriken eller något liknande.
    kanske ett rött vertikalt streck istället för det gröna,
    kanske bara ett rött streck under texten.. osv..

    Exempel för att sätta färg och form på huvudrubriken (för t ex en Ja/Nej fråga) */
  /*> .with-validation-icon > label {
    background-color: pink;
    padding: 5px;
    border-radius: 8px;
    }*/
}
.with-validation-icon:has(> div.validation-message) .validation-grid > .validation-icon-v2 > .validation-icon-generic {
  background-color: #C33C3C;
  mask: url(../Assets/Static/Images/svg/warning_circle.svg);
  -webkit-mask: url(../Assets/Static/Images/svg/warning_circle.svg);
}
/** Ok-ikon/check - sätter ikonens färg till grön
givet att :
- det finns inga validation-message
- alla input med required har modifierad data i sig. (se nedan kommentar)
*/
.fieldset-wrapper:not(:has(div.validation-message)) {
  /**
    har klassen .modified i något child element
    OCH
    har inga input Eller textarea som är 'required' OCH  saknar [data-validated-value];
    data-validated-value är ett attribut vi lägger på för varje input-fält och text-area
    - notera att denna sätter grön färg på alla ikoner innanför fieldset-wrapper
    */
}
.fieldset-wrapper:not(:has(div.validation-message)):has(.modified):not(:has(input:required:not([data-validated-value]))):not(:has(textarea:required:not([data-validated-value]))) > .with-validation-icon * .validation-icon-generic {
  background-color: #92C56E;
}
/* "resets" för att överrida grön ikon som sätts ovan på det övergripande kontexten i .fieldset-wrapper
  som hanterar mer komplext nästlade valideringar som sub-questions och flervalsknappar.
 - lite dum lösning pga hur det gjordes från början
*/
.validation-grid input:not(:required):not([data-validated-value]) + .validation-icon-v2 > .validation-icon-generic {
  background-color: transparent !important;
}
.validation-grid textarea:not(:required):not([data-validated-value]) + .validation-icon-v2 > .validation-icon-generic {
  background-color: transparent !important;
}
/** ändra storlek eller dölj/dimma ikonen i sub-questions
TODO: beslut på hur detta ska göras.
i gamla lösningen har alla inputs som är required en ikon,
medan valfria inputs inte har ikoner (även när data är i felaktigt format)

Notera: kommenterar ut detta eftersom "allt ska se ut som förut" vid första releasen...
här bör vi antingen dölja nästlade frågors ikoner, eller dölja (ta bort) dem helt, eller dimma.
Om ikonerna ska användas bör de alltid visas, även för "valfria" fält, eftersom de också har validering och kan innehålla felaktigt format.
Ursprungligen är ikonerna endast på de fält som krävs;
men nu använder vi även en asterisk för att markera "required", vilket gör att det blir kaka på kaka..
//Jimi
*/
/*.fieldset-wrapper:has(.fieldset-wrapper) {
.fieldset-wrapper * .validation-icon-v2 > span.validation-icon-generic {
    //display: none;
    transform: scale(0.7);
    opacity: 0.2;
}
}*/
.file-list li .validation-icon svg {
  display: none;
  top: -15px;
  right: -170px;
}
.file-list li:not(.warning) .icon-error {
  display: none;
}
.hideError {
  display: none;
}
[type="radio"],
[type=checkbox],
[type=file] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.ersattning-ansokan-complete-page .complete-wrapper {
  margin-top: 4.451rem;
  text-align: center;
  justify-items: center;
  max-width: 57.5rem;
}
.ersattning-ansokan-complete-page .complete-wrapper .ingress {
  margin: 0;
}
.ersattning-ansokan-complete-page .complete-wrapper img {
  max-width: 60%;
  max-height: 6.25rem;
}
@media (min-width: 600px) {
  .ersattning-ansokan-complete-page .complete-wrapper img {
    max-width: 26.25rem;
    max-height: 7.5rem;
  }
}
#hero {
  display: grid;
  position: relative;
  width: 100%;
  /*.hero-big-button,*/
}
#hero .hero-block-button-wrapper.hero-big-button .button {
  font-size: 1.25rem;
  min-height: 3.125rem;
  min-width: 12rem;
  border-radius: 0.625rem;
  text-transform: none;
  text-decoration: none;
  margin: 0 0.625rem 0.4rem 0;
}
#hero .hero-block-button-wrapper.hero-big-button .button span {
  white-space: normal;
}
#hero .hero-block-button-wrapper.hero-big-button .button .icon {
  height: 1.875rem;
  max-width: 2.5rem;
  margin: 0;
}
@media (max-width: 290px) {
  #hero .hero-block-button-wrapper.hero-big-button .button {
    min-width: unset;
    padding: 0.3rem;
  }
  #hero .hero-block-button-wrapper.hero-big-button .button .icon,
  #hero .hero-block-button-wrapper.hero-big-button .button figure,
  #hero .hero-block-button-wrapper.hero-big-button .button img {
    display: none;
  }
}
@media (min-width: 500px) {
  #hero .hero-block-button-wrapper.hero-big-button .button {
    min-width: 17rem;
    padding: 0 1.25rem;
    margin: 0 0.625rem 0.4rem 0;
  }
}
@media (min-width: 960px) {
  #hero .hero-block-button-wrapper.hero-big-button .button {
    min-height: 4.375rem;
    font-size: 1.5rem;
  }
  #hero .hero-block-button-wrapper.hero-big-button .button .icon {
    height: 2.5rem;
    max-width: 3.125rem;
  }
}
#hero .content-section {
  position: relative;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
  grid-row: 1 / 1;
  grid-column: 1 / 12;
  z-index: 10;
}
#hero .center {
  display: grid;
  justify-items: center;
}
#hero .background-image-container {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media (max-width: 290px) {
  #hero .background-image-container {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
#hero .background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-position: bottom;
  object-fit: cover;
  z-index: -2;
}
@media (max-width: 290px) {
  #hero .background-image {
    height: unset;
  }
}
#hero .bottom {
  left: 0;
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  background-color: transparent;
}
#hero .bottom.background-color-vit,
#hero .bottom.background-color-hav,
#hero .bottom.background-color-smultron,
#hero .bottom.background-color-skog,
#hero .bottom.background-color-mellanskog,
#hero .bottom.background-color-kol,
#hero .bottom.has-usp {
  padding: calc(2 * 1.25rem);
}
@media (min-width: 600px) {
  #hero .bottom.background-color-vit,
  #hero .bottom.background-color-hav,
  #hero .bottom.background-color-smultron,
  #hero .bottom.background-color-skog,
  #hero .bottom.background-color-mellanskog,
  #hero .bottom.background-color-kol,
  #hero .bottom.has-usp {
    padding: calc(2 * 1rem);
  }
}
@media (min-width: 960px) {
  #hero .bottom.background-color-vit,
  #hero .bottom.background-color-hav,
  #hero .bottom.background-color-smultron,
  #hero .bottom.background-color-skog,
  #hero .bottom.background-color-mellanskog,
  #hero .bottom.background-color-kol,
  #hero .bottom.has-usp {
    padding: calc(2 * 1.25rem);
  }
}
#hero .bottom.background-color-vit:before,
#hero .bottom.background-color-hav:before,
#hero .bottom.background-color-smultron:before,
#hero .bottom.background-color-skog:before,
#hero .bottom.background-color-mellanskog:before,
#hero .bottom.background-color-kol:before,
#hero .bottom.has-usp:before,
#hero .bottom.background-color-vit:after,
#hero .bottom.background-color-hav:after,
#hero .bottom.background-color-smultron:after,
#hero .bottom.background-color-skog:after,
#hero .bottom.background-color-mellanskog:after,
#hero .bottom.background-color-kol:after,
#hero .bottom.has-usp:after {
  content: '';
  position: absolute;
  width: 50%;
  padding-bottom: inherit;
  padding: 1.25rem;
}
@media (min-width: 600px) {
  #hero .bottom.background-color-vit:before,
  #hero .bottom.background-color-hav:before,
  #hero .bottom.background-color-smultron:before,
  #hero .bottom.background-color-skog:before,
  #hero .bottom.background-color-mellanskog:before,
  #hero .bottom.background-color-kol:before,
  #hero .bottom.has-usp:before,
  #hero .bottom.background-color-vit:after,
  #hero .bottom.background-color-hav:after,
  #hero .bottom.background-color-smultron:after,
  #hero .bottom.background-color-skog:after,
  #hero .bottom.background-color-mellanskog:after,
  #hero .bottom.background-color-kol:after,
  #hero .bottom.has-usp:after {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  #hero .bottom.background-color-vit:before,
  #hero .bottom.background-color-hav:before,
  #hero .bottom.background-color-smultron:before,
  #hero .bottom.background-color-skog:before,
  #hero .bottom.background-color-mellanskog:before,
  #hero .bottom.background-color-kol:before,
  #hero .bottom.has-usp:before,
  #hero .bottom.background-color-vit:after,
  #hero .bottom.background-color-hav:after,
  #hero .bottom.background-color-smultron:after,
  #hero .bottom.background-color-skog:after,
  #hero .bottom.background-color-mellanskog:after,
  #hero .bottom.background-color-kol:after,
  #hero .bottom.has-usp:after {
    padding: 1.25rem;
  }
}
#hero .bottom.background-color-vit.background-color-skog:before,
#hero .bottom.background-color-hav.background-color-skog:before,
#hero .bottom.background-color-smultron.background-color-skog:before,
#hero .bottom.background-color-skog.background-color-skog:before,
#hero .bottom.background-color-mellanskog.background-color-skog:before,
#hero .bottom.background-color-kol.background-color-skog:before,
#hero .bottom.has-usp.background-color-skog:before,
#hero .bottom.background-color-vit.background-color-skog:after,
#hero .bottom.background-color-hav.background-color-skog:after,
#hero .bottom.background-color-smultron.background-color-skog:after,
#hero .bottom.background-color-skog.background-color-skog:after,
#hero .bottom.background-color-mellanskog.background-color-skog:after,
#hero .bottom.background-color-kol.background-color-skog:after,
#hero .bottom.has-usp.background-color-skog:after {
  background-color: #EBF5E6;
}
#hero .bottom.background-color-vit.background-color-mellanskog:before,
#hero .bottom.background-color-hav.background-color-mellanskog:before,
#hero .bottom.background-color-smultron.background-color-mellanskog:before,
#hero .bottom.background-color-skog.background-color-mellanskog:before,
#hero .bottom.background-color-mellanskog.background-color-mellanskog:before,
#hero .bottom.background-color-kol.background-color-mellanskog:before,
#hero .bottom.has-usp.background-color-mellanskog:before,
#hero .bottom.background-color-vit.background-color-mellanskog:after,
#hero .bottom.background-color-hav.background-color-mellanskog:after,
#hero .bottom.background-color-smultron.background-color-mellanskog:after,
#hero .bottom.background-color-skog.background-color-mellanskog:after,
#hero .bottom.background-color-mellanskog.background-color-mellanskog:after,
#hero .bottom.background-color-kol.background-color-mellanskog:after,
#hero .bottom.has-usp.background-color-mellanskog:after {
  background-color: #92C56E;
}
#hero .bottom.background-color-vit.background-color-smultron:before,
#hero .bottom.background-color-hav.background-color-smultron:before,
#hero .bottom.background-color-smultron.background-color-smultron:before,
#hero .bottom.background-color-skog.background-color-smultron:before,
#hero .bottom.background-color-mellanskog.background-color-smultron:before,
#hero .bottom.background-color-kol.background-color-smultron:before,
#hero .bottom.has-usp.background-color-smultron:before,
#hero .bottom.background-color-vit.background-color-smultron:after,
#hero .bottom.background-color-hav.background-color-smultron:after,
#hero .bottom.background-color-smultron.background-color-smultron:after,
#hero .bottom.background-color-skog.background-color-smultron:after,
#hero .bottom.background-color-mellanskog.background-color-smultron:after,
#hero .bottom.background-color-kol.background-color-smultron:after,
#hero .bottom.has-usp.background-color-smultron:after {
  background-color: #FDEBEB;
}
#hero .bottom.background-color-vit.background-color-hav:before,
#hero .bottom.background-color-hav.background-color-hav:before,
#hero .bottom.background-color-smultron.background-color-hav:before,
#hero .bottom.background-color-skog.background-color-hav:before,
#hero .bottom.background-color-mellanskog.background-color-hav:before,
#hero .bottom.background-color-kol.background-color-hav:before,
#hero .bottom.has-usp.background-color-hav:before,
#hero .bottom.background-color-vit.background-color-hav:after,
#hero .bottom.background-color-hav.background-color-hav:after,
#hero .bottom.background-color-smultron.background-color-hav:after,
#hero .bottom.background-color-skog.background-color-hav:after,
#hero .bottom.background-color-mellanskog.background-color-hav:after,
#hero .bottom.background-color-kol.background-color-hav:after,
#hero .bottom.has-usp.background-color-hav:after {
  background-color: #EBF3F3;
}
#hero .bottom.background-color-vit.background-color-kol:before,
#hero .bottom.background-color-hav.background-color-kol:before,
#hero .bottom.background-color-smultron.background-color-kol:before,
#hero .bottom.background-color-skog.background-color-kol:before,
#hero .bottom.background-color-mellanskog.background-color-kol:before,
#hero .bottom.background-color-kol.background-color-kol:before,
#hero .bottom.has-usp.background-color-kol:before,
#hero .bottom.background-color-vit.background-color-kol:after,
#hero .bottom.background-color-hav.background-color-kol:after,
#hero .bottom.background-color-smultron.background-color-kol:after,
#hero .bottom.background-color-skog.background-color-kol:after,
#hero .bottom.background-color-mellanskog.background-color-kol:after,
#hero .bottom.background-color-kol.background-color-kol:after,
#hero .bottom.has-usp.background-color-kol:after {
  background-color: #F4F4F4;
}
#hero .bottom.background-color-vit.background-color-vit:before,
#hero .bottom.background-color-hav.background-color-vit:before,
#hero .bottom.background-color-smultron.background-color-vit:before,
#hero .bottom.background-color-skog.background-color-vit:before,
#hero .bottom.background-color-mellanskog.background-color-vit:before,
#hero .bottom.background-color-kol.background-color-vit:before,
#hero .bottom.has-usp.background-color-vit:before,
#hero .bottom.background-color-vit.background-color-vit:after,
#hero .bottom.background-color-hav.background-color-vit:after,
#hero .bottom.background-color-smultron.background-color-vit:after,
#hero .bottom.background-color-skog.background-color-vit:after,
#hero .bottom.background-color-mellanskog.background-color-vit:after,
#hero .bottom.background-color-kol.background-color-vit:after,
#hero .bottom.has-usp.background-color-vit:after {
  background-color: #FFFFFF;
}
#hero .bottom.background-color-vit.has-usp:before,
#hero .bottom.background-color-hav.has-usp:before,
#hero .bottom.background-color-smultron.has-usp:before,
#hero .bottom.background-color-skog.has-usp:before,
#hero .bottom.background-color-mellanskog.has-usp:before,
#hero .bottom.background-color-kol.has-usp:before,
#hero .bottom.has-usp.has-usp:before,
#hero .bottom.background-color-vit.has-usp:after,
#hero .bottom.background-color-hav.has-usp:after,
#hero .bottom.background-color-smultron.has-usp:after,
#hero .bottom.background-color-skog.has-usp:after,
#hero .bottom.background-color-mellanskog.has-usp:after,
#hero .bottom.background-color-kol.has-usp:after,
#hero .bottom.has-usp.has-usp:after {
  background-color: #EBF5E6;
}
#hero .bottom.background-color-vit:before,
#hero .bottom.background-color-hav:before,
#hero .bottom.background-color-smultron:before,
#hero .bottom.background-color-skog:before,
#hero .bottom.background-color-mellanskog:before,
#hero .bottom.background-color-kol:before,
#hero .bottom.has-usp:before {
  right: 50%;
  transform-origin: 100% 100%;
  transform: skewX(45deg);
}
#hero .bottom.background-color-vit:after,
#hero .bottom.background-color-hav:after,
#hero .bottom.background-color-smultron:after,
#hero .bottom.background-color-skog:after,
#hero .bottom.background-color-mellanskog:after,
#hero .bottom.background-color-kol:after,
#hero .bottom.has-usp:after {
  left: 50%;
  transform-origin: 0 100%;
  transform: skewX(-45deg);
}
#hero .bottom.raster-color-svart {
  background-color: rgba(34, 34, 34, 0.8);
}
#hero .bottom.raster-color-vit {
  background-color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 600px) {
  #hero .bottom.raster-color-svart {
    background-color: transparent;
  }
  #hero .bottom.raster-color-vit {
    background-color: transparent;
  }
}
#hero .inverted-arrow {
  padding: calc(2 * 1.25rem);
}
@media (min-width: 600px) {
  #hero .inverted-arrow {
    padding: calc(2 * 1rem);
  }
}
@media (min-width: 960px) {
  #hero .inverted-arrow {
    padding: calc(2 * 1.25rem);
  }
}
#hero .inverted-arrow:before,
#hero .inverted-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  padding-bottom: inherit;
  padding: 1.25rem;
}
@media (min-width: 600px) {
  #hero .inverted-arrow:before,
  #hero .inverted-arrow:after {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  #hero .inverted-arrow:before,
  #hero .inverted-arrow:after {
    padding: 1.25rem;
  }
}
#hero .inverted-arrow.background-color-skog:before,
#hero .inverted-arrow.background-color-skog:after {
  background-color: #EBF5E6;
}
#hero .inverted-arrow.background-color-mellanskog:before,
#hero .inverted-arrow.background-color-mellanskog:after {
  background-color: #92C56E;
}
#hero .inverted-arrow.background-color-smultron:before,
#hero .inverted-arrow.background-color-smultron:after {
  background-color: #FDEBEB;
}
#hero .inverted-arrow.background-color-hav:before,
#hero .inverted-arrow.background-color-hav:after {
  background-color: #EBF3F3;
}
#hero .inverted-arrow.background-color-kol:before,
#hero .inverted-arrow.background-color-kol:after {
  background-color: #F4F4F4;
}
#hero .inverted-arrow.background-color-vit:before,
#hero .inverted-arrow.background-color-vit:after {
  background-color: #FFFFFF;
}
#hero .inverted-arrow.has-usp:before,
#hero .inverted-arrow.has-usp:after {
  background-color: #EBF5E6;
}
#hero .inverted-arrow:before {
  right: 50%;
  transform-origin: 100% 100%;
  transform: skewX(45deg);
}
#hero .inverted-arrow:after {
  left: 50%;
  transform-origin: 0 100%;
  transform: skewX(-45deg);
}
#hero .usp-container {
  display: grid;
  width: 100%;
  background-color: #EBF5E6;
  justify-items: start;
}
@media (min-width: 960px) {
  #hero .usp-container {
    justify-items: center;
  }
}
#hero .usp-container .usp-content {
  width: 100%;
}
#hero .usp-container .usp-content > ul {
  display: grid;
  margin: 0;
  list-style: none;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
  padding: 0 0 1.5rem 1rem;
}
@media (max-width: 290px) {
  #hero .usp-container .usp-content > ul {
    grid-template-columns: auto;
  }
}
#hero .usp-container .usp-content > ul li {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
}
#hero .usp-container .usp-content img {
  min-width: 1.875rem;
  height: 1.875rem;
  margin-right: 1.25rem;
}
@media (min-width: 960px) {
  #hero .usp-container .usp-content img {
    min-width: 3.75rem;
    height: 3.75rem;
    margin-right: 1.4rem;
  }
}
#hero .height-container {
  display: grid;
  align-items: end;
  width: 100%;
  height: 100%;
}
@media (min-width: 960px) {
  #hero .height-container {
    width: 100%;
  }
}
#hero .height-container .xhtml {
  min-height: 6.25rem;
}
#hero .height-container .xhtml img {
  max-width: 80%;
}
#hero .height-container .xhtml img.partner-logo {
  margin-top: 0.55rem;
  margin-bottom: 0.55rem;
  width: unset;
  max-width: 70%;
  max-height: 6.25rem;
}
@media (min-width: 600px) {
  #hero .height-container .xhtml img.partner-logo {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem;
    max-width: 26.25rem;
    max-height: 7.5rem;
  }
}
#hero .height-container .xhtml.none,
#hero .height-container .xhtml.raster-color-svart,
#hero .height-container .xhtml.raster-color-vit {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
@media (max-width: 290px) {
  #hero .height-container .xhtml.none,
  #hero .height-container .xhtml.raster-color-svart,
  #hero .height-container .xhtml.raster-color-vit {
    padding: 1rem 0.6rem 0 1.25rem;
  }
}
@media (min-width: 600px) {
  #hero .height-container .xhtml.none,
  #hero .height-container .xhtml.raster-color-svart,
  #hero .height-container .xhtml.raster-color-vit {
    padding: 1rem 1.25rem 2rem 1.25rem;
  }
}
@media (min-width: 960px) {
  #hero .height-container .xhtml.none,
  #hero .height-container .xhtml.raster-color-svart,
  #hero .height-container .xhtml.raster-color-vit {
    padding: 1rem 1.25rem 2rem 1.25rem;
  }
}
#hero .height-container .xhtml.raster-color-svart {
  background-color: rgba(34, 34, 34, 0.8);
}
#hero .height-container .xhtml.raster-color-vit {
  background-color: rgba(255, 255, 255, 0.8);
}
#hero .height-container.centrerad {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
  text-align: center;
  margin-top: 2.5rem;
  max-width: 52.5rem;
  height: 100%;
}
@media (min-width: 600px) {
  #hero .height-container.centrerad {
    height: unset;
    margin-top: 3rem;
  }
}
@media (min-width: 960px) {
  #hero .height-container.centrerad {
    padding: 0.625rem;
    margin-top: 3.5rem;
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    width: calc(100%/12*8 + 2rem);
  }
}
#hero .height-container.centrerad .hero-block-button-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-auto-flow: row;
  row-gap: 1rem;
}
@media (min-width: 600px) {
  #hero .height-container.centrerad .hero-block-button-wrapper {
    grid-template-rows: 1fr;
    grid-auto-flow: column;
  }
}
#hero .height-container.centrerad .hero-block-button-wrapper .buttons {
  justify-content: unset;
}
#hero .height-container.centrerad .hero-block-button-wrapper .hero-block-button,
#hero .height-container.centrerad .hero-block-button-wrapper .button-block {
  justify-content: center;
  margin: 0;
}
#hero .height-container.centrerad .button {
  display: inline-grid;
}
#hero .height-container.left {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  align-items: end;
  max-width: 52.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 600px) {
  #hero .height-container.left {
    height: unset;
    margin-top: 3rem;
  }
}
@media (min-width: 960px) {
  #hero .height-container.left {
    padding: 0.625rem;
    margin-top: 3.5rem;
  }
}
#hero .height-container.left .hero-block-button-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-auto-flow: row;
  row-gap: 1rem;
}
@media (min-width: 600px) {
  #hero .height-container.left .hero-block-button-wrapper {
    grid-template-rows: 1fr;
    grid-auto-flow: column;
  }
}
#hero .height-container.left .hero-block-button-wrapper .buttons {
  justify-content: unset;
}
#hero .height-container.left .hero-block-button-wrapper .hero-block-button,
#hero .height-container.left .hero-block-button-wrapper .button-block {
  justify-content: center;
}
#hero .height-container.left .button {
  display: inline-grid;
}
#hero .height-container.kolumner {
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: end;
  text-align: center;
  margin-top: 7.5rem;
  padding: 1.25rem;
}
#hero .height-container.kolumner.raster-color-svart {
  background-color: rgba(34, 34, 34, 0.8);
}
#hero .height-container.kolumner.raster-color-vit {
  background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 290px) {
  #hero .height-container.kolumner.raster-color-svart,
  #hero .height-container.kolumner.raster-color-vit {
    padding: 0.625rem;
  }
}
@media (min-width: 600px) {
  #hero .height-container.kolumner.raster-color-svart,
  #hero .height-container.kolumner.raster-color-vit {
    padding: 2rem;
  }
}
@media (min-width: 600px) {
  #hero .height-container.kolumner {
    grid-template-rows: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem;
    text-align: unset;
    row-gap: 1rem;
    justify-content: space-between;
    padding-right: 0.625rem;
  }
}
@media (min-width: 960px) {
  #hero .height-container.kolumner {
    grid-template-columns: 1fr min-content;
    grid-template-rows: auto;
    column-gap: 3rem;
  }
}
@media (min-width: 1340px) {
  #hero .height-container.kolumner {
    margin: 0;
    margin-top: 15rem;
  }
}
#hero .height-container.kolumner .kolumn-left {
  display: grid;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}
@media (min-width: 600px) {
  #hero .height-container.kolumner .kolumn-left {
    grid-column: auto;
    text-align: unset;
  }
}
@media (min-width: 960px) {
  #hero .height-container.kolumner .kolumn-left {
    grid-row: 1 / 1;
    grid-column: 1 / 2;
  }
}
#hero .height-container.kolumner .kolumn-left > * {
  margin-bottom: 0;
}
#hero .height-container.kolumner .kolumn-right {
  display: grid;
  grid-row: 2 / 2;
  grid-column: 1 / 1;
  justify-content: center;
}
@media (min-width: 600px) {
  #hero .height-container.kolumner .kolumn-right {
    justify-content: unset;
    padding: 0;
  }
}
@media (min-width: 960px) {
  #hero .height-container.kolumner .kolumn-right {
    grid-row: 1 / 1;
    grid-column: 2 / 3;
  }
}
#hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper.hero-big-button {
  min-width: 5rem;
}
@media (min-width: 500px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper.hero-big-button {
    min-width: 19rem;
    padding: 0;
  }
}
#hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons {
  justify-content: start;
}
@media (min-width: 600px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons {
    grid-auto-flow: column;
  }
}
@media (min-width: 960px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons {
    grid-auto-flow: row;
    justify-content: start;
  }
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons > div:not(:first-child) {
    margin-left: 0;
  }
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons > div:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 960px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons > * {
    margin: 0 auto;
  }
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .buttons > * + * {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .hero-block-button,
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .button-block {
    padding-top: 0.625rem;
  }
}
@media (min-width: 960px) {
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .hero-block-button + .hero-block-button,
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .button-block + .hero-block-button,
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .hero-block-button + .button-block,
  #hero .height-container.kolumner .kolumn-right .hero-block-button-wrapper .button-block + .button-block {
    margin-top: 0.25rem;
  }
}
#hero .height-container.kolumner .kolumn-right .button {
  display: inline-grid;
}
#hero .rosa-cirkel {
  position: absolute;
  z-index: -1;
  background-color: #FDEBEB;
  right: -26.66666667vw;
  top: -40vw;
  width: 80vw;
  height: 80vw;
  border-radius: 80vw;
}
@media (min-width: 1340px) {
  #hero .rosa-cirkel {
    width: 62.5rem;
    height: 62.5rem;
    border-radius: 62.5rem;
    top: -31.25rem;
    right: -18.75rem;
  }
}
#hero .background-color-rosaformer {
  display: grid;
  margin-bottom: 40px;
}
@media (min-width: 960px) {
  #hero .background-color-rosaformer {
    margin-bottom: 150px;
  }
}
#hero .background-color-rosaformer .rosa-former-content-section {
  z-index: 1;
}
#hero .background-color-rosaformer .rosa-former-content-section,
#hero .background-color-rosaformer .kolumner,
#hero .background-color-rosaformer .left {
  grid-row: 1 / 1;
  grid-column: 1 / 12;
  max-width: 82.5rem;
  align-items: center;
}
@media (min-width: 960px) {
  #hero .background-color-rosaformer .rosa-former-content-section,
  #hero .background-color-rosaformer .kolumner,
  #hero .background-color-rosaformer .left {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 33rem;
  }
}
@media (min-width: 1340px) {
  #hero .background-color-rosaformer .rosa-former-content-section,
  #hero .background-color-rosaformer .kolumner,
  #hero .background-color-rosaformer .left {
    margin-left: auto;
    margin-right: auto;
    width: 90rem;
  }
}
#hero .background-color-rosaformer .rosa-former-content-section .pink-bottom,
#hero .background-color-rosaformer .kolumner .pink-bottom,
#hero .background-color-rosaformer .left .pink-bottom {
  position: absolute;
  overflow: hidden;
  height: 50px;
  bottom: -10px;
  width: 100%;
  left: 0;
  z-index: -2;
}
@media (min-width: 960px) {
  #hero .background-color-rosaformer .rosa-former-content-section .pink-bottom,
  #hero .background-color-rosaformer .kolumner .pink-bottom,
  #hero .background-color-rosaformer .left .pink-bottom {
    height: 125px;
    bottom: -5px;
    margin-bottom: 30px;
  }
}
#hero .background-color-rosaformer .rosa-former-content-section .pink-bottom .bottom-pink-half-circle,
#hero .background-color-rosaformer .kolumner .pink-bottom .bottom-pink-half-circle,
#hero .background-color-rosaformer .left .pink-bottom .bottom-pink-half-circle {
  display: block;
  position: absolute;
  width: 100%;
}
#hero .background-color-rosaformer .rosa-former-content-section .pink-bottom .bottom-pink-half-circle ellipse,
#hero .background-color-rosaformer .kolumner .pink-bottom .bottom-pink-half-circle ellipse,
#hero .background-color-rosaformer .left .pink-bottom .bottom-pink-half-circle ellipse {
  fill: #FDEBEB;
  transform: scaleY(0.27);
}
@media (min-width: 960px) {
  #hero .background-color-rosaformer .rosa-former-content-section .pink-bottom .bottom-pink-half-circle ellipse,
  #hero .background-color-rosaformer .kolumner .pink-bottom .bottom-pink-half-circle ellipse,
  #hero .background-color-rosaformer .left .pink-bottom .bottom-pink-half-circle ellipse {
    transform: scaleY(1);
  }
}
#hero .background-color-rosaformer .kolumner {
  margin-top: 0;
  padding: 1rem;
}
#hero #rosa-former-svg-container {
  position: absolute;
  max-width: 82.5rem;
  width: 100%;
  height: 100%;
}
@media (min-width: 1340px) {
  #hero #rosa-former-svg-container {
    width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#hero #rosa-former-svg-container .skydiver {
  position: absolute;
  right: -5%;
  top: 60%;
  width: 10rem;
}
@media (min-width: 600px) {
  #hero #rosa-former-svg-container .skydiver {
    right: 3%;
    width: 12rem;
  }
}
@media (min-width: 960px) {
  #hero #rosa-former-svg-container .skydiver {
    top: 70%;
    width: 22rem;
  }
}
#hero #rosa-former-svg-container .extra-small-circle {
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background-color: white;
}
#hero #rosa-former-svg-container .small-circle {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
  background-color: white;
}
#hero #rosa-former-svg-container .medium-circle {
  position: absolute;
  width: 4.815rem;
  height: 4.815rem;
  border-radius: 4.815rem;
  background-color: white;
}
#hero #rosa-former-svg-container .large-circle {
  position: absolute;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  background-color: white;
}
#hero #rosa-former-svg-container .extra-large-circle {
  position: absolute;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  background-color: white;
}
#hero #rosa-former-svg-container .mega-circle {
  position: absolute;
  width: 8.3125rem;
  height: 8.3125rem;
  border-radius: 8.3125rem;
  background-color: white;
}
#hero #rosa-former-svg-container .half-opacity {
  opacity: 0.5;
}
#hero #rosa-former-svg-container .top-left {
  left: 1%;
  top: 3%;
}
#hero #rosa-former-svg-container .top-middle-left {
  left: 30%;
  top: 1%;
}
#hero #rosa-former-svg-container .top-middle-right {
  right: 34%;
  top: 3%;
}
#hero #rosa-former-svg-container .top-right {
  right: 2%;
  top: 8%;
}
#hero #rosa-former-svg-container .middle-left {
  left: 12%;
  top: 50%;
}
#hero #rosa-former-svg-container .middle-right {
  right: 7%;
  top: 69%;
}
@media (min-width: 960px) {
  #hero #rosa-former-svg-container .middle-right {
    top: 60%;
  }
}
#hero #rosa-former-svg-container .bottom-left {
  left: 25%;
  top: 90%;
}
#hero #rosa-former-svg-container .bottom-middle-left {
  right: 45%;
  top: 89%;
}
#hero #rosa-former-svg-container .bottom-middle-right {
  right: 30%;
  top: 80%;
}
#hero #rosa-former-svg-container .bottom-right {
  right: 15%;
  top: 85%;
}
.partner-page #hero h1 {
  font-size: 1.625rem;
}
@media (min-width: 960px) {
  .partner-page #hero h1 {
    font-size: 2.5rem;
  }
}
.partner-page #hero .height-container.centrerad {
  margin-top: 0;
}
#hero ~ .grid-module-layout {
  margin-top: 2.5rem;
}
#hero ~ .grid-module-container-layout ~ .grid-module-layout,
#hero ~ .grid-module-container-layout ~ .grid-module-container-layout {
  margin-top: 0;
}
.start-page #hero {
  margin-bottom: 1rem;
}
.start-page #hero .height-container .centrerad {
  height: 20rem;
  padding: 0;
}
.start-page #hero ~ .grid-module-container-layout ~ .grid-module-layout {
  margin-top: 2.5rem;
}
.start-page #hero ~ .grid-module-layout {
  margin-top: 0.3rem;
}
.article-page .grid-module-layout,
.content-page .grid-module-layout {
  margin-top: 0.875rem;
}
@media (min-width: 600px) {
  .article-page .grid-module-layout,
  .content-page .grid-module-layout {
    margin-top: 1.25rem;
  }
}
.article-page #hero ~ .grid-module-container-layout ~ .grid-module-layout,
.content-page #hero ~ .grid-module-container-layout ~ .grid-module-layout {
  margin-top: 0;
}
.text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.text.background-color-vit .content,
.text.background-color-hav .content,
.text.background-color-smultron .content,
.text.background-color-skog .content,
.text.background-color-mellanskog .content,
.text.background-color-kol .content {
  margin: 2.5rem 1.25rem;
}
.text .content {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  position: relative;
}
.text .content .xhtml h2:first-child,
.text .content .xhtml .rubrik-h3:first-child {
  margin-top: 0;
}
@media (min-width: 960px) {
  .text {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
  .text.background-color-vit,
  .text.background-color-hav,
  .text.background-color-smultron,
  .text.background-color-skog,
  .text.background-color-mellanskog,
  .text.background-color-kol {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
  .text.background-color-vit .content,
  .text.background-color-hav .content,
  .text.background-color-smultron .content,
  .text.background-color-skog .content,
  .text.background-color-mellanskog .content,
  .text.background-color-kol .content {
    margin: 2.5rem 2.5rem;
  }
}
.information {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.information .icon {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}
.information .icon img {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  top: -0.938rem;
  right: calc(-100%/12*11);
}
.information .content {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  margin: 2.5rem 1.25rem;
}
.information .content h2,
.information .content h3,
.information .content table caption {
  margin-bottom: 0.625rem;
}
@media (min-width: 600px) {
  .information .icon img {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    top: -1.938rem;
    right: calc(-100%/12*11);
  }
}
@media (min-width: 960px) {
  .information {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
  .information .icon img {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    top: -1.563rem;
    right: calc(-100%/12*11.4);
  }
  .information .content {
    margin: 2.5rem 2.5rem;
  }
}
.large-teaser {
  display: grid;
  justify-content: center;
}
.large-teaser .buttons {
  margin-top: 1.875rem;
}
.large-teaser.with-image {
  margin-top: 30vw;
}
.large-teaser.with-image[class*="background-"],
.large-teaser.text-center[class*="background-"] {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
.large-teaser.with-image[class*="background-"] {
  margin-top: 22vw;
}
.large-teaser .kolumner {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 12fr;
  grid-template-areas: 'image' 'content';
  text-align: center;
}
.large-teaser .kolumner .content {
  grid-area: content;
  margin: 1.55rem 1.25rem;
}
.large-teaser .kolumner .content p {
  margin-bottom: 10px;
}
.large-teaser .kolumner .content p.category-heading {
  font-size: 0.75rem;
  margin-block-start: 0.1em;
}
.large-teaser .kolumner .image {
  grid-area: image;
  padding: 0;
  margin: 0.313rem;
}
.large-teaser .kolumner .image figure {
  display: grid;
  margin: 0;
}
.large-teaser .kolumner .image figure.with-utstickande {
  margin-top: 0;
  margin-bottom: 0;
}
.large-teaser .kolumner .image figure.with-utstickande img {
  margin-top: -24vw;
  height: 65vw;
  justify-self: center;
}
.large-teaser .kolumner .image figure.with-cirkel {
  margin-top: 0;
  margin-bottom: 0;
}
.large-teaser .kolumner .image figure.with-cirkel img {
  margin-top: -24vw;
  border-radius: 50%;
  justify-self: center;
  align-self: center;
  width: 65%;
}
.large-teaser.text-center .kolumner {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: 'content';
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 290px) {
  .large-teaser .kolumner .content {
    margin: 0.3rem;
  }
}
@media (min-width: 600px) {
  .large-teaser {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
  .large-teaser.with-image {
    margin-top: 7vw;
  }
  .large-teaser.with-image[class*="background-"],
  .large-teaser.text-center[class*="background-"] {
    margin-top: 0;
    padding-top: 1.875rem;
    padding-bottom: 1.95rem;
  }
  .large-teaser.with-utstickande[class*="background-"] {
    margin-top: 1.5rem;
  }
  .large-teaser h2 {
    margin-bottom: 10px;
  }
  .large-teaser .kolumner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 7fr 5fr;
    grid-template-areas: 'content image';
    text-align: left;
  }
  .large-teaser .kolumner .content {
    grid-area: content;
    margin: 1rem;
  }
  .large-teaser .kolumner .content p.category-heading {
    font-size: 0.875rem;
    letter-spacing: 0.031rem;
  }
  .large-teaser .kolumner .image {
    display: grid;
    grid-area: image;
    width: 80%;
    align-self: center;
  }
  .large-teaser .kolumner .image figure {
    margin: 0;
  }
  .large-teaser .kolumner .image figure.with-utstickande {
    height: auto;
  }
  .large-teaser .kolumner .image figure.with-utstickande img {
    margin-top: 0;
    height: auto;
    justify-self: center;
  }
  .large-teaser .kolumner .image figure.with-cirkel {
    margin-top: 0;
    margin-bottom: 0;
  }
  .large-teaser .kolumner .image figure.with-cirkel img {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 50%;
    justify-self: center;
    align-self: center;
    width: unset;
  }
  .large-teaser.text-center .kolumner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: 'content';
    text-align: center;
    max-width: calc(100%/12*10);
    margin-left: auto;
    margin-right: auto;
    min-width: 37rem;
  }
}
@media (min-width: 960px) {
  .large-teaser.with-image {
    margin-top: 2.5vw;
  }
  .large-teaser .kolumner {
    grid-template-columns: 7fr 4fr;
    padding: 0 3rem;
  }
  .large-teaser .kolumner .content {
    margin: 1.5rem;
  }
  .large-teaser .kolumner .image {
    grid-area: image;
    width: unset;
  }
  .large-teaser .kolumner .image figure {
    margin: 0;
  }
  .large-teaser .kolumner .image figure.with-utstickande {
    margin-top: -4.125rem;
    margin-bottom: -4.125rem;
  }
  .large-teaser .kolumner .image figure.with-utstickande img {
    margin-top: 0;
    margin-bottom: 0;
    justify-self: center;
  }
  .large-teaser .kolumner .image figure.with-cirkel img {
    width: unset;
  }
}
@media (min-width: 1340px) {
  .large-teaser .kolumner {
    margin: 0 5rem;
  }
  .large-teaser .kolumner .content {
    margin: 1.7rem;
  }
}
.mosaic-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 1fr minmax(300px, 350px) 1fr auto;
  grid-template-areas: "puff1 puff2" "image-puff image-puff" "puff3 circle-puff" "button-puff button-puff";
  gap: 0.625rem;
}
.mosaic-layout.edit {
  max-height: 90rem;
}
@media (max-width: 290px) {
  .mosaic-layout {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto auto minmax(300px, 350px) auto;
    grid-template-areas: "puff1" "puff2" "image-puff" "puff3" "circle-puff" "button-puff";
    max-height: max-content;
    gap: 0.25rem;
  }
}
@media (min-width: 600px) {
  .mosaic-layout {
    gap: 1.25rem;
    max-height: max-content;
  }
}
@media (min-width: 960px) {
  .mosaic-layout {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 1fr) 1fr auto;
    grid-template-areas: "puff1 puff2 puff3" "image-puff image-puff circle-puff" "image-puff image-puff circle-puff" "button-puff button-puff button-puff";
    gap: 2.5rem;
  }
}
.mosaic-layout p {
  font-weight: 900;
  color: #4D7373;
  margin: 0;
}
.mosaic-layout p.big-bread {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
@media (max-width: 600px) {
  .mosaic-layout p.big-bread {
    font-size: 0.875rem;
  }
}
.mosaic-layout .puff1 {
  grid-area: puff1;
}
.mosaic-layout .puff2 {
  grid-area: puff2;
}
.mosaic-layout .puff3 {
  grid-area: puff3;
}
.mosaic-layout .image-puff {
  grid-area: image-puff;
}
.mosaic-layout .circle-puff {
  grid-area: circle-puff;
}
.mosaic-layout .button-puff {
  display: grid;
  max-width: max-content;
  font-size: 0.75rem;
  font-weight: 900;
  min-width: 7.813rem;
  min-height: 3.125rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  grid-auto-flow: column;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  border-radius: 2.188rem;
  background-color: white;
  border: none;
  cursor: pointer;
  line-height: 1;
  color: #4D7373;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  max-height: 3.5rem;
  align-content: center;
  border: solid 2px transparent;
  min-height: unset;
  grid-area: button-puff;
  justify-self: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  margin: 2.5rem 0 0 0;
}
.mosaic-layout .button-puff:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.mosaic-layout .button-puff:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.mosaic-layout .button-puff .spinner {
  left: 1.563rem;
}
.mosaic-layout .button-puff .spinner + div {
  margin-left: 1.25rem;
}
@media (min-width: 600px) {
  .mosaic-layout .button-puff {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    min-width: 10rem;
  }
  .mosaic-layout .button-puff .spinner {
    left: 1.875rem;
  }
}
@media (min-width: 960px) {
  .mosaic-layout .button-puff {
    padding: 1.438rem 1.5rem;
    font-size: 0.875rem;
  }
}
.mosaic-layout .button-puff .icon {
  height: 50%;
  margin-left: -5px;
  height: 2.1rem;
  max-width: 3.125rem;
  min-width: unset;
}
.mosaic-layout .button-puff span {
  line-height: normal;
}
.mosaic-layout .button-puff > * + * {
  padding-left: 5px;
}
.mosaic-layout .button-puff.button-round {
  display: block;
  text-align: center;
  padding: 0;
  min-width: 0;
  width: 2.5rem;
  height: 2.5rem;
  min-height: 0;
  position: relative;
}
.mosaic-layout .button-puff.button-round .icon {
  margin: 0.625rem;
  min-width: 1.5rem;
}
@media (min-width: 960px) {
  .mosaic-layout .button-puff.button-round {
    width: 3.75rem;
    height: 3.75rem;
  }
  .mosaic-layout .button-puff.button-round .icon {
    margin: 1.25rem;
  }
}
.mosaic-layout .button-puff.button-big {
  min-height: 50px;
  width: 100%;
  padding: 0 20px;
  border-radius: 10px;
  text-transform: none;
}
.mosaic-layout .button-puff.button-big > * + * {
  padding-left: 15px;
}
.mosaic-layout .button-puff.button-big span {
  white-space: normal;
}
.mosaic-layout .button-puff.button-big .icon {
  height: 30px;
  max-width: 40px;
  margin: 0;
}
@media (min-width: 960px) {
  .mosaic-layout .button-puff.button-big {
    min-height: 70px;
  }
  .mosaic-layout .button-puff.button-big .icon {
    height: 40px;
    max-width: 50px;
  }
}
.mosaic-layout .button-puff.button-arrow {
  padding: 0;
  min-width: 0;
  width: 60px;
  height: 60px;
  position: relative;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.mosaic-layout .button-puff.button-arrow svg {
  padding: 6px 3px 6px 6px;
  fill: #4D7373;
  height: 2.125rem;
}
.mosaic-layout .button-puff.button-arrow.button-arrow-back svg {
  transform: rotate(180deg);
  padding: 6px 3px 6px 6px;
}
.mosaic-layout .button-puff.invalid {
  outline: none !important;
  border: 1px solid #C33C3C;
}
.mosaic-layout .button-puff.invalid:focus-visible,
.mosaic-layout .button-puff.invalid:focus {
  outline: none !important;
  border: 2px solid #222222;
}
.mosaic-layout .button-puff:focus-visible {
  outline: none !important;
  border-color: #222222;
}
.mosaic-layout .numbered-puff {
  padding: 0;
  background: none;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  height: fit-content;
}
.mosaic-layout .numbered-puff:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.mosaic-layout .numbered-puff:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
@media (min-width: 500px) {
  .mosaic-layout .numbered-puff {
    height: unset;
  }
}
.mosaic-layout .numbered-puff .content {
  padding: 1.25rem;
}
@media (max-width: 290px) {
  .mosaic-layout .numbered-puff .content {
    padding: 0.2rem;
  }
}
@media (min-width: 960px) {
  .mosaic-layout .numbered-puff .content {
    padding: 1.25rem;
  }
}
.mosaic-layout .numbered-puff img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 6.25rem;
  max-height: 7.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
@media (min-width: 600px) {
  .mosaic-layout .numbered-puff img {
    min-height: 12.5rem;
    max-height: 12.5rem;
  }
}
.mosaic-layout .image-puff {
  position: relative;
  margin-bottom: 1.25rem;
  margin-right: 0.5rem;
}
@media (min-width: 960px) {
  .mosaic-layout .image-puff {
    margin-bottom: unset;
    margin-right: unset;
  }
}
.mosaic-layout .image-puff:hover img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.mosaic-layout .image-puff img {
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mosaic-layout .image-puff .text-block {
  position: absolute;
  bottom: -0.625rem;
  right: -0.625rem;
  max-width: 50%;
  padding: 0.938rem;
  background-color: #EBF5E6;
  box-sizing: border-box;
}
@media (min-width: 960px) {
  .mosaic-layout .image-puff .text-block {
    bottom: -1.25rem;
    right: -1.25rem;
    padding: 1.25rem;
  }
}
.mosaic-layout .circle-puff {
  display: grid;
  aspect-ratio: 1 / 1;
  padding: 2vw;
  justify-items: center;
  justify-self: center;
  align-content: center;
  align-self: center;
  text-align: center;
  background-color: #FDEBEB;
  border-radius: 100%;
  max-width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.mosaic-layout .circle-puff:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.mosaic-layout .circle-puff:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
@media (min-width: 600px) {
  .mosaic-layout .circle-puff {
    padding: 8%;
  }
}
@media (min-width: 960px) {
  .mosaic-layout .circle-puff {
    max-width: 100%;
    padding: 10%;
  }
}
.mosaic-layout .circle-puff p.huge-text {
  font-size: 3rem;
  line-height: 1;
  white-space: nowrap;
  width: fit-content;
}
@media (min-width: 600px) {
  .mosaic-layout .circle-puff p.huge-text {
    font-size: 6rem;
  }
}
@media (min-width: 960px) {
  .mosaic-layout .circle-puff p.huge-text {
    font-size: 6.5rem;
  }
}
@media (min-width: 1340px) {
  .mosaic-layout .circle-puff p.huge-text {
    font-size: 8.125rem;
  }
}
.partnerlist {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2fr;
}
.partnerlist.background-color-vit,
.partnerlist.background-color-hav,
.partnerlist.background-color-smultron,
.partnerlist.background-color-skog,
.partnerlist.background-color-mellanskog,
.partnerlist.background-color-kol {
  padding: 1rem 0;
}
.partnerlist .text-center {
  width: auto;
  justify-self: center;
  text-align: center;
  grid-row: 1 / 1;
}
.partnerlist .content {
  grid-row: 2 / 2;
  grid-column: 1 / 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.partnerlist .content .content-list {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  display: grid;
}
.partnerlist .content .content-list .slide-container {
  transition-duration: 200ms;
  transition-property: transform;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(100%/12*8);
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
.partnerlist .content .content-list .slide-container > * {
  transition-property: transform;
}
.partnerlist .content .content-list.four-columns {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  display: none;
}
.partnerlist .content .content-list.three-columns {
  display: grid;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  z-index: 1;
}
.partnerlist .content .content-list .button-container {
  display: grid;
  grid-auto-flow: column;
  margin: 0 0.313rem 0.313rem;
}
.partnerlist .content .content-list .navigate-buttons {
  display: none;
}
@media (min-width: 600px) {
  .partnerlist.background-color-vit,
  .partnerlist.background-color-hav,
  .partnerlist.background-color-smultron,
  .partnerlist.background-color-skog,
  .partnerlist.background-color-mellanskog,
  .partnerlist.background-color-kol {
    padding: 2rem 1rem;
  }
  .partnerlist .content .content-list .slide-container {
    grid-auto-columns: calc(100%/12*5);
  }
}
@media (min-width: 960px) {
  .partnerlist.background-color-vit,
  .partnerlist.background-color-hav,
  .partnerlist.background-color-smultron,
  .partnerlist.background-color-skog,
  .partnerlist.background-color-mellanskog,
  .partnerlist.background-color-kol {
    padding: 2rem;
  }
  .partnerlist .text-center {
    width: calc(82.5rem/12*8 - 5rem);
    justify-self: center;
    text-align: center;
    grid-row: 1 / 1;
  }
  .partnerlist .content {
    padding: 0.25rem;
  }
  .partnerlist .content .content-list {
    overflow: hidden;
    margin: -1.25rem;
  }
  .partnerlist .content .content-list .slide-container {
    transition-property: transform;
    transition-duration: 600ms;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-x: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: unset;
    grid-auto-columns: calc(100%/12*4);
  }
  .partnerlist .content .content-list .button-container {
    margin: 0 1.25rem 1.25rem;
  }
  .partnerlist .content .content-list .navigate-buttons {
    display: grid;
    grid-auto-flow: column;
    justify-self: end;
  }
  .partnerlist .content .content-list .navigate-buttons button {
    display: block;
    margin-left: 1rem;
    margin-right: 1.2rem;
  }
  .partnerlist .content .content-list .navigate-buttons .button-arrow {
    margin-right: 0;
  }
}
@media (min-width: 1340px) {
  .partnerlist .content .content-list .slide-container {
    grid-auto-columns: calc(100%/12*3);
  }
  .partnerlist .content .content-list.four-columns {
    display: grid;
  }
  .partnerlist .content .content-list.three-columns {
    display: none;
  }
}
.partner-list-page-layout {
  display: grid;
  margin-bottom: 2rem;
}
.partner-list-page-layout .xhtml {
  width: auto;
  justify-self: center;
  text-align: center;
  grid-row: 1 / 1;
  padding: 1rem;
}
@media (min-width: 960px) {
  .partner-list-page-layout .xhtml {
    width: auto;
    grid-row: 1 / 1;
    padding: 1rem;
    justify-self: left;
    text-align: left;
  }
}
.partner-list-page-layout .text-center {
  width: auto;
  justify-self: center;
  text-align: center;
  grid-row: 1 / 1;
  padding: 1rem;
}
.partner-list-page-layout .content {
  grid-row: 2 / 2;
  grid-column: 1 / 1;
  align-items: end;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.partner-list-page-layout .content .content-list {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  display: grid;
}
.partner-list-page-layout .content .content-list .container {
  display: grid;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
  grid-template-columns: repeat(2, minmax(1rem, 1fr));
}
@media (max-width: 290px) {
  .partner-list-page-layout .content .content-list .container {
    grid-template-columns: repeat(1, minmax(1rem, 1fr));
  }
}
@media (min-width: 600px) {
  .partner-list-page-layout .content .content-list .container {
    grid-template-columns: repeat(2, minmax(1rem, 1fr));
  }
}
@media (min-width: 960px) {
  .partner-list-page-layout .content .content-list .container {
    grid-template-columns: repeat(4, minmax(1rem, 1fr));
  }
}
.partner-list-page-layout .content .content-list .container .partner-box {
  min-height: 7rem;
  cursor: pointer;
}
.partner-list-page-layout .content .content-list .container .partner-box figure img {
  max-width: 7rem;
}
@media (min-width: 600px) {
  .partner-list-page-layout .content .content-list .container .partner-box {
    height: 12.5rem;
  }
  .partner-list-page-layout .content .content-list .container .partner-box figure img {
    max-width: 10rem;
  }
}
@media (min-width: 960px) {
  .partner-list-page-layout .content .content-list .container .partner-box {
    height: 13.125rem;
    margin: 1.25rem;
  }
}
.partner-list-page-layout .content .show-more-button {
  margin-top: 0.5rem;
  justify-content: center;
  text-align: center;
  display: flex;
  box-sizing: inherit;
}
.partner-list-page-layout .text-bottom {
  padding: 0.5rem;
}
@media (min-width: 960px) {
  .partner-list-page-layout {
    margin-bottom: 4rem;
  }
  .partner-list-page-layout .text-center {
    width: calc(82.5rem/12*8 - 5rem);
    justify-self: center;
    text-align: center;
    grid-row: 1 / 1;
  }
  .partner-list-page-layout .content .content-list {
    padding: 1.25rem;
    margin: -1.25rem;
  }
}
header.header {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 100;
  width: 100%;
  overflow-x: clip;
}
header.header .menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -99;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1340px) {
  header.header .menu-overlay.desktop {
    display: none;
  }
}
@media (min-width: 1340px) {
  header.header .menu-overlay.mobile {
    display: none;
  }
}
@media (max-width: 1340px) {
  header.header .mobile-menu-open-close {
    display: grid;
  }
}
@media (min-width: 1340px) {
  header.header .mobile-menu-open-close {
    display: none;
  }
}
header.header .website-banner-message {
  display: grid;
  background-color: #4D7373;
  width: 100%;
  padding: 1rem 0;
}
header.header .website-banner-message .banner-message-content {
  display: grid;
  max-width: 82.5rem;
  width: 100%;
  justify-self: center;
  grid-template-areas: "logo text";
  grid-template-columns: min-content auto;
  gap: 1.125rem;
  padding: 0 1.25rem;
}
@media (min-width: 600px) {
  header.header .website-banner-message .banner-message-content {
    padding: 0 1.25rem;
  }
}
@media (min-width: 960px) {
  header.header .website-banner-message .banner-message-content {
    padding: 0 1.25rem;
  }
}
@media (min-width: 1340px) {
  header.header .website-banner-message .banner-message-content {
    padding: 0 1.25rem;
  }
}
header.header .website-banner-message .banner-message-content .information-logo {
  display: grid;
  grid-area: logo;
  background: url(../Assets/Static/Images/information.svg);
  width: 1.25rem;
  height: 1.25rem;
  align-self: center;
}
header.header .website-banner-message .banner-message-content .banner-text {
  grid-area: text;
}
header.header .website-banner-message p,
header.header .website-banner-message h1,
header.header .website-banner-message h2,
header.header .website-banner-message h3,
header.header .website-banner-message h4,
header.header .website-banner-message a,
header.header .website-banner-message table caption {
  color: white;
  margin: 0;
}
header.header .website-banner-message a {
  text-decoration: underline;
  font-weight: 700;
}
header.header .header-container {
  display: grid;
  width: 100%;
  min-height: 4.125rem;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
header.header .header-layout {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  max-width: 82.5rem;
  width: 100%;
  justify-self: center;
  justify-content: space-between;
  padding: 1rem 0.75rem 0 1.25rem;
  row-gap: 1.125rem;
  background-color: #FFFFFF;
}
@media (min-width: 600px) {
  header.header .header-layout {
    padding: 1.5rem 0.25rem 0 1.25rem;
  }
}
@media (min-width: 960px) {
  header.header .header-layout {
    padding: 1rem 0.25rem 0.4rem 1.25rem;
  }
}
@media (min-width: 1340px) {
  header.header .header-layout {
    padding: 1.3rem 1.25rem 0.6rem 1.25rem;
  }
}
header.header .header-layout .bliwa-logo {
  margin: 0;
  cursor: pointer;
  width: 4.75rem;
  height: 1.25rem;
}
@media (min-width: 960px) {
  header.header .header-layout .bliwa-logo {
    margin-top: 8px;
    width: 7.25rem;
    height: 1.938rem;
  }
}
header.header .header-layout .application-version {
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.4);
  display: none;
}
header.header .header-layout .mega-menu-and-buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1.8rem;
  margin-left: auto;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu {
  display: none;
}
@media (min-width: 1340px) {
  header.header .header-layout .mega-menu-and-buttons .mega-menu {
    display: grid;
    grid-auto-flow: column;
  }
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .is-selected {
  text-decoration: underline;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container {
  position: relative;
  align-items: center;
  display: grid;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .button,
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container button {
  min-height: 20px;
  padding: 0 10px;
  min-width: auto;
  max-height: 2.2rem;
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .button,
  header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container button {
    min-height: 3rem;
    min-width: auto;
    max-height: 2.2rem;
  }
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .mega-menu-button-content {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container a {
  display: grid;
  font-weight: 900;
  color: #4D7373;
  text-align: start;
  padding: 0.5625rem 1.5rem;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown {
  display: none;
  top: calc(100% + 0.6rem);
  position: absolute;
  border-radius: 0rem 0rem 0.625rem 0.625rem;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
  -webkit-animation: slideInTop 0.25s;
  -moz-animation: slideInTop 0.25s;
  -o-animation: slideInTop 0.25s;
  animation: slideInTop 0.25s;
  z-index: -1;
  padding-bottom: 0.625rem;
  backface-visibility: hidden;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown.with-partner-panel {
  z-index: unset;
  -webkit-animation: slideInFromAbove 0.25s;
  -moz-animation: slideInFromAbove 0.25s;
  -o-animation: slideInFromAbove 0.25s;
  animation: slideInFromAbove 0.25s;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown.is-visible {
  display: block;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .current-page-link {
  font-weight: 700;
  text-decoration: underline;
  padding: 0.9375rem 1.5rem;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .dropdown-item {
  display: grid;
  justify-content: space-between;
  gap: 1.5rem;
  grid-auto-flow: column;
  min-width: 18rem;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .two-columns {
  display: grid;
  grid-template-columns: min-content min-content;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .one-column a {
  white-space: nowrap;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .secondary-dropdown {
  display: none;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .secondary-dropdown.is-visible {
  display: block;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .secondary-dropdown ul {
  display: grid;
  border-radius: 0.625rem;
  padding-left: 1.25rem;
}
header.header .header-layout .mega-menu-and-buttons .mega-menu .mega-menu-item-container .primary-dropdown .secondary-dropdown ul .dropdown-item {
  min-width: 15rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .icon-button {
  padding: 0;
  min-width: 1.75rem;
  box-shadow: unset;
  border-radius: 0.5rem;
  min-height: 3rem;
}
@media (min-width: 600px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .icon-button {
    max-height: unset;
    min-height: 3rem;
  }
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .icon-button {
    min-height: unset;
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-logo {
  display: grid;
  height: 2.3rem;
  width: 2.1rem;
  margin-top: -15px;
  /**/
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-logo svg {
  width: 1.9rem;
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-logo {
    height: 3rem;
    width: 3.1rem;
    margin-top: -2px;
  }
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-logo svg {
    width: 3.1rem;
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-close {
  display: grid;
  height: 2.3rem;
  width: 2.1rem;
  margin-top: -35px;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-close svg {
  width: 1.9rem;
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-close {
    height: 3rem;
    width: 3.1rem;
    margin-top: -20px;
  }
  header.header .header-layout .mega-menu-and-buttons .mobile-menu-open-close .mobile-menu-close svg {
    width: 3.1rem;
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu {
  display: grid;
  width: 0;
}
@media (min-width: 1340px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu {
    display: none;
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 {
  position: absolute;
  height: calc(100vh - 100%);
  min-height: calc(100vh - 100%);
  width: 100vw;
  background-color: #EBF3F3;
  left: 0;
  top: 100%;
  z-index: -1;
  padding: 1rem 0.5rem;
  overflow-y: scroll;
  -webkit-animation: slideInRight 0.25s;
  -moz-animation: slideInRight 0.25s;
  animation: slideInRight 0.25s;
  display: none;
}
@media (min-width: 600px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 {
    width: 24.6875rem;
    height: fit-content;
    max-height: calc(100vh - 100%);
    min-height: 25rem;
    right: 0;
    left: unset;
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1.is-closed {
  -webkit-animation: slideOutRight 0.25s;
  -moz-animation: slideOutRight 0.25s;
  animation: slideOutRight 0.25s;
  transform: translateX(100%);
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1.is-visible {
  display: block;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .dropdown-menu-item {
  display: grid;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  max-width: unset;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .dropdown-menu-item span {
  font-size: 1rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .dropdown-submenu-item {
  display: grid;
  gap: 1.5rem;
  grid-auto-flow: column;
  justify-content: space-between;
  padding-left: 1.25rem;
  align-items: center;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .dropdown-submenu-item span {
  font-weight: 900;
  color: #4D7373;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item {
  padding: 0.5rem;
  height: 3.5rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item.is-expanded {
  background-color: #FFFFFF;
  border-radius: 0.625rem;
  height: unset;
  margin: 1rem 0;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .dropdown-menu-item {
  display: grid;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  max-width: unset;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .dropdown-menu-item span {
  font-size: 1rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 {
  display: grid;
  row-gap: 1.5rem;
}
@media (min-width: 1340px) {
  header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 {
    display: none;
  }
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 .submenu-level2 {
  display: grid;
  row-gap: 1.5rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 .submenu-level2.is-expanded {
  height: unset;
  margin-top: 0.7rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 .submenu-level2.is-closed {
  height: 0;
  display: none;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 .sub-menu-item.is-expanded {
  background-color: #EBF3F3;
  margin: -0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.75rem;
  height: unset;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1 .sub-menu-item .samlingssida-link-on-open {
  margin-left: -1.25rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .menu-item .submenu-level1.is-closed {
  display: none;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .final-page {
  border: unset;
  font-size: 1rem;
  padding: 0;
  max-width: unset;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .current-page-link a {
  font-weight: 700;
  text-decoration: underline;
  color: #4D7373;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .cta-buttons .button {
  padding: 1.25rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .cta-buttons .button.button-theme-none {
  padding: 0 0 0 1.25rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .cta-buttons span {
  font-size: 1rem;
}
header.header .header-layout .mega-menu-and-buttons .mobile-menu .mobile-menu-level1 .cta-buttons a {
  border-top: none;
  margin-top: 1.25rem;
}
header.header .header-layout .mega-menu-and-buttons .header-buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 0.5rem;
  overflow: hidden;
  justify-content: end;
  padding-left: 5px;
}
header.header .header-layout .mega-menu-and-buttons .header-buttons #button-4,
header.header .header-layout .mega-menu-and-buttons .header-buttons #button-3 {
  display: none;
}
@media (min-width: 600px) {
  header.header .header-layout .mega-menu-and-buttons .header-buttons {
    column-gap: 1rem;
    padding: 3px 2px 8px 7px;
  }
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .header-buttons {
    column-gap: 1.5rem;
    padding: 3px 2px 12px 7px;
  }
}
@media (min-width: 1340px) {
  header.header .header-layout .mega-menu-and-buttons .header-buttons #button-4,
  header.header .header-layout .mega-menu-and-buttons .header-buttons #button-3 {
    display: grid;
  }
}
header.header .header-layout .mega-menu-and-buttons .header-buttons .button {
  min-height: 1.25rem;
  padding: 0 0.5rem;
  min-width: auto;
  max-height: 2.2rem;
}
header.header .header-layout .mega-menu-and-buttons .header-buttons .button span {
  white-space: nowrap;
}
@media (min-width: 960px) {
  header.header .header-layout .mega-menu-and-buttons .header-buttons .button {
    padding: 1rem 1.3rem;
    min-height: 3rem;
    max-height: 2.2rem;
    min-width: auto;
  }
  header.header .header-layout .mega-menu-and-buttons .header-buttons .button.button-theme-none {
    padding: 1rem 0;
  }
}
header.header .partner-page-head-panel {
  background-color: #EBF3F3;
  display: grid;
  width: 100%;
}
header.header .partner-page-head-panel .content {
  display: grid;
  min-height: 2rem;
  align-items: center;
  width: 100%;
  max-width: 82.5rem;
  justify-self: center;
  font-size: 0.75rem;
  padding: 0 1.25rem;
}
@media (min-width: 600px) {
  header.header .partner-page-head-panel .content {
    padding: 0 1.25rem;
    min-height: 2.5rem;
    font-size: 1.125rem;
  }
}
@media (min-width: 960px) {
  header.header .partner-page-head-panel .content {
    padding: 0 1.25rem;
  }
}
@media (min-width: 1340px) {
  header.header .partner-page-head-panel .content {
    padding: 0 1.25rem;
  }
}
header.header .partner-page-head-panel .content strong {
  font-weight: bolder;
}
footer {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 12fr;
  background-color: #EBF3F3;
  padding: 2.5rem 0 2.5rem;
  margin-top: 6.25rem;
}
footer nav.footermenu {
  display: grid;
  align-items: end;
  padding: 0;
}
footer .former {
  display: grid;
  grid-row: 1 / 5;
  grid-column: 1 / 12;
}
footer .top-menu {
  display: grid;
  grid-row: 1 / 1;
  grid-column: 1 / 12;
  margin-bottom: 1.563rem;
}
footer .top-menu .bliwa-logo {
  margin: 0;
  cursor: pointer;
  width: 4.75rem;
  height: 1.25rem;
}
footer .line {
  display: grid;
  grid-row: 4 / 4;
  grid-column: 1 / 12;
}
footer .kolumner {
  display: grid;
  grid-row: 2 / 2;
  grid-column: 1 / 12;
  grid-template-rows: auto;
  grid-template-columns: 12fr;
  grid-template-areas: 'leftcolumn' 'middlecolumn' 'rightcolumn' 'illustration';
  justify-items: stretch;
}
@media (max-width: 600px) {
  footer .kolumner .left-column,
  footer .kolumner .middle-column {
    margin-bottom: 1rem;
  }
}
footer .kolumner .illustration {
  margin-top: 1rem;
}
footer .kolumner .illustration .illustration-inner {
  display: grid;
  position: relative;
  margin: 10px auto;
  height: 100%;
  width: 11.063rem;
}
footer .kolumner .illustration .illustration-inner .skyjump {
  height: 75%;
  z-index: 1;
}
footer .kolumner .illustration .illustration-inner .extra-small-circle {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.2rem;
  background-color: white;
}
footer .kolumner .illustration .illustration-inner .mega-circle {
  position: absolute;
  width: 5.3125rem;
  height: 5.3125rem;
  border-radius: 5.3125rem;
  background-color: white;
}
footer .kolumner .illustration .illustration-inner .half-opacity {
  opacity: 0.5;
}
footer .kolumner .illustration .illustration-inner .top-right {
  right: 18%;
  top: -24%;
}
footer .kolumner .illustration .illustration-inner .middle-left {
  left: -5%;
  top: 50%;
}
footer .kolumner .illustration .illustration-inner .middle-right {
  right: 30%;
  top: -15%;
  bottom: 4%;
}
footer .socialmedia {
  display: grid;
  grid-row: 5 / 5;
  grid-column: 1 / 12;
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
}
footer .socialmedia figure {
  display: grid;
}
footer .socialmedia img {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: unset !important;
}
footer .socialmedia .button.button-round {
  display: grid;
  margin: 0 0.625rem 1.563rem;
  max-height: unset;
  max-width: unset;
}
footer .bottom-menu {
  grid-row: 6 / 6;
  grid-column: 1 / 12;
  text-align: center;
  font-size: 0.875rem;
}
@media (max-width: 600px) {
  footer .bottom-menu .link {
    display: block;
  }
}
footer h4 {
  color: #C33C3C;
  margin: 0.5rem 0 0.438rem 0;
}
footer .bliwa-logo {
  margin-bottom: 1.25rem;
}
footer .link {
  text-transform: none;
  padding: 0.375rem 0;
  display: inline-block;
  font-size: 0.875rem;
}
footer hr {
  margin: 1.25rem 0 0.875rem 0;
}
footer ul.col-group {
  margin-top: 0;
  margin-bottom: 0;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}
footer ul.col-group li {
  min-width: calc(100%/12*6);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #4D7373;
}
@media (min-width: 600px) {
  footer {
    padding: 3.125rem 0 2.5rem;
  }
  footer .top-menu {
    margin-bottom: 2.5rem;
  }
  footer .kolumner {
    display: grid;
    grid-template-rows: 6fr 6fr;
    grid-template-columns: 4fr 4fr 4fr;
    grid-template-areas: 'leftcolumn middlecolumn rightcolumn' 'illustration illustration illustration';
    text-align: left;
  }
  footer .kolumner .illustration {
    grid-column: 1 / 5;
  }
  footer .kolumner .illustration .illustration-inner {
    width: 12.5rem;
    margin: 1.25rem 0 0 auto;
  }
  footer .kolumner .illustration .illustration-inner .skyjump {
    height: 45%;
  }
  footer .link {
    font-size: 1.125rem;
  }
  footer .line {
    grid-row: 4 / 4;
  }
  footer h4 {
    margin: 0 0 0.625rem 0;
  }
  footer .bottom-menu {
    grid-row: 5 / 5;
    text-align: left;
  }
  footer .bottom-menu .link {
    padding: 0.625rem 1.25rem 0.625rem 0;
  }
  footer .socialmedia {
    grid-row: 2 / 2;
    grid-column: 1 / 12;
    width: 13.75rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    z-index: unset;
  }
  footer .socialmedia img {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: unset !important;
  }
  footer .socialmedia .button.button-round {
    margin: 0 0.938rem 1.875rem 0;
  }
  footer ul.col-group {
    display: grid;
    flex-wrap: unset;
  }
  footer ul.col-group li {
    min-width: unset;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #4D7373;
  }
}
@media (min-width: 960px) {
  footer .top-menu {
    margin-bottom: 2.5rem;
  }
  footer .top-menu .bliwa-logo {
    width: 7.25rem;
    height: 1.938rem;
  }
  footer .kolumner .illustration .illustration-inner {
    width: 18.75rem;
    margin: 1.25rem 0 1.25rem auto;
  }
  footer .kolumner .illustration .illustration-inner .skyjump {
    height: 55%;
  }
  footer .kolumner .illustration .illustration-inner .mega-circle {
    width: 8.3125rem;
    height: 8.3125rem;
    border-radius: 8.3125rem;
  }
  footer .socialmedia {
    width: 20rem;
  }
  footer .bottom-menu .link {
    font-size: 1.125rem;
  }
  footer .link {
    font-size: 1.5rem;
  }
}
@media (min-width: 1340px) {
  footer .kolumner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    grid-template-areas: 'leftcolumn middlecolumn rightcolumn illustration';
  }
  footer .kolumner .illustration .illustration-inner .skyjump {
    height: 68%;
  }
  footer .socialmedia {
    grid-template-columns: auto;
    align-self: start;
    justify-self: right;
    width: unset;
  }
}
.forsakring-list-page {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.forsakring-list-page .insurance-buttons {
  margin-bottom: 2rem !important;
}
.forsakring-list-page .hidden {
  display: none;
}
.forsakring-list-page .content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.forsakring-list-page .content ul.list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.forsakring-list-page #guidearea,
.forsakring-list-page #listarea {
  display: none;
}
.forsakring-list-page .show-guide-area ~ #guidearea {
  display: grid;
}
.forsakring-list-page .show-list-area ~ #listarea {
  display: grid;
  width: 100%;
}
@media (max-width: 290px) {
  .forsakring-list-page p,
  .forsakring-list-page h3,
  .forsakring-list-page .rubrik-h3,
  .forsakring-list-page table caption {
    word-break: break-word;
    hyphens: auto;
  }
}
@media (min-width: 600px) {
  .forsakring-list-page .insurance-buttons {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) {
  .forsakring-list-page .content ul.list {
    width: calc(80rem/12*8);
    margin-left: auto;
    margin-right: auto;
  }
  .forsakring-list-page .show-list-area ~ #listarea {
    width: unset;
  }
}
.article-list-page-layout {
  display: grid;
}
.article-list-page-layout .container {
  display: grid;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}
@media (min-width: 600px) {
  .article-list-page-layout .container {
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(1rem, 1fr));
  }
}
@media (min-width: 960px) {
  .article-list-page-layout .container {
    gap: 2.5rem;
    grid-template-columns: repeat(3, minmax(1rem, 1fr));
  }
}
.article-list-page-layout .container .article-item {
  grid-template-rows: min-content auto;
}
.article-list-page-layout .container .article-item img {
  width: 100%;
  max-height: 12.5rem;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.article-list-page-layout .container .article-item .text-content {
  display: grid;
  gap: 0.625rem;
  padding: 1rem;
  align-content: start;
}
.article-list-page-layout .container .article-item .text-content h3,
.article-list-page-layout .container .article-item .text-content table caption {
  height: fit-content;
}
@media (max-width: 600px) {
  .article-list-page-layout .container .article-item:not(:first-child) {
    display: grid;
    grid-template-columns: 7rem auto;
  }
  .article-list-page-layout .container .article-item:not(:first-child) img {
    height: 100%;
    width: 7rem;
    min-width: 7rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .article-list-page-layout .container .article-item:not(:first-child) .text-content {
    align-content: center;
    padding: 0.625rem;
  }
  .article-list-page-layout .container .article-item:not(:first-child) .text-content h3,
  .article-list-page-layout .container .article-item:not(:first-child) .text-content table caption {
    margin: 0;
  }
  .article-list-page-layout .container .article-item:not(:first-child) .text-content .description {
    display: none;
  }
}
@media (max-width: 290px) {
  .article-list-page-layout .container .article-item:not(:first-child) {
    grid-template-columns: auto;
  }
  .article-list-page-layout .container .article-item:not(:first-child) img {
    width: 100%;
    max-height: 12.5rem;
    object-fit: cover;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}
.article-list-page-layout .show-more-button {
  margin-top: 0.5rem;
  justify-content: center;
  text-align: center;
  display: flex;
  box-sizing: inherit;
}
.article-list-page-layout .text-bottom {
  padding: 0.5rem;
}
.ersattning-ansokan-list {
  display: grid;
}
.ersattning-ansokan-list .forsakring-list-wrapper {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 960px) {
  .ersattning-ansokan-list .forsakring-list-wrapper {
    margin: -20px;
  }
}
.ersattning-ansokan-list .forsakring-list-wrapper a {
  background-color: #fff;
}
.ersattning-ansokan-list .insurance-section {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.ersattning-ansokan-list .insurance-container {
  display: grid;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
  grid-template-columns: repeat(2, minmax(1rem, 1fr));
  justify-self: center;
  margin-top: 2.5rem;
  gap: 2.5rem;
}
@media (min-width: 600px) {
  .ersattning-ansokan-list .insurance-container {
    grid-template-columns: repeat(4, minmax(1rem, 1fr));
    margin-top: 1.25rem;
    gap: 1.25rem;
  }
}
@media (max-width: 600px) {
  .ersattning-ansokan-list .insurance-container {
    margin-top: 0.626rem;
    gap: 0.626rem;
  }
}
@media (min-width: 960px) {
  .ersattning-ansokan-list .insurance-container {
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
}
@media (min-width: 1340px) {
  .ersattning-ansokan-list .insurance-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.ersattning-ansokan-list .insurance-container .insurance-box {
  background-color: #fff;
  padding: 1rem 0.75rem 0.625rem 1rem;
  grid-column: span 2;
  display: grid;
  color: #4D7373;
  justify-self: center;
  min-height: 10rem;
  margin: 0;
}
.ersattning-ansokan-list .insurance-container .insurance-box p {
  margin-bottom: 0.938rem;
}
.ersattning-ansokan-list .insurance-container .insurance-box h3,
.ersattning-ansokan-list .insurance-container .insurance-box table caption {
  margin: 0 0 5px;
}
.ersattning-ansokan-list .insurance-container .insurance-box img {
  height: 42px;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media (min-width: 960px) {
  .ersattning-ansokan-list .insurance-container .insurance-box {
    min-height: 12.5rem;
    padding: 1rem;
  }
}
.ersattning-ansokan-list .insurance-container .insurance-box-centered {
  display: grid;
}
@media (min-width: 600px) {
  .ersattning-ansokan-list .insurance-container .insurance-box-centered:nth-last-child(1):nth-child(odd) {
    grid-column: 2 / span 2;
  }
}
.accordion-block {
  display: grid;
  max-width: 52.5rem;
}
.accordion-block ul.list > li > a > img {
  width: 1.7rem;
  height: auto;
  line-height: 1.7rem;
}
.accordion-block .mobile {
  display: block;
}
.accordion-block .desktop {
  display: none;
}
.accordion-block .dubbel-kolumn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.accordion-block .dubbel-kolumn .kolumn-left {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
  margin-right: 1.25rem;
}
.accordion-block .dubbel-kolumn .kolumn-right {
  grid-row: 1 / 1;
  grid-column: 2 / 2;
  margin-left: 1.25rem;
}
.accordion-block .enkel-kolumn {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.accordion-block .show-more-button {
  margin-top: 2.5rem;
  justify-content: center;
  text-align: center;
  display: flex;
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .accordion-block .show-more-button {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 960px) {
  .accordion-block {
    width: calc(100%/12*8);
  }
  .accordion-block.content {
    margin-top: 1.8rem;
    margin-bottom: 1.3rem;
    margin-left: auto;
    margin-right: auto;
  }
  .accordion-block.content .mobile {
    display: none;
  }
  .accordion-block.content .desktop {
    display: block;
  }
}
.dividing-block .line {
  width: calc(100%/12*4);
  margin-left: auto;
  margin-right: auto;
  height: 0.5rem;
  background-color: #C33C3C;
}
@media (min-width: 960px) {
  .dividing-block .line {
    width: calc(100%/12*2);
  }
}
.icon-block {
  padding-top: 2.188rem;
  padding-bottom: 2.5rem;
}
.icon-block.content {
  height: fit-content;
  text-align: center;
}
.icon-block figure + div {
  margin-top: 0.625rem;
}
.icon-block.bg-white {
  padding-top: 3.438rem;
  padding-bottom: 4.063rem;
}
.icon-block * + .buttons {
  margin-top: 2.5rem;
}
.icon-block img {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
}
.icon-block img.rounded-img {
  border-radius: 100%;
}
.icon-block .xhtml {
  padding: 0 1.2rem;
}
@media (min-width: 600px) {
  .icon-block {
    margin: 20px;
    grid-template-rows: 30% 52% 18%;
  }
  .icon-block img {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
  }
  .icon-block img.rounded-img {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
  }
  .icon-block .xhtml {
    padding: 0;
  }
  .icon-block * + .buttons {
    margin-top: 1rem;
  }
}
@media (min-width: 600px) {
  .icon-block {
    grid-template-rows: 1fr 1.5fr 20%;
  }
  .icon-block img.rounded-img {
    width: 7.5rem;
    min-width: 7.5rem;
    height: 7.5rem;
  }
  .icon-block .xhtml {
    padding: 0 1rem;
  }
}
@media (min-width: 1340px) {
  .icon-block .xhtml {
    padding: 0 2rem;
  }
}
.video-block {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  .video-block {
    max-width: 52.5rem;
  }
}
.video-block figure {
  margin: 0;
  max-height: 28rem;
  height: 53vw;
}
@media (min-width: 960px) {
  .video-block figure {
    height: 35vw;
  }
}
.video-block img,
.video-block video,
.video-block iframe {
  width: 100%;
  height: 100%;
}
.media-video-block {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  max-width: 56.875rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  justify-content: center;
}
.media-video-block .media-content {
  display: grid;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}
.media-video-block .xhtml-content {
  display: grid;
  grid-row: 2 / 2;
  grid-column: 1 / 1;
  margin: 0 1.25rem;
}
.media-video-block .xhtml-content a.button {
  margin-top: 10px;
  margin-bottom: 10px;
  justify-self: center;
}
.media-video-block .xhtml-content p {
  display: grid;
  justify-content: center;
}
.media-video-block .xhtml-content p.category-heading {
  margin-block-start: 0.1rem;
  margin-block-end: 0.1rem;
}
.media-video-block figure {
  margin-top: -1.75rem;
  margin-bottom: 0.938rem;
  margin-inline-start: 1.875rem;
  margin-inline-end: 1.875rem;
}
.media-video-block iframe,
.media-video-block video {
  width: 100%;
  height: 100%;
}
.media-video-block img {
  width: 100%;
}
.media-video-block video {
  background-color: rgba(0, 0, 0, 0.2);
}
.media-video-block .big-bread {
  font-weight: 900;
}
@media (min-width: 600px) {
  .media-video-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    max-width: 56.875rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left !important;
    margin-top: -1.4rem;
  }
  .media-video-block .media-content {
    display: grid;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    min-height: unset;
  }
  .media-video-block .xhtml-content {
    grid-row: 1 / 1;
    grid-column: 2 / 2;
    min-height: 11rem;
    align-content: center;
    margin: 5px 0;
  }
  .media-video-block .xhtml-content a {
    justify-self: normal;
  }
  .media-video-block .xhtml-content p {
    display: block;
    justify-content: normal;
  }
  .media-video-block figure {
    margin-top: 0.2rem;
    margin-bottom: -0.2rem;
  }
  .media-video-block figure.image {
    align-content: center;
    display: grid;
  }
  .media-video-block iframe,
  .media-video-block video {
    width: 100%;
    height: 100%;
  }
  .media-video-block .xhtml-content .big-bread {
    margin: 0;
  }
  .media-video-block .xhtml-content .big-bread > * {
    margin: 0;
  }
}
@media (min-width: 960px) {
  .media-video-block {
    margin-top: -1.9rem;
  }
  .media-video-block figure {
    margin-top: -1.1rem;
    margin-bottom: -1.2rem;
  }
}
.inkomstsnurra {
  justify-content: center;
  padding: 2.5rem 0;
}
@media (min-width: 600px) {
  .inkomstsnurra {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 960px) {
  .inkomstsnurra {
    padding: 2.5rem;
  }
}
@media (min-width: 1340px) {
  .inkomstsnurra {
    padding: 2.5rem 6.875rem;
  }
}
.inkomstsnurra .salary-input {
  display: grid;
  justify-items: center;
  width: 70%;
  justify-self: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .inkomstsnurra .salary-input {
    width: 40%;
  }
}
.inkomstsnurra .salary-input .salary-text-input {
  display: grid;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding: 0.313rem;
  grid-auto-flow: column;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.inkomstsnurra .salary-input .salary-text-input:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.inkomstsnurra .salary-input .salary-text-input:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.inkomstsnurra .salary-input .salary-text-input input {
  height: 3.75rem;
  border: none;
  max-width: 6.25rem;
}
.inkomstsnurra .salary-input .salary-text-input input:focus {
  border: none;
}
.inkomstsnurra .salary-input .salary-text-input .salary-text {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #4D7373;
  align-self: center;
}
.inkomstsnurra .salary-input .salary-range {
  margin: 2.5rem 0 1.875rem;
}
.inkomstsnurra .tabs {
  display: grid;
  grid-auto-flow: column;
}
.inkomstsnurra .tabs .tab {
  min-width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  align-content: end;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .tab {
    align-content: center;
  }
}
.inkomstsnurra .tabs .tab::after,
.inkomstsnurra .tabs .tab::before {
  position: absolute;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid #FFFFFF;
  border-bottom: 15px solid transparent;
}
.inkomstsnurra .tabs .tab.skog::after,
.inkomstsnurra .tabs .tab.skog::before {
  border-top: 15px solid #EBF5E6;
}
.inkomstsnurra .tabs .tab.mellanskog::after,
.inkomstsnurra .tabs .tab.mellanskog::before {
  border-top: 15px solid #467A00;
}
.inkomstsnurra .tabs .tab.hav::after,
.inkomstsnurra .tabs .tab.hav::before {
  border-top: 15px solid #EBF3F3;
}
.inkomstsnurra .tabs .tab.smultron::after,
.inkomstsnurra .tabs .tab.smultron::before {
  border-top: 15px solid #FDEBEB;
}
.inkomstsnurra .tabs .tab.kol::after,
.inkomstsnurra .tabs .tab.kol::before {
  border-top: 15px solid #F4F4F4;
}
.inkomstsnurra .tabs .tab.is-active {
  background-color: #C7E2B6;
}
.inkomstsnurra .tabs .tab-one {
  min-width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  align-content: end;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .tab-one {
    align-content: center;
  }
}
.inkomstsnurra .tabs .tab-one::after,
.inkomstsnurra .tabs .tab-one::before {
  position: absolute;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid #FFFFFF;
  border-bottom: 15px solid transparent;
}
.inkomstsnurra .tabs .tab-one.skog::after,
.inkomstsnurra .tabs .tab-one.skog::before {
  border-top: 15px solid #EBF5E6;
}
.inkomstsnurra .tabs .tab-one.mellanskog::after,
.inkomstsnurra .tabs .tab-one.mellanskog::before {
  border-top: 15px solid #467A00;
}
.inkomstsnurra .tabs .tab-one.hav::after,
.inkomstsnurra .tabs .tab-one.hav::before {
  border-top: 15px solid #EBF3F3;
}
.inkomstsnurra .tabs .tab-one.smultron::after,
.inkomstsnurra .tabs .tab-one.smultron::before {
  border-top: 15px solid #FDEBEB;
}
.inkomstsnurra .tabs .tab-one.kol::after,
.inkomstsnurra .tabs .tab-one.kol::before {
  border-top: 15px solid #F4F4F4;
}
.inkomstsnurra .tabs .tab-one.is-active {
  background-color: #C7E2B6;
}
.inkomstsnurra .tabs .tab-one::after {
  right: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid #FFFFFF;
}
.inkomstsnurra .tabs .tab-one.skog::after {
  border-right: 15px solid #EBF5E6;
}
.inkomstsnurra .tabs .tab-one.hav::after {
  border-right: 15px solid #EBF3F3;
}
.inkomstsnurra .tabs .tab-one.smultron::after {
  border-right: 15px solid #FDEBEB;
}
.inkomstsnurra .tabs .tab-one.kol::after {
  border-right: 15px solid #F4F4F4;
}
.inkomstsnurra .tabs .tab-two {
  min-width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  align-content: end;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .tab-two {
    align-content: center;
  }
}
.inkomstsnurra .tabs .tab-two::after,
.inkomstsnurra .tabs .tab-two::before {
  position: absolute;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid #FFFFFF;
  border-bottom: 15px solid transparent;
}
.inkomstsnurra .tabs .tab-two.skog::after,
.inkomstsnurra .tabs .tab-two.skog::before {
  border-top: 15px solid #EBF5E6;
}
.inkomstsnurra .tabs .tab-two.mellanskog::after,
.inkomstsnurra .tabs .tab-two.mellanskog::before {
  border-top: 15px solid #467A00;
}
.inkomstsnurra .tabs .tab-two.hav::after,
.inkomstsnurra .tabs .tab-two.hav::before {
  border-top: 15px solid #EBF3F3;
}
.inkomstsnurra .tabs .tab-two.smultron::after,
.inkomstsnurra .tabs .tab-two.smultron::before {
  border-top: 15px solid #FDEBEB;
}
.inkomstsnurra .tabs .tab-two.kol::after,
.inkomstsnurra .tabs .tab-two.kol::before {
  border-top: 15px solid #F4F4F4;
}
.inkomstsnurra .tabs .tab-two.is-active {
  background-color: #C7E2B6;
}
.inkomstsnurra .tabs .tab-two::before {
  left: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid #FFFFFF;
}
.inkomstsnurra .tabs .tab-two.skog::before {
  border-left: 15px solid #EBF5E6;
}
.inkomstsnurra .tabs .tab-two.hav::before {
  border-left: 15px solid #EBF3F3;
}
.inkomstsnurra .tabs .tab-two.smultron::before {
  border-left: 15px solid #FDEBEB;
}
.inkomstsnurra .tabs .tab-two.kol::before {
  border-left: 15px solid #F4F4F4;
}
.inkomstsnurra .tabs button {
  max-height: unset;
  font-weight: unset;
  border: none;
}
.inkomstsnurra .tabs button:focus-visible {
  outline: none !important;
  border: solid 2px transparent;
  border-color: #222222;
}
.inkomstsnurra .tabs .icon-and-text {
  display: grid;
  row-gap: 0.75rem;
  justify-items: center;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .icon-and-text {
    grid-auto-flow: column;
    column-gap: 1rem;
  }
}
.inkomstsnurra .tabs .icon-and-text .small-cake {
  background-image: url(../Assets/Static/Images/small-cake.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: grid;
  width: 4.688rem;
  height: 4.688rem;
}
.inkomstsnurra .tabs .icon-and-text .large-cake {
  background-image: url(../Assets/Static/Images/large-cake.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: grid;
  width: 6.25rem;
  height: 7.5rem;
}
.inkomstsnurra .tabs .icon-and-text .text {
  display: grid;
  align-content: center;
  justify-items: center;
  align-self: center;
  color: #222222;
  text-transform: none;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .icon-and-text .text {
    justify-items: start;
    text-align: start;
  }
}
.inkomstsnurra .tabs .icon-and-text .text .heading {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs .icon-and-text .text .heading {
    width: min-content;
    text-align: left;
  }
}
.inkomstsnurra .tabs .icon-and-text .text .number {
  font-family: clarendon-urw;
  font-size: 1.8rem;
  line-height: 2rem;
}
.inkomstsnurra .tabs .icon-and-text .text .kr-per-month {
  font-weight: normal;
  font-size: 0.875rem;
}
.inkomstsnurra .tabs-content {
  background-color: #C7E2B6;
  padding: 1.25rem 0.625rem;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs-content {
    padding: 1.25rem 3.75rem;
  }
}
@media (min-width: 960px) {
  .inkomstsnurra .tabs-content {
    padding: 1.25rem 5rem;
  }
}
@media (min-width: 1340px) {
  .inkomstsnurra .tabs-content {
    padding: 1.25rem 6.875rem;
  }
}
.inkomstsnurra .tabs-content .period-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  background-color: #FFFFFF;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.inkomstsnurra .tabs-content .period-tabs button:first-child {
  border-top-left-radius: 0.5rem;
}
.inkomstsnurra .tabs-content .period-tabs button:last-child {
  border-top-right-radius: 0.5rem;
}
.inkomstsnurra .tabs-content .period-tabs .period-tab {
  border-radius: 0;
  color: rgba(0, 0, 0, 0.4);
  display: grid;
  grid-auto-flow: row;
  font-size: 0.75rem;
  padding: 0;
  align-content: center;
  width: 100%;
  max-width: unset;
  min-width: 0;
}
.inkomstsnurra .tabs-content .period-tabs .period-tab.is-active {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0.188rem solid #EEEEEE;
}
.inkomstsnurra .tabs-content .period-tabs .period-tab:not(.is-active):hover {
  color: rgba(0, 0, 0, 0.8);
}
.inkomstsnurra .tabs-content .period-tabs .period-tab .dag {
  padding-bottom: 0.2rem;
}
.inkomstsnurra .tabs-content .period-tabs .period-tab > span {
  padding: 0;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs-content .period-tabs .period-tab {
    font-size: 0.875rem;
  }
  .inkomstsnurra .tabs-content .period-tabs .period-tab .dag {
    padding-bottom: 0.375rem;
  }
}
.inkomstsnurra .tabs-content .period-content {
  margin-top: 3px;
  background-color: #EBF5E6;
  padding: 2.5rem;
}
.inkomstsnurra .tabs-content .period-content .ersattning {
  display: grid;
  grid-auto-flow: column;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 8px;
  justify-content: space-between;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.inkomstsnurra .tabs-content .period-content .ersattning:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.inkomstsnurra .tabs-content .period-content .ersattning:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.inkomstsnurra .tabs-content .period-content .ersattning.is-disabled {
  cursor: default;
}
.inkomstsnurra .tabs-content .period-content .ersattning.is-disabled label {
  cursor: default;
}
.inkomstsnurra .tabs-content .period-content .ersattning.is-disabled:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.inkomstsnurra .tabs-content .period-content .ersattning.is-disabled .ersattning-heading,
.inkomstsnurra .tabs-content .period-content .ersattning.is-disabled .ersattning-type {
  color: rgba(0, 0, 0, 0.2);
}
.inkomstsnurra .tabs-content .period-content .ersattning .ersattning-texts {
  display: grid;
  padding-right: 0.625rem;
}
.inkomstsnurra .tabs-content .period-content .ersattning .ersattning-texts .ersattning-type {
  font-weight: 700;
}
.inkomstsnurra .tabs-content .period-content .ersattning .ersattning-texts .ersattning-description {
  font-size: 0.875rem;
  color: #6C6C6C;
}
.inkomstsnurra .tabs-content .button-container {
  margin-top: 1.25rem;
  display: grid;
  justify-content: center;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs-content .button-container {
    margin-top: 2.5rem;
  }
}
.inkomstsnurra .tabs-content .disclaimer-text {
  margin-top: 1.25rem;
  font-weight: normal;
  font-size: 0.875rem;
}
@media (min-width: 600px) {
  .inkomstsnurra .tabs-content .disclaimer-text {
    margin-top: 2.5rem;
  }
}
.inkomstsnurra .text-center {
  text-align: center;
  display: grid;
}
.inkomstsnurra .bold {
  font-weight: 700;
}
.inkomstsnurra .second-heading {
  font-weight: normal;
  margin: 0.625rem 0 2.5rem;
}
.forsakring-list-block {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 12fr;
  grid-template-areas: 'top-content' 'bottom-content';
  text-align: center;
}
.forsakring-list-block .top-content {
  grid-area: top-content;
}
.forsakring-list-block .bottom-content {
  grid-area: bottom-content;
}
.forsakring-list-block .top-content,
.forsakring-list-block .bottom-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  max-width: 71.25rem;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.forsakring-list-block .top-content figure,
.forsakring-list-block .bottom-content figure {
  margin-top: -1rem;
}
.forsakring-list-block .top-content img,
.forsakring-list-block .bottom-content img {
  max-height: 15.625rem;
  max-width: 100%;
}
.forsakring-list-block .top-content > div,
.forsakring-list-block .bottom-content > div,
.forsakring-list-block .top-content > a,
.forsakring-list-block .bottom-content > a {
  display: grid;
}
.forsakring-list-block .top-content > div.one-third,
.forsakring-list-block .bottom-content > div.one-third,
.forsakring-list-block .top-content > a.one-third,
.forsakring-list-block .bottom-content > a.one-third {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1rem;
}
@media (min-width: 600px) {
  .forsakring-list-block .top-content > div.one-third,
  .forsakring-list-block .bottom-content > div.one-third,
  .forsakring-list-block .top-content > a.one-third,
  .forsakring-list-block .bottom-content > a.one-third {
    grid-column: auto / span 6;
    margin-bottom: 1.5rem;
  }
  .forsakring-list-block .top-content > div.one-third.box.insurance-box,
  .forsakring-list-block .bottom-content > div.one-third.box.insurance-box,
  .forsakring-list-block .top-content > a.one-third.box.insurance-box,
  .forsakring-list-block .bottom-content > a.one-third.box.insurance-box {
    max-width: 18.75rem;
  }
}
@media (min-width: 960px) {
  .forsakring-list-block .top-content > div.one-third,
  .forsakring-list-block .bottom-content > div.one-third,
  .forsakring-list-block .top-content > a.one-third,
  .forsakring-list-block .bottom-content > a.one-third {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2rem;
  }
}
.forsakring-list-block .top-content > div.half,
.forsakring-list-block .bottom-content > div.half,
.forsakring-list-block .top-content > a.half,
.forsakring-list-block .bottom-content > a.half {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1rem;
}
@media (min-width: 600px) {
  .forsakring-list-block .top-content > div.half,
  .forsakring-list-block .bottom-content > div.half,
  .forsakring-list-block .top-content > a.half,
  .forsakring-list-block .bottom-content > a.half {
    grid-column: auto / span 6;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 960px) {
  .forsakring-list-block .top-content > div.half,
  .forsakring-list-block .bottom-content > div.half,
  .forsakring-list-block .top-content > a.half,
  .forsakring-list-block .bottom-content > a.half {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2rem;
  }
}
.forsakring-list-block .top-content > div.full,
.forsakring-list-block .bottom-content > div.full,
.forsakring-list-block .top-content > a.full,
.forsakring-list-block .bottom-content > a.full,
.forsakring-list-block .top-content > div.two-thirds,
.forsakring-list-block .bottom-content > div.two-thirds,
.forsakring-list-block .top-content > a.two-thirds,
.forsakring-list-block .bottom-content > a.two-thirds {
  grid-column: auto / span 12;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1rem;
  justify-content: center;
  align-content: stretch;
}
@media (min-width: 600px) {
  .forsakring-list-block .top-content > div.full,
  .forsakring-list-block .bottom-content > div.full,
  .forsakring-list-block .top-content > a.full,
  .forsakring-list-block .bottom-content > a.full,
  .forsakring-list-block .top-content > div.two-thirds,
  .forsakring-list-block .bottom-content > div.two-thirds,
  .forsakring-list-block .top-content > a.two-thirds,
  .forsakring-list-block .bottom-content > a.two-thirds {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 960px) {
  .forsakring-list-block .top-content > div.full,
  .forsakring-list-block .bottom-content > div.full,
  .forsakring-list-block .top-content > a.full,
  .forsakring-list-block .bottom-content > a.full,
  .forsakring-list-block .top-content > div.two-thirds,
  .forsakring-list-block .bottom-content > div.two-thirds,
  .forsakring-list-block .top-content > a.two-thirds,
  .forsakring-list-block .bottom-content > a.two-thirds {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2rem;
  }
}
.forsakring-list-block .text-center {
  text-align: center;
}
.forsakring-list-block .text-center h2 {
  margin-top: 1.25rem;
}
@media (max-width: 290px) {
  .forsakring-list-block p,
  .forsakring-list-block h3,
  .forsakring-list-block table caption {
    word-break: break-word;
    hyphens: auto;
  }
}
@media (min-width: 600px) {
  .forsakring-list-block .top-content {
    padding: 0 1.25rem;
  }
  .forsakring-list-block .bottom-content {
    padding: 0 1.25rem;
    align-content: stretch;
  }
}
@media (min-width: 960px) {
  .forsakring-list-block .top-content figure {
    margin-top: -2rem;
  }
}
.teaser-with-image-list {
  grid-column: 1 / 13;
}
.teaser-with-image-list .container {
  display: grid;
  grid-template-columns: repeat(1, minmax(1rem, 1fr));
  grid-template-rows: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  gap: 0.625rem;
  padding-bottom: 2.5rem;
}
.teaser-with-image-list .container a {
  color: #4D7373;
}
@media (min-width: 600px) {
  .teaser-with-image-list .container {
    grid-template-columns: repeat(2, minmax(1rem, 1fr));
    gap: 1.25rem;
    padding-bottom: 4rem;
  }
  .teaser-with-image-list.columns-1 .container {
    grid-template-columns: repeat(1, minmax(1rem, 1fr));
    gap: 2.5rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: calc(100%/12*3);
    margin-left: calc(100%/12*3);
  }
}
@media (min-width: 960px) {
  .teaser-with-image-list .container {
    grid-template-columns: repeat(3, minmax(1rem, 1fr));
    gap: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .teaser-with-image-list.columns-1 .container {
    grid-template-columns: repeat(1, minmax(1rem, 1fr));
    gap: 2.5rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: calc(100%/12*4);
    margin-left: calc(100%/12*4);
  }
  .teaser-with-image-list.columns-2 .container {
    grid-template-columns: repeat(2, minmax(1rem, 1fr));
    gap: 2.5rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: calc(100%/12*2);
    margin-left: calc(100%/12*2);
  }
}
@media (min-width: 1340px) {
  .teaser-with-image-list .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.optimizelyForms {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem 0.625rem;
}
.optimizelyForms form.EPiServerForms .Form__Description {
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0.625rem 0 0;
}
.optimizelyForms form.EPiServerForms .Form__MainBody,
.optimizelyForms form.EPiServerForms .Form__Element {
  margin-top: 1.5rem;
  display: block;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text {
  margin-top: 0;
  padding-bottom: 0.625rem;
  width: 90%;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .button-block,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .button-block {
  display: grid;
  grid-column: auto / span 12;
  margin: 1.875rem 0.625rem 0.375rem 0.625rem;
  justify-content: center;
}
@media (min-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .button-block,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text .button-block {
    grid-column: auto / span 6;
    margin: 1.875rem 0.625rem 0.375rem 0.625rem;
    justify-content: center;
  }
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .container-block,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .container-block {
  display: grid;
  margin: 0 auto;
  justify-content: space-evenly;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .container-block .button-block:not(:first-child),
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .container-block .button-block:not(:first-child) {
  margin-top: 0;
}
@media (min-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .container-block .button-block:not(:first-child),
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text .container-block .button-block:not(:first-child) {
    margin-top: 1.875rem;
  }
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text > *:first-child,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text > *:last-child,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0.3rem;
}
@media (max-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .button,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text .button {
    margin: 0 0.625rem 0.625rem 0;
  }
}
@media (max-width: 290px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .button,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text .button {
    margin: 0;
  }
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a {
  color: #4D7373;
  text-decoration: underline;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a:hover,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a:hover {
  color: #222222;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a.button,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a.button,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a .button,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a .button {
  text-decoration: none;
  margin-left: 0.625rem;
}
@media (max-width: 290px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a.button,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text a.button,
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a .button,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text a .button {
    margin-left: 0;
  }
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a.button:hover,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a.button:hover,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text a .button:hover,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text a .button:hover {
  color: #4D7373;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .text-left,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .text-left {
  text-align: left;
  display: grid;
  justify-items: left;
  justify-content: normal;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .text-right,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .text-right {
  text-align: right;
  display: grid;
  justify-items: right;
  justify-content: normal;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .text-center,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .text-center {
  text-align: center;
  display: grid;
  justify-content: center;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text h2,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text h2,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text h3,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text h3,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .rubrik-h3,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .rubrik-h3,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text table caption,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text table caption {
  margin-top: 2rem;
  margin-bottom: 0.625rem;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text h4,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text h4,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text .rubrik-h4,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text .rubrik-h4 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ol,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ol,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul {
  list-style: none;
  counter-reset: li;
  padding: 0;
  margin-left: 15px;
}
@media (min-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ol,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ol,
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul {
    font-size: 18px;
  }
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li {
  counter-increment: li;
  position: relative;
  padding: 1px 0 0 45px;
  margin: 15px 0 0 0;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li:first-child,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li:first-child {
  margin: 0;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li h1,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li h1,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li h2,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li h2,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li h3,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li h3,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li h4,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li h4,
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li table caption,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li table caption {
  margin-top: 2px;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ol li::after,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ol li::after {
  content: counter(li);
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 1.2rem;
  font-weight: 900;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li::before,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 5px;
  background-color: #92C56E;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul {
  margin-left: 0;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul.big-dots,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul.big-dots {
  margin-left: 15px;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul.big-dots li::before,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul.big-dots li::before {
  width: 10px;
  height: 10px;
  top: 6px;
  left: 25px;
}
.optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul li::before,
.optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul li::before {
  top: 8px;
  height: 5px;
}
@media (min-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ol,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ol,
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul {
    margin-left: 45px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ol li::after,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ol li::after {
    font-size: 1.4rem;
    top: 0px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text li {
    padding: 5px 0 5px 80px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text li::before,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text li::before {
    left: 40px;
    width: 10px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul li::before,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul li::before {
    height: 10px;
    top: 12px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul.big-dots,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul.big-dots {
    margin-left: 50px;
  }
  .optimizelyForms form.EPiServerForms .Form__MainBody .form-help-text ul.big-dots li::before,
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text ul.big-dots li::before {
    width: 20px;
    height: 20px;
  }
}
.optimizelyForms form.EPiServerForms button.Form__Element {
  display: grid;
}
.optimizelyForms form.EPiServerForms fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
.optimizelyForms form.EPiServerForms fieldset legend {
  color: #222222;
}
.optimizelyForms form.EPiServerForms .Form__Element__Caption {
  width: 90%;
  font-weight: 900;
  padding-bottom: 0.625rem;
  display: block;
  font-size: 1.125rem;
}
.optimizelyForms form.EPiServerForms input:not([type=checkbox]):not([type=radio]):not(.FormCaptcha__Input),
.optimizelyForms form.EPiServerForms select,
.optimizelyForms form.EPiServerForms textarea {
  width: 90%;
}
.optimizelyForms form.EPiServerForms input[type=text],
.optimizelyForms form.EPiServerForms input[type=number],
.optimizelyForms form.EPiServerForms input[type="url"],
.optimizelyForms form.EPiServerForms textarea,
.optimizelyForms form.EPiServerForms select {
  border: 0;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
  padding: 0 1.25rem;
  font-size: 1.125rem;
  height: 3.75rem;
}
.optimizelyForms form.EPiServerForms button,
.optimizelyForms form.EPiServerForms input[type=text],
.optimizelyForms form.EPiServerForms input[type=number],
.optimizelyForms form.EPiServerForms input[type="url"],
.optimizelyForms form.EPiServerForms input[type="radio"],
.optimizelyForms form.EPiServerForms textarea,
.optimizelyForms form.EPiServerForms select {
  border: solid 2px transparent;
}
.optimizelyForms form.EPiServerForms button.invalid,
.optimizelyForms form.EPiServerForms input[type=text].invalid,
.optimizelyForms form.EPiServerForms input[type=number].invalid,
.optimizelyForms form.EPiServerForms input[type="url"].invalid,
.optimizelyForms form.EPiServerForms input[type="radio"].invalid,
.optimizelyForms form.EPiServerForms textarea.invalid,
.optimizelyForms form.EPiServerForms select.invalid {
  border: solid 1px transparent;
  outline: none !important;
  border-color: #C33C3C;
}
.optimizelyForms form.EPiServerForms button:focus-visible,
.optimizelyForms form.EPiServerForms input[type=text]:focus-visible,
.optimizelyForms form.EPiServerForms input[type=number]:focus-visible,
.optimizelyForms form.EPiServerForms input[type="url"]:focus-visible,
.optimizelyForms form.EPiServerForms input[type="radio"]:focus-visible,
.optimizelyForms form.EPiServerForms textarea:focus-visible,
.optimizelyForms form.EPiServerForms select:focus-visible {
  outline: none !important;
  border-color: #222222;
}
.optimizelyForms form.EPiServerForms textarea {
  padding: 0.938rem 1.25rem;
  height: unset;
  min-height: 9.375rem;
  resize: vertical;
  vertical-align: middle;
}
.optimizelyForms form.EPiServerForms button .button-theme-red {
  background-color: #C33C3C;
  color: white !important;
}
.optimizelyForms form.EPiServerForms select {
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
  padding: 0 2.813rem 0 1.25rem;
}
.optimizelyForms form.EPiServerForms .select-wrapper {
  position: relative;
}
.optimizelyForms form.EPiServerForms .select-wrapper:after {
  content: "";
  position: absolute;
  right: 14%;
  width: 1.25rem;
  height: 1.25rem;
  top: calc(50% - 0.313rem);
  transform: rotate(90deg);
  background-image: url(../Assets/Static/Images/arrow.svg);
  background-repeat: no-repeat;
  pointer-events: none;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div {
  padding: 0.625rem 0 0.625rem 0;
  min-height: 3.75rem;
  padding: 0.625rem 0;
  border-top: 0.063rem solid #FFFFFF;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div:last-child {
  border-bottom: 0.063rem solid #FFFFFF;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=checkbox],
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=radio] {
  float: left;
  color: #595959;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div label {
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "check label";
  align-items: center;
  grid-column-gap: 1.563rem;
  font-weight: 900;
  color: #4D7373;
  font-size: 1.125rem;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=checkbox] + label:before {
  grid-area: check;
  background-color: #fafafa;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
  display: inline-block;
  transition-duration: 0.2s;
  width: 1.875rem;
  height: 1.875rem;
  content: "";
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=checkbox]:checked + label:before {
  grid-area: check;
  border-radius: 0.25rem;
  background-color: #4D7373;
  box-shadow: inset 0 0 0 0.375rem white;
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=radio] + label:before {
  grid-area: check;
  background-color: #fafafa;
  border-radius: 100%;
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
  display: inline-block;
  transition-duration: 0.2s;
  width: 1.875rem;
  height: 1.875rem;
  content: "";
}
.optimizelyForms form.EPiServerForms .FormChoice fieldset div input[type=radio]:checked + label:before {
  grid-area: check;
  border-radius: 100%;
  background-color: #4D7373;
  box-shadow: inset 0 0 0 0.375rem white;
}
.optimizelyForms form.EPiServerForms .formCaptchaGridTemplate {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "captcha" "refreshcaptcha" "captchainput" "captchavalidationfail";
}
.optimizelyForms form.EPiServerForms .formCaptchaGridTemplate img {
  grid-area: captcha;
  width: 100%;
}
.optimizelyForms form.EPiServerForms .formCaptchaGridTemplate button {
  grid-area: refreshcaptcha;
  margin-top: 0.625rem;
  max-width: 100%;
  width: 100%;
}
.optimizelyForms form.EPiServerForms .formCaptchaGridTemplate input {
  margin-top: 0.625rem;
  width: 100%;
  grid-area: captchainput;
}
.optimizelyForms form.EPiServerForms .formCaptchaGridTemplate .Form__Element__ValidationError {
  grid-area: captchavalidationfail;
}
.optimizelyForms form.EPiServerForms .ValidationRequired .Form__Element__Caption::after {
  content: ' *';
  color: #C33C3C;
}
.optimizelyForms form.EPiServerForms .ValidationFail {
  color: inherit;
}
.optimizelyForms form.EPiServerForms .Form__Element__ValidationError {
  margin-top: 0.5rem;
  color: #C33C3C;
}
.optimizelyForms form.EPiServerForms .Form__Element .validation-icon {
  display: inline-block;
  text-align: right;
  width: 8%;
}
.optimizelyForms form.EPiServerForms .Form__Element .validation-icon svg {
  display: none;
  vertical-align: middle;
  width: 1rem;
}
.optimizelyForms form.EPiServerForms .Form__Element.FormChoice .validation-icon {
  vertical-align: top;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationRequired .validation-icon .icon-ok {
  display: inline-block;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationRequired .validation-icon .icon-ok path {
  fill: rgba(0, 0, 0, 0.2);
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input + label:before,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail textarea,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail select {
  border: 1px solid #C33C3C;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .validation-icon .icon-ok {
  display: none;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .validation-icon .icon-error {
  display: inline-block;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .validation-icon .icon-error path {
  fill: #C33C3C;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationSuccess .validation-icon .icon-ok {
  display: inline-block;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationSuccess .validation-icon .icon-ok path {
  fill: #92C56E;
}
.optimizelyForms form.EPiServerForms .Form__Success__Message {
  background-color: white;
  font-family: Lato, Arial;
  letter-spacing: 0.3px;
  margin: 10px 0 0 0;
  margin-top: 1em !important;
}
@media (max-width: 290px) {
  .optimizelyForms form.EPiServerForms .FormChoice fieldset div label {
    word-break: break-word;
    hyphens: auto;
  }
}
@media (min-width: 600px) {
  .optimizelyForms form.EPiServerForms .Form__Element .validation-icon {
    width: 18%;
  }
  .optimizelyForms form.EPiServerForms .Form__Element .validation-icon svg {
    width: 1.875rem;
  }
  .optimizelyForms form.EPiServerForms .Form__Element .form-help-text {
    width: 80%;
  }
  .optimizelyForms form.EPiServerForms fieldset {
    width: 80%;
  }
  .optimizelyForms form.EPiServerForms .Form__Element__Caption {
    font-size: 1.5rem;
    width: 80%;
  }
  .optimizelyForms form.EPiServerForms input:not([type=checkbox]):not([type=radio]):not(.FormCaptcha__Input),
  .optimizelyForms form.EPiServerForms select,
  .optimizelyForms form.EPiServerForms textarea {
    width: 80%;
  }
  .optimizelyForms form.EPiServerForms .select-wrapper:after {
    right: 24%;
  }
  .optimizelyForms form.EPiServerForms .formCaptchaGridTemplate {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "captcha refreshcaptcha" "captchainput ." "captchavalidationfail .";
  }
  .optimizelyForms form.EPiServerForms .formCaptchaGridTemplate button {
    margin-left: 1.25rem;
    margin-top: 0;
    max-width: max-content;
    width: unset;
  }
  .optimizelyForms form.EPiServerForms .formCaptchaGridTemplate input {
    margin-top: 1.5rem;
  }
}
@media (min-width: 960px) {
  .optimizelyForms {
    width: calc(100%/12*8);
    padding: 2.5rem 2.5rem;
  }
  :not(.container-block) > :not(.full) > .optimizelyForms {
    width: 100%;
    padding: 2.5rem 0.625rem;
  }
}
.kampanj-page,
.optionsratt-page {
  margin-bottom: 5rem;
}
.kampanj-page .form-container,
.optionsratt-page .form-container {
  display: grid;
  max-width: 37.5rem;
  padding: 2rem;
  justify-self: center;
  margin-bottom: 0 !important;
}
.kampanj-page .form-container .hidden,
.optionsratt-page .form-container .hidden {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.kampanj-page .form-container .optionsratt-form-heading-underline,
.optionsratt-page .form-container .optionsratt-form-heading-underline {
  margin-bottom: 1.5rem;
}
.kampanj-page .form-container .form-text,
.optionsratt-page .form-container .form-text {
  font-size: larger;
}
.kampanj-page .form-container .form-text .label-text,
.optionsratt-page .form-container .form-text .label-text {
  font-weight: 700;
  margin-top: 0.625rem;
}
.kampanj-page .form-container .form-text .samtycke-text,
.optionsratt-page .form-container .form-text .samtycke-text {
  text-align: left;
  padding-left: 3.438rem;
  font-size: initial;
  font-weight: normal;
  color: unset;
}
.kampanj-page .form-container .form-text .textbox-container-fullt-arbetsfor,
.optionsratt-page .form-container .form-text .textbox-container-fullt-arbetsfor {
  margin-top: 1.25rem;
  border: 2px solid #000;
  padding: 0.625rem 1.875rem;
  background-color: #fff;
  color: #222;
  font-size: 1rem;
}
.kampanj-page .form-container .form-text .fieldset-wrapper,
.optionsratt-page .form-container .form-text .fieldset-wrapper {
  margin-right: 0;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon,
.optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon {
  grid-column-gap: unset;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label,
.optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label {
  grid-column: 1/1;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text,
.optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text {
  display: grid;
  grid-auto-flow: column;
  margin-left: 0.625rem;
}
@media (min-width: 600px) {
  .kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text {
    grid-template-columns: min-content;
  }
  .kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text h3,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text h3,
  .kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text table caption,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text table caption {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
.kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text .form-help-text,
.optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text .form-help-text {
  grid-column: 2/3;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text .text-input-count,
.optionsratt-page .form-container .form-text .fieldset-wrapper .with-validation-icon label.inline-help-text .text-input-count {
  display: none;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .validation-icon-v2,
.optionsratt-page .form-container .form-text .fieldset-wrapper .validation-icon-v2 {
  margin-right: -2rem;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .optionsratt-radio label div,
.optionsratt-page .form-container .form-text .fieldset-wrapper .optionsratt-radio label div {
  color: #222222;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.kampanj-page .form-container .form-text .fieldset-wrapper ul,
.optionsratt-page .form-container .form-text .fieldset-wrapper ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 1rem;
  margin-left: 0;
}
.kampanj-page .form-container .form-text .fieldset-wrapper ul li,
.optionsratt-page .form-container .form-text .fieldset-wrapper ul li {
  padding: 0;
  margin: 0;
}
.kampanj-page .form-container .form-text .fieldset-wrapper ul li::before,
.optionsratt-page .form-container .form-text .fieldset-wrapper ul li::before {
  content: none;
}
.kampanj-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text,
.optionsratt-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text {
  display: grid;
  grid-auto-flow: column;
  margin-left: 0.625rem;
}
@media (min-width: 600px) {
  .kampanj-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text {
    grid-template-columns: min-content;
  }
  .kampanj-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text h3,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text h3,
  .kampanj-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text table caption,
  .optionsratt-page .form-container .form-text .fieldset-wrapper .validation-grid label.inline-help-text table caption {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
.kampanj-page .form-container .form-text .fieldset-wrapper .validation-grid label .form-help-text,
.optionsratt-page .form-container .form-text .fieldset-wrapper .validation-grid label .form-help-text {
  margin-top: 0;
  margin-left: 0.625rem;
}
.kampanj-page .form-container .form-text .fieldset-wrapper:has(.fieldset-wrapper) .fieldset-wrapper * .validation-icon-v2 > span.validation-icon-generic,
.optionsratt-page .form-container .form-text .fieldset-wrapper:has(.fieldset-wrapper) .fieldset-wrapper * .validation-icon-v2 > span.validation-icon-generic {
  transform: unset;
  opacity: unset;
}
.kampanj-page .form-container .form-text fieldset,
.optionsratt-page .form-container .form-text fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: unset;
}
.kampanj-page .form-container .form-text fieldset > label .form-help-text,
.optionsratt-page .form-container .form-text fieldset > label .form-help-text {
  margin-top: 0;
  margin-left: 0.625rem;
}
@media (min-width: 960px) {
  .kampanj-page .form-container .form-text fieldset > label,
  .optionsratt-page .form-container .form-text fieldset > label {
    padding-bottom: 0.625rem;
  }
  .kampanj-page .form-container .form-text fieldset > label .form-help-text,
  .optionsratt-page .form-container .form-text fieldset > label .form-help-text {
    margin-top: 0;
  }
}
.kampanj-page .form-container .form-text .fullt-arbetsfor-description ul,
.optionsratt-page .form-container .form-text .fullt-arbetsfor-description ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 1rem;
}
.kampanj-page .form-container .form-text .error-message,
.optionsratt-page .form-container .form-text .error-message {
  color: #C33C3C;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.563rem;
  margin-top: 1.25rem;
  height: 1.625rem;
}
.kampanj-page .form-container .form-text .top-margin,
.optionsratt-page .form-container .form-text .top-margin {
  margin-top: 1.5rem;
}
.kampanj-page .form-container .help-text,
.optionsratt-page .form-container .help-text {
  font-style: italic;
  font-family: Calibri;
  font-size: 0.9169rem;
  margin-top: 1rem;
}
.kampanj-page .form-container .content,
.optionsratt-page .form-container .content {
  padding: 0.625rem;
}
.kampanj-page .form-container .complete-teckning-results,
.optionsratt-page .form-container .complete-teckning-results {
  background-color: #FFFFFF;
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin: 0.625rem 0;
}
.kampanj-page .form-container .complete-teckning-results .result-heading,
.optionsratt-page .form-container .complete-teckning-results .result-heading {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 0.125rem;
}
.kampanj-page .form-container .complete-teckning-results .product-name,
.optionsratt-page .form-container .complete-teckning-results .product-name {
  color: #4D7373;
  font-weight: 700;
}
.kampanj-page .form-container .error-message-container,
.optionsratt-page .form-container .error-message-container {
  display: grid;
  padding: 1rem 1.5rem;
  margin-top: 1.5rem;
  background: #FDEBEB;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.kampanj-page .form-container .system-error,
.optionsratt-page .form-container .system-error {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1rem;
  align-items: center;
  font-size: 18px;
  line-height: 21px;
}
.kampanj-page .form-container .sign-button,
.optionsratt-page .form-container .sign-button {
  height: 3.75rem;
  align-content: center;
}
.kampanj-page .form-container .sign-button img,
.optionsratt-page .form-container .sign-button img {
  height: 2.625rem;
  margin-left: 1rem;
}
.teaser-list {
  display: grid;
  grid-column: 1 / 13;
  grid-template-columns: 1fr;
  grid-template-rows: 2fr;
  padding: 1rem 0.875rem;
  justify-content: center;
}
.teaser-list .text-center {
  width: auto;
  justify-self: center;
  text-align: center;
  grid-row: 1 / 1;
}
.teaser-list .content {
  padding: 0.25rem;
}
.teaser-list .content .content-list {
  overflow: hidden;
  padding-bottom: 0.625rem;
  display: grid;
  justify-content: center;
}
.teaser-list .content .content-list .container {
  grid-template-columns: repeat(2, minmax(1rem, 1fr));
  gap: 1.25rem;
  padding-bottom: 0;
}
.teaser-list .content .content-list .container.columns-1 {
  justify-content: center;
}
.teaser-list .content .content-list .container.columns-2 {
  justify-content: center;
}
@media (min-width: 600px) {
  .teaser-list .text-center {
    justify-self: center;
    text-align: center;
    grid-row: 1 / 1;
  }
  .teaser-list .content {
    padding: 0.25rem;
  }
  .teaser-list .content .content-list {
    overflow: hidden;
    padding-bottom: 0.625rem;
  }
  .teaser-list .content .content-list .container {
    display: grid;
    grid-template-columns: repeat(2, minmax(1rem, auto));
  }
  .teaser-list .content .content-list .container.columns-1 {
    justify-content: center;
  }
  .teaser-list .content .content-list .container.columns-2 {
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .teaser-list {
    padding: 1rem 0 3rem 0;
  }
  .teaser-list .text-center {
    width: calc(82.5rem/12*8 - 5rem);
    justify-self: center;
    text-align: center;
    grid-row: 1 / 1;
  }
  .teaser-list .content .content-list {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    display: grid;
  }
  .teaser-list .content .content-list .container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(100%/12*4);
    gap: 0;
  }
  .teaser-list .content .content-list .container.columns-1 {
    justify-content: center;
  }
  .teaser-list .content .content-list .container.columns-2 {
    justify-content: center;
  }
  .teaser-list .buttons {
    justify-content: center;
  }
}
@media (min-width: 1340px) {
  .teaser-list .content .content-list .container {
    grid-auto-columns: calc(100%/12*4);
  }
  .teaser-list .content .content-list .container.columns-1 {
    justify-content: center;
  }
  .teaser-list .content .content-list .container.columns-2 {
    justify-content: center;
  }
}
.teaser-block {
  align-content: center;
  justify-content: center;
}
.teaser-block a {
  min-height: 12.5rem;
}
.teaser-block a.box.teaser-box {
  max-width: 30rem;
  margin: 0;
}
@media (min-width: 960px) {
  .teaser-block a {
    min-height: 12.5rem;
  }
  .teaser-block a.box.teaser-box {
    max-width: 30rem;
    margin: 0;
  }
}
.quote-block {
  width: 100%;
  font-family: clarendon-urw;
  font-size: 1.625em;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .quote-block {
    font-size: 2.125em;
  }
}
@media (min-width: 960px) {
  .quote-block {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1340px) {
  .quote-block {
    font-size: 2.5em;
  }
}
.quote-block .author {
  margin-top: 0.625rem;
  font-style: italic;
}
@media (max-width: 600px) {
  .quote-block .author {
    font-size: 1rem;
  }
}
.quote-block .border-block {
  position: relative;
  padding: 1.75rem 1.125rem;
}
.quote-block .border-block::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 40%;
  border-top: 0.5rem solid #FDEBEB;
  border-right: 0.5rem solid #FDEBEB;
}
.quote-block .border-block::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 40%;
  border-bottom: 0.5rem solid #EBF5E6;
  border-left: 0.5rem solid #EBF5E6;
}
@media (min-width: 600px) {
  .quote-block .border-block {
    padding: 1.75rem;
  }
  .quote-block .border-block::before {
    width: 30%;
  }
  .quote-block .border-block::after {
    width: 30%;
  }
}
@media (min-width: 1340px) {
  .quote-block .border-block {
    padding: 2.5rem 0;
  }
  .quote-block .border-block::before {
    right: -3rem;
  }
  .quote-block .border-block::after {
    left: -3rem;
  }
}
@media (min-width: 960px) {
  .image-block {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
}
.image-block figure {
  margin: 0;
}
.image-block img {
  width: 100%;
}
.outcome-message-container {
  display: grid;
  justify-content: start;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
  width: 100%;
  margin-bottom: 1.5rem;
  background-color: #FFFFFF;
}
.outcome-message-container.error {
  background-color: #FDEBEB;
}
.outcome-message-container.info {
  background-color: #FFFCDE;
}
.outcome-message-container.success {
  background-color: #FFFFFF;
}
.outcome-message-container.inactive {
  background-color: #E9E9E9;
  margin-bottom: 0;
}
.outcome-message-container .outcome-message {
  display: grid;
  grid-auto-flow: column;
  column-gap: 0.625rem;
  line-height: 1.33125rem;
}
.outcome-message-container .outcome-message .title {
  font-size: 1rem;
  font-weight: 700;
}
.outcome-message-container .outcome-message .description {
  font-size: 0.875rem;
  font-weight: 400;
}
.usp-list .icon-block {
  grid-template-rows: auto;
  padding-top: 2.188rem;
  padding-bottom: 2.813rem;
}
.usp-list .icon-block.content {
  text-align: center;
}
.usp-list .icon-block figure + div {
  margin-top: 0.625rem;
}
.usp-list .icon-block.bg-white {
  padding-top: 3.438rem;
  padding-bottom: 4.063rem;
}
.usp-list .icon-block a:not(.button) {
  color: #4D7373;
  font-size: inherit !important;
  text-transform: none;
}
.usp-list .icon-block * + .buttons {
  margin-top: 2.5rem;
}
.usp-list .icon-block img {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
}
.usp-list .icon-block img.rounded-img {
  border-radius: 100%;
}
.usp-list .icon-block .xhtml {
  padding: 0 1.8rem;
}
@media (min-width: 600px) {
  .usp-list .icon-block img {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
  }
  .usp-list .icon-block img.rounded-img {
    width: 7.5rem;
    min-width: 7.5rem;
    height: 7.5rem;
  }
}
@media (max-width: 600px) {
  .usp-list section.one-third .icon-block,
  .usp-list section.half .icon-block {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0;
  }
  .usp-list section.one-third .icon-block figure,
  .usp-list section.half .icon-block figure {
    margin-block-start: 0.625rem;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 1rem;
  }
  .usp-list section.one-third .icon-block .xhtml,
  .usp-list section.half .icon-block .xhtml {
    padding: 0;
  }
}
.container-block .grid-module-layout .grid-module-container-layout {
  display: grid;
  grid-row: auto;
  grid-column: 1 / 13;
}
.container-block .edit-mode {
  grid-column: auto / span 12;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container-block .edit-mode .usp-list .grid-module-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.container-block .edit-mode .usp-list .grid-module-layout > section,
.container-block .edit-mode .usp-list .grid-module-layout div > section {
  display: grid;
}
.container-block .edit-mode .usp-list .grid-module-layout > section.one-third,
.container-block .edit-mode .usp-list .grid-module-layout div > section.one-third {
  grid-column: auto / span 4;
}
.container-block .edit-mode .usp-list .grid-module-layout > section.two-thirds,
.container-block .edit-mode .usp-list .grid-module-layout div > section.two-thirds {
  grid-column: auto / span 8;
}
.container-block .edit-mode .usp-list .grid-module-layout > section.half,
.container-block .edit-mode .usp-list .grid-module-layout div > section.half {
  grid-column: auto / span 6;
}
.container-block .edit-mode .text {
  width: calc(82.5rem/12*8);
}
@media (min-width: 600px) {
  .container-block .half .information,
  .container-block .half .text {
    width: 100%;
  }
  .container-block .edit-mode {
    grid-auto-flow: column;
  }
  .container-block .edit-mode .half {
    width: calc(82.5rem/12*6);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .container-block .edit-mode .half .information,
  .container-block .edit-mode .half .icon-block,
  .container-block .edit-mode .half .text {
    width: calc(82.5rem/12*6);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .container-block .edit-mode .one-third {
    width: calc(82.5rem/12*4);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media (min-width: 960px) {
  .spotify-block {
    width: calc(100%/12*8);
    margin: 0 auto;
  }
}
@media (min-width: 960px) {
  .trustpilot {
    width: calc(100%/12*8);
    margin-left: auto;
    margin-right: auto;
  }
}
/* Google Recaptcha Version 3 */
.grecaptcha-badge {
  visibility: hidden;
  z-index: -9999999;
}
#contentLink {
  display: grid;
  position: absolute;
  transition: all ease 0.1s;
  left: 50%;
  top: -80px;
  padding: 10px 20px;
  background: #4D7373;
  color: #FFFFFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  z-index: 101;
  white-space: nowrap;
  width: 200px;
}
#contentLink:focus,
#contentLink:active {
  top: 0;
}
#content {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin-top: 200px;
}
button,
.button,
input[type=checkbox],
input[type=text],
input[type=number],
input[type="url"],
input[type="radio"],
textarea,
label,
select {
  border: solid 2px transparent;
}
button.invalid,
.button.invalid,
input[type=checkbox].invalid,
input[type=text].invalid,
input[type=number].invalid,
input[type="url"].invalid,
input[type="radio"].invalid,
textarea.invalid,
label.invalid,
select.invalid {
  outline: none !important;
  border: 1px solid #C33C3C;
}
button.invalid:focus-visible,
.button.invalid:focus-visible,
input[type=checkbox].invalid:focus-visible,
input[type=text].invalid:focus-visible,
input[type=number].invalid:focus-visible,
input[type="url"].invalid:focus-visible,
input[type="radio"].invalid:focus-visible,
textarea.invalid:focus-visible,
label.invalid:focus-visible,
select.invalid:focus-visible,
button.invalid:focus,
.button.invalid:focus,
input[type=checkbox].invalid:focus,
input[type=text].invalid:focus,
input[type=number].invalid:focus,
input[type="url"].invalid:focus,
input[type="radio"].invalid:focus,
textarea.invalid:focus,
label.invalid:focus,
select.invalid:focus {
  outline: none !important;
  border: 2px solid #222222;
}
button:focus-visible,
.button:focus-visible,
input[type=checkbox]:focus-visible,
input[type=text]:focus-visible,
input[type=number]:focus-visible,
input[type="url"]:focus-visible,
input[type="radio"]:focus-visible,
textarea:focus-visible,
label:focus-visible,
select:focus-visible {
  outline: none !important;
  border-color: #222222;
}
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail button:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .button:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=checkbox]:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=text]:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=number]:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="url"]:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="radio"]:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail textarea:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail label:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail select:focus-visible,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail button:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .button:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=checkbox]:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=text]:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=number]:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="url"]:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="radio"]:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail textarea:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail label:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail select:focus,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail button:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail .button:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=checkbox]:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=text]:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type=number]:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="url"]:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail input[type="radio"]:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail textarea:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail label:focus-within,
.optimizelyForms form.EPiServerForms .Form__Element.ValidationFail select:focus-within {
  outline: none !important;
  border: 2px solid #222222;
}


/*# sourceMappingURL=app.css.map*/