@import url("https://use.typekit.net/lhn6wjz.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,600;0,800;1,500;1,600;1,800&display=swap");
h1 {
  line-height: 2.8rem;
  margin-top: 4.8rem;
  margin-bottom: 1.6rem; }

h2, body.polls header h1,
body.thankYou header h1,
body.profile header h1 {
  line-height: 2.2rem;
  margin-top: 4.4rem;
  margin-bottom: 1.2rem; }

h3 {
  line-height: 2rem;
  margin-top: 3.6rem;
  margin-bottom: 0.8rem; }

h4, .form-block .error-heading, .promo-box--label {
  line-height: 1.8rem;
  margin-top: 2.8rem;
  margin-bottom: 0.6rem; }

h5 {
  line-height: 1.552rem;
  margin-top: 2.4rem;
  margin-bottom: 0.6rem; }

h6 {
  line-height: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 0.8rem; }

html {
  font-size: 125%; }
  @media print, screen and (max-width: 828px) {
    html {
      font-size: 112.5%; } }

* {
  line-height: 1.6rem;
  margin-bottom: 2rem;
  margin-top: 0rem; }
  @media print, screen and (max-width: 1023px) {
    * {
      margin-bottom: 1.6rem; } }

body {
  font-family: "Raleway", sans-serif;
  font-weight: 500; }

header > div[class$="--inner"],
header + section:first-of-type > div[class$="--inner"] {
  margin-top: 3.2rem; }
  @media print, screen and (min-width: 1440px) {
    header > div[class$="--inner"],
    header + section:first-of-type > div[class$="--inner"] {
      margin-top: 4.8rem; } }
  @media print, screen and (max-width: 1079px) {
    header > div[class$="--inner"],
    header + section:first-of-type > div[class$="--inner"] {
      margin-top: 2.4rem; } }
  header > div[class$="--inner"] > *:first-child,
  header + section:first-of-type > div[class$="--inner"] > *:first-child {
    margin-top: 0; }

@media print, screen and (min-width: 1440px) {
  header + section:first-of-type > div[class$="--inner"] {
    margin-top: 4rem; } }

h1, h2, body.polls header h1,
body.thankYou header h1,
body.profile header h1, h3, h4, .form-block .error-heading, .promo-box--label, h5 {
  font-weight: 800;
  color: #0b4f70; }

h1 {
  font-size: 240%; }
  @media print, screen and (max-width: 1079px) {
    h1 {
      font-size: 200%;
      line-height: 2.24rem; } }
  @media print, screen and (max-width: 828px) {
    h1 {
      font-size: 180%;
      line-height: 1.8rem; } }

h2, body.polls header h1,
body.thankYou header h1,
body.profile header h1 {
  font-size: 180%; }
  @media print, screen and (max-width: 1023px) {
    h2, body.polls header h1,
    body.thankYou header h1,
    body.profile header h1 {
      font-size: 160%;
      margin-top: 3.2rem;
      line-height: 1.76rem; } }

h3 {
  font-size: 156%; }
  @media print, screen and (max-width: 1023px) {
    h3 {
      font-size: 145%;
      margin-top: 3rem;
      line-height: 1.76rem; } }

h4, .form-block .error-heading, .promo-box--label {
  font-size: 126%; }
  @media print, screen and (max-width: 1023px) {
    h4, .form-block .error-heading, .promo-box--label {
      margin-top: 2.8rem; } }

h5 {
  font-size: 112%; }
  @media print, screen and (max-width: 1023px) {
    h5 {
      margin-top: 2.4rem; } }

h6 {
  font-size: 90%; }
  @media print, screen and (max-width: 828px) {
    h6 {
      font-size: 78%;
      line-height: 1.0016rem; } }

strong {
  font-weight: 800;
  line-height: inherit; }

/* Remove default margin */
html, body {
  scroll-behavior: smooth;
  margin: 0;
  width: 100%; }

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, body.polls header h1,
body.thankYou header h1,
body.profile header h1, h3, h4, .form-block .error-heading, .promo-box--label,
p,
ul[class], ol[class], li,
figure, figcaption,
blockquote,
dl, dd {
  margin-left: 0;
  margin-right: 0; }

hr {
  border-top: none;
  border-bottom: 1px solid #494949; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed; }

main {
  display: block; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

svg, img {
  display: block;
  line-height: initial; }

figure {
  position: relative;
  line-height: initial;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem; }
  @media print, screen and (max-width: 828px) {
    figure {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  figure img {
    margin-bottom: 0rem;
    width: 100%; }
  figure figcaption {
    margin-top: 0.8rem; }

.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0; }

.center-flex, main, nav > div[class$="--inner"], footer > div[class$="--inner"], nav:not(.sub-menu) .nav--inner {
  display: flex;
  margin-left: auto;
  margin-right: auto; }

.center-inline-flex, #sub-menu {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto; }

.center-block, header > div[class$="--inner"],
section > div[class$="--inner"], .expandable--inner, .makthavare > div[class$="--inner"], .profile-card > div[class$="--inner"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.text-center {
  text-align: center; }

.hide {
  display: none !important; }

.gutter, main, header > div[class$="--inner"],
section > div[class$="--inner"], nav > div[class$="--inner"], footer > div[class$="--inner"], .cookie-header, body.profile .sub-menu #sub-menu, nav:not(.sub-menu) .nav--inner, nav.sub-menu > *, .form-block, body.login header, .expandable--inner, .makthavare--menu > div[class$="--inner"], .profile-card--menu > div[class$="--inner"], .cta-block > div[class$="--inner"] {
  padding-left: 2rem;
  padding-right: 2rem; }
  @media print, screen and (max-width: 828px) {
    .gutter, main, header > div[class$="--inner"],
    section > div[class$="--inner"], nav > div[class$="--inner"], footer > div[class$="--inner"], .cookie-header, body.profile .sub-menu #sub-menu, nav:not(.sub-menu) .nav--inner, nav.sub-menu > *, .form-block, body.login header, .expandable--inner, .makthavare--menu > div[class$="--inner"], .profile-card--menu > div[class$="--inner"], .cta-block > div[class$="--inner"] {
      padding-left: 1.2rem;
      padding-right: 1.2rem; } }

.preamble, p.preamble {
  font-size: 120%;
  line-height: 1.92rem; }

.detail, small, p.small, figure figcaption, .cookie-header--content > p, body.profile .user-status li, .input-group label, .input-group legend, .sammantraden .cta, .sammantraden .paverkan--cat, .paverkan--assets > a, .paverkan--assets > p {
  font-size: 74%;
  line-height: 1.2rem;
  margin-bottom: 1.2rem; }

.lazyload,
.lazyloading {
  opacity: 0; }

.lazyloaded {
  opacity: 1;
  transition: opacity 250ms ease-in-out 100ms; }

figure {
  background-image: url("/img/loader.gif");
  background-position: center center;
  background-size: 2.8rem;
  background-repeat: no-repeat; }

.disabled, a.disabled, .cta.disabled, .disabled.paverkan--cat {
  opacity: 0.2;
  cursor: default; }
  .disabled:hover, a.disabled:hover, .cta.disabled:hover, .disabled.paverkan--cat:hover {
    background-color: #0b4f70;
    border-color: #0b4f70; }

@media print, screen and (min-width: 1080px) {
  div[class$="--inner"].fullwidth {
    padding-right: 2rem; } }

body {
  color: #494949; }

a {
  color: #0b4f70;
  transition: color 150ms ease-in-out;
  line-height: inherit; }
  a:hover {
    color: #4589aa; }

a.cta, a.paverkan--cat, button.cta, button.paverkan--cat, .cta, .paverkan--cat {
  display: inline-flex;
  align-items: center;
  text-align: center;
  border: none;
  padding: 0;
  text-decoration: none;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  line-height: 1.2rem;
  color: #ffffff;
  background-color: #0b4f70;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 80%;
  text-decoration: none;
  justify-content: center;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
  padding: calc(0.4rem - 2px) calc(0.8rem - 2px);
  outline: none;
  border: 2px solid #0b4f70;
  border-radius: 0.5em; }
  a.cta:hover, a.paverkan--cat:hover, button.cta:hover, button.paverkan--cat:hover, .cta:hover, .paverkan--cat:hover {
    transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
    background-color: #51859e;
    border-color: #51859e; }
  a.cta.hollow, a.hollow.paverkan--cat, button.cta.hollow, button.hollow.paverkan--cat, .cta.hollow, .hollow.paverkan--cat {
    background-color: #ffffff;
    color: #0b4f70; }
    a.cta.hollow:hover, a.hollow.paverkan--cat:hover, button.cta.hollow:hover, button.hollow.paverkan--cat:hover, .cta.hollow:hover, .hollow.paverkan--cat:hover {
      background-color: #0b4f70;
      border-color: #0b4f70;
      color: #ffffff;
      transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out; }
  a.cta.small, a.small.paverkan--cat, button.cta.small, button.small.paverkan--cat, .cta.small, .small.paverkan--cat {
    font-size: 64%;
    padding: calc(0.2rem - 2px) calc(0.6rem - 2px); }

ul, ol {
  padding-left: 1.6rem; }
  ul ol, ul ul, ol ol, ol ul {
    margin-bottom: 0;
    padding-left: 0; }
  ul li, ol li {
    margin-bottom: 1.2rem; }
    ul li li, ol li li {
      margin-top: 0.8rem;
      margin-bottom: 0.8rem;
      list-style-position: inside; }
    ul li::marker, ol li::marker {
      margin-right: 4.4rem;
      color: #0b4f70;
      font-weight: 800; }

ol {
  counter-reset: section; }
  ol li {
    counter-increment: section; }
    ol li:before {
      content: ' ';
      white-space: pre; }
    ol li li:before {
      display: initial;
      content: counters(section, ".") "  ";
      color: #0b4f70;
      font-weight: 800; }
  ol ol {
    list-style-type: none; }

::selection {
  background-color: #ede79f;
  color: #494949; }

.max-width, main, header > div[class$="--inner"],
section > div[class$="--inner"], nav > div[class$="--inner"], footer > div[class$="--inner"], body.profile .sub-menu #sub-menu, nav:not(.sub-menu) .nav--inner, #sub-menu, .form-block, body.login header, .expandable--inner, .makthavare > div[class$="--inner"], .profile-card > div[class$="--inner"] {
  max-width: 1080px;
  width: 100%; }

.max-width-small {
  max-width: 828px;
  width: 100%; }

main {
  margin-top: 1.6rem;
  flex-direction: column; }
  .aktuellt main {
    margin-top: 3.2rem; }
  main article {
    width: 100%; }

header {
  margin-bottom: 0; }
  header > div[class$="--inner"] {
    margin-bottom: 0; }
  header + section:last-of-type {
    margin-bottom: 4.8rem; }

@media print, screen and (min-width: 1080px) {
  header > div[class$="--inner"],
  section > div[class$="--inner"] {
    padding-right: calc( 1080px - calc(2rem * 2) - 828px); } }

@media print, screen and (max-width: 1079px) {
  header > div[class$="--inner"],
  section > div[class$="--inner"] {
    margin-left: 0;
    max-width: calc(828px + 6rem); } }

section:last-of-type {
  margin-bottom: 4.8rem; }

section.profile-card,
section.makthavare {
  margin-top: 2.4rem; }
  section.profile-card:last-of-type,
  section.makthavare:last-of-type {
    margin-bottom: 2.4rem; }

nav > .rich-text--inner, footer > .rich-text--inner {
  flex-direction: column; }

.cookie-header {
  width: 100%;
  position: fixed;
  background-color: #e2e2e2;
  bottom: 0;
  z-index: 100;
  margin-bottom: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }
  @media print, screen and (min-width: 1080px) {
    .cookie-header {
      max-width: 1080px;
      left: calc(50% - 540px); } }
  @media print, screen and (max-width: 568px) {
    .cookie-header {
      left: initial;
      padding-top: 1.2rem;
      padding-bottom: 1.2rem; } }
  .cookie-header--content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cookie-header--content > p {
      font-weight: 600; }
      .cookie-header--content > p:last-of-type {
        margin-top: 0;
        margin-bottom: 0; }
      .cookie-header--content > p > * {
        line-height: inherit; }
      @media print, screen and (min-width: 568px) {
        .cookie-header--content > p + .cookie-header--button-group {
          padding-left: 1.2rem; } }
    .cookie-header--content a, .cookie-header--content a:hover {
      color: #ffffff; }
    @media print, screen and (max-width: 568px) {
      .cookie-header--content {
        display: block; }
        .cookie-header--content > p {
          font-size: 80%;
          line-height: 1.2rem; }
          .cookie-header--content > p:last-of-type {
            margin-bottom: 0.8rem; } }
  .cookie-header--button-group {
    margin: 0; }
    .cookie-header--button-group > * {
      margin-top: 0;
      margin-bottom: 0; }
    .cookie-header--button-group button.cta, .cookie-header--button-group button.paverkan--cat, .cookie-header--button-group button.cta:hover, .cookie-header--button-group button.paverkan--cat:hover {
      min-width: 8em;
      padding: 0.4rem 0.8rem;
      border-radius: 0.875em; }
      @media print, screen and (max-width: 568px) {
        .cookie-header--button-group button.cta, .cookie-header--button-group button.paverkan--cat, .cookie-header--button-group button.cta:hover, .cookie-header--button-group button.paverkan--cat:hover {
          font-size: 80%;
          display: block;
          width: 100%;
          max-width: 22em;
          margin-left: auto;
          margin-right: auto; } }
      .cookie-header--button-group button.cta:after, .cookie-header--button-group button.paverkan--cat:after, .cookie-header--button-group button.cta:hover:after, .cookie-header--button-group button.paverkan--cat:hover:after {
        display: none; }

.hero {
  display: flex;
  background-color: #0b4f70;
  color: #ffffff; }
  .hero > div[class$="--inner"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.8rem;
    margin-bottom: 4rem;
    padding-right: 2rem; }
    @media print, screen and (max-width: 1079px) {
      .hero > div[class$="--inner"] {
        max-width: initial; } }
    @media print, screen and (max-width: 1023px) {
      .hero > div[class$="--inner"] {
        margin-top: 1.6rem;
        margin-bottom: 3.2rem; } }
    @media print, screen and (max-width: 828px) {
      .hero > div[class$="--inner"] {
        flex-direction: column;
        padding-right: 1.2rem;
        margin-top: 0.4rem;
        margin-bottom: 1.6rem; } }
  .hero h1 {
    color: #ffffff;
    font-family: "bookmania", serif;
    margin: 0;
    flex: 1; }
    @media print, screen and (min-width: 1024px) {
      .hero h1 {
        font-size: 320%;
        line-height: 3.6rem; } }
    @media print, screen and (min-width: 828px) and (max-width: 1024px) {
      .hero h1 {
        font-size: 250%;
        line-height: 3.2rem; } }
    @media print, screen and (max-width: 828px) {
      .hero h1 {
        font-size: 300%;
        line-height: 3.6rem;
        margin-bottom: 0.8rem;
        max-width: initial;
        text-align: center; } }
    @media print, screen and (max-width: 568px) {
      .hero h1 {
        font-size: 10vw;
        line-height: 12vw;
        margin-bottom: 2vw; } }
  .hero + section > div[class$="--inner"] > *:last-child {
    margin-bottom: 4rem; }
  .hero #hero-img {
    position: relative;
    overflow: hidden;
    width: 40%;
    margin-bottom: 0;
    z-index: 1;
    margin-right: 3.2rem;
    box-sizing: border-box; }
    @media print, screen and (max-width: 1023px) {
      .hero #hero-img {
        width: 38%; } }
    @media print, screen and (max-width: 828px) {
      .hero #hero-img {
        margin: 0;
        max-width: 80%;
        width: initial;
        margin-right: -0.6rem;
        margin-bottom: 1.2rem; } }
    @media print, screen and (max-width: 568px) {
      .hero #hero-img {
        margin-bottom: 4.5vw; } }
    .hero #hero-img:before, .hero #hero-img:after {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 1.6rem; }
      @media print, screen and (max-width: 1023px) {
        .hero #hero-img:before, .hero #hero-img:after {
          height: 1.6rem; } }
      @media print, screen and (max-width: 568px) {
        .hero #hero-img:before, .hero #hero-img:after {
          height: 1.2rem; } }
    .hero #hero-img:before {
      background: linear-gradient(180deg, #0b4f70 0%, #0b4f70 45%, rgba(11, 79, 112, 0) 100%); }
    .hero #hero-img:after {
      background: linear-gradient(0deg, #0b4f70 0%, #0b4f70 45%, rgba(11, 79, 112, 0) 100%);
      bottom: 0; }
    .hero #hero-img > img {
      margin-bottom: 0; }
    .hero #hero-img .hero-img--animation {
      position: absolute;
      top: 0;
      left: 0;
      width: 300%;
      animation: windowScroll 22s cubic-bezier(0.58, 0.01, 0.46, 0.98) infinite; }
    .hero #hero-img .hero-img--animation {
      transform: translateY(0.5em);
      z-index: -1; }
      @media print, screen and (max-width: 828px) {
        .hero #hero-img .hero-img--animation {
          transform: translate(0.125em, 0.375em); } }
      @media print, screen and (max-width: 568px) {
        .hero #hero-img .hero-img--animation {
          transform: translate(0.125em, 0.1em); } }

