/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('/css/fonts/raleway-v37-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('/css/fonts/raleway-v37-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/css/fonts/raleway-v37-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('/css/fonts/raleway-v37-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/raleway-v37-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('/css/fonts/raleway-v37-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/raleway-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/raleway-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('/css/fonts/raleway-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/raleway-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('/css/fonts/raleway-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/raleway-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/raleway-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('/css/fonts/raleway-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('/css/fonts/raleway-v37-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('/css/fonts/raleway-v37-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('/css/fonts/raleway-v37-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/**  umb_name:Tekstur */
p{
  font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
  line-height: 150%;
  font-weight: 400;
}
ul{
  font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
}
li{
  font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
}
/** umb_name:Undiryvirskrift */
h2{
  font-size: 1.375rem;
  font-weight: 600;
  line-height: normal;
  font-style: normal;
  font-family: "Raleway";
}
.embeditem iframe[src^="https://www.youtube.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
.embeditem iframe[src^="https://vimeo.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
.embeditem iframe[src^="https://player.vimeo.com"]{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
[data-ani] {
  --delay: 0ms;
  --time: 400ms;
  --timing: ease;
  --distance: 100;

  opacity: 0;
  transition: opacity 400ms ease, transform 400ms ease;
  transition: opacity var(--time) var(--timing), transform var(--time) var(--timing);
  animation-fill-mode: both;
}
[data-ani-init='true'][data-ani][data-ani-run='true'], [data-ani-init='true'][data-ani*='fade'][data-ani-run='true'] {
      transform: translateY(0);
      opacity: 1;
      transition-delay: var(--delay);
    }
[data-ani-init='true'][data-ani='fade-left'] {
    transform: matrix(1, 0, 0, 1, var(--distance), 0);
  }
[data-ani-init='true'][data-ani='fade-right'] {
    transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), 0);
  }
[data-ani-init='true'][data-ani='fade-up'] {
    transform: matrix(1, 0, 0, 1, 0, var(--distance));
  }
[data-ani-init='true'][data-ani='fade-up-right'] {
    transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), var(--distance));
  }
[data-ani-init='true'][data-ani='fade-up-left'] {
    transform: matrix(1, 0, 0, 1, var(--distance), var(--distance));
  }
:root {
  /* Colors */
  --color-white: white;
  --color-black: black;

  /* Color intentions */
  --color-background: var(--color-white);
  --color-font: var(--color-black);

  /* Sizes */
  --side-padding: 15px;

  /* Widths */
  --page-width-large: min(1300px, calc(100vw - var(--side-padding) * 2));

  /* Z-Indexes */
  --z-index-header: 1000;
}
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-width: 100vw;

  /* Sticky footer */
  min-height: 100vh;
  min-height: 100svh;
  color: #000000;
  color: var(--color-font);
  font-family: var(--font-family);
  background: white;
  background: var(--color-background);
}
body > main, body > .main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
.skip-link {
  position: absolute;
  top: -100%;
  color: black;
  background: #fff;
}
.skip-link:focus {
  top: 0;
}
:focus-visible {
  outline: 2px dashed currentcolor;
}
/* Helper rules */
.max-lines {
  --max-lines: 3;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-line-clamp: var(--max-lines);
}
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
/* Icons */
.c-icon {
  --icon-url: url('');
  --icon-color: currentcolor;
  --icon-size: 16px;

  display: block;
  width: 16px;
  width: var(--icon-size);
  min-width: 16px;
  min-width: var(--icon-size);
  height: 16px;
  height: var(--icon-size);
  min-height: 16px;
  min-height: var(--icon-size);
  background-color: currentcolor;
  background-color: var(--icon-color);
  -webkit-mask-image: url('');
          mask-image: url('');
  -webkit-mask-image: var(--icon-url);
          mask-image: var(--icon-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.c-icon.example {
    --icon-url: url('/images/c/icons/example.svg');
  }
@media print {

  a::after {
    font-size: 90%;
    content: ' (' attr(href) ') ';
  }

  h1, h2, h3, h4 {
    page-break-after: avoid;
  }
}
.c-popup {
  --outside-padding: 5vw;
  --max-card-width: 1098px;
  --max-card-height: calc(100vh - 100px);
  --card-padding-vertical: var(--gap-64, 64px);
  --card-padding-horizontal: var(--gap-64, 64px);

  position: fixed;
  z-index: 99999;
  display: grid;
  width: 100vw;
  height: 100vh;
  padding: 5vw;
  padding: var(--outside-padding);
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
}
.c-popup .wrapper {
    width: calc(100vw - (var(--outside-padding) * 2));
    width: calc(100vw - calc(var(--outside-padding) * 2));
    max-width: var(--max-card-width);
    max-height: var(--max-card-height);
    padding: var(--card-padding-vertical) var(--card-padding-horizontal);
    overflow: auto;
    background-color: white;
    border-radius: 13px;
    transform: scale(1);
    align-self: center;
    justify-self: center;
    place-self: center;
  }
.c-popup.closed {
    animation: fade-out 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    pointer-events: none;
  }
.c-popup.closed > .wrapper {
      animation: scale-down 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    }
.c-popup:not(.c-popup.closed) {
    animation: fade-in 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
  }
.c-popup:not(.c-popup.closed) > .wrapper {
      animation: scale-up 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
    }
@keyframes fade-out {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes scale-up {

  0% {
    transform: scale(25%);
  }

  100% {
    transform: scale(100%);
  }
}
@keyframes scale-down {

  0% {
    transform: scale(100%);
  }

  100% {
    transform: scale(50%);
  }
}
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: inherit;
}
/* Set core root defaults */
:root {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;
    /* Prevent font size inflation */
    scroll-behavior: smooth;
}
/* Set core body defaults */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizespeed;
    margin: 0;
}
/* Remove default margin in favour of better control in authored CSS */
body,
p,
figure,
blockquote,
dl,
dd,
ol,
ul,
pre {
    margin-bottom: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    max-width: 100%;
}
img,
svg,
video,
canvas {
    height: auto;
}
img {
    -o-object-fit: cover;
       object-fit: cover;
    border-style: none;
}
input,
button,
textarea,
select {
    font: inherit;
}
pre {
    white-space: pre-wrap;
}
hr {
    height: 0;
    overflow: visible;
    color: inherit;
    border-style: solid;
    border-width: 1px 0 0;
}
[hidden] {
    display: none !important;
}
[hidden] {
    /* biome-ignore lint/complexity/noImportantStyles: Something with the hidden attribute should always be hidden */
}
:target {
    scroll-margin-block: 5ex;
    /* biome-ignore lint/suspicious/noDuplicateProperties: Not all browsers support rlh units yet */
    scroll-margin-block: 5rlh;
}
/* Browser fixes */
summary::-webkit-details-marker {
    display: none;
    width: 0;
    height: 0;
    margin-right: 0;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    :root {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        /* biome-ignore lint/complexity/noImportantStyles: User prefers reduced motion */
        /* biome-ignore lint/complexity/noImportantStyles: User prefers reduced motion */
        /* biome-ignore lint/complexity/noImportantStyles: User prefers reduced motion */
        /* biome-ignore lint/complexity/noImportantStyles: User prefers reduced motion */
    }
}
:root {
  /* Colors */
  --color-white: white;
  --color-light-gray: #f5f5f5;
  --color-dark-gray: #323232;
  --color-blue: #4976B6;
  --color-dark-blue: #4654a1;
  --color-light-black: #1e1e1e;
  --color-black: #000000;
  --arrow-icon-color: #b2b2b2;
  --color-text-black-opacity: rgba(0, 0, 0, 0.6);

  --icon-size: 32px;
  --footer-logo-size: clamp(119px, 58.0698px + 14.5072vw, 250px);

  /* Widths */
  --side-padding: 10px;
  --inline-size-regular: min(1144px, 100vw);
  --inline-size-large: min(1608px, 100vw);

  --page-inline-large: min(1343px, calc(100vw - var(--side-padding) * 2));
  --side-padding: 30px;

  /* Font-weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
}
@supports (top: 1vi) {
:root {

  --page-inline-large: min(1343px, calc(100vi - var(--side-padding) * 2));
}
}
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100vb;
  font-family: "Raleway", sans-serif;
  background-color: white;
  background-color: var(--color-white);
}
body:has(.body-text .umbraco-forms-form) {
  background-color: #f5f5f5;
  background-color: var(--color-light-gray);
}
.text-page {
  background-color: white;
  background-color: var(--color-white);
}
.text-page .body-text {
    margin-top: clamp(30px, 10.7692px + 4.8077vw, 80px); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,30—80 */
  }
.body-text {
  max-width: 789px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: clamp(30px, 10.7692px + 4.8077vw, 80px);
  padding-bottom: clamp(30px, 10.7692px + 4.8077vw, 80px); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,30—80 */
}
.body-text p {
    font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
    line-height: 150%;
    font-weight: 400;
    font-weight: var(--font-weight-regular);
  }
.body-text ul{
    font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
  }
.body-text li{
    font-size: clamp(1rem, 0.95193rem + 0.1923vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=400,1440,16—18 */
  }
.body-text .umbraco-forms-form{
    background-color: #fff !important;
  }
.umbraco-forms-fieldset{
  margin: 0;
  padding: 0;
}
.body-text:has(.umbraco-forms-form){
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 152px;
  margin-bottom: 0;

  max-width: 820px;
  width: 100%;

  padding: 0 139px;
  padding-top: 74px;
}
@media screen and (max-width: 660px){
.body-text:has(.umbraco-forms-form){
    padding: 32px;
    margin-top: 0;
}
  }
.body-text .umbraco-forms-form input[type="text"]{
      max-width: 100% !important;
    }
.body-text .umbraco-forms-form input[type="text"]{
      width: 100%;
    }
.body-text .umbraco-forms-form input[type="email"]{
      max-width: 100% !important;
    }
.body-text .umbraco-forms-form input[type="email"]{
      width: 100%;
    }
.body-text .umbraco-forms-form input[type="number"]{
      max-width: 100% !important;
    }
.body-text .umbraco-forms-form input[type="number"]{
      width: 100%;
    }
.accordion-content .umbraco-forms-form input[type="text"]{
      max-width: 100% !important;
    }
.accordion-content .umbraco-forms-form input[type="text"]{
      width: 100%;
    }
.accordion-content .umbraco-forms-form input[type="email"]{
      max-width: 100% !important;
    }
.accordion-content .umbraco-forms-form input[type="email"]{
      width: 100%;
    }
.accordion-content .umbraco-forms-form input[type="number"]{
      max-width: 100% !important;
    }
.accordion-content .umbraco-forms-form input[type="number"]{
      width: 100%;
    }
.umbraco-forms-container{
  box-sizing: border-box;
}
.umbraco-forms-form{

  padding-top: 8px;

}
.umbraco-forms-form input[type="text"], .umbraco-forms-form input[type="date"], .umbraco-forms-form input[type="email"], .umbraco-forms-form input[type="tel"], .umbraco-forms-form input[type="number"]{
    max-width: 100% !important;
    border: 2px solid #000000 !important;
    border: 2px solid var(--color-black) !important;
    padding-left: 15px !important;
  }
.umbraco-forms-form input[type="text"], .umbraco-forms-form input[type="date"], .umbraco-forms-form input[type="email"], .umbraco-forms-form input[type="tel"], .umbraco-forms-form input[type="number"]{
    display: block;
    width: 100%;
    font-size: 1.125rem;

    border-radius: 10px;
    min-height: 47px;
  }
.umbraco-forms-form textarea{
    border: 2px solid #000000 !important;
    border: 2px solid var(--color-black) !important;
    min-height: 195px !important;
    padding: 15px !important;
  }
.umbraco-forms-form textarea{
    border-radius: 10px;
    width: 100%;
    min-width: 100%;
  }
.umbraco-forms-form fieldset{
    padding-right: 0 !important;
  }
.umbraco-forms-form fieldset{
    -webkit-appearance: none;
            appearance: none;
    border: 0;
    outline: 0;
  }
.umbraco-forms-form .umbraco-forms-label{
    margin-left: 15px;
  }
.umbraco-forms-form .umbraco-forms-field + .umbraco-forms-field{
    margin-top: 40px;
  }
.umbraco-forms-form .umbraco-forms-hidden{
    display: none !important;
  }
.umbraco-forms-form .titleanddescription h2{
      margin-top: 11px;
      margin-bottom: 5px;
    }
.umbraco-forms-form .titleanddescription h2 + p{
      margin-top: 0;
      font-size: 1.375rem;
    }
.umbraco-forms-form .titleanddescription + .umbraco-forms-field{
    margin-top: 12px;
  }
.umbraco-forms-form .checkboxlist-vertical{
    padding: 0 !important;
    padding-top: 10px !important;
  }
.umbraco-forms-form .checkboxlist-vertical div{
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
.umbraco-forms-form .checkboxlist-vertical div input[type="checkbox"]{
        margin-right: 18px;
      }
.umbraco-forms-form .checkboxlist-vertical div label{
        font-size: 1.375rem;
      }
.umbraco-forms-form .checkboxlist-vertical > div + div{
      padding-top: 10px;
    }
.umbraco-forms-form .checkboxlist-vertical input[type="checkbox"]{
      width: 18px !important;
      height: 18px !important;
    }
.umbraco-forms-form .checkboxlist-vertical input[type="checkbox"]{
      min-width: 18px;
      min-height: 18px;
      accent-color: #4976B6;
      accent-color: var(--color-blue);
    }
.umbraco-forms-form .umbraco-forms-field-wrapper input[type="file"]{
      padding-top: 10px;
    }
.umbraco-forms-form .umbraco-forms-field:has(.checkboxlist-vertical){
    padding: 0 !important;
  }
.umbraco-forms-form .singlechoice{
    padding: 0;
  }
.umbraco-forms-form .radiobuttonlist-vertical{
    padding: 0 !important;
  }
.umbraco-forms-form .radiobuttonlist-vertical div{
      display: flex;
      align-items: center;
    }
.umbraco-forms-form .radiobuttonlist-vertical div + div{
      margin-top: 10px;
    }
.umbraco-forms-form .radiobuttonlist-vertical label{
      font-size: 1.375rem;
    }
.umbraco-forms-form .radiobuttonlist-vertical input[type="radio"]{
      width: 20px !important;
      height: 20px !important;
    }
.umbraco-forms-form .radiobuttonlist-vertical input[type="radio"]{
      accent-color: #4976B6;
      accent-color: var(--color-blue);
      margin-left: 0;
      margin-right: 18px;
    }
.umbraco-forms-form input[type="submit"]{
    background-color: #4976B6;
    background-color: var(--color-blue);
    color: white;
    color: var(--color-white);
    border: 0;
    border-radius: 10px;
    padding: 12px;
    font-size: 1.75rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    width: 130px;
  }
.umbraco-forms-form .umbraco-forms-navigation:has(input[type="submit"]){
    margin-top: 39px;
  }
.form-page {
  background-color: #f5f5f5;
  background-color: var(--color-light-gray);
}
[data-slider-init] {
  --button-width: 40px;
  --button-height: 40px;
  --previous-arrow-color: white;
  --next-arrow-color: white;

  position: relative;
  width: inherit;
}
[data-slider-init] .slides {
    display: flex;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none; /* Firefox */
  }
[data-slider-init] .slides::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
    }
[data-slider-init] .slides, [data-slider-init] .slides > .slide {
      width: inherit;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
[data-slider-init] .slides .slide {
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      scroll-snap-align: center;
      scroll-snap-stop: always;
    }
.max-lines {
    --max-lines: 2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: var(--max-lines);
    line-clamp: 2;
    line-clamp: var(--max-lines);
}
.visually-hidden,
.visually-hidden-until-focused:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
}
.hidden {
  display: none;
}
*:focus-visible > .visually-hidden-unless-focused {
    position: static;
    position: initial;
    width: auto;
    width: initial;
    height: auto;
    height: initial;
    overflow: visible;
    overflow: initial;
    color: inherit;
    white-space: normal;
    white-space: initial;
    clip: auto;
    clip: initial;
    -webkit-clip-path: initial;
            clip-path: initial;
}
:focus-visible {
  outline: 3px solid #4654a1;
  outline: 3px solid var(--color-dark-blue);
  border-color: #4654a1;
  border-color: var(--color-dark-blue);
}
/****** DESKTOP ******/
.c-accordion-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: clamp(30px, 10.7692px + 4.8077vw, 80px);
  /*background-color: var(--color-white);*/
  gap: 70px; /* @link https://utopia.fyi/clamp/calculator?a=400,1440,30—80 */
}
.c-accordion-container .accordion {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    gap: 9px;
    max-width: 789px;
    width: 100%;
  }
.c-accordion-container .accordion details {
      width: 100%;
    }
.c-accordion-container .accordion details summary {
      color: white;
      color: var(--color-white);
      font-size: clamp(1.0625rem, 0.76rem + 1.1vw, 1.75rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,17—28 */
      font-weight: 500;
      font-weight: var(--font-weight-medium);
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #4976B6;
      background-color: var(--color-blue);
      padding-top: clamp(10px, 3.4px + 1.5vw, 25px);
      padding-bottom: clamp(10px, 3.4px + 1.5vw, 25px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,10—25 */
      padding-left: clamp(10px, 1.2px + 2vw, 30px);
      padding-right: clamp(10px, 1.2px + 2vw, 30px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,10—30 */
      border-radius: 10px;
      cursor: pointer;
      text-wrap: balance;
      transition: background-color 0.3s ease;
    }
.c-accordion-container .accordion details summary::after {
        content: "";
        width: 40px;
        height: 40px;
        -webkit-mask-image: url("/images/c/icons/plus_icon_white.svg");
                mask-image: url("/images/c/icons/plus_icon_white.svg");
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        background-color: white;
        background-color: var(--color-white);
        transition: transform 0.3s ease;
      }
.c-accordion-container .accordion details summary::-webkit-details-marker {
        display: none;
      }
.c-accordion-container .accordion details[open]:not([data-is-closing="true"]) summary::after {
      transform: rotate(45deg);
    }
.c-accordion-container .accordion details[open]:not([data-is-closing="true"]) > summary {
      background-color: #4654a1;
      background-color: var(--color-dark-blue);
    }
.c-accordion-container .accordion .accordion-content {
      background-color: #f5f5f5;
      background-color: var(--color-light-gray);
      color: #000000;
      color: var(--color-black);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      padding: 10px 30px;
      font-weight: 400;
      font-weight: var(--font-weight-regular);
      line-height: 150%;
      word-wrap: anywhere;
    }
.c-accordion-container .accordion .accordion-content ul {
        list-style: disc;
      }
.c-accordion-container .accordion .accordion-content ul li {
          margin-left: 40px;
        }
.c-block-grid {
  display: grid;
  grid-auto-rows: minmax(50px, min-content);
  grid-auto-flow: row;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: repeat(var(--c-block-grid-columns, 1), minmax(0, 1fr));
  width: 80vw;
  max-width: 100%;
  margin: auto;
  grid-column-gap: 0;
  grid-column-gap: var(--c-block-grid-column-gap, 0);
  column-gap: 0;
  column-gap: var(--c-block-grid-column-gap, 0);
  grid-row-gap: 0;
  grid-row-gap: var(--c-block-grid-row-gap, 0);
  row-gap: 0;
  row-gap: var(--c-block-grid-row-gap, 0);
}
/****** DESKTOP ******/
.white-background-wrapper {
  background-color: white;
  background-color: var(--color-white);
  padding-top: clamp(52px, 49.2093px + 0.6645vw, 58px);
  padding-bottom: clamp(52px, 49.2093px + 0.6645vw, 58px); /* @link https://utopia.fyi/clamp/calculator?a=420,1323,52—58 */
  padding-left: 30px;
  padding-right: 30px;
}
.c-board-section-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2lh;
  max-width: min(1343px, calc(100vw - 30px * 2));
  max-width: min(1343px, calc(100vi - 30px * 2));
  max-width: var(--page-inline-large);
  margin: 0 auto;
}
.c-board-section-container img {
    max-width: 626px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
.c-board-section-container .board-section-content {
    display: grid;
    max-width: 610px;
  }
.c-board-section-container .board-section-content h2 {
      grid-column: 1 / -1;
      align-self: center;
      justify-self: center;
      place-self: center;
      font-size: clamp(1.5rem, 1.03488rem + 1.7719vw, 2.5rem); /* @link https://utopia.fyi/clamp/calculator?a=420,1323,24—40 */
      font-weight: 500;
      font-weight: var(--font-weight-medium);
      margin-top: 0;
    }
.c-board-section-container .board-section-content .board-section-text {
      columns: 2;
      column-gap: 50px;
    }
.c-board-section-container .board-section-content .board-section-text .person {
        margin-bottom: 35px;
        font-size: clamp(1rem, 0.94186rem + 0.2215vw, 1.125rem);
      }
.c-board-section-container .board-section-content .board-section-text .person h3 {
          font-weight: 500;
          font-weight: var(--font-weight-medium);
          font-size: clamp(1rem, 0.94186rem + 0.2215vw, 1.125rem);
          margin-top: 0;
          margin-bottom: 10px;
        }
.c-board-section-container .board-section-content .board-section-text .person span {
          font-weight: 400;
          font-weight: var(--font-weight-regular);
        }
@media (max-width: 768px) {
  .c-board-section-container {
    gap: 5px;
    margin: 0;
  }

    .c-board-section-container .board-section-content {
      gap: 5px;
      margin: 0;
      margin-left: 1ch;
    }

      .c-board-section-container .board-section-content h2 {
        align-self: start;
        justify-self: start;
        place-self: start;
      }

      .c-board-section-container .board-section-content .board-section-text {
        columns: 1;
      }
}
/****** DESKTOP ******/
.c-feature-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: clamp(15px, 12.1053px + 0.6579vw, 20px);
  gap: clamp(15px, 12.1053px + 0.6579vw, 20px); /* @link https://utopia.fyi/clamp/calculator?a=440,1200,15—20 */
  max-width: min(1200px, 100%);
  margin: 0 auto;
  position: relative;
  top: -60px;
  padding-left: clamp(10px, -1.5789px + 2.6316vw, 30px);
  padding-right: clamp(10px, -1.5789px + 2.6316vw, 30px); /* @link https://utopia.fyi/clamp/calculator?a=440,1200,10—30 */
  margin-bottom: clamp(0px, -34.7368px + 7.8947vw, 60px); /* @link https://utopia.fyi/clamp/calculator?a=440,1200,0—60 */
  width: 100%;
}
.c-feature-cards .feature-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    background-color: white;
    background-color: var(--color-white);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 0px 20px 20px;
    padding-right: 40px;
    min-height: 151px;
    height: auto;
    border-bottom: 10px solid transparent;
    transition: border-bottom-color 0.2s ease-in-out;
  }
.c-feature-cards .feature-card:hover {
      border-bottom-color: #4654a1;
      border-bottom-color: var(--color-dark-blue);
    }
.c-feature-cards .feature-card::after {
      content: "";
      position: absolute;
      top: 55%;
      right: 12px;
      width: 24px;
      height: 24px;
      background-image: url("/images/c/icons/arrow_right.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      /* background-color: var(--arrow-icon-color); /* Virkar ikki, og heldur ikki við background-color */
    }
.c-feature-cards a {
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: clamp(1rem, 0.78289rem + 0.7895vw, 1.375rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1200,16—22 */
    color: #000000;
    color: var(--color-black);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    max-width: 280px;
    text-wrap: balance;
    word-wrap: break-word;
  }
.c-feature-cards a::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
    }
.c-feature-cards p {
    font-size: clamp(0.75rem, 0.60526rem + 0.5263vw, 1rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1200,12—16 */
    color: rgba(0, 0, 0, 0.6);
    color: var(--color-text-black-opacity);
    font-weight: 400;
    font-weight: var(--font-weight-regular);
    max-width: 280px;
    text-wrap: balance;
    word-wrap: break-word;
  }
@media (max-width: 768px) {
    .c-feature-cards{
      grid-template-columns: 1fr;
      top: 0;
      background-color: white;
      background-color: var(--color-white);
    }
      
      .c-feature-cards a {
        max-width: 100%;
        margin-left: 10px;
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: transparent;
        transition: 0.2s ease;
      }
        
        .c-feature-cards a:hover {
          text-decoration-color: #4654a1;
          text-decoration-color: var(--color-dark-blue);
          color: #4654a1;
          color: var(--color-dark-blue);
        }

        .c-feature-cards a::after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1;
        }
      
      .c-feature-cards p {
        margin-left: 10px;
      }
      .c-feature-cards .feature-card {
        display: flex;
        gap: 15px;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        min-height: 0;
        margin-left: 20px;
        margin-right: 20px;
        width: 90%;
        border-bottom: 0;
        padding: 0;
        padding-bottom: 15px;
        padding-right: 40px;
      }
        
        .c-feature-cards .feature-card::after {
          content: "";
          position: absolute;
          top: 30%;
          right: 15px;
          width: 15px;
          height: 15px;
          background-image: url(/images/icons/arrow_right.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
        }
      
      .c-feature-cards div:first-child {
        padding-top: 15px;
      }
      
      .c-feature-cards div:not(:last-child) {
        border-bottom: 1px solid #4654a1;
        border-bottom: 1px solid var(--color-dark-blue);
      }
  }
/****** DESKTOP ******/
.c-form-section {
  margin-top: clamp(70px, 48px + 5vw, 120px);
  margin-bottom: clamp(70px, 48px + 5vw, 120px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,70—120 */
  margin-left: 30px;
  margin-right: 30px;
  accent-color: #4976B6;
  accent-color: var(--color-blue);
}
.c-form-section .form-section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    background-color: white;
    background-color: var(--color-white);
    max-width: 789px;
    min-height: 1420px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
.c-form-section .form-section-container .leftie {
      font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem);
      align-self: flex-start;
      justify-self: flex-start;
      place-self: flex-start;
      font-weight: 400;
      font-weight: var(--font-weight-regular);
      margin-bottom: 15px;
    }
.c-form-section .form-section-container .header {
      max-width: 505px;
      word-wrap: anywhere;
      margin-bottom: 15px;
    }
.c-form-section .form-section-container .header h2 {
        font-size: clamp(1.25rem, 0.975rem + 1vw, 1.875rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,20—30 */
        font-weight: 600;
        font-weight: var(--font-weight-semibold);
        line-height: 150%;
        margin-bottom: 0;
      }
.c-form-section .form-section-container .header p {
        font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
        font-weight: 400;
        font-weight: var(--font-weight-regular);
        margin-top: 0;
      }
.c-form-section .form-section-container form {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
.c-form-section .form-section-container form .name {
        display: flex;
        flex-direction: column;
      }
.c-form-section .form-section-container form .name label {
          margin-bottom: 10px;
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
          font-weight: 600;
          font-weight: var(--font-weight-semibold);
        }
.c-form-section .form-section-container form .name input {
          font-family: "Raleway", sans-serif;
          font-size: 1.125rem;
          font-weight: 200;
          max-width: 472px;
          width: 100%;
          padding: 10px;
          border: 1px solid #000000;
          border: 1px solid var(--color-black);
          border-radius: 10px;
          font-size: 1rem;
          outline: none;
        }
.c-form-section .form-section-container form .name input:user-invalid {
            /* user-invalid er nokk so nýtt so veit ikki um tað er smart at brúka */
            border: 1px solid red;
          }
.c-form-section .form-section-container form .first-comment {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
      }
.c-form-section .form-section-container form .first-comment label {
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
          font-weight: 600;
          font-weight: var(--font-weight-semibold);
        }
.c-form-section .form-section-container form textarea {
        font-family: "Raleway", sans-serif;
        font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
        font-weight: 200;
        padding: 10px;
        border: 1px solid #000000;
        border: 1px solid var(--color-black);
        border-radius: 10px;
        font-size: 1rem;
        outline: none;
        resize: none;
        max-width: 472px;
        min-height: 192px;
        width: 100%;
      }
.c-form-section .form-section-container form textarea:user-invalid {
          border: 1px solid red;
        }
.c-form-section .form-section-container form .stadur {
        text-align: left;
        line-height: 190%;
        max-width: 505px;
        margin-top: 20px;
        border: none;
      }
.c-form-section .form-section-container form .stadur legend {
          font-weight: 600;
          font-weight: var(--font-weight-semibold);
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
        }
.c-form-section .form-section-container form .stadur .hint {
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
          font-weight: 400;
          font-weight: var(--font-weight-regular);
          margin-bottom: 1ch;
        }
.c-form-section .form-section-container form .stadur .location-comment {
          display: block;
          margin-top: 2ch;
        }
.c-form-section .form-section-container form .stadur .location-comment textarea {
            font-family: "Raleway", sans-serif;
            font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
            font-weight: 200;
            padding: 10px;
            border: 1px solid #000000;
            border: 1px solid var(--color-black);
            border-radius: 10px;
            font-size: 1rem;
            outline: none;
            resize: none;
            max-width: 472px;
            min-height: 192px;
          }
.c-form-section .form-section-container form .stadur .location-comment textarea:user-invalid {
              border: 1px solid red;
            }
.c-form-section .form-section-container form .stadur .location {
          padding-left: 1ch;
          font-weight: 400;
          font-weight: var(--font-weight-regular);
          }
.c-form-section .form-section-container form .checkbox-group {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        border: none;
      }
.c-form-section .form-section-container form .checkbox-group legend {
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
          font-weight: 600;
          font-weight: var(--font-weight-semibold);
          margin-bottom: 1ch;
        }
.c-form-section .form-section-container form .checkbox-group input {
          outline: none;
          border-radius: 50%; 
          cursor: pointer;
        }
.c-form-section .form-section-container form .checkbox-group .radio-checkbox {
          padding-left: 1ch;
          font-weight: 400;
          font-weight: var(--font-weight-regular);
        }
.c-form-section .form-section-container form .date {
        display: flex;
        flex-direction: column;
        gap: 1ch;
        margin-top: 20px;
        margin-bottom: 20px;
      }
.c-form-section .form-section-container form .date label {
          font-size: clamp(1rem, 0.945rem + 0.2vw, 1.125rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,16—18 */
          font-weight: 600;
          font-weight: var(--font-weight-semibold);
        }
.c-form-section .form-section-container form .date input {
          font-family: "Raleway", sans-serif;
          font-size: 1.125rem;
          font-weight: 200;
          max-width: 472px;
          width: 100%;
          padding: 10px;
          border: 1px solid #000000;
          border: 1px solid var(--color-black);
          border-radius: 10px;
          font-size: 1rem;
          outline: none;
          cursor: pointer;
        }
.c-form-section .form-section-container form .date input:user-invalid {
            border: 1px solid red;
          }
.c-form-section .form-section-container form button {
        font-family: "Raleway", sans-serif;
        background-color: #4976B6;
        background-color: var(--color-blue);
        color: white;
        color: var(--color-white);
        border: none;
        border-radius: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
        cursor: pointer;
        width: -moz-fit-content;
        width: fit-content;
        transition: 0.2s ease-in-out;
        font-size: clamp(1.125rem, 1.015rem + 0.4vw, 1.375rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,18—22 */
        font-weight: 500;
      }
.c-form-section .form-section-container form button:hover {
          background-color: #4654a1;
          background-color: var(--color-dark-blue);
        }
/****** DESKTOP ******/
.c-icon {
  display: block;
  background-color: white;
  background-color: var(--color-white);
  width: clamp(119px, 58.0698px + 14.5072vw, 250px);
  width: var(--footer-logo-size);
  height: clamp(119px, 58.0698px + 14.5072vw, 250px);
  height: var(--footer-logo-size);
  -webkit-mask-image: url();
          mask-image: url();
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.c-footer {
  background-color: #323232;
  background-color: var(--color-dark-gray);
  padding-top: clamp(20px, 15.6px + 1vw, 30px);
  padding-bottom: clamp(20px, 15.6px + 1vw, 30px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,20—30 */
}
.c-footer .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
.c-footer .content address {
      font-style: normal;
      color: white;
      color: var(--color-white);
      line-height: 1.8;
      font-weight: 400;
      font-weight: var(--font-weight-regular);
      font-size: clamp(0.75rem, 0.64rem + 0.4vw, 1rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,12—16 */
      word-wrap: break-word;
    }
.c-footer .content address a {
        color: white;
        color: var(--color-white);
        -webkit-text-decoration: none;
        text-decoration: none;
      }
.c-footer .content address a:first-of-type {
          -webkit-text-decoration: underline;
          text-decoration: underline;
        }
.c-footer .content address .bold {
        font-weight: 600;
        font-weight: var(--font-weight-semibold);
      }
.c-footer .content .footer-text {
      font-size: clamp(0.75rem, 0.695rem + 0.2vw, 0.875rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,12—14 */
      color: white;
      color: var(--color-white);
      font-weight: 400;
      line-height: 150%;
    }
.c-footer .content .footer-text p {
        word-wrap: break-word;
        max-width: clamp(205px, 152.2px + 12vw, 325px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,205—325 */
        margin-top: 0;
      }
.c-footer .content .footer-text a{
        color: #fff;
      }
/****** MOBILE - er nestað í .c-footer ******/
@media (max-width: 768px) {
    .c-footer .content {
      flex-direction: column;
      align-items: flex-start;
    }
  
      .c-footer .content .visible {
        display: none;
      }
  
      .c-footer .content .hidden {
        display: block;
      }
  
      .c-footer .content span {
        display: block;
      }
  
      .c-footer .content a {
        display: block;
      }
  }
.c-404-not-found {
  margin: 0 auto;
}
/****** ICON BUTTONS ******/
.icon-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  width: var(--icon-size);
  height: 32px;
  height: var(--icon-size);
  position: relative;
  transition: all 0.2s ease;
}
.icon-button::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    background-color: var(--color-light-black);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    transition: background-color 0.2s ease;
  }
.icon-button.burger-icon::before {
    -webkit-mask-image: url("/images/c/icons/burger_icon.svg");
            mask-image: url("/images/c/icons/burger_icon.svg");
  }
.icon-button.search-icon::before {
    -webkit-mask-image: url("/images/c/icons/search_icon.svg");
            mask-image: url("/images/c/icons/search_icon.svg");
  }
.icon-button.x-icon::before {
    -webkit-mask-image: url("/images/c/icons/x_icon.svg");
            mask-image: url("/images/c/icons/x_icon.svg");
    width: 25px;
  }
.icon-button.search-icon.active::before {
    background-color: #4654a1;
    background-color: var(--color-dark-blue);
  }
.icon-button:hover::before {
      background-color: #4654a1;
      background-color: var(--color-dark-blue);
    }
/****** DESKTOP ******/
.c-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: clamp(20px, 11.2px + 2vw, 40px);
  padding-right: clamp(20px, 11.2px + 2vw, 40px);
  background-color: white;
  background-color: var(--color-white);
}
.c-header .language-flag{
    margin-right: 42px;
      box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  }
.c-header .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px; /* IDK hvat fyri max-width hetta skal hava */
    margin: 0 auto;
  }
.c-header .header-logo a {
    display: block;
  }
.c-header .header-logo img {
    height: clamp(45px, 36.64px + 1.9vw, 64px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,45—64 */
    width: 100%;
    max-width: 165px;
    min-width: 114px;
  }
.c-header .header-search-and-burger {
    display: flex;
    align-items: center;
    gap: 20px;
  }
.c-header .header-search-and-burger:hover {
      cursor: pointer;
    }
.c-header .header-search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
  }
.c-header .header-search .search-input-and-dropdown {
      position: absolute;
      right: 0;
      top: -24px;
      z-index: 1000;
    }
.c-header .header-search .search-input {
      height: 50px;
      padding-left: 15px;
      padding-right: 15px;
      border: 1.5px solid #000000;
      border: 1.5px solid var(--color-black);
      border-radius: 10px;
      font-size: 1.125rem;
      width: 0;
      opacity: 0;
      transform-origin: right center;
      transform: scaleX(0);
      transition:
        width 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    }
.c-header .header-search .search-input.active {
        width: min(300px, calc(100vw - 90px));
        opacity: 1;
        z-index: 1050;
        transform: scaleX(1);
      }
.c-header .header-search .search-input.active:focus-visible {
          border-color: #4654a1;
          border-color: var(--color-dark-blue);
        }
.c-header .header-search .search-icon {
      position: absolute;
      right: 8px;
      cursor: pointer;
      z-index: 1050;
    }
.c-header .header-search .search-dropdown {
      top: calc(100% - 0px);
      background-color: white;
      background-color: var(--color-white);
      border-radius: 0 0 10px 10px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
.c-header .header-search .search-dropdown[inert] {
        display: none;
      }
.c-header .header-search .search-dropdown.active {
        max-height: 60vh;
        border: 1.5px solid #000000;
        border: 1.5px solid var(--color-black);
        border-top: none;
        z-index: 1000;
        margin-top: -10px;
      }
.c-header .header-search .search-dropdown ol {
        list-style: none;
        display: flex;
        flex-direction: column;
      }
.c-header .header-search .search-dropdown ol .active{
          text-decoration-color: #4654a1;
          text-decoration-color: var(--color-dark-blue);
          color: #4654a1;
          color: var(--color-dark-blue);
        }
.c-header .header-search .search-dropdown ol .dropdown-item {
          padding-left: 12px;
          padding-right: 12px;
          line-height: 140%;
          color: #000000;
          color: var(--color-black);
          -webkit-text-decoration: underline;
          text-decoration: underline;
          text-decoration-color: transparent;
          text-underline-offset: 4px;
          font-size: 1rem;
          transition: 0.2s ease;
          cursor: pointer;
          word-wrap: anywhere;

          outline-offset: -4px;
        }
.c-header .header-search .search-dropdown ol .dropdown-item.max-lines {
            --max-lines: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-line-clamp: var(--max-lines);
            line-clamp: 2;
            line-clamp: var(--max-lines);
          }
.c-header .header-search .search-dropdown ol .dropdown-item:hover {
            text-decoration-color: #4654a1;
            text-decoration-color: var(--color-dark-blue);
            color: #4654a1;
            color: var(--color-dark-blue);
          }
.c-header .header-search .search-dropdown ol .dropdown-item:first-child {
            padding-top: 10px;
            padding-bottom: 10px;
          }
.c-header .header-search .search-dropdown button {
        width: 100%;
        background-color: #4976B6;
        background-color: var(--color-blue);
        color: white;
        color: var(--color-white);
        border: none;
        padding: 8px 20px;
        cursor: pointer;
        font-family: "Raleway", sans-serif;
        font-size: 1rem;
        transition: background-color 0.2s ease;
        outline-offset: -4px;
      }
.c-header .header-search .search-dropdown button:hover {
          background-color: #4654a1;
          background-color: var(--color-dark-blue);
        }
/****** BURGER MENU ******/
.c-header dialog {
    padding: 0;
    border: none;
    max-width: 760px;
    width: 100%;
    max-height: 100vh;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    overflow-y: auto;
    background-color: #f5f5f5;
    background-color: var(--color-light-gray);
    animation: slideIn 0.2s ease-in-out;
  }
.c-header dialog::backdrop {
      background-color: rgba(0, 0, 0, 0.3);
      animation: fadeIn 0.1s ease;
    }
.c-header dialog.closing {
      animation: slideOut 0.2s ease-in-out;
    }
.c-header dialog .header-search-x {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 35px 25px;
    }
.c-header dialog .header-search-x:hover {
        cursor: pointer;
      }
.c-header dialog .burger-menu {
      height: 100vh;
      display: flex;
      flex-direction: column;
      background-color: #f5f5f5;
      background-color: var(--color-light-gray);
      padding-left: clamp(30px, 16.8px + 3vw, 60px);
      padding-right: clamp(30px, 16.8px + 3vw, 60px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,30—60 */
    }
.c-header dialog .burger-menu ol {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 46px;
      }
.c-header dialog .burger-menu ol .active > div a{
            text-decoration-color: #4654a1;
            text-decoration-color: var(--color-dark-blue);
            color: #4654a1;
            color: var(--color-dark-blue);
          }
.c-header dialog .burger-menu ol a {
          -webkit-text-decoration: underline;
          text-decoration: underline;
          text-underline-offset: 4px;
          text-decoration-color: transparent;
          transition: 0.2s ease;
        }
.c-header dialog .burger-menu ol a:hover {
            text-decoration-color: #4654a1;
            text-decoration-color: var(--color-dark-blue);
            color: #4654a1;
            color: var(--color-dark-blue);
          }
.c-header dialog .burger-menu .burger-menu-item {
        text-align: none;
        color: #000000;
        color: var(--color-black);
        font-size: clamp(1.125rem, 1.01426rem + 0.443vw, 1.375rem);
        font-weight: 500;
      }
@media (max-width: 760px) {
      .c-header dialog dialog {
        max-width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
      }

      .c-header dialog .burger-menu.active {
        left: 0;
        width: 100%;
      }

      .c-header dialog .header-logo {
        z-index: 1000;
      }
    }
/****** ANIMATIONS ******/
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-hero {
    width: 100%;
    aspect-ratio: 1440 / 440; /* Møguliga broytast */
    max-height: 430px;
    overflow: hidden;
}
.c-hero img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: -1;
    }
/****** DESKTOP ******/
.c-hero-banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #4976B6;
    background-color: var(--color-blue);
    padding-top: clamp(25px, 11.8px + 3vw, 55px);
    padding-bottom: clamp(25px, 11.8px + 3vw, 55px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,25—55 */
    padding-left: 20px;
    padding-right: 20px;
}
.c-hero-banner-container h1 {
        color: white;
        color: var(--color-white);
        font-size: clamp(2rem, 1.67rem + 1.2vw, 2.75rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,32—44 */
        font-weight: 500;
        font-weight: var(--font-weight-medium);
        line-height: 120%;
        text-wrap: balance;
        max-width: 909px;
        width: 100%;
        word-wrap: anywhere;
    }
@media (max-width: 768px) {
    .c-hero-banner-container {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
    }
}
/****** DESKTOP ******/
.c-information-banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
    background-color: #4976B6;
    background-color: var(--color-blue);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: clamp(21px, 5.6px + 3.5vw, 56px);
    padding-bottom: clamp(21px, 5.6px + 3.5vw, 56px); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,21—56 */
    
}
.c-information-banner-container .information-banner {
        max-width: 1040px;
    }
.c-information-banner-container .information-banner h2 {
            color: white;
            color: var(--color-white);
            font-size: clamp(1.0625rem, 0.76rem + 1.1vw, 1.75rem); /* @link https://utopia.fyi/clamp/calculator?a=440,1440,17—28 */
            font-weight: 500;
            font-weight: var(--font-weight-medium);
            line-height: 150%;
            text-wrap: balance;
            word-wrap: anywhere;
        }
.c-pager {
  width: 100%;
  max-width: min(1300px, calc(100vw - 30px * 2));
  max-width: var(--page-width-large);
  margin: max(15px, min(8vw, 107px)) auto 50px;
}
.c-pager > .items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(345px, min(1300px, calc(100vw - 30px * 2))), 393px));
    grid-template-columns: repeat(auto-fit, minmax(min(345px, var(--page-width-large)), 393px));
    grid-gap: max(30px, min(6vw, 43px)) 60px;
    gap: max(30px, min(6vw, 43px)) 60px;
    justify-content: center;
    width: 100%;
    margin-bottom: 66px;
  }
.c-pagination {

  width: -moz-fit-content;

  width: fit-content;
  margin: 0 auto;
  padding-top: 64px;
}
.c-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.c-pagination ul > li > * {
        display: block;
        padding: 14px;
        min-width: 50px;
        height: auto;
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        aspect-ratio: 1 / 1;
        color: #000;
      }
.c-pagination ul > li > *[aria-current='page'] {
          color: #000;
          background-color: #4976B6;
          background-color: var(--color-blue);
        }
.c-pagination .previous, .c-pagination .next {
    display: flex;
    align-items: center;
  }
.c-pagination .previous::before, .c-pagination .next::before, .c-pagination .previous::after, .c-pagination .next::after {
      display: none;
      width: 1em;
      height: 1em;
      background-color: currentcolor;
      content: '';
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
    }
.c-pagination .previous::before {
    display: inline-block;
    margin-right: 1ch;
    -webkit-mask-image: url('/images/c/pagination/icons/chevron-left.svg');
            mask-image: url('/images/c/pagination/icons/chevron-left.svg');
  }
.c-pagination .next::after {
    display: inline-block;
    margin-left: 1ch;
    -webkit-mask-image: url('/images/c/pagination/icons/chevron-right.svg');
            mask-image: url('/images/c/pagination/icons/chevron-right.svg');
  }
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
*:focus-visible > .visually-hidden {
  animation: none 0s ease 0s 1 normal none running !important;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  border: medium none currentColor !important;
  border-collapse: separate !important;
  -o-border-image: none !important;
     border-image: none !important;
  border-radius: 0 !important;
  border-spacing: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  caption-side: top !important;
  clear: none !important;
  clip: auto !important;
  color: #000 !important;
  columns: auto !important;
  column-count: auto !important;
  column-fill: balance !important;
  column-gap: normal !important;
  column-rule: medium none currentColor !important;
  column-span: 1 !important;
  column-width: auto !important;
  content: normal !important;
  counter-increment: none !important;
  counter-reset: none !important;
  cursor: auto !important;
  direction: ltr !important;
  display: inline !important;
  empty-cells: show !important;
  float: none !important;
  font-family: serif !important;
  font-size: medium !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  height: auto !important;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  left: auto !important;
  letter-spacing: normal !important;
  list-style: disc outside none !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  orphans: 2 !important;
  outline: medium none invert !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 0 !important;
  page-break-after: auto !important;
  page-break-before: auto !important;
  page-break-inside: auto !important;
  perspective: none !important;
  perspective-origin: 50% 50% !important;
  position: static !important;
  right: auto !important;
  -o-tab-size: 8 !important;
     tab-size: 8 !important;
  table-layout: auto !important;
  text-align: left !important;
  text-align-last: auto !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: none !important;
  transform-origin: 50% 50% 0 !important;
  transform-style: flat !important;
  transition: none 0s ease 0s !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  widows: 2 !important;
  width: auto !important;
  word-spacing: normal !important;
  z-index: auto !important;
  all: initial !important;
}
.c-search-result
{
    font-size: 1rem;
    line-height: 1.5rem;

    max-width: 789px;
    margin: 0 auto;
    padding: 64px 32px;
}
.c-search-result .bolded{
        font-weight: 800;
    }
.c-search-result .head
    {
        font-size: 2.5rem;
        line-height: 3.125rem;
        font-weight: normal;
        padding: 30px 0;
    }
.c-search-result .head-description mark, .c-search-result .head-description span
        {
            font-weight: normal;
        }
.c-search-result .items > a
        {
            display: block;
            color: inherit;
            padding: 24px 0;
            border-bottom: solid 1px #D9D9D9;
            -webkit-text-decoration: none;
            text-decoration: none;
        }
.c-search-result .items > a:hover .title
            {
                -webkit-text-decoration: underline;
                text-decoration: underline;
            }
.c-search-result .items > a:not(:first-child)
            {
                border-top: solid 1px #D9D9D9;
            }
.c-search-result .items > a::after
            {
                display: none;
            }
.c-search-result .items > a[href$=".pdf"] .title::after
            {
                display: inline-block;
                content: ">";
                color: transparent;
                font-size: inherit;
                line-height: inherit;
                width: 18px;
                margin-left: 7px;
                background: svg-uri('<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="#0064d2" fill-rule="nonzero"><path d="M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z"/><path d="M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z"/></g></svg>') no-repeat center center;
            }
.c-search-result .title
    {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 10px;
        display: block;
    }
.c-search-result .description
    {
        line-height: 1.625rem;
        display: block;
    }
.c-search-result mark
    {
        color: #000;
        color: initial;
        background-color: transparent;
        font-weight: 800;
    }
.c-search-result .filter-name
    {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 17px;
        font-weight: 500;
    }
.c-search-result .filter
    {
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        border-bottom: solid 1px #1B0759;
        overflow: hidden;
        margin-bottom: 30px;

        @include screen(1000px)
        {
            font-size: 1rem;
        }
    }
.c-search-result .filter a
        {
            display: inline-block;
            -webkit-text-decoration: none;
            text-decoration: none;
            color: inherit;
            padding: 13px 0;
            border-bottom: solid 4px transparent;
            margin-right: 15px;
        }
.c-search-result .filter a.active
            {
                font-weight: bold;
                border-color: #1B0759;
            }
@media screen and (max-width: 440px){
.c-search-result
{
        padding-top: 0;
}
    }
.c-search a[href*=".pdf?"]::after,
.c-search-result a[href*=".pdf?"] .title::after
{
    display: inline-block;
    content: ">";
    color: transparent;
    font-size: inherit;
    line-height: inherit;
    width: 18px;
    margin-left: 7px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eb601d' fill-rule='nonzero'%3E%3Cpath d='M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z'/%3E%3Cpath d='M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
.c-block-grid-item {
  grid-row: span 1;
  grid-row: span var(--c-block-grid-item-row-span, 1);
  grid-column:
    span min(
      calc(1 * 3),
      var(--c-block-grid-columns)
    );
  grid-column:
    span min(
      calc(var(--c-block-grid-item-column-span, 1) * 3),
      var(--c-block-grid-columns)
    );
  min-height: 100px;

  background-color: bisque;
  border: solid 2px pink;
}
@media screen and (min-width: 1024px) {
.c-block-grid-item {
    grid-column:
      span min(
        1,
        var(--c-block-grid-columns)
      );
    grid-column:
      span min(
        var(--c-block-grid-item-column-span, 1),
        var(--c-block-grid-columns)
      );
}
  }