
        :root {
        --contact-info-default-placeholder: url("https://brevik.no/wp-content/uploads/2026/01/Brevik-kontor-2.webp");--contact-info-default-marker: url("https://brevik.no/wp-content/uploads/2025/11/Brevik-logoikon.png");--contact-info-default-marker-width: 28px;--contact-info-default-marker-height: 28px;--megamenu-bg-color: #00559d;--megamenu-link-color: #ffffff;--megamenu-link-color-hover: #f7f7f7;--megamenu-link-arrow-color: #0091f2;--megamenu-header-height: 72px;--megamenu-column-title-color: #0091f2;--megamenu-column-title-color-hover: #0091f2; }  body { background-color: #ffffff; color: #333333; font-family: Open Sans; } .main a { color: #00559d } .main a:hover { color: #0061b7 }  .btn-open-nav, .btn-close-nav { color: #00559d }  .btn-open-nav:hover, .btn-close-nav:hover { color: #0061b7 }  h1, h2, h3, h4, h5, h6 {  color: #333333;  }.header-style-main {  color: #333333;  background-color: #ffffff;  } .header-logo { max-width: 200px; } @media (max-width: 767px) { .header-logo {  max-width: 200px; }  } @media screen and (min-width: 768px) { .header-navigation a, .header-navigation button { color: #333333 } .header-navigation a:hover, .header-navigation button:hover, .header-navigation .current-menu-item > a, .header-navigation .current-menu-item > button { color: #00559d } .header-subnav { background-color: #ffffff }.header-subnav a { color: #333333 } .header-subnav a:hover, .header-subnav .current-menu-item > a { color: #00559d }  } @media (max-width: 767px) { .nav-wrapper .header-navigation a, .nav-wrapper .header-navigation button { color: #ffffff } .nav-wrapper { background-color: #00559d }  } .lang-image { width: 12px; height: 12px }.footer-style-main {  color: #333333;  background-color: #ffffff;  }  .footer-style-main a { color: #333333 }  .footer-style-main a:hover { color: #00559d } .footer-style-secondary {  color: #f7f7f7;  background-color: #00559d;  }  .footer-style-secondary a { color: #f7f7f7 }  .footer-style-secondary a:hover { color: #eaeaea }  .comp-rich-text > *:not(:last-child) { margin-bottom: 1rem }  @media (min-width: 768px) { .comp-rich-text > *:not(:last-child) { margin-bottom: 1.25rem } }  .comp-rich-text a {  text-decoration: underline;  font-weight: normal;  }  .comp-rich-text a:hover {  text-decoration: underline;  font-weight: bold;  }  .post-grid-4 .grid-item {  color: #f7f7f7;  background-color: #333333;  }  .post-grid-4 .grid-item .title { color: #ffffff; } .post-grid-4 .grid-item:hover { color: #f7f7f7; } .post-grid-4 .grid-item:hover .title { color: #f7f7f7; } .form input:not([type="submit"]):not([type="button"]),  .form textarea,  .form select {  color: inherit }  .form input[type="checkbox"] + i,  .form input[type="radio"] + .dot {  color: inherit }  .form input[type="radio"] + .dot {  background: inherit }  .timeline-item-label { color: #333333; }  .timeline-item-dot .circle  { background-color: #333333; }  .timeline-item-dot .outer-circle  { border-color: #333333; }  .timeline-item-content { background-color: #333333; }  .timeline *:after { background-color: #333333; }  .timeline *:before { background-color: #333333; }  .timeline-item-arrow { border-bottom-color: #333333; }  .timeline-item-content { color: #ffffff; }  .timeline-item-content a { color: #ffffff; text-decoration: underline; }  .timeline-item .outer-circle { background-color: #ffffff; } .main .button-style-0 {  background-color: #00569d;  color: #ffffff;  } .main .button-style-0 .icon  { color: #ffffff }.main .button-style-0:hover {  color: #ffffff;  background: #0061b7;  } .main .button-style-0:hover .icon  { color: #ffffff }.element-style-0 {  background-color: #ffffff;  } .element-style-0 .button-style-0 {  } .element-style-0 .button-style-0 .icon { color: inherit }.element-style-0 .button-style-0:hover .icon { color: inherit }.element-style-0 a { color: #00559d } .element-style-0 a:hover { color: #0061b7 } .element-style-1 {  background-color: #333333;  color: #ffffff;  } .element-style-1 .timeline-item-label { color: #ffffff; } .element-style-1 .timeline-item-dot .circle  { background-color: #ffffff; } .element-style-1 .timeline-item-dot .outer-circle  { border-color: #ffffff; } .element-style-1 .timeline-item-content { background-color: #ffffff; } .element-style-1 .timeline *:after { background-color: #ffffff; } .element-style-1 .timeline *:before { background-color: #ffffff; } .element-style-1 .timeline-item-arrow { border-bottom-color: #ffffff; } .element-style-1 .timeline-item-content { color: #333333; } .element-style-1 .timeline-item-content a { color: #333333; text-decoration: underline; } .element-style-1 .timeline-item .outer-circle { background-color: #333333; } .element-style-1 .button-style-0 {  background-color: #ffffff;  color: #333333;  } .element-style-1 .button-style-0 .icon  { color: #00559d }.element-style-1 .button-style-0:hover {  color: #00559d;  background: #f7f7f7;  } .element-style-1 .button-style-0:hover .icon  { color: #00559d } .element-style-1 h1, .element-style-1 h2, .element-style-1 h3, .element-style-1 h4, .element-style-1 h5, .element-style-1 h6 { color: #ffffff }  .element-style-1 a h1, .element-style-1 a h2, .element-style-1 a h3, .element-style-1 a h4, .element-style-1 a h5, .element-style-1 a h6 { color: inherit } .element-style-1 a { color: #ffffff } .element-style-1 a:hover { color: #f7f7f7 } .element-style-2 {  background-color: #00559d;  color: #ffffff;  } .element-style-2 .timeline-item-label { color: #ffffff; } .element-style-2 .timeline-item-dot .circle  { background-color: #ffffff; } .element-style-2 .timeline-item-dot .outer-circle  { border-color: #ffffff; } .element-style-2 .timeline-item-content { background-color: #ffffff; } .element-style-2 .timeline *:after { background-color: #ffffff; } .element-style-2 .timeline *:before { background-color: #ffffff; } .element-style-2 .timeline-item-arrow { border-bottom-color: #ffffff; } .element-style-2 .timeline-item-content { color: #00559d; } .element-style-2 .timeline-item-content a { color: #00559d; text-decoration: underline; } .element-style-2 .timeline-item .outer-circle { background-color: #00559d; } .element-style-2 .button-style-0 {  background-color: #ffffff;  color: #00559d;  } .element-style-2 .button-style-0 .icon  { color: #00559d }.element-style-2 .button-style-0:hover {  color: #00559d;  background: #f7f7f7;  } .element-style-2 .button-style-0:hover .icon  { color: #00559d } .element-style-2 h1, .element-style-2 h2, .element-style-2 h3, .element-style-2 h4, .element-style-2 h5, .element-style-2 h6 { color: #ffffff }  .element-style-2 a h1, .element-style-2 a h2, .element-style-2 a h3, .element-style-2 a h4, .element-style-2 a h5, .element-style-2 a h6 { color: inherit } .element-style-2 a { color: #ffffff } .element-style-2 a:hover { color: #f7f7f7 } 