@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round");
@font-face {
  font-family: "v-remixicon";
  src: url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.eot?t=1590207869815"); /* IE9*/
  src: url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.eot?t=1590207869815#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.woff2?t=1590207869815") format("woff2"), url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.woff?t=1590207869815") format("woff"), url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.ttf?t=1590207869815") format("truetype"), url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.svg?t=1590207869815#remixicon") format("svg"); /* iOS 4.1- */
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  overflow-wrap: break-word;
}

ul,
ol {
  padding-left: 1.25rem;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: sans-serif;
  font-size: 1rem;
  -webkit-text-size-adjust: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

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

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

select,
textarea,
input[type=text],
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

i,
em {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

s {
  text-decoration: line-through;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --transparent: transparent;
  --white: #fff;
  --black: #000;
  --blue: #004974;
  --darkblue: #002673;
  --lightblue: #cfe1ec;
  --primary-font-color: var(--darkblue);
  --banner-background-color: #dfebf2;
  --main-menu-background-color: #dfebf2;
  --frontpage-top-section-background-color: transparent linear-gradient(180deg, #ffffff 0%, #bfd7e6 100%) 0% 0%
      no-repeat padding-box;
  --service-menu-color: #00629b;
  --focus-field-background-color-pink: #f8eaf2;
  --focus-field-color-darkpink: #811b58;
  --focus-field-background-color-green: #e4fae7;
  --focus-field-color-blue: #002673;
  --latest-articles-background-color: #d9f4f7;
  --transportpage-header-background-color: #eff5f8;
  --transportpage-highlight-field-background-color: #eff5f8;
  --tablerow-background-color: #d9f4f7;
  --contact-person-background-color: #d9f4f7;
  --footer-background-color: #a0bb6e;
  --area-message-emergency-background-color: #fcf0e9;
  --area-message-emergency-text-color: #c4338a;
  --area-message-regular-background-color: #bfd7e6;
  --area-message-regular-text-color: #002673;
}

/* Mixin for en responsiv font-størrelses-skala. 
 Denne kan brukes for å sette en font-størrelse én plass og sikre at font-størrelsen vil bli riktig på alle skjermflater basert på skaleringen som er satt opp her 
*/
body {
  background-color: var(--transparent);
  color: var(--primary-font-color);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  scroll-behavior: smooth;
  padding-top: 9rem;
}
@media screen and (min-width: 600px) {
  body {
    padding-top: 6.4rem;
  }
}
body h1, body h2 {
  font-family: "Roboto Regular", sans-serif;
}

:focus {
  outline: 2px dashed transparent;
}

.tabbing input:focus,
.tabbing button:focus,
.tabbing select:focus,
.tabbing textarea:focus,
.tabbing a:focus {
  outline: 3px solid #000;
  box-shadow: 0 0 0 6px #fff !important;
}

.designMode > *[class],
.designMode main > *[class] {
  position: relative;
}
.designMode > *[class]:before,
.designMode main > *[class]:before {
  position: absolute;
  content: attr(class);
  display: inline-block;
  top: 0;
  left: 0;
  padding: 0.25em;
  background-color: hotpink;
  font-size: 0.875rem;
  color: #000;
}
.designMode .zone {
  outline: 2px solid hotpink;
  outline-offset: 2px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.opacity-layer {
  display: none;
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 19, 19, 0.6);
}
.menu-open .opacity-layer, .search-open .opacity-layer {
  display: block;
}

::-moz-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

.back-to-top-button-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -1.5rem;
  left: 50%;
  z-index: 10;
}
.back-to-top-button-wrapper .back-to-top-button {
  cursor: pointer;
  background: var(--darkblue);
  border-radius: 8px;
  border: 2px solid var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
  width: 54px;
  height: 54px;
  position: relative;
  transition: transform 0.25s ease-in-out;
  text-decoration: none;
  color: var(--white);
}
.back-to-top-button-wrapper .back-to-top-button:after {
  font-family: "v-remixicon";
  content: "\ea76";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 1.25rem;
}
@media screen and (min-width: 900px) {
  .back-to-top-button-wrapper .back-to-top-button:after {
    font-size: 1.5rem;
  }
}
.back-to-top-button-wrapper .back-to-top-button span {
  text-indent: -9999px;
}
.back-to-top-button-wrapper .back-to-top-button:hover, .back-to-top-button-wrapper .back-to-top-button:focus {
  transition: transform 0.25s ease-in-out;
  transform: translateX(-50%) scale(1.25);
}

.breadcrumbs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.breadcrumbs__label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.breadcrumbs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
}
.breadcrumbs__item a {
  font-size: 1.125rem;
  display: inline-block;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 900px) {
  .breadcrumbs__item a {
    font-size: 1.25rem;
  }
}
.breadcrumbs__item a:hover {
  text-decoration: none;
}
.breadcrumbs__item:after {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ea6e";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}
@media screen and (min-width: 900px) {
  .breadcrumbs__item:after {
    font-size: 2rem;
  }
}
.breadcrumbs__item:first-child:before {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ee19";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-right: 0.5rem;
}
@media screen and (min-width: 900px) {
  .breadcrumbs__item:first-child:before {
    font-size: 2rem;
  }
}
.breadcrumbs__item:last-child a {
  text-decoration: none;
  font-weight: 400;
  box-shadow: 0 0px 0 0 currentColor;
}
.breadcrumbs__item:last-child a:hover {
  text-decoration: underline;
}
.breadcrumbs__item:last-child:after {
  display: none;
}

.footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 8rem;
  padding-top: 4rem;
  position: relative;
  min-height: 730px;
}
@media screen and (min-width: 1200px) {
  .footer {
    padding-top: 10rem;
  }
}
.footer::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--footer-background-color);
  -webkit-clip-path: ellipse(250% 100% at 50% 100%);
          clip-path: ellipse(250% 100% at 50% 100%);
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .footer::before {
    -webkit-clip-path: ellipse(140% 100% at 50% 100%);
            clip-path: ellipse(140% 100% at 50% 100%);
  }
}

.footer-columns {
  width: 90%;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}

.footer-column {
  width: 100%;
  margin-top: 3rem;
}
@media screen and (min-width: 1200px) {
  .footer-column {
    width: 33.3333333333%;
  }
}
.footer-column .left-column {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .footer-column .left-column {
    text-align: left;
  }
}
.footer-column .middle-column {
  text-align: center;
}
.footer-column .right-column {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .footer-column .right-column {
    text-align: right;
  }
}

.footer-bottom-some {
  margin-top: 7rem;
  background-color: var(--white);
  width: 100%;
  position: relative;
}
.footer-bottom-some::before {
  content: "";
  background-image: url("../images/silhuett_rett.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - 16px);
  height: 180px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 8rem;
  transform: translateX(-50%);
  z-index: -1;
  top: -22.2337014986vw;
}
@media screen and (min-width: 600px) {
  .footer-bottom-some {
    margin-top: 9rem;
  }
}
@media screen and (min-width: 700px) {
  .footer-bottom-some::before {
    bottom: 12.5rem;
    top: auto;
    margin-top: 12rem;
  }
}
@media screen and (min-width: 900px) {
  .footer-bottom-some::before {
    bottom: 9.3rem;
    top: auto;
    max-width: 850px;
  }
}
@media screen and (min-width: 1200px) {
  .footer-bottom-some::before {
    bottom: 3rem;
    top: auto;
  }
}
@media screen and (min-width: 1400px) {
  .footer-bottom-some::before {
    left: 68%;
    bottom: 3rem;
    top: auto;
  }
}
.footer-bottom-some .zone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .footer-bottom-some .zone {
    flex-direction: row;
  }
}