@keyframes windowScroll {
  0% {
    left: 0%;
    top: 0%; }
  4.66667%, 16.66667% {
    left: 0%;
    top: -100%; }
  21.33333%, 33.33333% {
    left: -100%;
    top: -100%; }
  38%, 50% {
    left: -100%;
    top: -200%; }
  54.66667%, 66.66667% {
    left: -100%;
    top: -300%; }
  71.33333%, 83.33333% {
    left: -200%;
    top: -300%; }
  88%, 100% {
    left: -200%;
    top: -200%; } }

body.polls header + section.rich-text > div[class$="--inner"],
body.thankYou header + section.rich-text > div[class$="--inner"],
body.profile header + section.rich-text > div[class$="--inner"] {
  margin-top: 0; }
  body.polls header + section.rich-text > div[class$="--inner"] > *:not(:last-child),
  body.thankYou header + section.rich-text > div[class$="--inner"] > *:not(:last-child),
  body.profile header + section.rich-text > div[class$="--inner"] > *:not(:last-child) {
    margin-bottom: 1.2rem; }

body.profile .header--inner h1 {
  margin-bottom: 0.8rem; }

body.profile .sub-menu {
  margin-top: 0; }
  body.profile .sub-menu #sub-menu {
    display: inline-flex; }
    @media print, screen and (max-width: 828px) {
      body.profile .sub-menu #sub-menu {
        margin-left: auto;
        margin-right: auto;
        justify-content: center; } }
  body.profile .sub-menu li:first-child {
    border-top-left-radius: 0.375em;
    border-bottom-left-radius: 0.375em; }
  body.profile .sub-menu li:last-child {
    border-top-right-radius: 0.375em;
    border-bottom-right-radius: 0.375em; }
  body.profile .sub-menu button {
    display: inline-flex;
    align-items: center;
    text-align: center;
    border: none;
    padding: 0;
    text-decoration: none;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 80%;
    white-space: nowrap;
    font-weight: 800;
    color: #ffffff;
    padding: 0.4rem 0.8rem;
    line-height: 1.2rem;
    margin-bottom: 0; }
    body.profile .sub-menu button svg {
      height: 0.8rem;
      width: 0.8rem;
      margin-bottom: 0;
      margin-left: 0.4rem;
      margin-right: -0.2rem;
      fill: #ffffff; }

body.profile .user-status ul {
  padding: 0;
  border-top: 1px solid #e2e2e2; }

body.profile .user-status li {
  font-weight: 600;
  padding-top: 0.2rem;
  padding-left: 0.4rem;
  padding-bottom: 0.2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  border-bottom: 1px solid #e2e2e2; }
  body.profile .user-status li.poll-item:hover {
    background-color: rgba(11, 79, 112, 0.1); }
  body.profile .user-status li > * {
    margin-bottom: 0; }
  body.profile .user-status li > a:not(.cta):not(.paverkan--cat) {
    display: block;
    width: 100%; }
    body.profile .user-status li > a:not(.cta):not(.paverkan--cat):hover {
      color: #0b4f70; }
  body.profile .user-status li > .cta, body.profile .user-status li > .paverkan--cat {
    line-height: 0.8rem;
    padding: calc(0.2rem - 2px) calc(0.4rem - 2px);
    margin-bottom: 0; }

body.profile .user-status > div[class$="--inner"] {
  padding: 0;
  margin-left: 0;
  max-width: 568px; }

body.profile #flashMessage > *:first-child {
  margin-top: 0; }

body.profile #flashMessage:empty {
  display: none; }

nav:not(.sub-menu) {
  position: relative;
  background-color: #0b4f70;
  margin-bottom: 0; }
  @media print, screen and (max-width: 828px) {
    nav:not(.sub-menu) {
      height: 3.856rem; } }
  nav:not(.sub-menu) .nav--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem; }
    @media print, screen and (max-width: 1079px) {
      nav:not(.sub-menu) .nav--inner {
        padding: 2rem; } }
    @media print, screen and (max-width: 828px) {
      nav:not(.sub-menu) .nav--inner {
        padding: 1.2rem; } }
  nav:not(.sub-menu) .logo {
    z-index: 10;
    margin-bottom: 0;
    transform: translateY(0.15em); }
    nav:not(.sub-menu) .logo:hover {
      transition: opacity 150ms ease-in-out;
      opacity: 0.7; }
    nav:not(.sub-menu) .logo svg {
      margin-bottom: 0;
      width: 152px;
      height: 26px; }
      @media print, screen and (min-width: 1024px) {
        nav:not(.sub-menu) .logo svg {
          width: 190px;
          height: 32.5px; } }
      @media print, screen and (max-width: 375px) {
        nav:not(.sub-menu) .logo svg {
          width: 117px;
          height: 20px; } }
      nav:not(.sub-menu) .logo svg path {
        fill: #ffffff; }
  nav:not(.sub-menu) > * {
    display: inline-flex; }
  nav:not(.sub-menu) #menu_trigger {
    display: none; }
  nav:not(.sub-menu) #menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    transition: margin-top 150ms cubic-bezier(0, 0.75, 0.45, 1); }
    nav:not(.sub-menu) #menu * {
      margin: 0; }
    nav:not(.sub-menu) #menu li {
      font-size: 84%;
      position: relative;
      line-height: initial; }
      nav:not(.sub-menu) #menu li.active {
        background-color: #ffffff;
        border-radius: 0.5em;
        transition: background-color 150ms ease-in-out; }
        nav:not(.sub-menu) #menu li.active > a {
          color: #0b4f70;
          opacity: 1;
          transition: color 150ms ease-in-out;
          padding: 0.4rem 0.8rem; }
          nav:not(.sub-menu) #menu li.active > a:hover {
            opacity: 1; }
        nav:not(.sub-menu) #menu li.active:hover {
          background-color: rgba(255, 255, 255, 0.3); }
          nav:not(.sub-menu) #menu li.active:hover > a {
            color: #ffffff; }
      @media print, screen and (min-width: 1024px) {
        nav:not(.sub-menu) #menu li {
          margin-left: 2.4rem; }
          nav:not(.sub-menu) #menu li:last-child {
            margin-right: 0; } }
      @media print, screen and (min-width: 828px) and (max-width: 1024px) {
        nav:not(.sub-menu) #menu li {
          margin-left: 1.6rem; } }
      nav:not(.sub-menu) #menu li > a {
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 800;
        display: inline-block;
        transition: all .15s ease-in-out;
        vertical-align: middle;
        line-height: initial;
        padding: 0.4rem 0; }
        nav:not(.sub-menu) #menu li > a:hover {
          transition: opacity 150ms ease-in-out;
          opacity: 0.7; }
        nav:not(.sub-menu) #menu li > a svg {
          margin-bottom: -7px; }
      @media print, screen and (max-width: 828px) {
        nav:not(.sub-menu) #menu li:not(.active) a {
          padding-right: 0; } }
    @media print, screen and (max-width: 828px) {
      nav:not(.sub-menu) #menu {
        position: absolute;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        top: 0;
        left: 0;
        margin-top: -100vh;
        height: 100vh;
        box-sizing: border-box;
        padding-left: 1.2rem;
        padding-right: 1.2rem; }
        nav:not(.sub-menu) #menu::before {
          content: "";
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #0b4f70; }
        nav:not(.sub-menu) #menu_icon {
          position: relative;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4,6 L20,6 L20,8 L4,8 L4,6 Z M4,11 L20,11 L20,13 L4,13 L4,11 Z M4,16 L20,16 L20,18 L4,18 L4,16 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center center / 2.24rem 1.92rem;
          z-index: 10;
          width: 1.2rem;
          height: 1.2rem;
          cursor: pointer;
          margin-right: 0;
          margin-left: auto;
          margin-bottom: 0; }
        nav:not(.sub-menu) #menu_trigger:checked + #menu_icon {
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon fill-rule='evenodd' points='13.414 12 19.071 17.657 17.657 19.071 12 13.414 6.343 19.071 4.929 17.657 10.586 12 4.929 6.343 6.343 4.929 12 10.586 17.657 4.929 19.071 6.343' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center center / 2.24rem 1.92rem; }
        nav:not(.sub-menu) #menu_trigger:checked ~ #menu {
          margin-top: 0;
          margin-bottom: 0; }
          nav:not(.sub-menu) #menu_trigger:checked ~ #menu li {
            opacity: 1;
            left: 0; }
            nav:not(.sub-menu) #menu_trigger:checked ~ #menu li a:hover {
              opacity: 1;
              text-decoration: none; }
        nav:not(.sub-menu) #menu li {
          font-size: 120%;
          opacity: 0;
          left: -0.5em;
          margin-top: 0.4rem;
          margin-bottom: 0.4rem; }
          nav:not(.sub-menu) #menu li.active {
            margin-top: 0.8rem;
            margin-bottom: 0.8rem; }
          nav:not(.sub-menu) #menu li:last-child {
            margin-bottom: 4.8rem; } }

