/* lato-regular - latin */
@font-face {
  font-weight: 400;
  font-family: Lato;
  font-style: normal;
  src: url('/css/fonts/lato-v22-latin-regular.woff2') format('woff2'), url('/css/fonts/lato-v22-l    gular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-italic - latin */
@font-face {
  font-weight: 400;
  font-family: Lato;
  font-style: italic;
  src: url('/css/fonts/lato-v22-latin-italic.woff2') format('woff2'), url('/css/fonts/lato-v22-l    alic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-weight: 700;
  font-family: Lato;
  font-style: normal;
  src: url('/css/fonts/lato-v22-latin-700.woff2') format('woff2'), url('/css/fonts/lato-v22-l    0.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700italic - latin */
@font-face {
  font-weight: 700;
  font-family: Lato;
  font-style: italic;
  src: url('/css/fonts/lato-v22-latin-700italic.woff2') format('woff2'), url('/css/fonts/lato-v22-l    0italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
  font-weight: 900;
  font-family: Lato;
  font-style: normal;
  src: url('/css/fonts/lato-v22-latin-900.woff2') format('woff2'), url('/css/fonts/lato-v22-l    0.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900italic - latin */
@font-face {
  font-weight: 900;
  font-family: Lato;
  font-style: italic;
  src: url('/css/fonts/lato-v22-latin-900italic.woff2') format('woff2'), url('/css/fonts/lato-v22-l    0italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  /* Fonts */
  --font-family: lato, sans-serif;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-heavy: 900;
  --font-size-10: 10px / 24px var(--font-family);
  --font-size-12: 12px / 15px var(--font-family);
  --font-size-13: 13px / 16px var(--font-family);
  --font-size-14: 14px / 16px var(--font-family);
  --font-size-16: 16px / 20px var(--font-family);
  --font-size-18: 18px / 21px var(--font-family);
  --font-size-20: 20px / 24px var(--font-family);
  --font-size-24: 24px / 30px var(--font-family);
  --font-size-32: clamp(18px, 4vw, 32px) / clamp(21px, 4vw, 38px) var(--font-family);
  --font-size-34: clamp(20px, 4vw, 34px) / clamp(28px, 4vw, 41px) var(--font-family);
  --font-size-36: 36px / 41px var(--font-family);
  --font-size-45: clamp(36px, 6vw, 45px) / clamp(41px, 7vw, 54px) var(--font-family);
}

@media only print {

  :root {
    --font-size-20: 16px / 20px var(--font-family);
    --font-size-45: 36px / 42px var(--font-family);
  }
}

/** umb_name:Yvirskrift */
h1 {
  margin-bottom: 35px;
  font: var(--font-size-40);
  font-weight: var(--font-weight-semi-bold);
  font-family: var(--font-family-secondary);
}

/** umb_name:Undiryvirskrift */
h2 {
  font: var(--font-size-32);
  font-weight: var(--font-weight-semi-bold);
  font-size: 24px;
  line-height: 29px;
}

/** umb_name:Undiryvirskrift 2 */
h3 {
  font: var(--font-size-24);
  font-weight: var(--font-weight-bold);
  line-height: 27px;
}

/** umb_name:Tekstur */
p {
  margin: 0;
  font: var(--font-size-20);
  font-weight: var(--font-weight-regular);
}

p + p {
  padding-top: 40px;
}

.editor ol, .editor ul {
  padding-left: 20px;
  font: var(--font-size-20);
  font-weight: var(--font-weight-regular);
}

.editor li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.editor table {
  max-width: 100%;
}