.header {
  background-image: url("../images/navbar.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 900px) {
  .header {
    position: fixed;
  }
}

.header-inner {
  min-height: 102px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 600px) {
  .header-inner {
    flex-direction: row;
  }
}

.header-logo a {
  display: block;
}
.header-logo img {
  height: 48px;
}

.header-navigation {
  display: flex;
  align-items: center;
}

.header-navigation-links {
  display: none;
}
@media screen and (min-width: 900px) {
  .header-navigation-links {
    display: flex;
    color: var(--white);
  }
}
.header-navigation-links .zone {
  display: flex;
  align-items: center;
}

.header-navigation-toggles {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
@media screen and (min-width: 600px) {
  .header-navigation-toggles {
    margin-top: 0;
  }
}

.main-menu-toggle-wrapper,
.search-box-toggle-wrapper {
  margin-left: 1rem;
}
@media screen and (min-width: 900px) {
  .main-menu-toggle-wrapper,
  .search-box-toggle-wrapper {
    margin-left: 0.5rem;
  }
}

.search-box-toggle {
  font-size: 1.125rem;
  cursor: pointer;
  color: var(--white);
  border: 2px solid var(--white);
  border-radius: 8px;
  padding: 0.65rem 1.5rem;
  display: flex;
  align-items: center;
  background-color: var(--transparent);
}
@media screen and (min-width: 900px) {
  .search-box-toggle {
    font-size: 1.25rem;
  }
}
.search-box-toggle::after {
  font-family: "v-remixicon";
  content: "\f0cd";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 1.375rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .search-box-toggle::after {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 900px) {
  .search-box-toggle {
    display: none;
  }
}

.main-menu-toggle {
  font-size: 1.125rem;
  cursor: pointer;
  color: var(--darkblue);
  border: 2px solid var(--white);
  border-radius: 8px;
  padding: 0.65rem 1.5rem;
  display: flex;
  align-items: center;
  background-color: var(--white);
}
@media screen and (min-width: 900px) {
  .main-menu-toggle {
    font-size: 1.25rem;
  }
}
.main-menu-toggle::after {
  font-family: "v-remixicon";
  content: "\ef38";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 1.375rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .main-menu-toggle::after {
    font-size: 1.625rem;
  }
}
.main-menu-toggle:hover, .main-menu-toggle:focus {
  background-color: var(--lightblue);
}

.main-menu-toggle-open-wrapper,
.search-box-toggle-open-wrapper {
  display: flex;
  justify-content: flex-end;
}

.main-menu-toggle-open,
.search-box-toggle-open {
  background-color: var(--transparent);
  border: 2px solid var(--darkblue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.75rem;
}
.main-menu-toggle-open::before,
.search-box-toggle-open::before {
  font-family: "v-remixicon";
  content: "\eb99";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  color: var(--darkblue);
}
.main-menu-toggle-open:hover, .main-menu-toggle-open:focus,
.search-box-toggle-open:hover,
.search-box-toggle-open:focus {
  background-color: var(--darkblue);
}
.main-menu-toggle-open:hover::before, .main-menu-toggle-open:focus::before,
.search-box-toggle-open:hover::before,
.search-box-toggle-open:focus::before {
  color: var(--white);
}
.main-menu-toggle-open .vis-meny,
.search-box-toggle-open .vis-meny {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.main-menu {
  display: none;
  padding: 2rem 1rem;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  z-index: 101;
  background-color: var(--main-menu-background-color);
  background-image: url("../images/main-menu-graphic.svg");
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .main-menu {
    width: 60vw;
  }
}
@media screen and (min-width: 1400px) {
  .main-menu {
    width: 70vw;
    background-size: auto;
  }
}
.main-menu .main-menu-inner .zone {
  padding-top: 8.5rem;
  margin-left: auto;
  max-width: calc(640px - 6rem);
}
.main-menu .main-menu-inner .zone .webPart + .webPart {
  margin-top: 4rem;
  border-top: 2px solid var(--darkblue);
  padding-top: 1rem;
}
.main-menu.open, .designMode .main-menu {
  display: block;
}
.designMode .main-menu {
  min-height: 800px;
}

.search-box {
  display: none;
  padding: 2rem 1rem;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-height: 22rem;
  height: 100%;
  z-index: 100;
  background-color: var(--main-menu-background-color);
  background-image: url("../images/main-menu-graphic.svg");
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  overflow: auto;
}
@media screen and (min-width: 600px) {
  .search-box {
    background-size: auto;
  }
}
.search-box .search-box-inner .zone {
  padding-top: 9rem;
}
.search-box .search-box-inner .zone .webPart + .webPart {
  margin-top: 2rem;
  border-top: 2px solid gray;
  padding-top: 2rem;
}
@media screen and (min-width: 1400px) {
  .search-box .search-box-inner .zone {
    max-width: calc(640px - 6rem);
  }
}
.search-box.open, .designMode .search-box {
  display: block;
}
.designMode .search-box {
  min-height: 800px;
}

ul.hidden {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.hidden a {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #000;
  color: #FFF;
  position: absolute;
  text-decoration: none;
  top: -100%;
  left: 0;
  z-index: 2000;
}
ul.hidden a:focus {
  top: 0;
}

.frontpage .frontpage-top-section {
  padding-top: 3rem;
  padding-bottom: 10rem;
  background: var(--frontpage-top-section-background-color);
  position: relative;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .frontpage .frontpage-top-section {
    -webkit-clip-path: ellipse(200% 92% at 50% 93%);
            clip-path: ellipse(200% 92% at 50% 93%);
    margin-top: -5rem;
    padding-top: 10rem;
  }
}
.frontpage .frontpage-upper-middle-section {
  padding-top: 4rem;
}
@media screen and (min-width: 900px) {
  .frontpage .frontpage-upper-middle-section {
    padding-top: 8rem;
  }
}
.frontpage .frontpage-upper-middle-section .zone > * + * {
  margin-top: 1rem;
}
@supports (display: grid) {
  .frontpage .frontpage-upper-middle-section .zone {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 5.375rem;
         column-gap: 5.375rem;
    row-gap: 1rem;
  }
  .frontpage .frontpage-upper-middle-section .zone > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 1400px) {
  .frontpage .frontpage-upper-middle-section .zone > * + * {
    margin-top: 1rem;
  }
  @supports (display: grid) {
    .frontpage .frontpage-upper-middle-section .zone {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 1rem;
    }
    .frontpage .frontpage-upper-middle-section .zone > * + * {
      margin-top: 0;
    }
  }
}
@media screen and (min-width: 1800px) {
  .frontpage .frontpage-upper-middle-section .zone > * + * {
    margin-top: 1rem;
  }
  @supports (display: grid) {
    .frontpage .frontpage-upper-middle-section .zone {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 5.375rem;
           column-gap: 5.375rem;
      row-gap: 1rem;
    }
    .frontpage .frontpage-upper-middle-section .zone > * + * {
      margin-top: 0;
    }
  }
}
.frontpage .frontpage-lower-middle-section .frontpage-lower-middle-section-inner {
  width: 90%;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
.frontpage .frontpage-bottom-section {
  background-color: var(--latest-articles-background-color);
}
.subpage .breadcrumbs + *,
.subpage-full-width .breadcrumbs + * {
  margin-top: 0rem;
}
.subpage .breadcrumbs + .sub-navigation,
.subpage-full-width .breadcrumbs + .sub-navigation {
  margin-top: 2rem;
}
.subpage .sub-navigation + *,
.subpage-full-width .sub-navigation + * {
  margin-top: 2rem;
}
.subpage main + .global-bottom-container,
.subpage-full-width main + .global-bottom-container {
  margin-top: 2rem;
}

.subpage .main-area {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
.subpage .main-area .responsive-container {
  width: 90%;
}
@media screen and (min-width: 900px) {
  .subpage .main-area .responsive-container {
    width: 100%;
  }
}
.subpage .wp-page-title {
  display: none;
}

.subpage-full-width .wp-page-title {
  display: none;
}

.transportpage .breadcrumbs + .sub-navigation {
  margin-top: 2rem;
}
.transportpage .page-title + * {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.transportpage .sub-navigation + * {
  margin-top: 4rem;
}
.transportpage main + .global-bottom-container {
  margin-top: 4rem;
}
.transportpage .page-title {
  background-color: var(--transportpage-header-background-color);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.transportpage .page-title .page-title-inner {
  display: flex;
  justify-content: center;
}
.transportpage .page-title .page-title-inner .wp-page-title {
  font-size: 2.125rem;
  font-weight: 400;
}
@media screen and (min-width: 900px) {
  .transportpage .page-title .page-title-inner .wp-page-title {
    font-size: 2.5rem;
  }
}

body .legacy-content-block-wrapper {
  margin: 0;
}
body .legacy-content-block-wrapper[data-style=primary] > .legacy-content-block {
  background-color: var(--lightblue);
  border-radius: 8px;
  color: var(--darkblue);
}
body .legacy-content-block-wrapper[data-style=secondary] > .legacy-content-block {
  border-color: var(--blue);
  border-radius: 8px;
  color: var(--blue);
}
body .content-block-body-column > * + * {
  margin-top: 1.25em;
}
body .content-block-body-column > * + h1, body .content-block-body-column > * + h2, body .content-block-body-column > * + h3, body .content-block-body-column > * + h4, body .content-block-body-column > * + h5, body .content-block-body-column > * + h6 {
  margin-top: 1.5em;
}
body .content-block-body-column > h1 + *, body .content-block-body-column > h2 + *, body .content-block-body-column > h3 + * {
  margin-top: 0.75em;
}
body .content-block-body-column > h4 + *, body .content-block-body-column > h5 + *, body .content-block-body-column > h6 + * {
  margin-top: 0.375em;
}
body .content-block-body-column > ul li + li,
body .content-block-body-column > ul li > ul,
body .content-block-body-column > ul li > ol, body .content-block-body-column > ol li + li,
body .content-block-body-column > ol li > ul,
body .content-block-body-column > ol li > ol {
  margin-top: 0.5em;
}

blockquote {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.25em;
  margin-left: 5.2188em;
  font-size: 1.25em;
  border-left: 5px solid var(--darkblue);
  font-weight: 600;
}

body .faqWrapper .divFaqOverskrift {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 900px) {
  body .faqWrapper .divFaqOverskrift {
    font-size: 2rem;
  }
}
body .faqWrapper .divFaqOverskrift span:not(:empty) {
  display: block;
  margin-bottom: 0.5em;
}
body .faqWrapper .divFaqIngress span:not(:empty) {
  display: block;
}
body .faqWrapper .divFaqSporsmal {
  background-color: var(--transparent);
  cursor: inherit;
  display: flex;
  align-items: center;
  color: var(--white);
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
body .faqWrapper .divFaqSporsmal:after {
  display: none;
}
body .faqWrapper .divFaqSporsmal button {
  font-size: 1.125rem;
  background-color: var(--blue);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0.25rem;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 900px) {
  body .faqWrapper .divFaqSporsmal button {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 900px) {
  body .faqWrapper .divFaqSporsmal button {
    align-items: center;
  }
}
body .faqWrapper .divFaqSporsmal button span {
  padding-left: 1rem;
  padding-right: 1rem;
}
body .faqWrapper .divFaqSporsmal button:focus-within {
  outline-offset: 2px;
}
body .faqWrapper .divFaqSporsmal button::before {
  font-family: "v-remixicon";
  content: "\ea0f";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  padding: 0.65rem;
}
body .faqWrapper .divFaqSporsmal button:hover, body .faqWrapper .divFaqSporsmal button:focus {
  background-color: var(--darkblue);
}
body .faqWrapper .divFaqSporsmal.open {
  margin-bottom: 0;
}
body .faqWrapper .divFaqSporsmal.open button {
  background-color: var(--blue);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
body .faqWrapper .divFaqSporsmal.open button::before {
  content: "\eb84";
}
body .faqWrapper .divFaqSporsmal.open button:hover, body .faqWrapper .divFaqSporsmal.open button:focus {
  background-color: var(--darkblue);
}
body .faqWrapper .divFaqSvar {
  padding: 1.75rem;
  background-color: var(--lightblue);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 0;
  margin-bottom: 1rem;
}
body .faqWrapper .divFaqSvar > * + * {
  margin-top: 1.25em;
}
body .faqWrapper .divFaqSvar > * + h1, body .faqWrapper .divFaqSvar > * + h2, body .faqWrapper .divFaqSvar > * + h3, body .faqWrapper .divFaqSvar > * + h4, body .faqWrapper .divFaqSvar > * + h5, body .faqWrapper .divFaqSvar > * + h6 {
  margin-top: 1.5em;
}
body .faqWrapper .divFaqSvar > h1 + *, body .faqWrapper .divFaqSvar > h2 + *, body .faqWrapper .divFaqSvar > h3 + * {
  margin-top: 0.75em;
}
body .faqWrapper .divFaqSvar > h4 + *, body .faqWrapper .divFaqSvar > h5 + *, body .faqWrapper .divFaqSvar > h6 + * {
  margin-top: 0.375em;
}
body .faqWrapper .divFaqSvar > ul li + li,
body .faqWrapper .divFaqSvar > ul li > ul,
body .faqWrapper .divFaqSvar > ul li > ol, body .faqWrapper .divFaqSvar > ol li + li,
body .faqWrapper .divFaqSvar > ol li > ul,
body .faqWrapper .divFaqSvar > ol li > ol {
  margin-top: 0.5em;
}
body .faqWrapper .divFaqSvar.open {
  display: block;
}

h1.il-heading--h1,
h2.il-heading--h2,
h3.il-heading--h3,
h4.il-heading--h4,
h5.il-heading--h5,
h6.il-heading--h6 {
  font-weight: 400;
}

h1.il-heading--h1 {
  font-size: 1.75rem;
  line-height: 1.25;
}
@media screen and (min-width: 900px) {
  h1.il-heading--h1 {
    font-size: 2rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1200px) {
  h1.il-heading--h1 {
    font-size: 2.25rem;
  }
}

h2.il-heading--h2 {
  line-height: 1.25;
}
@media screen and (min-width: 900px) {
  h2.il-heading--h2 {
    line-height: 1.125;
  }
}
@media screen and (min-width: 1200px) {
  h2.il-heading--h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  h2.il-heading--h2 {
    font-size: 2rem;
  }
}

h3.il-heading--h3 {
  line-height: 1.5;
}
@media screen and (min-width: 900px) {
  h3.il-heading--h3 {
    line-height: 1.375;
  }
}
@media screen and (min-width: 1200px) {
  h3.il-heading--h3 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  h3.il-heading--h3 {
    font-size: 1.5rem;
  }
}

h4.il-heading--h4 {
  line-height: 1.5;
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  h4.il-heading--h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  h4.il-heading--h4 {
    font-size: 1.25rem;
    line-height: 1.375;
  }
}

h5.il-heading--h5 {
  line-height: 1.5;
  font-size: 0.875rem;
}
@media screen and (min-width: 900px) {
  h5.il-heading--h5 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  h5.il-heading--h5 {
    font-size: 1.125rem;
  }
}

h6.il-heading--h6 {
  line-height: 1.5;
  font-size: 0.75rem;
}
@media screen and (min-width: 900px) {
  h6.il-heading--h6 {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  h6.il-heading--h6 {
    font-size: 1rem;
  }
}

.InnholdLinkTekst:not(.link-render-as-button) {
  font-weight: 400;
  color: var(--blue);
  text-decoration: none;
  box-shadow: 0 1px 0 0 currentColor;
}
.InnholdLinkTekst:not(.link-render-as-button):hover {
  box-shadow: 0 2px 0 0 currentColor;
  color: var(--darkblue);
  font-weight: 700;
}
.InnholdLinkTekst:not(.link-render-as-button).external[href^=http]:after {
  margin-left: 0.25rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}
.footer .InnholdLinkTekst:not(.link-render-as-button) {
  color: var(--darkblue);
}

body a[href].link-render-as-button.link-render-as-button,
.il-custom-button {
  font-size: 1rem;
  padding: 1rem;
  border: none;
  border-radius: 8px;
  display: inline-block;
  color: var(--white);
  background-color: var(--blue);
  font-weight: 400;
  text-decoration: none;
  transition: 0.15s ease;
}
@media screen and (min-width: 900px) {
  body a[href].link-render-as-button.link-render-as-button,
  .il-custom-button {
    font-size: 1.125rem;
  }
}
body a[href].link-render-as-button.link-render-as-button:hover, body a[href].link-render-as-button.link-render-as-button:focus,
.il-custom-button:hover,
.il-custom-button:focus {
  border-color: transparent;
  color: var(--white);
  background-color: var(--darkblue);
}
body a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
.il-custom-button.external[href^=http]:after {
  content: " ↗";
}

.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + * {
  margin-top: 1.25em;
}
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h1, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h2, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h3, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h4, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h5, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > * + h6 {
  margin-top: 1.5em;
}
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h1 + *, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h2 + *, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h3 + * {
  margin-top: 0.75em;
}
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h4 + *, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h5 + *, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > h6 + * {
  margin-top: 0.375em;
}
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ul li + li,
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ul li > ul,
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ul li > ol, .guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ol li + li,
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ol li > ul,
.guidancewizard-widget .bc-guidancewizard-step-result .bc-paragraph > p > ol li > ol {
  margin-top: 0.5em;
}

.liste {
  width: 100%;
}
.liste .InnholdTabellCaption,
.liste .InnholdTekst {
  padding: 0;
  display: block;
}
.liste .InnholdTabellCaption {
  font-weight: 600;
}
.liste .InnholdTabellCaption + * {
  margin-top: 0.5em;
}
.liste > div + * {
  margin-top: 1em;
}

.InnholdTabellTekst {
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .InnholdTabellTekst {
    font-size: 1.125rem;
  }
}

.il-table.listeSort {
  display: block;
  width: 100%;
  overflow-x: auto;
  margin-bottom: 0;
}
.il-table.listeSort td,
.il-table.listeSort th {
  vertical-align: top;
  padding: 0.75em 0.75em;
  min-width: 125px;
}
.il-table.listeSort tr:nth-child(even) {
  background-color: var(--tablerow-background-color);
}
.il-table.listeSort tr:nth-child(even) :first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.il-table.listeSort tr:nth-child(even) :last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.il-table__head :first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.il-table__head :last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.il-table__head .tablesorter-header {
  width: 300px !important;
  background-color: var(--blue) !important;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .il-table__head .tablesorter-header {
    font-size: 1.25rem;
  }
}

.videodetector iframe {
  min-height: 0 !important;
  aspect-ratio: 1.78;
}

:root {
  --webform-background-color: #fff;
  --webform-border-color: #000;
  --webform-button-background-color: var(--blue);
  --webform-background-border-radius: 0px;
  --webform-input-border-radius: 8px;
  --webform-border-width: 1px;
  --webform-background-padding-mobile: 0rem;
  --webform-background-padding: 0rem;
}

.webskjema-widget {
  --bc-c-border-input: var(--webform-border-color);
  --bc-input-border-width: var(--webform-border-width);
  --bc-c-action-primary: var(--webform-button-background-color);
  padding: var(--webform-background-padding-mobile);
  background-color: var(--webform-background-color);
  border-radius: var(--webform-background-border-radius);
}
@media screen and (min-width: 900px) {
  .webskjema-widget {
    padding: var(--webform-background-padding);
  }
}
.webskjema-widget .bc-heading {
  margin-bottom: 1rem;
}
.webskjema-widget input,
.webskjema-widget textarea {
  border-radius: var(--webform-input-border-radius);
}

body .artikkel p {
  margin-bottom: 0;
  line-height: 2;
}

.artikkel {
  color: var(--black);
}
.artikkel header h1 {
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 900px) {
  .artikkel header h1 {
    font-size: 3rem;
  }
}
.artikkel header h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.4;
}
@media screen and (min-width: 900px) {
  .artikkel header h2 {
    font-size: 2rem;
  }
}
.artikkel header h3 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 900px) {
  .artikkel header h3 {
    font-size: 1.5rem;
  }
}
.artikkel header + .ingress {
  margin-top: 0.75em;
}
.artikkel header + .tekst {
  margin-top: 1em;
}
.artikkel header + * {
  margin-top: 1.5em;
}
.artikkel .ingress {
  font-size: 1.125rem;
}
.artikkel .ingress > * + * {
  margin-top: 1.25em;
}
.artikkel .ingress > * + h1, .artikkel .ingress > * + h2, .artikkel .ingress > * + h3, .artikkel .ingress > * + h4, .artikkel .ingress > * + h5, .artikkel .ingress > * + h6 {
  margin-top: 1.5em;
}
.artikkel .ingress > h1 + *, .artikkel .ingress > h2 + *, .artikkel .ingress > h3 + * {
  margin-top: 0.75em;
}
.artikkel .ingress > h4 + *, .artikkel .ingress > h5 + *, .artikkel .ingress > h6 + * {
  margin-top: 0.375em;
}
.artikkel .ingress > ul li + li,
.artikkel .ingress > ul li > ul,
.artikkel .ingress > ul li > ol, .artikkel .ingress > ol li + li,
.artikkel .ingress > ol li > ul,
.artikkel .ingress > ol li > ol {
  margin-top: 0.5em;
}
@media screen and (min-width: 900px) {
  .artikkel .ingress {
    font-size: 1.25rem;
  }
}
.artikkel .ingress + * {
  margin-top: 1.75em;
}
.artikkel .tekst {
  font-size: 0.9375rem;
}
.artikkel .tekst > * + * {
  margin-top: 1.25em;
}
.artikkel .tekst > * + h1, .artikkel .tekst > * + h2, .artikkel .tekst > * + h3, .artikkel .tekst > * + h4, .artikkel .tekst > * + h5, .artikkel .tekst > * + h6 {
  margin-top: 1.5em;
}
.artikkel .tekst > h1 + *, .artikkel .tekst > h2 + *, .artikkel .tekst > h3 + * {
  margin-top: 0.75em;
}
.artikkel .tekst > h4 + *, .artikkel .tekst > h5 + *, .artikkel .tekst > h6 + * {
  margin-top: 0.375em;
}
.artikkel .tekst > ul li + li,
.artikkel .tekst > ul li > ul,
.artikkel .tekst > ul li > ol, .artikkel .tekst > ol li + li,
.artikkel .tekst > ol li > ul,
.artikkel .tekst > ol li > ol {
  margin-top: 0.5em;
}
@media screen and (min-width: 900px) {
  .artikkel .tekst {
    font-size: 1rem;
  }
}
.artikkel .beskrivelse {
  font-size: 0.9375rem;
  padding-bottom: 0.5rem;
  padding: 1rem 0;
}
@media screen and (min-width: 900px) {
  .artikkel .beskrivelse {
    font-size: 1rem;
  }
}
.artikkel .fotograf {
  padding-top: 0.5rem;
  font-size: 0.9375rem;
}
@media screen and (min-width: 900px) {
  .artikkel .fotograf {
    font-size: 1rem;
  }
}
.artikkel img {
  border-radius: 8px;
}
.artikkel .il-heading[id^=toc-heading]::before {
  content: "";
  display: block;
  height: 130px;
  margin: -130px 0 0;
}
.artikkel .artikkel-bilde-container,
.artikkel .legacy-content-block,
.artikkel .legacy-content-block--image {
  display: flex !important;
  flex-direction: column;
}
.artikkel .artikkel-bilde-container .artikkel-bilde,
.artikkel .legacy-content-block .artikkel-bilde,
.artikkel .legacy-content-block--image .artikkel-bilde {
  order: 1;
}
.artikkel .artikkel-bilde-container .artikkel-bilde-beskrivelse,
.artikkel .legacy-content-block .artikkel-bilde-beskrivelse,
.artikkel .legacy-content-block--image .artikkel-bilde-beskrivelse {
  order: 3;
}
.artikkel .artikkel-bilde-container .BildeTekst,
.artikkel .legacy-content-block .BildeTekst,
.artikkel .legacy-content-block--image .BildeTekst {
  order: 2;
}

.ArtikkelKategoriOverskrift {
  font-weight: 600;
  line-height: 1.25;
  font-size: 1.75rem;
}
@media screen and (min-width: 900px) {
  .ArtikkelKategoriOverskrift {
    line-height: 1.125;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .ArtikkelKategoriOverskrift {
    font-size: 2.25rem;
  }
}
.ArtikkelKategoriOverskrift + * {
  margin-top: 2rem;
}

body .artikkeloversikt .artikkeloversiktrad {
  border-top: 3px solid #ccc;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body .artikkeloversikt .artikkeloversiktrad:last-child {
  border-bottom: 3px solid #ccc;
}
body .artikkeloversikt .artikkeloversiktrad .artikkelteaser .tittel a.InnholdOverskrift {
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1.375;
  box-shadow: 0 1px 0 0 currentColor;
}
body .artikkeloversikt .artikkeloversiktrad .artikkelteaser .InnholdTekst {
  margin-top: 0.75em;
  font-size: 1rem;
}
body .artikkeloversikt .artikkeloversiktrad .artikkelteaser .bilde_hoyre {
  display: none;
}

body .artikkel .InnholdForfatter {
  padding-top: 0;
}

.ingress .byline__container {
  margin-top: 2rem;
}

.tekst + .byline__container {
  margin-top: 3.5rem;
}

.byline__container {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.byline {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 0.875rem;
}
@media screen and (min-width: 1200px) {
  .byline {
    font-size: 1rem;
  }
}
.byline .byline__published > * {
  display: inline-block;
  margin-right: 0.5rem;
}

.wp-area-message-global .area-message-list-item {
  font-size: 0.9375rem;
  padding: 2rem 3rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  .wp-area-message-global .area-message-list-item {
    font-size: 1rem;
  }
}
.wp-area-message-global .area-message-list-item.emergency {
  color: var(--area-message-emergency-text-color);
  background-color: var(--area-message-emergency-background-color);
  border-top: 2px solid var(--area-message-emergency-text-color);
  border-bottom: 2px solid var(--area-message-emergency-text-color);
}
.wp-area-message-global .area-message-list-item.emergency .area-message-list-item__text {
  width: 90%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}
.wp-area-message-global .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button) {
  font-weight: 400;
  color: var(--area-message-emergency-text-color);
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 1px 0 0 currentColor;
}
.wp-area-message-global .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button):hover {
  box-shadow: 0 2px 0 0 currentColor;
}
.wp-area-message-global .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button).external[href^=http]:after {
  margin-left: 0.25rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}
.wp-area-message-global .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button,
.wp-area-message-global .area-message-list-item.emergency .il-custom-button {
  font-size: 0.9375rem;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  border: none;
  border-radius: 23px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--area-message-emergency-text-color);
  font-weight: 500;
  text-decoration: none;
  transition: 0.15s ease;
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-global .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button,
  .wp-area-message-global .area-message-list-item.emergency .il-custom-button {
    font-size: 1rem;
  }
}
.wp-area-message-global .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
.wp-area-message-global .area-message-list-item.emergency .il-custom-button.external[href^=http]:after {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-global .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
  .wp-area-message-global .area-message-list-item.emergency .il-custom-button.external[href^=http]:after {
    font-size: 2rem;
  }
}
.wp-area-message-global .area-message-list-item.regular {
  color: var(--area-message-regular-text-color);
  background-color: var(--area-message-regular-background-color);
  border-top: 2px solid var(--area-message-regular-text-color);
  border-bottom: 2px solid var(--area-message-regular-text-color);
}
.wp-area-message-global .area-message-list-item.regular .area-message-list-item__text {
  width: 90%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}
.wp-area-message-global .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button,
.wp-area-message-global .area-message-list-item.regular .il-custom-button {
  font-size: 0.9375rem;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  border: none;
  border-radius: 23px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--area-message-regular-text-color);
  font-weight: 500;
  text-decoration: none;
  transition: 0.15s ease;
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-global .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button,
  .wp-area-message-global .area-message-list-item.regular .il-custom-button {
    font-size: 1rem;
  }
}
.wp-area-message-global .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
.wp-area-message-global .area-message-list-item.regular .il-custom-button.external[href^=http]:after {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-global .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
  .wp-area-message-global .area-message-list-item.regular .il-custom-button.external[href^=http]:after {
    font-size: 2rem;
  }
}

.wp-area-message-local {
  width: 100%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
  .wp-area-message-local {
    width: 90%;
    max-width: 1154px;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-area-message-local .area-message-list-item {
  font-size: 0.9375rem;
  padding: 2rem 1.5rem;
  width: 100%;
  position: relative;
  border-radius: 0px;
}
@media screen and (min-width: 900px) {
  .wp-area-message-local .area-message-list-item {
    font-size: 1rem;
  }
}
@media screen and (min-width: 600px) {
  .wp-area-message-local .area-message-list-item {
    border-radius: 8px;
    padding: 2rem 3rem;
  }
}
.wp-area-message-local .area-message-list-item.emergency {
  color: var(--area-message-emergency-text-color);
  background-color: var(--area-message-emergency-background-color);
  border-top: 2px solid var(--area-message-emergency-text-color);
  border-bottom: 2px solid var(--area-message-emergency-text-color);
}
@media screen and (min-width: 600px) {
  .wp-area-message-local .area-message-list-item.emergency {
    border: 2px solid var(--area-message-emergency-text-color);
  }
}
.wp-area-message-local .area-message-list-item.emergency .area-message-list-item__text {
  width: 90%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}
.wp-area-message-local .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button) {
  font-weight: 400;
  color: var(--area-message-emergency-text-color);
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 1px 0 0 currentColor;
}
.wp-area-message-local .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button):hover {
  box-shadow: 0 2px 0 0 currentColor;
}
.wp-area-message-local .area-message-list-item.emergency .InnholdLinkTekst:not(.link-render-as-button).external[href^=http]:after {
  margin-left: 0.25rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}
.wp-area-message-local .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button,
.wp-area-message-local .area-message-list-item.emergency .il-custom-button {
  font-size: 0.9375rem;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  border: none;
  border-radius: 23px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--area-message-emergency-text-color);
  font-weight: 500;
  text-decoration: none;
  transition: 0.15s ease;
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-local .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button,
  .wp-area-message-local .area-message-list-item.emergency .il-custom-button {
    font-size: 1rem;
  }
}
.wp-area-message-local .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
.wp-area-message-local .area-message-list-item.emergency .il-custom-button.external[href^=http]:after {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-local .area-message-list-item.emergency a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
  .wp-area-message-local .area-message-list-item.emergency .il-custom-button.external[href^=http]:after {
    font-size: 2rem;
  }
}
.wp-area-message-local .area-message-list-item.regular {
  color: var(--area-message-regular-text-color);
  background-color: var(--area-message-regular-background-color);
  border-top: 2px solid var(--area-message-regular-text-color);
  border-bottom: 2px solid var(--area-message-regular-text-color);
}
@media screen and (min-width: 600px) {
  .wp-area-message-local .area-message-list-item.regular {
    border: 2px solid var(--area-message-regular-text-color);
  }
}
.wp-area-message-local .area-message-list-item.regular .area-message-list-item__text {
  width: 90%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}
.wp-area-message-local .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button,
.wp-area-message-local .area-message-list-item.regular .il-custom-button {
  font-size: 0.9375rem;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  border: none;
  border-radius: 23px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--area-message-regular-text-color);
  font-weight: 500;
  text-decoration: none;
  transition: 0.15s ease;
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-local .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button,
  .wp-area-message-local .area-message-list-item.regular .il-custom-button {
    font-size: 1rem;
  }
}
.wp-area-message-local .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
.wp-area-message-local .area-message-list-item.regular .il-custom-button.external[href^=http]:after {
  font-size: 1.5rem;
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 0.5rem;
}
@media screen and (min-width: 900px) {
  .wp-area-message-local .area-message-list-item.regular a[href].link-render-as-button.link-render-as-button.external[href^=http]:after,
  .wp-area-message-local .area-message-list-item.regular .il-custom-button.external[href^=http]:after {
    font-size: 2rem;
  }
}

.wp-custom-box-footer .webPartTittel {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .wp-custom-box-footer .webPartTittel {
    font-size: 1.5rem;
  }
}
.wp-custom-box-footer .webPartTittel + .webPartInnhold {
  margin-top: 1.5rem;
}
.wp-custom-box-footer .webPartInnhold > * + * {
  margin-top: 1.25em;
}
.wp-custom-box-footer .webPartInnhold > * + h1, .wp-custom-box-footer .webPartInnhold > * + h2, .wp-custom-box-footer .webPartInnhold > * + h3, .wp-custom-box-footer .webPartInnhold > * + h4, .wp-custom-box-footer .webPartInnhold > * + h5, .wp-custom-box-footer .webPartInnhold > * + h6 {
  margin-top: 1.5em;
}
.wp-custom-box-footer .webPartInnhold > h1 + *, .wp-custom-box-footer .webPartInnhold > h2 + *, .wp-custom-box-footer .webPartInnhold > h3 + * {
  margin-top: 0.75em;
}
.wp-custom-box-footer .webPartInnhold > h4 + *, .wp-custom-box-footer .webPartInnhold > h5 + *, .wp-custom-box-footer .webPartInnhold > h6 + * {
  margin-top: 0.375em;
}
.wp-custom-box-footer .webPartInnhold > ul li + li,
.wp-custom-box-footer .webPartInnhold > ul li > ul,
.wp-custom-box-footer .webPartInnhold > ul li > ol, .wp-custom-box-footer .webPartInnhold > ol li + li,
.wp-custom-box-footer .webPartInnhold > ol li > ul,
.wp-custom-box-footer .webPartInnhold > ol li > ol {
  margin-top: 0.5em;
}
.wp-custom-box-footer .webPartInnhold p {
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-custom-box-footer .webPartInnhold p {
    font-size: 1.125rem;
  }
}

.wp-feedback {
  margin-top: 5rem;
  margin-bottom: 13rem;
  display: flex;
  justify-content: center;
}
.wp-feedback .tilbakemelding {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}
.wp-feedback .tilbakemelding .fantDuLabel {
  font-size: 1.25rem;
  float: none;
  display: block;
  font-weight: 400;
  margin-right: 0;
  margin-top: 0;
}
@media screen and (min-width: 900px) {
  .wp-feedback .tilbakemelding .fantDuLabel {
    font-size: 1.5rem;
  }
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter {
  float: none;
  display: flex;
  justify-content: center;
  margin: 0;
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li {
  margin-right: 1rem;
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button {
  font-size: 1.125rem;
  margin: 0;
  border: 2px solid var(--darkblue);
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: var(--darkblue);
  font-weight: 400;
  text-decoration: none;
  margin-top: 1rem;
  width: 54px;
}
@media screen and (min-width: 900px) {
  .wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button {
    font-size: 1.25rem;
  }
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button:hover, .wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button:focus {
  background-color: var(--blue);
  border: 2px solid var(--blue);
  color: var(--white);
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button:focus-within {
  outline-offset: 2px;
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li button.external[href^=http]:after {
  font-family: "v-remixicon";
  content: "\ecaf";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 0.5rem;
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li:last-child {
  margin-right: 0;
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li:last-child button {
  border: 2px solid var(--darkblue);
  background-color: var(--transparent);
  color: var(--darkblue);
}
.wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li:last-child button:hover, .wp-feedback .tilbakemelding ul.fantDuDetDuLetteEtter li:last-child button:focus {
  background-color: var(--blue);
  border: 2px solid var(--blue);
  color: var(--white);
}
.wp-feedback .tilbakemelding .tilbakemeldingKommentar textarea {
  border-radius: 0;
  border: 1px solid var(--darkblue);
  font-style: normal;
  width: 100%;
  padding: 1rem;
  color: inherit;
  min-height: 150px;
}
.wp-feedback .tilbakemelding .tilbakemeldingKnapp {
  margin-top: 1rem;
}
.wp-feedback .tilbakemelding .tilbakemeldingKnapp > input {
  background: none;
  border-radius: 0;
  border: 0;
  background-color: var(--darkblue);
  color: var(--white);
  font-weight: 600 !important;
  padding: 0.75em 1.5em;
  line-height: 1;
}

.article-banner-image-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 840px;
  margin-bottom: 2rem;
}
.article-banner-image-container .wp-article-banner-image img {
  border-radius: 0px;
}
@media screen and (min-width: 900px) {
  .article-banner-image-container .wp-article-banner-image img {
    border-radius: 8px;
  }
}

.wp-latest-articles {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-latest-articles {
    padding-top: 6rem;
  }
}
.wp-latest-articles .webPartTittel {
  font-family: "Roboto Light", sans-serif;
  font-size: 2.125rem;
  font-weight: 300;
  text-align: center;
  color: var(--darkblue);
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartTittel {
    font-size: 2.5rem;
  }
}
.wp-latest-articles .webPartTittel + .webPartInnhold {
  margin-top: 2rem;
}
.wp-latest-articles .webPartInnhold ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-latest-articles .webPartInnhold ul > * + * {
  margin-top: 1.5rem;
}
@supports (display: grid) {
  .wp-latest-articles .webPartInnhold ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1.5rem;
  }
  .wp-latest-articles .webPartInnhold ul > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul > * + * {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .wp-latest-articles .webPartInnhold ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 2rem;
    }
    .wp-latest-articles .webPartInnhold ul > * + * {
      margin-top: 0;
    }
  }
}
.wp-latest-articles .webPartInnhold ul li {
  position: relative;
}
.wp-latest-articles .webPartInnhold ul li:focus-within {
  outline: 2px solid var(--black);
  outline-offset: 2px;
}
.wp-latest-articles .webPartInnhold ul li .datoPublisert {
  font-size: 0.75rem;
  position: absolute;
  bottom: 1.75rem;
  right: 1.75rem;
  font-weight: 400;
  z-index: 3;
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li .datoPublisert {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li .datoPublisert {
    bottom: 3rem;
    right: 4rem;
  }
}
.wp-latest-articles .webPartInnhold ul li a .imgWrapper img {
  width: 100%;
  border-radius: 8px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 600px) {
  .wp-latest-articles .webPartInnhold ul li a .imgWrapper img {
    height: 100%;
  }
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li a .imgWrapper img {
    transition: all 0.25s;
  }
}
.wp-latest-articles .webPartInnhold ul li a .tittel {
  font-size: 1.25rem;
  font-weight: 300;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  color: var(--darkblue);
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  padding: 1.25rem 1.25rem 3.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li a .tittel {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li a .tittel {
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    width: calc(100% - 4rem);
    padding: 4rem 2.5rem 4rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold ul li.active a .imgWrapper img {
    opacity: 1;
  }
}
.wp-latest-articles .webPartInnhold ul + .webPartBunnLink {
  margin-top: 2rem;
}
.wp-latest-articles .webPartInnhold .webPartBunnLink {
  text-align: center;
}
.wp-latest-articles .webPartInnhold .webPartBunnLink a {
  font-size: 1rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: var(--blue);
  position: relative;
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold .webPartBunnLink a {
    font-size: 1.125rem;
  }
}
.wp-latest-articles .webPartInnhold .webPartBunnLink a:hover {
  color: var(--darkblue);
  text-decoration: underline;
}
.wp-latest-articles .webPartInnhold .webPartBunnLink a::after {
  font-size: 1.75rem;
  font-family: "v-remixicon";
  content: "\ea68";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  position: absolute;
  right: -2.25rem;
  top: -0.15rem;
}
@media screen and (min-width: 900px) {
  .wp-latest-articles .webPartInnhold .webPartBunnLink a::after {
    font-size: 1.875rem;
  }
}

.wp-links-header .webPartInnhold ul.vListe {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
}
.wp-links-header .webPartInnhold ul.vListe li {
  margin-right: 2rem;
  white-space: nowrap;
}
.wp-links-header .webPartInnhold ul.vListe a {
  font-size: 1.125rem;
  text-decoration: none;
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .wp-links-header .webPartInnhold ul.vListe a {
    font-size: 1.25rem;
  }
}
.wp-links-header .webPartInnhold ul.vListe a:hover {
  text-decoration: underline;
}

.wp-links-menu {
  text-align: right;
}
.wp-links-menu .webPartTittel {
  font-size: 2.25rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-links-menu .webPartTittel {
    font-size: 3rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-links-menu .webPartTittel {
    margin-bottom: 4rem;
  }
}
.wp-links-menu .webPartInnhold ul.vListe {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.wp-links-menu .webPartInnhold ul.vListe li {
  width: 100%;
}
.wp-links-menu .webPartInnhold ul.vListe li + li {
  margin-top: 2rem;
}
.wp-links-menu .webPartInnhold ul.vListe a {
  font-size: 1.5rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: 0.2s ease-in;
}
@media screen and (min-width: 900px) {
  .wp-links-menu .webPartInnhold ul.vListe a {
    font-size: 2rem;
  }
}
.wp-links-menu .webPartInnhold ul.vListe a:hover {
  font-weight: 700;
  transform: translateX(-1rem);
  transition: 0.2s ease-in;
}
.wp-links-menu .webPartInnhold ul.vListe a:hover::after {
  scale: 1.35;
  transition: 0.2s ease-in;
}
.wp-links-menu .webPartInnhold ul.vListe a::after {
  font-size: 2.125rem;
  font-family: "v-remixicon";
  content: "\ea68";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  margin-left: 1rem;
  transition: 0.2s ease-in;
}
@media screen and (min-width: 900px) {
  .wp-links-menu .webPartInnhold ul.vListe a::after {
    font-size: 2.5rem;
  }
}

.wp-shortcut-links {
  text-align: right;
}
.wp-shortcut-links ul.vListe {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 900px) {
  .wp-shortcut-links ul.vListe {
    flex-direction: row;
  }
}
.wp-shortcut-links ul.vListe li {
  margin-left: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-shortcut-links ul.vListe li {
    margin-left: 2rem;
    margin-bottom: 0;
  }
}
.wp-shortcut-links ul.vListe a {
  font-size: 1.25rem;
  text-decoration: underline;
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .wp-shortcut-links ul.vListe a {
    font-size: 1.5rem;
  }
}
.wp-shortcut-links ul.vListe a:hover {
  text-decoration: none;
}

.wp-engaging-links {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
@media screen and (min-width: 900px) {
  .wp-engaging-links {
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-engaging-links {
    padding-top: 8rem;
  }
}
.wp-engaging-links .webPartTittel {
  font-family: "Roboto Light", sans-serif;
  font-size: 2.125rem;
  text-align: center;
  font-weight: 300;
  color: var(--service-menu-color);
  margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-engaging-links .webPartTittel {
    font-size: 2.5rem;
  }
}
.wp-engaging-links .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-engaging-links .vListe > * + * {
  margin-top: 1rem;
}
@supports (display: grid) {
  .wp-engaging-links .vListe {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
    row-gap: 1rem;
  }
  .wp-engaging-links .vListe > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .wp-engaging-links .vListe > * + * {
    margin-top: 1rem;
  }
  @supports (display: grid) {
    .wp-engaging-links .vListe {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 1rem;
    }
    .wp-engaging-links .vListe > * + * {
      margin-top: 0;
    }
  }
}
@media screen and (min-width: 1200px) {
  .wp-engaging-links .vListe > * + * {
    margin-top: 1rem;
  }
  @supports (display: grid) {
    .wp-engaging-links .vListe {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      -moz-column-gap: 4.5rem;
           column-gap: 4.5rem;
      row-gap: 1rem;
    }
    .wp-engaging-links .vListe > * + * {
      margin-top: 0;
    }
  }
}
.wp-engaging-links .vListe .toplevel a {
  display: block;
  position: relative;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  transition: transform 0.3s ease;
}
.wp-engaging-links .vListe .toplevel a span img {
  display: block;
  width: 100%;
  aspect-ratio: 1.73;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.wp-engaging-links .vListe .toplevel a .text {
  font-size: 1.1875rem;
  position: absolute;
  background-color: rgba(179, 232, 239, 0.9);
  border-radius: 0px 0px 8px 8px;
  color: var(--darkblue);
  text-align: center;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  transition: height 0.3s ease, background-color 0.3s ease;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 900px) {
  .wp-engaging-links .vListe .toplevel a .text {
    font-size: 1.375rem;
  }
}
.wp-engaging-links .vListe .toplevel a:hover span img {
  transform: scale(1.1);
}
.wp-engaging-links .vListe .toplevel a:hover .text {
  height: 100%;
}

.wp-all-services-link {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  margin-left: -2.25rem;
}
.wp-all-services-link .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-all-services-link .vListe .toplevel a {
  font-size: 1rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: var(--service-menu-color);
  position: relative;
}
@media screen and (min-width: 900px) {
  .wp-all-services-link .vListe .toplevel a {
    font-size: 1.125rem;
  }
}
.wp-all-services-link .vListe .toplevel a:hover {
  color: var(--darkblue);
  text-decoration: underline;
}
.wp-all-services-link .vListe .toplevel a::after {
  font-family: "v-remixicon";
  content: "\ea68";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 1.875rem;
  position: absolute;
  right: -2.25rem;
  top: -0.15rem;
}

.wp-active-projects {
  padding-top: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-active-projects {
    padding-top: 6rem;
  }
}
.wp-active-projects .webPartTittel {
  font-family: "Roboto Light", sans-serif;
  font-size: 2.125rem;
  text-align: center;
  font-weight: 300;
  color: var(--blue);
  margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-active-projects .webPartTittel {
    font-size: 2.5rem;
  }
}
.wp-active-projects .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-active-projects .vListe > * + * {
  margin-top: 0rem;
}
@supports (display: grid) {
  .wp-active-projects .vListe {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 0rem;
         column-gap: 0rem;
    row-gap: 0rem;
  }
  .wp-active-projects .vListe > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .wp-active-projects .vListe > * + * {
    margin-top: 0rem;
  }
  @supports (display: grid) {
    .wp-active-projects .vListe {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 0rem;
    }
    .wp-active-projects .vListe > * + * {
      margin-top: 0;
    }
  }
}
.wp-active-projects .vListe .toplevel {
  position: relative;
}
.wp-active-projects .vListe .toplevel a {
  min-height: 720px;
  display: block;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .wp-active-projects .vListe .toplevel a:hover span .text {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: 8rem;
  }
  .wp-active-projects .vListe .toplevel a:hover span .text::after {
    display: none;
  }
  .wp-active-projects .vListe .toplevel a:hover span .description {
    opacity: 1;
    visibility: visible;
  }
}
.wp-active-projects .vListe .toplevel a span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-active-projects .vListe .toplevel a span .text {
  font-size: 28px;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 2.5rem;
  width: 300px;
  min-height: 200px;
  border-radius: 8px;
  transition: all 0.5s cubic-bezier(0.25, 0.7, 0.5, 1);
  z-index: 1;
  padding-top: 3.5rem;
}
@media screen and (min-width: 1200px) {
  .wp-active-projects .vListe .toplevel a span .text {
    font-size: 40px;
    border-radius: 8px 8px 0 0;
    min-height: 250px;
    bottom: 0rem;
    width: 450px;
  }
}
@media screen and (min-width: 1400px) {
  .wp-active-projects .vListe .toplevel a span .text {
    width: 640px;
    padding: 5rem;
    min-height: 212px;
  }
}
.wp-active-projects .vListe .toplevel a span .description {
  font-size: 1.125rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (min-width: 900px) {
  .wp-active-projects .vListe .toplevel a span .description {
    font-size: 1.25rem;
  }
}
.wp-active-projects .vListe .toplevel a span .description::after {
  font-size: 2.125rem;
  font-family: "v-remixicon";
  content: "\ea68";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-active-projects .vListe .toplevel a span .description::after {
    font-size: 2.5rem;
  }
}

.wp-footer-links {
  display: flex;
  justify-content: center;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.wp-footer-links .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .wp-footer-links .vListe {
    flex-direction: row;
  }
}
.wp-footer-links .vListe .toplevel {
  margin-bottom: 0.5rem;
  margin-right: 0;
}
@media screen and (min-width: 900px) {
  .wp-footer-links .vListe .toplevel {
    margin-right: 2rem;
    margin-bottom: 0rem;
  }
}
.wp-footer-links .vListe .toplevel a {
  font-size: 1rem;
  text-decoration: none;
  box-shadow: 0 1px 0 0 currentColor;
}
@media screen and (min-width: 900px) {
  .wp-footer-links .vListe .toplevel a {
    font-size: 1.125rem;
  }
}
.wp-footer-links .vListe .toplevel a:hover {
  box-shadow: 0 2px 0 0 currentColor;
}

.wp-page-title {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.25;
}
@media screen and (min-width: 900px) {
  .wp-page-title {
    font-size: 2rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1200px) {
  .wp-page-title {
    font-size: 2.25rem;
  }
}

.wp-contact-person {
  margin-top: 2rem;
  max-width: 840px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wp-contact-person .webPartTittel {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-contact-person .webPartTittel {
    font-size: 2rem;
  }
}
.wp-contact-person .webPartInnhold .emnekart-item {
  background-color: var(--contact-person-background-color);
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 3rem;
}
.wp-contact-person .webPartInnhold .emnekart-item .person-name,
.wp-contact-person .webPartInnhold .emnekart-item .person-title {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .wp-contact-person .webPartInnhold .emnekart-item .person-name,
  .wp-contact-person .webPartInnhold .emnekart-item .person-title {
    font-size: 1.5rem;
  }
}
.wp-contact-person .webPartInnhold .emnekart-item .person-title {
  margin-bottom: 1rem;
}
.wp-contact-person .webPartInnhold .emnekart-item .person-email,
.wp-contact-person .webPartInnhold .emnekart-item .person-phone,
.wp-contact-person .webPartInnhold .emnekart-item .person-mobile,
.wp-contact-person .webPartInnhold .emnekart-item .person-info {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (min-width: 900px) {
  .wp-contact-person .webPartInnhold .emnekart-item .person-email,
  .wp-contact-person .webPartInnhold .emnekart-item .person-phone,
  .wp-contact-person .webPartInnhold .emnekart-item .person-mobile,
  .wp-contact-person .webPartInnhold .emnekart-item .person-info {
    font-size: 1.125rem;
  }
}
.wp-contact-person .webPartInnhold .emnekart-item .person-email .external,
.wp-contact-person .webPartInnhold .emnekart-item .person-phone .external,
.wp-contact-person .webPartInnhold .emnekart-item .person-mobile .external,
.wp-contact-person .webPartInnhold .emnekart-item .person-info .external {
  text-decoration: none;
  box-shadow: 0 1px 0 0 currentColor;
}
.wp-contact-person .webPartInnhold .emnekart-item .person-email .external:hover,
.wp-contact-person .webPartInnhold .emnekart-item .person-phone .external:hover,
.wp-contact-person .webPartInnhold .emnekart-item .person-mobile .external:hover,
.wp-contact-person .webPartInnhold .emnekart-item .person-info .external:hover {
  box-shadow: 0 2px 0 0 currentColor;
}

.wp-highlight-field {
  padding: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner {
    width: 90%;
    max-width: 1154px;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner {
    flex-direction: row;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text {
  order: 1;
  width: 100%;
  padding: 2rem;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text {
    order: unset;
    width: 74%;
    text-align: left;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
  font-size: 1.5rem;
  color: var(--blue);
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
    font-size: 2rem;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text p {
  color: var(--black);
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--text p {
    font-size: 1.125rem;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--image {
  order: 0;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--image {
    order: unset;
    width: 40%;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--image .ac-image {
  width: 100%;
  border-radius: 8px;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-banner-field--image .ac-image {
    width: 100%;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-content-link--button {
  font-size: 1rem;
  margin-top: 1.5rem;
  display: inline-flex;
  text-decoration: none;
  background-color: var(--blue);
  color: var(--white);
  border-radius: 8px;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 900px) {
  .wp-highlight-field .ac-banner .ac-banner-content--inner .ac-content-link--button {
    font-size: 1.125rem;
  }
}
.wp-highlight-field .ac-banner .ac-banner-content--inner .ac-content-link--button:hover {
  background-color: var(--darkblue);
  color: var(--white);
}
.transportpage .wp-highlight-field {
  background-color: var(--transportpage-highlight-field-background-color);
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.frontpage-upper-middle-section .wp-focus-field-one,
.frontpage-upper-middle-section .wp-focus-field-two {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner {
    flex-direction: row;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image {
  width: 100%;
  flex: 1;
  max-width: 100%;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image {
    width: 40%;
    flex: none;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture {
  display: flex;
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  border-radius: 8px 8px 0px 0px;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image {
    aspect-ratio: 0.638;
    border-radius: 8px 0px 0px 8px;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text {
  padding: 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border-radius: 0px 0px 8px 8px;
  flex: 1;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text {
    width: 60%;
    border-radius: 0px 8px 8px 0px;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
    font-size: 1.5rem;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p {
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p {
    font-size: 1.125rem;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
  font-size: 1rem;
  margin-top: 1.5rem;
  display: inline-flex;
  text-decoration: none;
  border-radius: 8px;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
    margin-top: 1rem;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner {
    flex-direction: row;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image {
  width: 100%;
  flex: 1;
  max-width: 100%;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image {
    width: 40%;
    flex: none;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body {
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture {
  display: flex;
  height: 100%;
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  border-radius: 8px 8px 0px 0px;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-picture .ac-image {
    aspect-ratio: 0.638;
    border-radius: 0px 8px 8px 0px;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text {
  padding: 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border-radius: 0px 0px 8px 8px;
  flex: 1;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text {
    width: 60%;
    border-radius: 8px 0px 0px 8px;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text .ac-banner-field-title {
    font-size: 1.5rem;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p {
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-banner-field--text p {
    font-size: 1.125rem;
  }
}
.frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
.frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
  font-size: 1rem;
  margin-top: 1.5rem;
  display: inline-flex;
  text-decoration: none;
  border-radius: 8px;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 900px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontpage-upper-middle-section .wp-focus-field-one .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button,
  .frontpage-upper-middle-section .wp-focus-field-two .webPartInnhold .emnekart-client-content-widget-list .emnekart-client-content-widget .ac-banner.ac-banner--field-order-1 .ac-banner-content--outer .ac-banner-content--inner .ac-content-link--button {
    margin-top: 1rem;
  }
}
.frontpage-upper-middle-section .pink .ac-banner-field--text {
  background-color: var(--focus-field-background-color-pink);
}
.frontpage-upper-middle-section .pink .ac-banner-field--text .ac-banner-field-title {
  color: var(--focus-field-color-darkpink);
}
.frontpage-upper-middle-section .pink .ac-banner-field--text p {
  color: var(--black);
}
.frontpage-upper-middle-section .pink .ac-content-link--button {
  background-color: var(--focus-field-color-darkpink);
  border: 2px solid var(--focus-field-color-darkpink);
  color: var(--white);
}
.frontpage-upper-middle-section .pink .ac-content-link--button:hover {
  background-color: var(--transparent);
  color: var(--focus-field-color-darkpink);
}
.frontpage-upper-middle-section .green .ac-banner-field--text {
  background-color: var(--focus-field-background-color-green);
}
.frontpage-upper-middle-section .green .ac-banner-field--text .ac-banner-field-title {
  color: var(--focus-field-color-blue);
}
.frontpage-upper-middle-section .green .ac-banner-field--text p {
  color: var(--black);
}
.frontpage-upper-middle-section .green .ac-content-link--button {
  background-color: var(--focus-field-color-blue);
  border: 2px solid var(--focus-field-color-blue);
  color: var(--white);
}
.frontpage-upper-middle-section .green .ac-content-link--button:hover {
  background-color: var(--transparent);
  color: var(--focus-field-color-blue);
}

.wp-search {
  width: 100%;
}
.wp-search:hover input[type=text], .wp-search:focus input[type=text], .wp-search:focus-within input[type=text] {
  width: 360px;
  background-color: var(--lightblue);
  color: var(--darkblue);
}
.wp-search:hover input[type=text]::-moz-placeholder, .wp-search:focus input[type=text]::-moz-placeholder, .wp-search:focus-within input[type=text]::-moz-placeholder {
  color: var(--darkblue);
}
.wp-search:hover input[type=text]::placeholder, .wp-search:focus input[type=text]::placeholder, .wp-search:focus-within input[type=text]::placeholder {
  color: var(--darkblue);
}
.wp-search:hover input[type=submit], .wp-search:focus input[type=submit], .wp-search:focus-within input[type=submit] {
  color: var(--darkblue);
  background-image: url("../images/search-hover.svg");
}
.wp-search div > div > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
}
.wp-search input[type=text] {
  border: 2px solid var(--white);
  border-radius: 8px;
  height: 100%;
  width: 113px;
  flex-grow: 1;
  flex-basis: 0;
  background-color: var(--transparent);
  padding: 1em;
  transition: width 0.25s ease-in-out;
}
.wp-search input[type=text]::-moz-placeholder {
  font-size: 1.125rem;
  color: var(--white);
}
.wp-search input[type=text]::placeholder {
  font-size: 1.125rem;
  color: var(--white);
}
@media screen and (min-width: 900px) {
  .wp-search input[type=text]::-moz-placeholder {
    font-size: 1.25rem;
  }
  .wp-search input[type=text]::placeholder {
    font-size: 1.25rem;
  }
}
.wp-search input[type=submit] {
  font-size: 1.125rem;
  text-indent: -9999px;
  margin: 0;
  border: 0;
  padding-right: 3.5rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--transparent);
  color: var(--white);
  cursor: pointer;
  background-image: url("../images/search.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem);
}
@media screen and (min-width: 900px) {
  .wp-search input[type=submit] {
    font-size: 1.25rem;
  }
}

.wp-search-mobile {
  width: 100%;
}
.wp-search-mobile div > div > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
}
.wp-search-mobile input[type=text] {
  border: 2px solid var(--blue);
  border-radius: 8px;
  height: 100%;
  width: 113px;
  flex-grow: 1;
  flex-basis: 0;
  background-color: var(--transparent);
  padding: 1em;
  transition: width 0.25s ease-in-out;
}
.wp-search-mobile input[type=text]::-moz-placeholder {
  font-size: 1.125rem;
  color: var(--blue);
}
.wp-search-mobile input[type=text]::placeholder {
  font-size: 1.125rem;
  color: var(--blue);
}
@media screen and (min-width: 900px) {
  .wp-search-mobile input[type=text]::-moz-placeholder {
    font-size: 1.25rem;
  }
  .wp-search-mobile input[type=text]::placeholder {
    font-size: 1.25rem;
  }
}
.wp-search-mobile input[type=submit] {
  font-size: 1.125rem;
  text-indent: -9999px;
  margin: 0;
  border: 0;
  padding-right: 3.5rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--transparent);
  color: var(--white);
  cursor: pointer;
  background-image: url("../images/search-blue.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem);
}
@media screen and (min-width: 900px) {
  .wp-search-mobile input[type=submit] {
    font-size: 1.25rem;
  }
}

.wp-sub-navigation,
.sub-navigation {
  width: 90%;
  max-width: 1154px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
}
.wp-sub-navigation .webPartTittel,
.sub-navigation .webPartTittel {
  font-size: 2.125rem;
  font-weight: 300;
  text-align: center;
  color: var(--service-menu-color);
}
@media screen and (min-width: 900px) {
  .wp-sub-navigation .webPartTittel,
  .sub-navigation .webPartTittel {
    font-size: 2.5rem;
  }
}
.wp-sub-navigation .webPartTittel + .webPartInnhold,
.sub-navigation .webPartTittel + .webPartInnhold {
  margin-top: 1.5rem;
}
.wp-sub-navigation ul,
.sub-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-sub-navigation ul > * + *,
.sub-navigation ul > * + * {
  margin-top: 1.5rem;
}
@supports (display: grid) {
  .wp-sub-navigation ul,
  .sub-navigation ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1.5rem;
  }
  .wp-sub-navigation ul > * + *,
  .sub-navigation ul > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .wp-sub-navigation ul > * + *,
  .sub-navigation ul > * + * {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .wp-sub-navigation ul,
    .sub-navigation ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 2rem;
    }
    .wp-sub-navigation ul > * + *,
    .sub-navigation ul > * + * {
      margin-top: 0;
    }
  }
}
@media screen and (min-width: 1400px) {
  .wp-sub-navigation ul > * + *,
  .sub-navigation ul > * + * {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .wp-sub-navigation ul,
    .sub-navigation ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 2rem;
    }
    .wp-sub-navigation ul > * + *,
    .sub-navigation ul > * + * {
      margin-top: 0;
    }
  }
}
.wp-sub-navigation ul li,
.sub-navigation ul li {
  display: flex;
  overflow: hidden;
}
.wp-sub-navigation ul li a,
.sub-navigation ul li a {
  text-decoration: none;
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--darkblue);
  border: 2px solid var(--darkblue);
  border-radius: 8px;
  background-color: var(--transparent);
  min-height: 128px;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .wp-sub-navigation ul li a:hover,
  .sub-navigation ul li a:hover {
    color: var(--darkblue);
    background-color: var(--transportpage-header-background-color);
    border-color: var(--darkblue);
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  .wp-sub-navigation ul li a:hover .text,
  .sub-navigation ul li a:hover .text {
    display: flex;
    flex-direction: row;
    text-align: start;
    border-bottom: 1px solid var(--darkblue);
    justify-content: flex-start;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    font-size: 1rem;
    font-weight: 700;
    transform: translate(0, 0);
    transition: left 0.35s, top 0.35s, font-size 0.35s, font-weight 0.35s 0.15s, transform 0s;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  .wp-sub-navigation ul li a:hover .text::before,
  .sub-navigation ul li a:hover .text::before {
    font-size: 1rem;
    padding-right: 0.5rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .wp-sub-navigation ul li a:hover .description,
  .sub-navigation ul li a:hover .description {
    opacity: 1;
    transition: opacity 0.75s;
    transition-delay: 0.25s;
  }
}
.wp-sub-navigation ul li a > span,
.sub-navigation ul li a > span {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .wp-sub-navigation ul li a > span,
  .sub-navigation ul li a > span {
    width: 100%;
    height: 100%;
  }
}
.wp-sub-navigation ul li a .text,
.sub-navigation ul li a .text {
  font-size: 1.25rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .wp-sub-navigation ul li a .text,
  .sub-navigation ul li a .text {
    font-size: 1.25rem;
    justify-content: center;
    min-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: left 0s, top 0s;
  }
}
.wp-sub-navigation ul li a .text + .description,
.sub-navigation ul li a .text + .description {
  margin-top: 0.25rem;
}
@media screen and (min-width: 900px) {
  .wp-sub-navigation ul li a .text + .description,
  .sub-navigation ul li a .text + .description {
    margin-top: 0;
  }
}
.wp-sub-navigation ul li a .description,
.sub-navigation ul li a .description {
  font-size: 1rem;
  display: inline-flex;
  color: var(--darkblue);
  text-indent: 0;
  padding-left: 1rem;
  padding-top: 4rem;
  opacity: 0;
  transition: opacity 0.1s;
  display: none;
}
@media screen and (min-width: 1200px) {
  .wp-sub-navigation ul li a .description,
  .sub-navigation ul li a .description {
    display: flex;
  }
}

.wp-main-navigation {
  width: 90%;
  max-width: 1154px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
}
.wp-main-navigation .webPartTittel {
  font-family: "Roboto Light", sans-serif;
  font-size: 2.125rem;
  font-weight: 300;
  text-align: center;
  color: var(--service-menu-color);
}
@media screen and (min-width: 900px) {
  .wp-main-navigation .webPartTittel {
    font-size: 2.5rem;
  }
}
.wp-main-navigation .webPartTittel + .webPartInnhold {
  margin-top: 1.5rem;
}
.wp-main-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-main-navigation ul > * + * {
  margin-top: 1.5rem;
}
@supports (display: grid) {
  .wp-main-navigation ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1.5rem;
  }
  .wp-main-navigation ul > * + * {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .wp-main-navigation ul > * + * {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .wp-main-navigation ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 2rem;
    }
    .wp-main-navigation ul > * + * {
      margin-top: 0;
    }
  }
}
@media screen and (min-width: 1400px) {
  .wp-main-navigation ul > * + * {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .wp-main-navigation ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      -moz-column-gap: 2rem;
           column-gap: 2rem;
      row-gap: 2rem;
    }
    .wp-main-navigation ul > * + * {
      margin-top: 0;
    }
  }
}
.wp-main-navigation ul li {
  display: flex;
}
.wp-main-navigation ul li a {
  text-decoration: none;
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--service-menu-color);
  border: 2px solid var(--service-menu-color);
  border-radius: 8px;
  background-color: var(--lightblue);
  min-height: 128px;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .wp-main-navigation ul li a:hover {
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue);
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  .wp-main-navigation ul li a:hover .text {
    border-bottom: 1px solid var(--white);
    justify-content: flex-start;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    font-weight: 700;
    transform: translate(0, 0);
    transition: left 0.35s, top 0.35s, font-size 0.35s, font-weight 0.35s 0.15s, transform 0s;
  }
}
@media screen and (min-width: 1200px) and (min-width: 900px) {
  .wp-main-navigation ul li a:hover .text::before {
    font-size: 1rem;
    padding-right: 0.5rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .wp-main-navigation ul li a:hover .description {
    opacity: 1;
    transition: opacity 0.75s;
    transition-delay: 0.25s;
  }
}
.wp-main-navigation ul li a > span {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .wp-main-navigation ul li a > span {
    width: 100%;
    height: 100%;
  }
}
.wp-main-navigation ul li a .text {
  font-size: 1.25rem;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}
@media screen and (min-width: 900px) {
  .wp-main-navigation ul li a .text {
    font-size: 1.5rem;
    justify-content: center;
    min-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: left 0s, top 0s;
  }
}
.wp-main-navigation ul li a .text + .description {
  margin-top: 0.25rem;
}
@media screen and (min-width: 900px) {
  .wp-main-navigation ul li a .text + .description {
    margin-top: 0;
  }
}
.wp-main-navigation ul li a .description {
  font-size: 1rem;
  display: inline-flex;
  color: var(--white);
  text-indent: 0;
  padding-left: 1rem;
  padding-top: 4rem;
  opacity: 0;
  transition: opacity 0.1s;
  display: none;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li a .description {
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.backpack a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.backpack a:hover .text::before {
    content: url("../images/backpack-hover.svg");
    width: 30px;
    height: 30px;
  }
}
.wp-main-navigation ul li.backpack a .text::before {
  content: url("../images/backpack.svg");
  width: 48px;
  height: 48px;
  margin-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.family a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.family a:hover .text::before {
    content: url("../images/family-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.family a .text::before {
  content: url("../images/family.svg");
  width: 48px;
  height: 48px;
  margin-right: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.house a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.house a:hover .text::before {
    content: url("../images/house-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.house a .text::before {
  content: url("../images/house.svg");
  width: 48px;
  height: 48px;
  margin-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.map a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.map a:hover .text::before {
    content: url("../images/map-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.map a .text::before {
  content: url("../images/map.svg");
  width: 48px;
  height: 48px;
  margin-right: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.heart-in-hand a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.heart-in-hand a:hover .text::before {
    content: url("../images/heart-in-hand-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.heart-in-hand a .text::before {
  content: url("../images/heart-in-hand.svg");
  width: 48px;
  height: 48px;
  margin-right: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.culture a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.culture a:hover .text::before {
    content: url("../images/culture-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.culture a .text::before {
  content: url("../images/culture.svg");
  width: 48px;
  height: 48px;
  margin-right: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.leaves a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.leaves a:hover .text::before {
    content: url("../images/leaves-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.leaves a .text::before {
  content: url("../images/leaves.svg");
  width: 48px;
  height: 48px;
  margin-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.water a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.water a:hover .text::before {
    content: url("../images/water-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.water a .text::before {
  content: url("../images/water.svg");
  width: 48px;
  height: 48px;
  margin-right: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-main-navigation ul li.megaphone a:hover .text {
    padding-bottom: 0.5rem;
  }
  .wp-main-navigation ul li.megaphone a:hover .text::before {
    content: url("../images/megaphone-hover.svg");
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
}
.wp-main-navigation ul li.megaphone a .text::before {
  content: url("../images/megaphone.svg");
  width: 48px;
  height: 48px;
  margin-right: 1rem;
}

.wp-social-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media {
    flex-direction: row;
  }
}
.wp-social-media .webPartTittel {
  font-size: 1.125rem;
  font-weight: 400;
}
@media screen and (min-width: 900px) {
  .wp-social-media .webPartTittel {
    font-size: 1.25rem;
  }
}
.wp-social-media .webPartTittel + .webPartInnhold {
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .webPartTittel + .webPartInnhold {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.wp-social-media .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-social-media .vListe .toplevel {
  display: inline-flex;
}
.wp-social-media .vListe .toplevel a {
  text-decoration: none;
  display: inline-flex;
}
.wp-social-media .vListe .toplevel a .text,
.wp-social-media .vListe .toplevel a span {
  text-indent: -9999rem;
}
.wp-social-media .vListe .toplevel + li {
  margin-left: 1rem;
}
.wp-social-media .vListe .toplevel.facebook a:before {
  font-family: "v-remixicon";
  content: "\ecb8";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.facebook a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.facebook a:hover:before {
  font-family: "v-remixicon";
  content: "\ecb9";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.facebook a:hover:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.youtube a:before {
  font-family: "v-remixicon";
  content: "\f2d4";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.youtube a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.youtube a:hover:before {
  font-family: "v-remixicon";
  content: "\f2d5";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.youtube a:hover:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.instagram a:before {
  font-family: "v-remixicon";
  content: "\ee65";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.instagram a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.instagram a:hover:before {
  font-family: "v-remixicon";
  content: "\ee66";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.instagram a:hover:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.snapchat a:before {
  font-family: "v-remixicon";
  content: "\f15b";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.snapchat a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.snapchat a:hover:before {
  font-family: "v-remixicon";
  content: "\f15c";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.snapchat a:hover:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.twitter a:before {
  font-family: "v-remixicon";
  content: "\f23a";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.twitter a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.twitter a:hover:before {
  font-family: "v-remixicon";
  content: "\f23b";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.twitter a:hover:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.linkedin a:before {
  font-family: "v-remixicon";
  content: "\eeb3";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.linkedin a:before {
    font-size: 2.5rem;
  }
}
.wp-social-media .vListe .toplevel.linkedin a:hover:before {
  font-family: "v-remixicon";
  content: "\eeb4";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  font-size: 2.125rem;
}
@media screen and (min-width: 900px) {
  .wp-social-media .vListe .toplevel.linkedin a:hover:before {
    font-size: 2.5rem;
  }
}

.wp-citizen {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .wp-citizen {
    flex-direction: row;
    margin-left: 5rem;
  }
}
.wp-citizen .webPartTittel {
  font-size: 1.125rem;
  font-weight: 400;
}
@media screen and (min-width: 900px) {
  .wp-citizen .webPartTittel {
    font-size: 1.25rem;
  }
}
.wp-citizen .webPartTittel + .webPartInnhold {
  margin-top: 1rem;
}
@media screen and (min-width: 900px) {
  .wp-citizen .webPartTittel + .webPartInnhold {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.wp-citizen .vListe {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.wp-citizen .vListe .toplevel {
  display: inline-flex;
}
.wp-citizen .vListe .toplevel a {
  text-decoration: none;
  display: inline-flex;
}
.wp-citizen .vListe .toplevel a .text,
.wp-citizen .vListe .toplevel a span {
  text-indent: -9999rem;
}
.wp-citizen .vListe .toplevel + li {
  margin-left: 1rem;
}
.wp-citizen .vListe .toplevel.citizen a::before {
  content: "";
  background-image: url("../images/citizen.svg");
  width: 40px;
  height: 40px;
}

.banner-section {
  position: relative;
}

.wp-banner-section {
  background-color: var(--banner-background-color);
  position: relative;
}
@media screen and (min-width: 1200px) {
  .wp-banner-section::before {
    content: "";
    background-image: url("../images/silhuett_vinkel.svg");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 850px;
    height: 166px;
    display: block;
    position: absolute;
    left: 61%;
    bottom: 1.3rem;
    transform: translateX(-20%) rotate(0deg);
    background-size: contain;
  }
}
@media screen and (min-width: 1300px) {
  .wp-banner-section::before {
    content: "";
    background-image: url("../images/silhuett_vinkel.svg");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 850px;
    height: 180px;
    display: block;
    position: absolute;
    left: 64%;
    bottom: 0.9rem;
    transform: translateX(-20%) rotate(0deg);
    background-size: contain;
  }
}
@media screen and (min-width: 1400px) {
  .wp-banner-section::before {
    content: "";
    background-image: url("../images/silhuett_vinkel.svg");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 850px;
    height: 190px;
    display: block;
    position: absolute;
    left: 64%;
    bottom: 1.2rem;
    transform: translateX(-20%) rotate(0deg);
    background-size: contain;
  }
}
@media screen and (min-width: 1500px) {
  .wp-banner-section::before {
    content: "";
    background-image: url("../images/silhuett_vinkel.svg");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 850px;
    height: 200px;
    display: block;
    position: absolute;
    left: 64%;
    bottom: 1.2rem;
    transform: translateX(-20%) rotate(0deg);
    background-size: contain;
  }
}
@media screen and (min-width: 1800px) {
  .wp-banner-section::before {
    content: "";
    background-image: url("../images/silhuett_vinkel.svg");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 850px;
    height: 220px;
    display: block;
    position: absolute;
    left: 64%;
    bottom: 0.9rem;
    transform: translateX(-20%) rotate(0deg);
    background-size: contain;
  }
}
.wp-banner-section .ac-banner-content--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .wp-banner-section .ac-banner-content--inner {
    flex-direction: row;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--image {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--image {
    width: 50%;
    min-height: 884px;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-image {
  display: block;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--image .ac-banner-field-body .ac-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box {
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box {
    max-width: 672px;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .ac-banner-field-title {
  font-family: "Roboto Light", sans-serif;
  font-size: 2.25rem;
  text-align: center;
  font-weight: 300;
  color: var(--blue);
  margin-bottom: 1.5rem;
  line-height: 1.25;
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .ac-banner-field-title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .ac-banner-field-title {
    text-align: left;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container {
  position: relative;
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container input {
  font-size: 0.9375rem;
  border: 2px solid var(--blue);
  border-radius: 8px;
  padding-left: 1.3rem;
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container input {
    font-size: 1rem;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container input::-moz-placeholder {
  color: var(--blue);
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container input::placeholder {
  color: var(--blue);
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container .bc-content-button {
  position: absolute;
  background-color: var(--transparent);
  border: none;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container .bc-content-button::before {
  font-size: 1.75rem;
  font-family: "v-remixicon";
  content: "\f0cd";
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
  color: var(--blue);
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container .bc-content-button::before {
    font-size: 1.875rem;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field--search-box .bc-content-search-container .bc-content-button .bc-content-button-text {
  text-indent: -9999px;
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu {
    justify-content: start;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu .ac-menu-item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu .ac-menu-item .ac-menu-item-link {
  font-size: 1rem;
  background-color: var(--transparent);
  border-radius: 8px;
  border: 2px solid var(--blue);
  color: var(--blue);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
}
@media screen and (min-width: 900px) {
  .wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu .ac-menu-item .ac-menu-item-link {
    font-size: 1.125rem;
  }
}
.wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu .ac-menu-item .ac-menu-item-link:hover, .wp-banner-section .ac-banner-content--inner .ac-banner-field-footer .ac-menu .ac-menu-item .ac-menu-item-link:focus {
  background-color: var(--blue);
  color: var(--white);
}

.responsive-container {
  width: 90%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}/*# sourceMappingURL=sandefjord.css.map */