@media print, screen and (max-width: 828px) {
  body.menu_active {
    overflow: hidden;
    height: 100%;
    margin-top: 3.856rem; }
    body.menu_active nav:not(.sub-menu) {
      position: fixed;
      z-index: 101;
      top: 0;
      left: 0;
      width: 100%; }
    body.menu_active #menu {
      top: 0;
      bottom: 0; }
      body.menu_active #menu li {
        transition: all 0.25s ease-out; }
        body.menu_active #menu li:nth-child(1) {
          transition-delay: 75ms; }
        body.menu_active #menu li:nth-child(2) {
          transition-delay: 150ms; }
        body.menu_active #menu li:nth-child(3) {
          transition-delay: 225ms; }
        body.menu_active #menu li:nth-child(4) {
          transition-delay: 300ms; }
        body.menu_active #menu li:nth-child(5) {
          transition-delay: 375ms; }
        body.menu_active #menu li:nth-child(6) {
          transition-delay: 450ms; }
        body.menu_active #menu li:nth-child(7) {
          transition-delay: 525ms; }
        body.menu_active #menu li:nth-child(8) {
          transition-delay: 600ms; }
        body.menu_active #menu li:nth-child(9) {
          transition-delay: 675ms; }
    body.menu_active #menu_icon {
      top: 0;
      right: 0; } }

nav.sub-menu {
  display: flex;
  position: sticky;
  z-index: 1;
  top: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  @media print, screen and (max-width: 828px) {
    nav.sub-menu {
      margin-top: 1.2rem;
      margin-bottom: 1.2rem; } }
  nav.sub-menu + header > *:first-child {
    margin-top: 2.4rem; }
    @media print, screen and (min-width: 1440px) {
      nav.sub-menu + header > *:first-child {
        margin-top: 3.6rem; } }

#sub-menu {
  list-style: none;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
  border-radius: 0.875em;
  overflow: hidden;
  padding: 0;
  width: initial; }
  @media print, screen and (max-width: 1023px) {
    #sub-menu {
      margin-right: 1.8rem; } }
  #sub-menu a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 1rem 1.2rem;
    line-height: 1rem; }
  #sub-menu li {
    margin-bottom: 0;
    line-height: normal;
    font-size: 75%;
    line-height: initial;
    display: inline-flex;
    align-items: center;
    text-align: center;
    background-color: #a5a5a5;
    transition: background-color 150ms ease-in-out; }
    #sub-menu li:hover {
      background-color: #7f7f7f; }
    #sub-menu li:first-child a {
      padding-left: 1.6rem; }
    #sub-menu li:last-child a {
      padding-right: 1.6rem; }
    #sub-menu li.active {
      background-color: #0b4f70;
      pointer-events: none; }

@media print, screen and (min-width: 1024px) {
  #sub-menu {
    margin-left: auto;
    margin-right: auto; }
  #sub-menu-small {
    display: none; } }

@media print, screen and (max-width: 1023px) {
  #sub-menu {
    display: none; }
  #sub-menu-small {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
    max-width: 35.2rem; } }

