.lenke-pil {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2.75rem;
  color: var(--aksent);
  font-weight: 600;
  text-decoration: none;
}

.lenke-pil svg {
  width: 1.15em;
  height: 1.15em;
  transition: transform 0.4s var(--ease-ut);
}

.lenke-pil:hover svg,
.lenke-pil:focus-visible svg {
  transform: translateX(0.35rem);
}

.lenke-pil:hover span {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.forside .nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

html.js .forside .nav:not(.rullet):not(.meny-apen) {
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-lenker > a,
html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-gruppe > a,
html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-pil,
html.js .forside .nav:not(.rullet):not(.meny-apen) .sprak {
  color: var(--tekst-pa-bilde);
  text-shadow: 0 1px 14px var(--dis-midt);
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-pil svg {
  filter: drop-shadow(0 1px 6px var(--dis-midt));
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-meny {
  border-color: var(--linje-pa-bilde);
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-tilbud {
  border-color: var(--linje-pa-bilde);
  color: var(--tekst-pa-bilde);
  text-shadow: 0 1px 14px var(--dis-midt);
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-tilbud:hover {
  border-color: var(--tekst-pa-bilde);
  background: var(--tekst-pa-bilde);
  color: var(--tekst);
  text-shadow: none;
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .nav-meny span {
  background: var(--tekst-pa-bilde);
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .logo-lys {
  display: block;
  filter: drop-shadow(0 1px 10px var(--dis-midt));
}

html.js .forside .nav:not(.rullet):not(.meny-apen) .logo-mork {
  display: none;
}

.forside .hero {
  --scene-h: 100vh;
}

@supports (height: 100lvh) {
  .forside .hero {
    --scene-h: 100lvh;
  }
}

.forside .hero-scene {
  height: 100vh;
  height: 100svh;
  background: var(--rom);
}

html.scrub .forside .hero-scene {
  top: 0;
  height: var(--scene-h);
}