@charset "UTF-8";
:root {
  --main-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Crimson Text", Times, Georgia, serif;
  --font-family-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body-text: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

:root {
  --tight-text: 1.2;
}

path.splash-hor-av-dig {
  fill: var(--surface-brand-tertiary);
}
path.splash-hor-av-dig + path {
  fill: var(--text-color-white);
}

body {
  font-size: 18px;
  line-height: 1.4;
  background: var(--sand);
  color: var(--dark-purple);
}
@media (min-width: 768px) {
  body {
    font-size: 21px;
  }
}

.header-area {
  height: 60px;
  font-size: 16px;
  background: var(--color-white);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header-area.is-fixed, .header-area.w-bg-header {
  background: var(--color-white);
}
.header-area.w-bg-header.has-open-menu, .has-open-menu .header-area {
  background: transparent;
}
@media (min-width: 960px) {
  .header-area.w-bg-header.has-open-menu .erna-logo-header svg path, .has-open-menu .header-area .erna-logo-header svg path {
    fill: #ffffff;
  }
}
@media (min-width: 768px) {
  .header-area {
    height: 104px;
    font-size: 21px;
  }
}
.header-area a,
.header-area button {
  color: var(--surface-brand-secondary);
}

.erna-logo-header svg {
  width: 57px;
  height: 40px;
}
@media (min-width: 768px) {
  .erna-logo-header svg {
    width: 117px;
    height: 82px;
  }
}

.header-site-title {
  font-size: 15px;
  font-weight: var(--bold);
}
body.has-open-menu .header-site-title {
  opacity: 0;
}
@media (min-width: 768px) {
  .header-site-title {
    font-size: 21px;
  }
}

.header-actions {
  justify-self: end;
}

.menu-toggler {
  width: auto;
  font-weight: var(--bold) !important;
  font-size: 15px;
  color: var(--surface-brand-secondary);
}
.menu-toggler svg {
  width: 32px;
  height: 32px;
}
.menu-toggler svg rect {
  fill: var(--surface-brand-secondary);
}
@media (min-width: 768px) {
  .menu-toggler svg {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  .menu-toggler {
    font-size: 21px;
  }
}

.menu-icon,
.search-icon {
  display: inline-flex;
  border-radius: none;
  border: none;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.2s;
}

.menu-overlay {
  background: var(--sand);
  backdrop-filter: none;
}

.section-hero {
  min-height: 100dvh;
}
@media (min-width: 768px) {
  .section-hero {
    min-height: 750px;
  }
}

.hero-foreground {
  justify-content: center;
}
.hero-foreground .hero-copy {
  padding-top: 0;
  margin-top: -104px;
}

.hero-copy h1 {
  font-size: 48px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .hero-copy h1 {
    font-size: 72px;
  }
}

.header-footer-share {
  font-size: 16px;
}
.header-footer-share button {
  font-weight: var(--bold) !important;
}
@media (min-width: 768px) {
  .header-footer-share {
    font-size: 21px;
  }
}

.global-menu > li.active, .global-menu > li:hover {
  border-color: var(--surface-brand-secondary);
}

.menu-advert--item,
.global-menu {
  font-family: var(--font-sans);
  font-weight: var(--bold);
  color: var(--surface-brand-secondary);
}

.footer-section {
  background: var(--surface-brand-secondary);
  font-family: var(--font-body-text);
}
.footer-section hr {
  margin-bottom: 32px;
  border-top: 1px solid var(--yellow-100);
}

.footer-logo {
  max-width: 100%;
}

.tight-text {
  line-height: var(--tight-text);
}

.question-mark {
  max-width: 163px;
}

.list-block-item {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.list-block-item figure {
  max-width: 64px;
  flex-shrink: 0;
}
.list-block-item [class*=heading-] {
  line-height: 1;
  margin-bottom: 0.2em;
  display: block;
}
.list-block-item p {
  line-height: 1.2;
  margin-bottom: 0.2em;
}

[role=button]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
  font-family: var(--font-sans);
  font-weight: var(--regular);
  font-optical-sizing: auto;
  font-style: normal;
}

.cta-btn {
  font-family: var(--font-sans);
  font-weight: var(--bold);
}

.cta-btn-primary {
  background: var(--surface-brand-secondary);
  color: var(--text-color-white) !important;
  border: var(--border-medium) solid var(--surface-brand-secondary);
}
.cta-btn-primary svg path {
  fill: var(--grey-100);
}
.cta-btn-primary:hover {
  color: var(--text-color-white);
}

.cta-btn-secondary {
  background: var(--surface-brand-tertiary);
  color: var(--surface-brand-secondary);
  border: var(--border-medium) solid var(--surface-brand-tertiary);
}
.cta-btn-secondary svg path {
  fill: var(--surface-brand-secondary);
}
.cta-btn-secondary:hover {
  color: var(--surface-brand-secondary);
}

.cta-btn-ghost {
  background: transparent;
  border: var(--border-medium) solid var(--grey-700);
}
.cta-btn-ghost:hover {
  background: transparent;
  color: var(--grey-700);
  border-color: var(--grey-700);
}

:root {
  --surface-brand-primary: var(--grey-100);
  --surface-brand-secondary: var(--dark-purple);
  --surface-brand-tertiary: var(--pink);
  --surface-brand-quarternary: var(--sand);
  --surface-brand-secondary-opacity: var(--grey-700-80);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: var(--font-family-heading);
  font-optical-sizing: auto;
  font-weight: var(--semibold);
  font-style: normal;
}

.heading-xxs,
.heading-xs,
.heading-sm,
.heading-md,
.heading-lg,
.heading-xl,
.heading-xxl {
  font-family: var(--font-family-heading);
  font-optical-sizing: auto;
  font-weight: var(--semibold);
  margin-bottom: 0.25em;
}

.font-sans {
  font-family: var(--font-sans);
  font-optical-sizing: auto;
  font-weight: var(--bold);
  font-style: normal;
}

.article {
  display: flex;
  flex-direction: column;
}

.article-header,
.article-lead {
  max-width: var(--site-width--n);
  width: 100%;
  margin: 0 auto;
}

.article-image {
  margin-bottom: 42px;
  overflow: visible;
}
.article-image figcaption {
  margin-top: 6px;
}

.article-content {
  max-width: 1211px;
  width: 100%;
  margin-left: auto;
}
.wide .article-content {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-left: 0;
  max-width: 1096px;
  margin-right: auto;
  margin-left: auto;
}
.wide .article-content .article-entry {
  max-width: 1096px;
  margin-right: auto;
  margin-left: auto;
}
.article-lead h1, .article-lead h2 {
  font-size: var(--title-xl-size);
  line-height: var(--title-xl-leading);
  font-family: var(--font-sans);
}
.article-lead {
  font-size: var(--title-lg-size);
  line-height: var(--title-lg-leading);
}
.article-lead a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .article-lead h1, .article-lead h2 {
    font-size: var(--title-3xl-size);
    line-height: var(--title-3xl-leading);
  }
  .article-lead {
    font-size: var(--text-xl-size);
    line-height: var(--text-xl-leading);
  }
}

.article-content {
  display: grid;
  grid-gap: 24px;
}
@media (min-width: 768px) {
  .article-content {
    grid-template-columns: 1fr 380px;
  }
}
@media (min-width: 1200px) {
  .article-content {
    grid-template-columns: 1fr 424px;
  }
}

.article-entry {
  font-size: 18px;
  max-width: 648px;
}
.article-entry h1 {
  font-size: var(--title-xl-size);
  line-height: var(--title-xl-leading);
}
.article-entry h2 {
  margin-bottom: 6px;
  font-size: var(--title-lg-size);
  line-height: var(--title-lg-leading);
}
.article-entry h1, .article-entry h2, .article-entry h3, .article-entry h4, .article-entry h5, .article-entry h6 {
  font-family: var(--font-sans);
}
.article-entry a {
  text-decoration: underline;
}
.article-entry img {
  border-radius: var(--border-radius-md);
  margin: 16px 0;
}
.article-entry figure {
  margin: 0.5em 0;
}
.article-entry figure figcaption {
  padding: 2px 12px 0;
}
.article-entry figure img {
  margin-bottom: 0;
}
.article-entry ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.article-entry ul li {
  display: list-item;
  text-align: match-parent; /* ärvs normalt */
}
@media (min-width: 768px) {
  .article-entry h1 {
    font-size: var(--title-3xl-size);
    line-height: var(--title-3xl-leading);
  }
  .article-entry h2 {
    font-size: var(--title-xl-size);
    line-height: var(--title-xl-leading);
  }
  .article-entry {
    font-size: 21px;
  }
}

.article-entry-aside {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.module {
  overflow: hidden;
}

.module-top-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--text-color-white);
  background-color: var(--surface-brand-secondary);
  min-height: 150px;
  padding: 24px;
}
.module-top-inner h3 {
  margin-bottom: 0;
}

.module-inner {
  padding: 24px;
  display: flex;
  flex-direction: column;
  font-size: 18px;
}
.module-inner .cta-btn-group {
  margin-top: auto;
}
.module-inner ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0.5em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 20px;
}
.module-inner ul li {
  display: list-item;
  text-align: match-parent; /* ärvs normalt */
}
.module-inner a {
  text-decoration: underline;
}

.block-contact-form .block-wrapper.single-block {
  position: relative;
  isolation: isolate;
  width: calc(100% + 32px);
  margin: 0 -16px;
}
.block-contact-form .block-wrapper.single-block .contact-form {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 24px 16px;
  margin: 0 16px;
  margin-top: 0;
  background: var(--surface-brand-secondary);
  border-radius: var(--border-radius-md);
}

@media (min-width: 768px) {
  .block-contact-form .block-wrapper.single-block {
    position: relative;
    display: block;
    align-items: flex-start;
    isolation: isolate;
    width: 100%;
    max-width: var(--site-width--n);
    margin: 0 auto;
  }
  .block-contact-form .block-wrapper.single-block .contact-form {
    padding: 48px;
    margin: 0 auto;
    width: auto;
    overflow: hidden;
    border-radius: var(--border-radius-md);
  }
}