.input-group {
  position: relative;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem; }
  .input-group input, .input-group textarea {
    font-family: inherit;
    display: block;
    width: 100%;
    padding: calc(0.4rem - 2px) calc(0.8rem - 2px);
    margin-bottom: 0;
    background-color: #F6F6F6;
    border: 2px solid #D3D2D1;
    border-radius: 0.375em;
    font-weight: 600; }
    .input-group input:-webkit-autofill::first-line, .input-group textarea:-webkit-autofill::first-line {
      font-family: "Raleway", sans-serif;
      font-weight: 600; }
  .input-group label, .input-group legend {
    cursor: text;
    line-height: 1rem;
    margin-bottom: 0.2rem;
    display: block;
    font-weight: 600; }
  .input-group legend {
    padding: 0; }
  .input-group label.radio, .input-group label.checkbox {
    cursor: pointer; }
  .input-group.buttonStyle, .input-group.yesNo {
    margin-top: 1.6rem; }
    .input-group.buttonStyle .options, .input-group.yesNo .options {
      display: flex;
      flex-wrap: wrap;
      margin-top: 0.6rem;
      margin-left: -0.25rem;
      margin-bottom: 0; }
      .input-group.buttonStyle .options > *, .input-group.yesNo .options > * {
        margin: 0 0.25rem 0.5rem; }
      .input-group.buttonStyle .options label, .input-group.yesNo .options label {
        font-weight: 800;
        white-space: nowrap;
        background-color: #a5a5a5;
        border-color: #a5a5a5;
        margin-bottom: 0; }
      .input-group.buttonStyle .options input, .input-group.yesNo .options input {
        display: none; }
        @media (hover: hover) {
          .input-group.buttonStyle .options input:hover + label, .input-group.yesNo .options input:hover + label {
            background-color: #7f7f7f;
            border-color: #7f7f7f;
            transition-duration: 0s; }
          .input-group.buttonStyle .options input:hover:checked + label, .input-group.yesNo .options input:hover:checked + label {
            background-color: #2a9f43;
            border-color: #2a9f43; } }
        .input-group.buttonStyle .options input:checked + label, .input-group.yesNo .options input:checked + label {
          background-color: #2dab48;
          border-color: #2dab48; }
        .input-group.buttonStyle .options input:active + label,
        .input-group.buttonStyle .options input:checked:active + label, .input-group.yesNo .options input:active + label,
        .input-group.yesNo .options input:checked:active + label {
          background-color: #a5a5a5;
          border-color: #a5a5a5;
          transition-duration: 0s; }
      .input-group.buttonStyle .options + .error-hint, .input-group.yesNo .options + .error-hint {
        margin-top: 0; }
  @media (hover: hover) {
    .input-group.yesNo .options input:hover[type="radio"][value="No"]:checked + label,
    .input-group.yesNo .options input:hover[type="radio"][value="no"]:checked + label,
    .input-group.yesNo .options input:hover[type="radio"][value="Nej"]:checked + label,
    .input-group.yesNo .options input:hover[type="radio"][value="nej"]:checked + label,
    .input-group.yesNo .options input:hover[type="radio"][value="0"]:checked + label {
      background-color: #a53417;
      border-color: #a53417; } }
  .input-group.yesNo .options input[type="radio"][value="No"]:checked + label,
  .input-group.yesNo .options input[type="radio"][value="no"]:checked + label,
  .input-group.yesNo .options input[type="radio"][value="Nej"]:checked + label,
  .input-group.yesNo .options input[type="radio"][value="nej"]:checked + label,
  .input-group.yesNo .options input[type="radio"][value="0"]:checked + label {
    background-color: #B23819;
    border-color: #B23819; }
  .input-group.textArea {
    margin-bottom: 1.6rem; }
  .input-group.type-select {
    position: relative;
    font-size: 84%; }
    .input-group.type-select:before {
      content: '';
      width: 1.2rem;
      height: 1.2rem;
      background-image: url("/common/icons/chevron-down.svg");
      background-size: 1.2rem 1.2rem;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 1rem;
      right: 2rem;
      pointer-events: none; }
      @media print, screen and (min-width: 828px) {
        .input-group.type-select:before {
          right: 2.75rem; } }
    .input-group.type-select select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: transparent;
      border: none;
      background-image: none;
      background-repeat: no-repeat, repeat;
      margin: 0;
      width: 100%;
      font-family: inherit;
      font-size: inherit;
      cursor: inherit;
      line-height: inherit;
      background-color: #e2e2e2;
      cursor: pointer;
      border: 2px solid #a5a5a5;
      border-radius: 0.375em;
      line-height: 1.6rem;
      padding: 0.8rem;
      margin-bottom: 0;
      font-weight: 800;
      text-transform: uppercase;
      color: #424242; }
      .input-group.type-select select::-ms-expand {
        display: none; }
      .input-group.type-select select:focus {
        outline: none !important;
        border-color: #0b4f70; }
  .input-group:not(.buttonStyle):not(.yesNo) > .options {
    margin-top: 0.6rem; }
    .input-group:not(.buttonStyle):not(.yesNo) > .options > .option {
      display: flex;
      flex-direction: row;
      margin-bottom: 0.75rem; }
      .input-group:not(.buttonStyle):not(.yesNo) > .options > .option > input {
        width: initial; }
      .input-group:not(.buttonStyle):not(.yesNo) > .options > .option > label {
        margin-left: 0.75rem; }

.form-block {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  .form-block > div[class$="--inner"] {
    position: relative;
    padding: 0;
    margin-left: 0;
    max-width: 568px; }
  .form-block--inner, .form-block--inner > form {
    margin-bottom: 0; }
  .form-block .form-overlay {
    position: absolute;
    z-index: 1;
    background-color: white;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center; }
    .form-block .form-overlay.loading {
      display: flex; }
    .form-block .form-overlay img {
      width: 3rem;
      height: 3rem; }
    .form-block .form-overlay p {
      margin-bottom: 0.5rem; }
  .form-block .error-hint {
    color: red;
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-bottom: 0;
    line-height: 0.8rem;
    margin-top: 0.4rem; }
    .form-block .error-hint:empty {
      display: none; }
  .form-block .error-heading {
    color: red; }
  .form-block ul.error-hint {
    list-style: none;
    padding: 0; }
  .form-block button[type="submit"],
  .form-block input[type="submit"] {
    display: block;
    margin-bottom: 0;
    margin-top: 1.6rem; }
  .form-block .rich-text {
    margin-bottom: 0; }
    .form-block .rich-text h2, .form-block .rich-text body.polls header h1, body.polls header .form-block .rich-text h1,
    .form-block .rich-text body.thankYou header h1, body.thankYou header .form-block .rich-text h1,
    .form-block .rich-text body.profile header h1, body.profile header .form-block .rich-text h1, .form-block .rich-text h3, .form-block .rich-text h4, .form-block .rich-text .error-heading, .form-block .rich-text .promo-box--label, .form-block .rich-text h5 {
      color: #2b2b2b; }
    .form-block .rich-text *:last-child {
      margin-bottom: 0; }

body.login header {
  margin-left: auto;
  margin-right: auto; }

body.login .header--inner {
  padding: 0; }

body.login .header--inner,
body.login .form-block {
  width: 100%;
  max-width: 375px;
  margin-left: 0;
  margin-right: auto; }

body.login .form-block {
  padding: 0; }

body.login label[for="personalnumber"] {
  color: #117699; }

body.login input[name="personalnumber"] {
  padding-right: 2.4rem;
  background-image: url("/img/BankID_logo.svg");
  background-size: 2.8rem;
  background-repeat: no-repeat;
  background-position: right -0.2rem center; }

body.profile .form-block {
  padding: 0; }

section.promo-boxes {
  margin-top: 2.8rem; }
  section.promo-boxes > div[class$="--inner"] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0; }
    @media print, screen and (max-width: 1079px) {
      section.promo-boxes > div[class$="--inner"] {
        max-width: initial; } }

.rich-text .cta, .rich-text .paverkan--cat {
  display: block;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .rich-text .cta *, .rich-text .paverkan--cat * {
    margin-bottom: 0;
    color: inherit;
    text-decoration: none; }

.promo-box {
  width: calc((100% / 3) - 1.06667rem);
  margin-right: 1.6rem;
  margin-bottom: 0; }
  .promo-boxes--large .promo-box {
    width: calc((100% / 4) - 0.9rem);
    margin-right: 1.2rem; }
    .promo-boxes--large .promo-box h4, .promo-boxes--large .promo-box .form-block .error-heading, .form-block .promo-boxes--large .promo-box .error-heading, .promo-boxes--large .promo-box .promo-box--label, .promo-boxes--large .promo-box .promo-box--label {
      font-size: 110%;
      line-height: 1.6rem; }
    @media print, screen and (max-width: 828px) {
      .promo-boxes--large .promo-box {
        width: calc((100% / 2) - 0.6rem);
        margin-right: 0;
        margin-bottom: 2.56rem; }
        .promo-boxes--large .promo-box:nth-child(2n + 1) {
          margin-right: 1.2rem; }
        .promo-boxes--large .promo-box:last-of-type {
          margin-right: auto; } }
    @media print, screen and (max-width: 568px) {
      .promo-boxes--large .promo-box {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: none; }
        .promo-boxes--large .promo-box:nth-child(2n + 1) {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          max-width: none; } }
  .promo-box:last-of-type {
    margin-right: 0; }
  @media print, screen and (max-width: 828px) {
    .promo-box {
      width: calc((100% / 3) - 0.8rem);
      margin-right: 1.2rem; } }
  .promo-box--image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 80%;
    background-color: #0b4f70;
    border-radius: 0.5em;
    margin-bottom: 1.2rem; }
    @media print, screen and (max-width: 1023px) {
      .promo-box--image {
        margin-bottom: 0.8rem; } }
  .promo-box--text {
    margin-bottom: 0; }
    .promo-box--text > *:first-child {
      margin-top: 0; }
    .promo-box--text > *:last-child {
      margin-bottom: 0; }
    @media print, screen and (min-width: 828px) {
      .promo-box--text p {
        font-size: 90%;
        line-height: 1.4rem; } }

@media print, screen and (max-width: 568px) {
  section.promo-boxes > div[class$="--inner"] {
    display: block; }
  .promo-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.56rem; }
    .promo-box:last-of-type {
      margin-right: auto; } }

.expandable > * {
  margin-bottom: 0; }

.expandable--inner > * {
  margin-bottom: 0; }

.expandable--title {
  display: inline-flex;
  align-items: center;
  text-align: center;
  border: none;
  padding: 0;
  text-decoration: none;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  font-weight: 800;
  color: #0b4f70;
  width: 100%;
  height: 4rem;
  position: relative;
  border-top: 2px solid #d0dbe1;
  margin-bottom: -2px;
  padding: 0.8rem;
  padding-right: 2.4rem;
  text-align: left; }
  .expandable--title:not(.active) {
    transition: all 100ms ease-in-out; }
    .expandable--title:not(.active):hover {
      background-color: rgba(11, 79, 112, 0.05); }
  .expandable--title.active {
    border-top: 2px solid #0b4f70;
    background-color: rgba(11, 79, 112, 0.05); }
    .expandable--title.active + .expandable-content + .expandable--title {
      border-top: 2px solid #0b4f70; }
  @media print, screen and (max-width: 828px) {
    .expandable--title {
      padding-left: 0.4rem;
      padding-right: 2.2rem;
      font-size: 90%; } }
  .expandable--title:after {
    font-size: 90%;
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 24 24'%3E%5C %3Cpath fill-rule='evenodd' d='M13,4 L13,11 L20,11 L20,13 L12.999,13 L13,20 L11,20 L10.999,13 L4,13 L4,11 L11,11 L11,4 L13,4 Z' fill='%230b4f70'/%3E%5C %3C/svg%3E");
    background-repeat: no-repeat;
    width: 0.75em;
    height: 0.75em;
    padding: 0.5em;
    box-sizing: content-box;
    background-position: center center;
    box-shadow: inset 0 0 0 1.5px rgba(11, 79, 112, 0.2);
    background-color: #ffffff;
    border-radius: 50%;
    right: 0.6rem;
    top: 50%;
    transform: rotate(90deg) translateY(-50%);
    transform-origin: top center;
    transition: all 250ms ease-in-out; }
    @media print, screen and (max-width: 828px) {
      .expandable--title:after {
        right: 0.4rem;
        background-size: 26px 26px;
        width: 0.75em;
        height: 0.75em; } }
  .expandable--title.active:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 24 24'%3E%3Cpolygon fill-rule='evenodd' points='4 11 20 11 20 13 4 13' fill='%230b4f70'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: rotate(180deg) translateY(-50%); }

.expandable-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 2px solid #d0dbe1;
  margin-bottom: -2px;
  box-shadow: inset 0 4px 0 -2px rgba(11, 79, 112, 0.2); }
  .expandable-content--inner {
    padding: 0.8rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 0; }
    @media print, screen and (max-width: 828px) {
      .expandable-content--inner {
        padding: 1.2rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem; } }
    .expandable-content--inner p {
      font-size: 84%;
      line-height: 1.4rem; }

.makthavare > div[class$="--inner"], .profile-card > div[class$="--inner"] {
  min-height: 22rem;
  margin-bottom: 0; }
  .people .makthavare > div[class$="--inner"], .people .profile-card > div[class$="--inner"] {
    min-height: initial; }
  @media print, screen and (min-width: 1080px) {
    .makthavare > div[class$="--inner"], .profile-card > div[class$="--inner"] {
      padding-right: 2rem; } }

.makthavare--menu, .profile-card--menu {
  margin-bottom: 0; }
  .makthavare--menu > div[class$="--inner"], .profile-card--menu > div[class$="--inner"] {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%; }
    .makthavare--menu > div[class$="--inner"] > *, .profile-card--menu > div[class$="--inner"] > * {
      margin-bottom: 0; }
    .makthavare--menu > div[class$="--inner"] p, .profile-card--menu > div[class$="--inner"] p {
      width: 100%;
      margin-bottom: 0.8rem; }
    @media print, screen and (min-width: 1080px) {
      .makthavare--menu > div[class$="--inner"], .profile-card--menu > div[class$="--inner"] {
        padding-right: 2rem; } }
  .makthavare--menu + main, .profile-card--menu + main {
    margin-top: 1.6rem; }
  .makthavare--menu-items, .profile-card--menu-items {
    padding-top: 0.8rem; }
  .makthavare--menu button, .profile-card--menu button {
    cursor: pointer;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem; }
    .makthavare--menu button:first-child, .profile-card--menu button:first-child {
      margin-right: 0; }

.makthavare--list, .profile-card--list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .makthavare--list:not(.loading), .profile-card--list:not(.loading) {
    opacity: 1;
    transition: opacity 1500ms cubic-bezier(0, 1, 0, 1); }
  .makthavare--list.loading, .profile-card--list.loading {
    opacity: 0; }
  @media print, screen and (min-width: 1024px) {
    .makthavare--list, .profile-card--list {
      margin-left: -0.8rem;
      margin-right: -0.8rem; } }
  @media print, screen and (min-width: 828px) and (max-width: 1024px) {
    .makthavare--list, .profile-card--list {
      margin-left: -0.8rem;
      margin-right: -0.8rem; } }
  @media print, screen and (max-width: 828px) {
    .makthavare--list, .profile-card--list {
      margin-left: -0.6rem;
      margin-right: -0.6rem; } }

.makthavare--item, .profile-card--item {
  display: flex;
  flex-direction: column;
  border-radius: 1.5em;
  overflow: hidden;
  min-height: 16em;
  margin-bottom: 3.2rem; }
  @media print, screen and (min-width: 1024px) {
    .makthavare--item, .profile-card--item {
      width: calc((100% / 4) - 1.6rem);
      margin-left: 0.8rem;
      margin-right: 0.8rem;
      box-shadow: 0.8rem 0.8rem 1.6rem #a5a5a5; } }
  @media print, screen and (min-width: 828px) and (max-width: 1024px) {
    .makthavare--item, .profile-card--item {
      width: calc((100% / 3) - 1.6rem);
      margin-left: 0.8rem;
      margin-right: 0.8rem;
      box-shadow: 0.2rem 0.2rem 0.8rem #a5a5a5;
      border-radius: 0.875em;
      min-height: 14em; } }
  @media print, screen and (max-width: 828px) {
    .makthavare--item, .profile-card--item {
      width: calc((100% / 3) - 1.2rem);
      margin-left: 0.6rem;
      margin-right: 0.6rem;
      box-shadow: 0.2rem 0.2rem 0.8rem #a5a5a5;
      border-radius: 0.875em;
      min-height: 14em; } }
  @media print, screen and (max-width: 568px) {
    .makthavare--item, .profile-card--item {
      width: calc((100% / 2) - 1.2rem); } }
  @media print, screen and (max-width: 1023px) {
    .makthavare--item, .profile-card--item {
      margin-bottom: 2.4rem; } }

.makthavare--content, .profile-card--content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0.8rem 1.2rem; }
  .makthavare--content > *, .profile-card--content > * {
    margin-bottom: 0.4rem; }
    .makthavare--content > *:first-child, .profile-card--content > *:first-child {
      margin-top: 0; }
    .makthavare--content > *:last-child, .profile-card--content > *:last-child {
      margin-bottom: 0; }
  .makthavare--content p, .profile-card--content p {
    font-size: 66.6666%;
    line-height: 1rem;
    margin-bottom: 0.6rem; }
    .makthavare--content p:not(.makthavare--title):not(.profile-card--title), .profile-card--content p:not(.makthavare--title):not(.profile-card--title) {
      font-weight: 600; }
  .makthavare--content a, .profile-card--content a {
    color: inherit; }
    .makthavare--content a:hover, .profile-card--content a:hover {
      color: #0b4f70; }
  @media print, screen and (max-width: 828px) {
    .makthavare--content, .profile-card--content {
      padding: 0.4rem 0.8rem 0.8rem; }
      .makthavare--content p, .profile-card--content p {
        font-size: 50%;
        line-height: 0.8rem;
        margin-bottom: 0.6rem; } }

.makthavare figure, .profile-card figure {
  margin: 0; }

.makthavare--default-image, .profile-card--default-image {
  width: 100%;
  height: 0;
  padding-bottom: 65.63%;
  margin: 0; }

.makthavare--default-image, .makthavare figure, .profile-card--default-image, .profile-card figure {
  position: relative; }
  .makthavare--default-image + *, .makthavare figure + *, .profile-card--default-image + *, .profile-card figure + * {
    margin-top: 0; }

.makthavare--tags, .profile-card--tags {
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: initial;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 0.4rem;
  padding-left: 1.1375rem;
  padding-right: 1.1375rem; }
  .makthavare--tags span, .profile-card--tags span {
    background-color: #0b4f70;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 0.375em;
    margin-bottom: 0;
    padding: 0.2rem;
    margin: 0.1rem;
    line-height: 0.48rem;
    font-size: 55%; }
  @media print, screen and (max-width: 828px) {
    .makthavare--tags, .profile-card--tags {
      padding-left: 0.7375rem;
      padding-right: 0.7375rem; } }

.makthavare--name, .profile-card--name {
  margin-bottom: 0.2rem;
  color: #2b2b2b; }

.makthavare--title, .profile-card--title {
  margin-top: 0;
  font-weight: 800; }

.makthavare--contact, .profile-card--contact {
  margin-top: auto;
  font-size: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .makthavare--contact > *, .profile-card--contact > * {
    margin-bottom: 0;
    line-height: normal; }
  .makthavare--contact span, .profile-card--contact span {
    padding-top: 0.4rem; }
    .makthavare--contact span:nth-child(1), .profile-card--contact span:nth-child(1) {
      padding-top: 0.4rem; }

.makthavare--phone, .profile-card--phone {
  white-space: nowrap; }

.makthavare--phone, .profile-card--phone {
  word-break: break-all; }

.makthavare--noresult, .profile-card--noresult {
  width: 100%;
  margin-top: 1.6rem;
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  color: #494949; }

.makthavare .profile-card--default-image, .profile-card .profile-card--default-image {
  background-color: #0b4f70; }

.makthavare .makthavare--default-image, .profile-card .makthavare--default-image {
  background-color: #117699;
  background-size: 102% 102%;
  background-position: center center;
  background-repeat: no-repeat; }

.makthavare[data-state="politiker"] .makthavare--list > *:not(.politiker), .profile-card[data-state="politiker"] .makthavare--list > *:not(.politiker) {
  display: none; }

.makthavare[data-state="politiker"] .politiker ~ .makthavare--noresult, .profile-card[data-state="politiker"] .politiker ~ .makthavare--noresult {
  display: none !important; }

.makthavare .politiker .makthavare--default-image, .profile-card .politiker .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/politiker.svg"); }

.makthavare[data-state="tjanstepersoner"] .makthavare--list > *:not(.tjanstepersoner), .profile-card[data-state="tjanstepersoner"] .makthavare--list > *:not(.tjanstepersoner) {
  display: none; }

.makthavare[data-state="tjanstepersoner"] .tjanstepersoner ~ .makthavare--noresult, .profile-card[data-state="tjanstepersoner"] .tjanstepersoner ~ .makthavare--noresult {
  display: none !important; }

.makthavare .tjanstepersoner .makthavare--default-image, .profile-card .tjanstepersoner .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/tjanstepersoner.svg"); }

.makthavare[data-state="bostadsbolag"] .makthavare--list > *:not(.bostadsbolag), .profile-card[data-state="bostadsbolag"] .makthavare--list > *:not(.bostadsbolag) {
  display: none; }

.makthavare[data-state="bostadsbolag"] .bostadsbolag ~ .makthavare--noresult, .profile-card[data-state="bostadsbolag"] .bostadsbolag ~ .makthavare--noresult {
  display: none !important; }

.makthavare .bostadsbolag .makthavare--default-image, .profile-card .bostadsbolag .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/bostadsbolag.svg"); }

.makthavare[data-state="media"] .makthavare--list > *:not(.media), .profile-card[data-state="media"] .makthavare--list > *:not(.media) {
  display: none; }

.makthavare[data-state="media"] .media ~ .makthavare--noresult, .profile-card[data-state="media"] .media ~ .makthavare--noresult {
  display: none !important; }

.makthavare .media .makthavare--default-image, .profile-card .media .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/media.svg"); }

.makthavare[data-state="civilsamhalle"] .makthavare--list > *:not(.civilsamhalle), .profile-card[data-state="civilsamhalle"] .makthavare--list > *:not(.civilsamhalle) {
  display: none; }

.makthavare[data-state="civilsamhalle"] .civilsamhalle ~ .makthavare--noresult, .profile-card[data-state="civilsamhalle"] .civilsamhalle ~ .makthavare--noresult {
  display: none !important; }

.makthavare .civilsamhalle .makthavare--default-image, .profile-card .civilsamhalle .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/civilsamhalle.svg"); }

.makthavare[data-state="foretag"] .makthavare--list > *:not(.foretag), .profile-card[data-state="foretag"] .makthavare--list > *:not(.foretag) {
  display: none; }

.makthavare[data-state="foretag"] .foretag ~ .makthavare--noresult, .profile-card[data-state="foretag"] .foretag ~ .makthavare--noresult {
  display: none !important; }

.makthavare .foretag .makthavare--default-image, .profile-card .foretag .makthavare--default-image {
  background-image: url("/img/maktahavarlistan/foretag.svg"); }

.makthavare[data-state] .makthavare--list > .makthavare--noresult, .profile-card[data-state] .makthavare--list > .makthavare--noresult {
  display: block; }

.makthavare[data-state="all"] .makthavare--list > .makthavare--noresult, .profile-card[data-state="all"] .makthavare--list > .makthavare--noresult {
  display: none; }

.people .profile-card--item {
  display: flex;
  flex-direction: column;
  border-radius: 1.5em;
  overflow: hidden;
  min-height: 16em;
  margin-bottom: 3.2rem; }
  @media print, screen and (min-width: 1024px) {
    .people .profile-card--item {
      width: calc((100% / 3) - 1.6rem);
      margin-left: 0.8rem;
      margin-right: 0.8rem;
      box-shadow: 0.8rem 0.8rem 1.6rem #a5a5a5; } }
  @media print, screen and (min-width: 828px) and (max-width: 1024px) {
    .people .profile-card--item {
      width: calc((100% / 2) - 1.6rem);
      margin-left: 0.8rem;
      margin-right: 0.8rem;
      box-shadow: 0.2rem 0.2rem 0.8rem #a5a5a5;
      border-radius: 0.875em;
      min-height: 14em; } }
  @media print, screen and (max-width: 828px) {
    .people .profile-card--item {
      width: calc((100% / 2) - 1.2rem);
      margin-left: 0.6rem;
      margin-right: 0.6rem;
      box-shadow: 0.2rem 0.2rem 0.8rem #a5a5a5;
      border-radius: 0.875em;
      min-height: 14em; } }
  @media print, screen and (max-width: 568px) {
    .people .profile-card--item {
      width: calc((100% / 2) - 1.2rem); } }

.people .profile-card--item {
  position: relative;
  height: 24rem;
  transition: border-radius 350ms cubic-bezier(0, 0.75, 0.45, 1); }
  @media print, screen and (max-width: 1023px) {
    .people .profile-card--item {
      height: 20rem; } }
  @media print, screen and (max-width: 828px) {
    .people .profile-card--item {
      height: 16rem; } }
  .people .profile-card--item.active {
    border-top-right-radius: 0; }

.people .profile-card--name {
  padding-right: 0.8rem; }

.people .profile-card--content {
  position: absolute;
  background-color: #ffffff;
  margin-top: 65.5%;
  transition: margin-top 450ms cubic-bezier(0, 0.75, 0.45, 1); }

.people .profile-card svg.close {
  display: none; }

.people .profile-card--item.active {
  overflow-y: auto; }
  .people .profile-card--item.active svg.close {
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    right: 0.6rem;
    cursor: pointer; }
  .people .profile-card--item.active .profile-card--content {
    margin-top: 0%; }
  .people .profile-card--item.active .profile-card--readmore {
    display: none; }

.people .profile-card--readmore {
  position: absolute;
  width: 100%;
  margin-bottom: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  text-align: center;
  border: none;
  padding: 0;
  text-decoration: none;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  color: #0b4f70;
  font-size: 64%;
  font-weight: 800;
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-end;
  height: 2.4rem;
  background-image: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.85) 75%, rgba(255, 255, 255, 0) 100%); }

@media print, screen and (max-width: 1079px) {
  .sammantraden > div[class$="--inner"] {
    max-width: initial; } }

.sammantraden--date {
  margin-right: auto;
  font-weight: 800;
  color: #0b4f70; }

.sammantraden--item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(11, 79, 112, 0.3); }
  .sammantraden--item:last-child {
    border-bottom: none; }
  .sammantraden--item > * {
    margin-bottom: 0; }
  .sammantraden--item:hover {
    background-color: rgba(11, 79, 112, 0.05); }

@media print, screen and (max-width: 828px) {
  .sammantraden--assets {
    display: flex;
    flex-direction: column; } }

.sammantraden .cta, .sammantraden .paverkan--cat {
  margin-left: 0.8rem;
  margin-bottom: 0;
  font-size: 59.524%;
  padding: calc(0.32rem - 4px) calc(0.56rem - 4px); }
  @media print, screen and (max-width: 828px) {
    .sammantraden .cta, .sammantraden .paverkan--cat {
      margin: 0;
      margin-bottom: 0.4rem; }
      .sammantraden .cta:last-child, .sammantraden .paverkan--cat:last-child {
        margin-bottom: 0; } }

.paverkan--list, .paverkan--inner {
  margin-bottom: 0; }

@media print, screen and (max-width: 1079px) {
  .paverkan > div[class$="--inner"] {
    max-width: initial; } }

@media print, screen and (max-width: 1439px) {
  .paverkan {
    margin-bottom: 0; } }

.paverkan--item {
  margin-bottom: 0;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid rgba(11, 79, 112, 0.2); }
  .paverkan--item:first-child {
    border-top: 1px solid rgba(11, 79, 112, 0.2);
    padding-top: 2.4rem; }
  .paverkan--item > *:first-child {
    margin-top: 0; }
  .paverkan--item > p:not(.paverkan--date) {
    font-size: 90%;
    line-height: 1.4rem; }
    .paverkan--item > p:not(.paverkan--date):last-of-type {
      margin-bottom: 1.6rem; }

.paverkan--content.has-excerpt:not(.active) > *:not(.excerpt) {
  display: none; }

.paverkan--content.has-excerpt.active > p.excerpt {
  display: none; }

.paverkan--term {
  font-weight: 600; }

.paverkan--meta {
  white-space: nowrap; }

.paverkan--cat {
  font-size: 59.524%;
  font-weight: 800 !important;
  display: inline-block;
  line-height: 1.25;
  margin-top: -5px;
  margin-bottom: 0;
  margin-left: 0.25em;
  cursor: text;
  padding: calc(0.32rem - 4px) calc(0.56rem - 4px); }
  .paverkan--cat:hover {
    background-color: #0b4f70;
    border-color: #0b4f70; }

.paverkan--date {
  margin-bottom: 0.4rem; }

.paverkan--assets > a, .paverkan--assets > p {
  display: block;
  line-height: 1.6rem;
  margin-bottom: 0; }

.paverkan--assets > a::before {
  content: '';
  height: 1rem;
  width: 1rem;
  margin-right: 0.4rem;
  margin-top: -0.25em;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle; }

.paverkan--assets > a.word::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M99.4,192V42.7h279.2l62.2,62.2v364.5l-384,0V512l426.7,0V87.2L396.3,0H56.8v192H99.4z M334.1,21.3v128h128v-42.7l-85.3,0 l0-85.3H334.1L334.1,21.3z M270.1,256l-20.8-4.6l-32,144l20.8,4.6v-21.3h-5.3V400l19.8-8l-64.1-157.3h-25h-14.3L85.1,392l19.8,8 v-21.3h-5.3V400l20.8-4.6L84.6,234.7H56.8H28.5l54.9,192h26.8h14.7l58.6-152.3l-19.9-7.7V288h10.7v-21.3l-19.9,7.7l58.6,152.3h25.3 h16.1l54.9-192H253l-3.7,16.7L270.1,256v21.3h10.7V256l-20.5-5.9l-42.7,149.3l20.5,5.9V384h-10.7v21.3l19.9-7.7l-58.6-152.3h-25.3 h-14.7L90.2,397.7l19.9,7.7V384H99.5v21.3l20.5-5.9L77.3,250.1L56.8,256v21.3h10.7V256l-20.8,4.6l35.7,160.7h22.4h14.3L183.2,264 l-19.8-8v21.3h10.7V256l-19.8,8l64.1,157.3h19.7h17.1L291,260.6L270.1,256v21.3V256z' fill='%230b4f70'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.paverkan--assets > a.pdf::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M106.6,192V42.7h279.2l62.2,62.2v364.5l-384,0V512l426.7,0V87.2L403.5,0H64v192H106.6z M341.3,21.3v128h128v-42.7l-85.3,0 V21.3H341.3L341.3,21.3z M42.7,256v21.3H48l26.7,0c8.5,0,13.9,1.3,17.2,2.7c4.8,2.2,5.9,3.9,7.4,6.9c1.4,2.9,2.1,7.5,2,11.7 c0.1,5.8-1.3,11.6-3.6,14.3c-1.2,1.5-2.6,2.8-5.9,4.3c-3.3,1.4-8.7,2.7-17.2,2.7H48H26.7v64H48v-21.3h-5.3V384H64V256H42.7v21.3 V256H21.3v149.3H48h21.3v-42.7l5.3,0c12.9,0,24.1-2,33.8-6.1c14.7-6,24.8-17.5,29.7-28.6c5-11.1,5.8-21.6,5.8-29.3 c-0.1-10.2-1.4-25.8-12.4-40.3c-5.5-7.2-13.4-13.5-23.1-17.6c-9.7-4.1-20.9-6.1-33.8-6.1H48h-5.3H21.3V256H42.7z M181.3,384h21.3 V256h-21.3v21.3c0,0,20.2,0,36.4,0c4.5,0,8.4,0.5,11.4,1.5c4.5,1.6,6.9,3.1,10,8.2c3.1,5.2,6.2,15.4,6.2,33 c0,11.7-1.4,20.2-3.2,26.1c-3,8.8-5.9,11.3-9.1,13.4c-3.3,2-8.4,3.2-15.3,3.2c-16.2,0-36.3,0-36.4,0V384h21.3H181.3v21.3 c0,0,20.2,0,36.4,0c7.6,0,15.9-0.8,24.4-3.5c12.7-3.9,25.9-13.2,33.9-27.4c8.2-14.2,11.9-32,12-54.4c0-15-1.7-27.8-5.2-38.9 c-5.1-16.7-15.4-29.9-28-37.2c-12.5-7.4-25.7-9.2-37-9.2c-16.2,0-36.3,0-36.4,0H160v170.7h21.3V384z M352,405.3v-128h64v-42.7 H309.3v170.7H352L352,405.3z M330.7,352h64v-42.7h-64V352z' fill='%230b4f70'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat; }

.cta-filter {
  margin-bottom: 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .cta-filter p {
    width: 100%; }

a.cta-filter--button, button.cta-filter--button, .makthavare button.cta, .makthavare button.paverkan--cat, .profile-card button.cta, .profile-card button.paverkan--cat {
  box-shadow: 0 0 0 0 rgba(11, 79, 112, 0.3);
  background-color: #a5a5a5;
  border-color: #a5a5a5;
  line-height: initial;
  padding: calc(0.48rem - 2px) calc(0.8rem - 2px);
  margin-right: 0.4rem;
  margin-bottom: 0.4rem; }
  a.cta-filter--button:hover, button.cta-filter--button:hover, .makthavare button.cta:hover, .makthavare button.paverkan--cat:hover, .profile-card button.cta:hover, .profile-card button.paverkan--cat:hover {
    background-color: #7f7f7f;
    border-color: #7f7f7f; }
  a.cta-filter--button.active, a.cta-filter--button:active, button.cta-filter--button.active, .makthavare button.active.cta, .makthavare button.active.paverkan--cat, .profile-card button.active.cta, .profile-card button.active.paverkan--cat, button.cta-filter--button:active, .makthavare button.cta:active, .makthavare button.paverkan--cat:active, .profile-card button.cta:active, .profile-card button.paverkan--cat:active {
    background-color: #0b4f70;
    border-color: #0b4f70;
    color: #ffffff;
    box-shadow: 0 0 0 1.6rem transparent;
    transition: box-shadow 1500ms cubic-bezier(0, 1, 0, 1); }
  a.cta-filter--button.active, button.cta-filter--button.active, .makthavare button.active.cta, .makthavare button.active.paverkan--cat, .profile-card button.active.cta, .profile-card button.active.paverkan--cat {
    pointer-events: none; }

.pagination {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0; }
  .pagination > * {
    margin-bottom: 0;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 2rem; }
    .pagination > *.current {
      background-color: #a5a5a5;
      color: #ffffff;
      border-radius: 0.375em; }
  .pagination a {
    text-decoration: none; }
    .pagination a:hover {
      text-decoration: underline;
      color: #494949; }
  .pagination svg {
    display: inline-flex;
    margin: 0;
    line-height: inherit; }

.twocol > div[class$="--inner"] > *:first-child, .rich-text > div[class$="--inner"] > *:first-child {
  margin-top: 0; }

.twocol--title {
  width: 100%; }

.twocol figure {
  margin-bottom: 0; }
  .twocol figure + h2, .twocol body.polls header figure + h1, body.polls header .twocol figure + h1,
  .twocol body.thankYou header figure + h1, body.thankYou header .twocol figure + h1,
  .twocol body.profile header figure + h1, body.profile header .twocol figure + h1, .twocol figure + h3, .twocol figure + h4, .twocol .form-block figure + .error-heading, .form-block .twocol figure + .error-heading, .twocol figure + .promo-box--label, .twocol figure + h5 {
    margin-top: 0.8rem; }
    @media print, screen and (max-width: 568px) {
      .twocol figure + h2, .twocol body.polls header figure + h1, body.polls header .twocol figure + h1,
      .twocol body.thankYou header figure + h1, body.thankYou header .twocol figure + h1,
      .twocol body.profile header figure + h1, body.profile header .twocol figure + h1, .twocol figure + h3, .twocol figure + h4, .twocol .form-block figure + .error-heading, .form-block .twocol figure + .error-heading, .twocol figure + .promo-box--label, .twocol figure + h5 {
        margin-bottom: 1.6rem; } }

.twocol > div[class$="--inner"] {
  display: flex;
  margin-top: 3.2rem;
  margin-bottom: 5.6rem; }
  @media print, screen and (max-width: 1079px) {
    .twocol > div[class$="--inner"] {
      max-width: initial; } }
  @media print, screen and (max-width: 568px) {
    .twocol > div[class$="--inner"]:last-child {
      margin-bottom: 3.2rem; } }
  .twocol > div[class$="--inner"] > div[class^="twocol-"] > *:first-child {
    margin-top: 0.8rem; }
  .twocol > div[class$="--inner"] > div[class^="twocol-"] > figure:first-child {
    margin-top: 0; }
  .twocol > div[class$="--inner"] div[class^="twocol-"] {
    margin-bottom: 0; }
  @media print, screen and (max-width: 828px) {
    .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-left, .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-right {
      width: calc(100% / 2 - calc(2rem * 1/2)); } }
  @media print, screen and (max-width: 568px) {
    .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-left, .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-right {
      width: 100%; }
      .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-left:last-child, .twocol > div[class$="--inner"] div[class^="twocol-"].one-third-right:last-child {
        margin-bottom: 0; } }
  @media print, screen and (min-width: 568px) {
    .twocol > div[class$="--inner"] {
      flex-wrap: wrap; }
      .twocol > div[class$="--inner"] div[class^="twocol-"] {
        width: calc(100% / 2 - calc(2rem * 1/2)); }
      .twocol > div[class$="--inner"] > .twocol-one {
        margin-right: 2rem; }
        .twocol > div[class$="--inner"] > .twocol-one.one-third-left {
          width: calc(100% / 3 * 1 - calc(2rem * 1/2)); }
        .twocol > div[class$="--inner"] > .twocol-one.one-third-right {
          width: calc(100% / 3 * 2 - calc(2rem * 1/2)); }
      .twocol > div[class$="--inner"] > .twocol-two.one-third-left {
        width: calc(100% / 3 * 2 - calc(2rem * 1/2)); }
      .twocol > div[class$="--inner"] > .twocol-two.one-third-right {
        width: calc(100% / 3 * 1 - calc(2rem * 1/2)); } }
  @media print, screen and (max-width: 568px) {
    .twocol > div[class$="--inner"] {
      flex-direction: column; }
      .twocol > div[class$="--inner"]:not(.reverse) > .twocol-two > *:last-child, .twocol > div[class$="--inner"].reverse > .twocol-one > *:last-child {
        margin-bottom: 0; }
      .twocol > div[class$="--inner"].reverse div[class^="twocol-"]:nth-child(2) {
        order: -1; } }

.threecol--title {
  width: 100%; }

@media print, screen and (max-width: 1079px) {
  .threecol > div[class$="--inner"] {
    max-width: initial; } }

.threecol > div[class$="--inner"] > div[class^="threecol-"] > *:first-child {
  margin-top: 0.8rem; }

.threecol > div[class$="--inner"] div[class^="threecol-"] {
  margin-bottom: 0; }

@media print, screen and (min-width: 568px) {
  .threecol > div[class$="--inner"] {
    display: flex;
    flex-wrap: wrap; }
    .threecol > div[class$="--inner"] div[class^="threecol-"] {
      width: calc(100% / 3 - calc(2rem * 2/3));
      margin-right: 2rem; }
      .threecol > div[class$="--inner"] div[class^="threecol-"]:last-of-type {
        margin-right: 0; }
      .threecol > div[class$="--inner"] div[class^="threecol-"] > *:last-child {
        margin-bottom: 0; } }

@media print, screen and (min-width: 1080px) {
  .imageblock > div[class$="--inner"] {
    padding-right: 2rem; } }

@media print, screen and (max-width: 1079px) {
  .imageblock > div[class$="--inner"] {
    max-width: initial; } }

@media print, screen and (max-width: 1079px) {
  .cta-block > div[class$="--inner"] {
    max-width: initial; } }

.cta-block > div[class$="--inner"] > .cta-block--content:last-child {
  margin-bottom: 0; }

@media print, screen and (min-width: 828px) {
  .cta-block > div[class$="--inner"] {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .cta-block > div[class$="--inner"] > * {
      width: calc(100% * 1/2 - 2rem/2); }
      .cta-block > div[class$="--inner"] > *:nth-child(2) {
        padding-right: calc( 1080px - calc(2rem * 4) - 828px); }
    .cta-block > div[class$="--inner"] .cta, .cta-block > div[class$="--inner"] .paverkan--cat {
      align-self: flex-end; } }

@media print, screen and (max-width: 828px) {
  .cta-block > div[class$="--inner"] {
    text-align: center; } }

.cta-block[class*="theme-"] {
  display: flex;
  margin-bottom: 0; }
  .cta-block[class*="theme-"] > div[class$="--inner"] {
    margin-top: 4.8rem;
    margin-bottom: 5.6rem; }
    .cta-block[class*="theme-"] > div[class$="--inner"] > *:first-child {
      margin-top: 0; }
    @media print, screen and (max-width: 1079px) {
      .cta-block[class*="theme-"] > div[class$="--inner"] {
        margin-top: 3.2rem;
        margin-bottom: 4rem; } }

.cta-block--title {
  font-size: 240%;
  line-height: 3.2rem; }
  @media print, screen and (min-width: 828px) {
    .cta-block--title {
      margin-bottom: 0; } }
  @media print, screen and (min-width: 1024px) {
    .cta-block--title {
      font-size: 320%;
      line-height: 4rem; } }
  @media print, screen and (max-width: 828px) {
    .cta-block--title {
      font-size: 200%;
      line-height: 2.4rem; } }

.cta-block--content > *:last-child {
  margin-bottom: 0; }

@media print, screen and (min-width: 828px) {
  .cta-block--content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; } }

.cta-block.theme-grey {
  background-color: #494949;
  color: #ffffff; }
  .cta-block.theme-grey h2, .cta-block.theme-grey body.polls header h1, body.polls header .cta-block.theme-grey h1,
  .cta-block.theme-grey body.thankYou header h1, body.thankYou header .cta-block.theme-grey h1,
  .cta-block.theme-grey body.profile header h1, body.profile header .cta-block.theme-grey h1 {
    color: #ffffff; }
  .cta-block.theme-grey .cta, .cta-block.theme-grey .paverkan--cat {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #494949;
    box-shadow: 0.16rem 0.24rem 0 0 rgba(43, 43, 43, 0.5);
    font-size: 1.2rem;
    height: 2.2rem; }
    .cta-block.theme-grey .cta:active, .cta-block.theme-grey .paverkan--cat:active {
      box-shadow: 0.12rem 0.08rem 0 0 rgba(43, 43, 43, 0.5);
      transform: translate(0.04rem, 0.12rem); }

footer {
  background-color: #ede79f;
  color: #2b2b2b;
  margin-bottom: 0; }
  footer .footer--content {
    min-width: 12em; }
    @media print, screen and (min-width: 828px) {
      footer .footer--content {
        margin-left: 2rem; } }
    @media print, screen and (max-width: 828px) {
      footer .footer--content {
        order: -1; }
        footer .footer--content > section.rich-text {
          margin-bottom: 2rem; } }
  footer a {
    color: #2b2b2b;
    text-decoration-color: transparent;
    transition: text-decoration-color 150ms ease-in-out; }
    footer a:hover {
      color: #2b2b2b;
      text-decoration-color: #2b2b2b; }
  footer p {
    font-weight: 600;
    margin-bottom: 0.8rem; }
  footer section.rich-text > div[class$="-inner"] {
    padding-right: 0; }
  footer > div[class$="-inner"] {
    padding-top: 2.8rem;
    padding-bottom: 4.4rem;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0; }
    footer > div[class$="-inner"] > * {
      margin-bottom: 0; }
      @media print, screen and (min-width: 1024px) {
        footer > div[class$="-inner"] > * > *:last-child {
          margin-bottom: 0; } }
    @media print, screen and (max-width: 828px) {
      footer > div[class$="-inner"] {
        flex-direction: column;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem; } }
  footer .some {
    align-items: center;
    display: table;
    margin-bottom: 1.2rem;
    font-weight: 600; }
    footer .some * {
      margin-bottom: 0;
      vertical-align: middle; }
    footer .some > * {
      display: inline-flex; }
    footer .some:last-child {
      margin-bottom: 0; }
    footer .some .icon {
      background-color: #0b4f70;
      padding: 0.2rem;
      margin-right: 0.6rem;
      border-radius: 0.375em; }
      footer .some .icon svg {
        fill: #ffffff;
        width: 1.2rem;
        height: 1.2rem; }
  footer figure {
    margin: 0; }
  footer ::selection {
    background-color: #99baca;
    color: #2b2b2b; }
  footer:after {
    content: '';
    background-color: #ede79f;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed; }

body {
  transition: top 0.2s ease-in-out; }

#lang {
  position: relative;
  margin-left: auto;
  margin-bottom: 0; }
  #lang * {
    margin: 0; }
  @media print, screen and (max-width: 828px) {
    #lang + #menu_trigger + #menu_icon {
      margin-left: 1.36rem; } }

#langTrigger {
  font-size: 84%;
  line-height: initial;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center; }
  @media print, screen and (min-width: 828px) {
    #langTrigger:hover {
      opacity: 0.7; }
    .langBox-active #langTrigger {
      opacity: 1; } }
  @media print, screen and (max-width: 828px) {
    #langTrigger {
      font-size: 0.55em; } }
  @media print, screen and (max-width: 375px) {
    #langTrigger {
      font-size: 0.5em; } }
  #langTrigger * {
    margin: 0;
    line-height: 1.6rem; }
  #langTrigger svg {
    fill: #ffffff;
    width: 31px;
    height: 24px;
    margin-right: 0.4rem;
    margin-bottom: 0; }
    @media print, screen and (max-width: 828px) {
      #langTrigger svg {
        width: 21px;
        height: 16px; } }

#langBox {
  position: absolute;
  z-index: 10;
  padding-top: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  top: 3.2rem;
  width: 320px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 0.875em;
  visibility: hidden;
  opacity: 0;
  margin-top: -0.5em;
  box-shadow: 0.8rem 0.8rem 1.6rem rgba(43, 43, 43, 0.4);
  transition: all 100ms ease-in-out; }
  @media print, screen and (max-width: 828px) {
    #langBox {
      position: fixed;
      top: 3.6rem;
      width: calc(100% - 1.2rem * 2);
      max-width: 375px; } }
  #langBox > * {
    margin-bottom: 1rem; }
    #langBox > *:last-child {
      margin-bottom: 0; }
  #langBox #google_translate_element * {
    margin: 0; }
  #langBox #google_translate_element select {
    margin-bottom: 0.5rem; }
  #langBox #google_translate_element img {
    display: inline-block; }
  .langBox-active #langBox {
    visibility: visible;
    opacity: 1;
    margin-top: 0; }
  #langBox select {
    width: 100%;
    border: none;
    box-sizing: border-box;
    padding: 0.6rem 0.8rem;
    padding-right: 1.8rem;
    box-shadow: 0 0 0 2px #0b4f70;
    line-height: 1.2rem;
    border-radius: 0.875em;
    color: #0b4f70;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon fill-rule='evenodd' points='19 8.917 12 16 5 8.917 6.4 7.5 12 13.167 17.6 7.5' fill='%230b4f70'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-color: #ffffff; }

html:not([class*='translated']) body {
  top: 0px !important; }
  html:not([class*='translated']) body .goog-te-banner-frame.skiptranslate {
    display: none !important; }

.skiptranslate {
  margin-bottom: 0; }

html[class*='translated'] body {
  top: 39px !important; }

html[class*='translated'] font {
  margin-bottom: initial;
  line-height: inherit; }

html[class*='translated'] #navigation, html[class*='translated'] #langTrigger {
  top: 39px; }

html[class*='translated'] #langBox {
  top: calc(2.5rem + 39px); }
  @media print, screen and (max-width: 828px) {
    html[class*='translated'] #langBox {
      top: calc(3.5rem + 39px); } }

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