

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.byq-nw.byq-s-byq-meny-forerunner{
  font-family: Figtree, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}.byq-nw.byq-s-byq-meny-forerunner{
  margin: 0
}.byq-nw.byq-s-byq-meny-forerunner nav{
  display: block
}.byq-nw.byq-s-byq-meny-forerunner a{
  background-color: transparent
}.byq-nw.byq-s-byq-meny-forerunner a:active, .byq-nw.byq-s-byq-meny-forerunner a:hover{
  outline: 0
}.byq-nw.byq-s-byq-meny-forerunner img{
  border: 0
}.byq-nw.byq-s-byq-meny-forerunner svg:not(:root){
  overflow: hidden
}
@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
  font-weight: 400;
  font-style: normal
}.byq-nw.byq-s-byq-meny-forerunner, .byq-nw.byq-s-byq-meny-forerunner *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}.byq-nw.byq-s-byq-meny-forerunner{
  height: 100%
}.byq-nw.byq-s-byq-meny-forerunner{
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Figtree, sans-serif;
  font-size: 14.0px;
  line-height: 20px;
  color: #333
}.byq-nw.byq-s-byq-meny-forerunner img{
  max-width: 100%;
  vertical-align: middle;
  display: inline-block
}.byq-nw.byq-s-byq-meny-forerunner html.w-mod-touch *{
  background-attachment: scroll!important
}.byq-nw.byq-s-byq-meny-forerunner .w-inline-block{
  max-width: 100%;
  display: inline-block
}.byq-nw.byq-s-byq-meny-forerunner .w-embed:after, .byq-nw.byq-s-byq-meny-forerunner .w-embed:before{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}.byq-nw.byq-s-byq-meny-forerunner .w-embed:after{
  clear: both
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--large{
  width: 36px;
  height: 28px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
  font-size: 18.0px;
  line-height: 18px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim:not(.w--vertical).w--large{
  margin-left: 6px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim:not(.w--vertical).w--large:before{
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim:not(.w--vertical).w--large:after{
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical{
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical:after, .byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical:before{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical:before{
  border-color: rgba(117,134,150,0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical:after{
  border-color: rgba(255,255,255,0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
  font-size: 18.0px;
  line-height: 22px
}.byq-nw.byq-s-byq-meny-forerunner .w-widget-twitter-count-shim.w--vertical.w--large{
  width: 76px
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown{
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-toggle{
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-toggle{
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-toggle:focus{
  outline: 0
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-list{
  position: absolute;
  background: #ddd;
  display: none;
  min-width: 100%
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-list.w--open{
  display: block
}.byq-nw.byq-s-byq-meny-forerunner .w-dropdown-link.w--current{
  color: #0082f3
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-meny-forerunner .w-nav-brand{
    padding-left: 10px
  }
}.byq-nw.byq-s-byq-meny-forerunner .w-nav{
  position: relative;
  background: #ddd;
  z-index: 1000
}.byq-nw.byq-s-byq-meny-forerunner .w-nav:after, .byq-nw.byq-s-byq-meny-forerunner .w-nav:before{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}.byq-nw.byq-s-byq-meny-forerunner .w-nav:after{
  clear: both
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-brand{
  position: relative;
  float: left;
  text-decoration: none;
  color: #333
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-link.w--current{
  color: #0082f3
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-menu{
  position: relative;
  float: right
}.byq-nw.byq-s-byq-meny-forerunner .w--nav-link-open{
  display: block;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-button{
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24.0px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: rgba(0,0,0,0);
  user-select: none
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-button:focus{
  outline: 0
}.byq-nw.byq-s-byq-meny-forerunner .w-nav-button.w--open{
  background-color: #c8c8c8;
  color: #fff
}.byq-nw.byq-s-byq-meny-forerunner .w-nav[data-collapse=all] .w-nav-menu{
  display: none
}.byq-nw.byq-s-byq-meny-forerunner .w-nav[data-collapse=all] .w-nav-button{
  display: block
}.byq-nw.byq-s-byq-meny-forerunner .w--nav-dropdown-open{
  display: block
}.byq-nw.byq-s-byq-meny-forerunner .w--nav-dropdown-toggle-open{
  display: block
}.byq-nw.byq-s-byq-meny-forerunner .w--nav-dropdown-list-open{
  position: static
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-meny-forerunner .w-nav[data-collapse=medium] .w-nav-menu{
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .w-nav[data-collapse=medium] .w-nav-button{
    display: block
  }
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-meny-forerunner .w-nav-brand{
    padding-left: 10px
  }
}.byq-nw.byq-s-byq-meny-forerunner .w-tab-link.w--current{
  background-color: #c8c8c8
}.byq-nw.byq-s-byq-meny-forerunner .w--tab-active{
  display: block
}
@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}.byq-nw.byq-s-byq-meny-forerunner .w-dyn-empty{
  padding: 10px;
  background-color: #ddd
}.byq-nw.byq-s-byq-meny-forerunner .w-dyn-hide{
  display: none!important
}.byq-nw.byq-s-byq-meny-forerunner .w-dyn-bind-empty{
  display: none!important
}.byq-nw.byq-s-byq-meny-forerunner .w-condition-invisible{
  display: none!important
}.byq-nw.byq-s-byq-meny-forerunner{
  --_colors---color--bg-1: #f8f7f5;
  --font--main: Figtree, sans-serif;
  --_colors---color--dark: #181e25;
  --_text-style---text-body--font-size: 16.0px;
  --_text-style---text-body--line-height: 150%;
  --font-weight--normal: 400;
  --_text-style---text-body--letter-spacing: -.25px;
  --_text-style---h1--font-size: 72.0px;
  --_text-style---h1--line-height: 100%;
  --_text-style---h1--font-weight: var(--font-weight--medium);
  --_text-style---h1--letter-spacing: -4px;
  --_text-style---h2--font-size: 48.0px;
  --_text-style---h2--line-height: 100%;
  --_text-style---h2--font-weight: var(--font-weight--medium);
  --_text-style---h2--letter-spacing: -3px;
  --_text-style---h3--font-size: 40.0px;
  --_text-style---h3--line-height: 100%;
  --_text-style---h3--font-weight: var(--font-weight--medium);
  --_text-style---h3--letter-spacing: -2px;
  --_text-style---h4--font-size: 32.0px;
  --_text-style---h4--line-height: 100%;
  --_text-style---h4--font-weight: var(--font-weight--medium);
  --_text-style---h4--letter-spacing: -2px;
  --_text-style---h5--font-size: 28.0px;
  --_text-style---h5--line-height: 114%;
  --_text-style---h5--font-weight: var(--font-weight--medium);
  --_text-style---h5--letter-spacing: -1px;
  --_text-style---h6--font-size: 24.0px;
  --_text-style---h6--line-height: 116%;
  --_text-style---h6--font-weight: var(--font-weight--medium);
  --_text-style---h6--letter-spacing: -.5px;
  --container-width--main: 1800px;
  --_spacing---site-padding--main: 32px;
  --container-width--small: 900px;
  --_buttons---button-large--font-family: var(--font--main);
  --_buttons---button-large--font-size: 16.0px;
  --_buttons---button-large--line-height: 150%;
  --_buttons---button-large--font-weight: var(--font-weight--semi-bold);
  --_buttons---button-large--letter-spacing: -.5px;
  --_text-style---text-body--font-family: var(--font--main);
  --_text-style---text-body--font-weight: var(--font-weight--normal);
  --_spacing---section-spacing--80: 80px;
  --_spacing---section-spacing--0: 0px;
  --_colors---color--light: white;
  --_spacing---section-spacing--160: 160px;
  --_spacing---section-spacing--hero-top-padding: 160px;
  --_colors---color--accent: #d6fd70;
  --_spacing---section-spacing--120: 120px;
  --_colors---color--bg-2: #efede6;
  --_colors---color--accent-16: #d6fd7029;
  --_colors---color--dark-32: #181e2552;
  --_colors---color--light-32: #ffffff52;
  --_spacing---divider--32: 32px;
  --_spacing---divider--48: 48px;
  --_text-style---text-large--font-size: 20.0px;
  --_text-style---text-large--line-height: 140%;
  --_text-style---text-large--font-weight: var(--font-weight--normal);
  --_text-style---text-large--letter-spacing: -.4px;
  --_colors---color--transparent: #0000;
  --radius--8: 8px;
  --_colors---color--dark-48: #181e257a;
  --_colors---color--dark-8: #181e2514;
  --_text-style---text-small--font-family: var(--font--main);
  --_text-style---text-small--font-size: 12.0px;
  --_text-style---text-small--line-height: 133.3%;
  --_text-style---text-small--font-weight: var(--font-weight--normal);
  --_text-style---text-small--letter-spacing: 0px;
  --font--secondary: Figtree, sans-serif;
  --_text-style---label-large--font-size: 12.0px;
  --_text-style---label-large--line-height: 133.3%;
  --_text-style---label-large--font-weight: var(--font-weight--semi-bold);
  --_text-style---label-large--letter-spacing: 1px;
  --radius--16: 16px;
  --_colors---color--light-64: #ffffffa3;
  --font-weight--semi-bold: 600;
  --color--transparent\<deleted\|variable-452c4a54-91cb-b570-3995-1997c3a4f968\>: #0000;
  --_colors---color--red: #fa4149;
  --_colors---color--light-48: #ffffff7a;
  --radius--full: 100vw;
  --_buttons---button-large--radius: var(--radius--32);
  --_buttons---button-small--radius: var(--radius--32);
  --_buttons---button-small--font-family: var(--font--main);
  --_buttons---button-small--font-size: 14.0px;
  --_buttons---button-small--line-height: 114%;
  --_buttons---button-small--font-weight: var(--font-weight--semi-bold);
  --_buttons---button-small--letter-spacing: -.25px;
  --_colors---color--accent-64: #d6fd70a3;
  --_text-style---h7--font-size: 20.0px;
  --_text-style---h7--line-height: 120%;
  --_text-style---h7--font-weight: var(--font-weight--medium);
  --_text-style---h7--letter-spacing: -.5px;
  --_text-style---label-small--font-size: 10.0px;
  --_text-style---label-small--line-height: 120%;
  --_text-style---label-small--font-weight: var(--font-weight--semi-bold);
  --_text-style---label-small--letter-spacing: 1px;
  --radius--24: 24px;
  --_spacing---title-margin-bottom--s: 64px;
  --_colors---color--dark-64: #181e25a3;
  --_colors---color--dark-16: #181e2529;
  --_spacing---title-margin-bottom--m: 80px;
  --_text-style---label-small--font-family: var(--font--main);
  --_colors---color--dark-0: #181e2500;
  --_colors---color--light-0: #fff0;
  --_spacing---section-spacing--64: 64px;
  --radius--32: 32px;
  --_colors---color--light-16: #ffffff29;
  --font-weight--medium: 500;
  --_colors---color--light-8: #ffffff14;
  --_spacing---section-spacing--48: 48px;
  --_spacing---section-spacing--96: 96px;
  --_colors---color--light-88: #ffffffe0;
  --letter-spacing--3: .03em;
  --letter-spacing--2: .02em;
  --letter-spacing--1: .01em;
  --letter-spacing--0: 0em;
  --letter-spacing--1-0: -.01em;
  --letter-spacing--2-0: -.02em;
  --letter-spacing--3-0: -.03em;
  --radius--30: 30px;
  --radius--20: 20px;
  --radius--12: 12px;
  --radius--10: 10px;
  --radius--4: 4px;
  --radius--2: 2px;
  --font-weight--thin: 100;
  --font-weight--extra-light: 200;
  --font-weight--light: 300;
  --font-weight--bold: 700;
  --font-weight--extra-bold: 800;
  --font-weight--black: 900;
  --_colors---color--bg-3: #222229;
  --_spacing---title-margin-bottom--xs: 48px;
  --_spacing---divider--64: 64px;
  --_text-style---h1--font-family: var(--font--main);
  --_text-style---h2--font-family: var(--font--main);
  --_text-style---h3--font-family: var(--font--main);
  --_text-style---h4--font-family: var(--font--main);
  --_text-style---h5--font-family: var(--font--main);
  --_text-style---h6--font-family: var(--font--main);
  --_text-style---h7--font-family: var(--font--main);
  --_text-style---h8--font-size: 16.0px;
  --_text-style---h8--font-weight: var(--font-weight--medium);
  --_text-style---h8--line-height: 120%;
  --_text-style---h8--letter-spacing: 2px;
  --_text-style---h8--font-family: var(--font--main);
  --_text-style---label-large--font-family: var(--font--main);
  --_text-style---text-large--font-family: var(--font--main);
  --icon-size--l: 64.0px;
  --icon-size--m: 32.0px;
  --icon-size--xs: 16.0px
}.byq-nw.byq-s-byq-meny-forerunner{
  background-color: var(--_colors---color--bg-1);
  font-family: var(--font--main);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-body--font-size);
  line-height: var(--_text-style---text-body--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--_text-style---text-body--letter-spacing)
}.byq-nw.byq-s-byq-meny-forerunner a{
  color: var(--_colors---color--dark);
  text-decoration: none
}.byq-nw.byq-s-byq-meny-forerunner img{
  max-width: 100%;
  display: inline-block
}.byq-nw.byq-s-byq-meny-forerunner .button-text{
  z-index: 1;
  font-family: var(--_buttons---button-large--font-family);
  font-size: var(--_buttons---button-large--font-size);
  line-height: var(--_buttons---button-large--line-height);
  font-weight: var(--_buttons---button-large--font-weight);
  letter-spacing: var(--_buttons---button-large--letter-spacing);
  margin-top: -.03em;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .text-body{
  font-family: var(--_text-style---text-body--font-family);
  font-size: var(--_text-style---text-body--font-size);
  line-height: var(--_text-style---text-body--line-height);
  font-weight: var(--_text-style---text-body--font-weight);
  letter-spacing: var(--_text-style---text-body--letter-spacing);
  margin-top: 0;
  margin-bottom: 0
}.byq-nw.byq-s-byq-meny-forerunner .navbar{
  max-width: var(--container-width--main);
  border-radius: var(--radius--16);
  background-color: var(--_colors---color--light);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 16px
}.byq-nw.byq-s-byq-meny-forerunner .nav-logo{
  width: 100%
}.byq-nw.byq-s-byq-meny-forerunner .nav-container{
  max-width: var(--container-width--main);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  display: grid
}.byq-nw.byq-s-byq-meny-forerunner .nav-link{
  z-index: 2;
  color: var(--_colors---color--dark);
  font-weight: var(--font-weight--semi-bold);
  padding: 8px 16px;
  text-decoration: none;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .nav-link.w--current{
  color: var(--_colors---color--dark)
}.byq-nw.byq-s-byq-meny-forerunner .nav-menu-inner{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .nav-right{
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .nav-brand{
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  width: 118px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-button{
  padding: 0
}.byq-meny-skygge{
  position: fixed;
  inset: 0;
  background: rgba(28,28,28,.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  z-index: 998;
}
.byq-meny-skygge.byq-synlig{ opacity: 1 }
@media (prefers-reduced-motion: reduce){ .byq-meny-skygge{ transition: none } }
.byq-nw.byq-s-byq-meny-forerunner .nav-wrap{
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0
}.byq-nw.byq-s-byq-meny-forerunner .text-underline{
  text-decoration: underline
}.byq-nw.byq-s-byq-meny-forerunner .cta-main{
  border-radius: var(--_buttons---button-large--radius);
  font-family: var(--_buttons---button-large--font-family);
  color: var(--_colors---color--light);
  font-size: var(--_buttons---button-large--font-size);
  line-height: var(--_buttons---button-large--line-height);
  font-weight: var(--_buttons---button-large--font-weight);
  letter-spacing: var(--_buttons---button-large--letter-spacing);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  transition: color .2s,background-color .2s,border-color .2s;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .cta-main.accent{
  color: var(--_colors---color--dark)
}.byq-nw.byq-s-byq-meny-forerunner .label-small{
  font-family: var(--font--secondary);
  font-size: var(--_text-style---label-small--font-size);
  line-height: var(--_text-style---label-small--line-height);
  font-weight: var(--_text-style---label-small--font-weight);
  letter-spacing: var(--_text-style---label-small--letter-spacing);
  text-transform: uppercase
}.byq-nw.byq-s-byq-meny-forerunner .button-text-small{
  font-family: var(--_buttons---button-small--font-family);
  font-size: var(--_buttons---button-small--font-size);
  line-height: var(--_buttons---button-small--line-height);
  font-weight: var(--_buttons---button-small--font-weight);
  letter-spacing: var(--_buttons---button-small--letter-spacing)
}.byq-nw.byq-s-byq-meny-forerunner .banner-master{
  width: 100%;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .banner{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_colors---color--accent);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-links-wrap{
  overflow: hidden
}.byq-nw.byq-s-byq-meny-forerunner .navigation-label-mobile{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: none
}.byq-nw.byq-s-byq-meny-forerunner .navigation-exand-icon-wrap{
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .navigation-icon-line-horizontal{
  background-color: #16231b;
  width: 14px;
  height: 2px
}.byq-nw.byq-s-byq-meny-forerunner .multi-layout-row{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  transition: background-color .2s;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .mega-menu-wrap{
  max-width: var(--container-width--main);
  border-radius: var(--radius--16);
  transform-origin: 50% 0;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 48px
}.byq-nw.byq-s-byq-meny-forerunner .megs-menu-right{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--_colors---color--dark);
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .multi-layout-right{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-page-image{
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 100%
}.byq-nw.byq-s-byq-meny-forerunner .navigation-icon-line-vertical{
  background-color: #16231b;
  width: 2px;
  height: 14px;
  position: absolute
}.byq-nw.byq-s-byq-meny-forerunner .text-small-2{
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14.0px;
  font-weight: 500;
  line-height: 142%
}.byq-nw.byq-s-byq-meny-forerunner .icon-multi-layout{
  width: 20px;
  height: 20px
}.byq-nw.byq-s-byq-meny-forerunner .link-multi-layout{
  font-family: var(--_text-style---text-small--font-family);
  color: var(--_colors---color--dark-48);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  text-decoration: none
}.byq-nw.byq-s-byq-meny-forerunner .link-multi-layout:hover{
  color: #16231b;
  text-decoration: underline
}.byq-nw.byq-s-byq-meny-forerunner .navigation-link-wrap{
  flex-flow: column
}.byq-nw.byq-s-byq-meny-forerunner .nav-dropdown{
  z-index: 1;
  position: static
}.byq-nw.byq-s-byq-meny-forerunner .multi-layout-master{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-divider{
  display: none
}.byq-nw.byq-s-byq-meny-forerunner .menu-column{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-toggle{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-weight: var(--font-weight--semi-bold);
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-toggle.w--open, .byq-nw.byq-s-byq-meny-forerunner .dropdown-toggle.w--open:hover{
  background-color: var(--_colors---color--transparent)
}.byq-nw.byq-s-byq-meny-forerunner .mega-menu-halves{
  max-width: var(--container-width--main);
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto .8fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid
}.byq-nw.byq-s-byq-meny-forerunner .navigation-link-hover-wrap{
  border-radius: var(--radius--full);
  justify-content: flex-start;
  align-items: center;
  transition: background-color .2s
}.byq-nw.byq-s-byq-meny-forerunner .navigation-link-hover-wrap:hover{
  background-color: var(--_colors---color--dark-8)
}.byq-nw.byq-s-byq-meny-forerunner .menu-page-bottom-tile{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .multi-layout-link-wrap{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-link{
  color: var(--_colors---color--dark);
  font-weight: var(--font-weight--normal);
  text-decoration: none;
  transition: background-color .2s
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-list{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open{
  z-index: 1;
  max-width: var(--container-width--main);
  padding-top: 50px;
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 45px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.bigger-nav-list.w--open{
  top: 30px
}.byq-nw.byq-s-byq-meny-forerunner .menu-links-column{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-page-wrap{
  border-radius: var(--radius--8);
  background-color: var(--_colors---color--bg-2);
  justify-content: space-between;
  align-items: flex-end;
  width: 304px;
  height: 180px;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .navigation-label-desktop{
  border: 1px solid var(--_colors---color--dark-32);
  border-radius: var(--radius--24);
  padding: 8px 16px
}.byq-nw.byq-s-byq-meny-forerunner .mega-menu-left{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-column-wrap{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .menu-bottom-tile, .byq-nw.byq-s-byq-meny-forerunner .menu-cta-mobile{
  display: none
}.byq-nw.byq-s-byq-meny-forerunner .dropdown-icon{
  justify-content: center;
  align-items: center;
  display: flex
}.byq-nw.byq-s-byq-meny-forerunner .button-text-mask{
  flex: none;
  height: 22px;
  margin-top: 1px;
  margin-bottom: 3px;
  overflow: hidden
}.byq-nw.byq-s-byq-meny-forerunner .button-bg{
  border-radius: var(--radius--32);
  background-color: var(--_colors---color--dark);
  position: absolute;
  inset: 0%
}.byq-nw.byq-s-byq-meny-forerunner .button-bg.accent{
  background-color: var(--_colors---color--accent)
}.byq-nw.byq-s-byq-meny-forerunner .tab-link-pricing.w--current{
  background-color: var(--_colors---color--accent)
}.byq-nw.byq-s-byq-meny-forerunner .text-medium{
  font-weight: var(--font-weight--medium)
}.byq-nw.byq-s-byq-meny-forerunner .link-underline-animated{
  position: relative
}.byq-nw.byq-s-byq-meny-forerunner .link-underline{
  background-color: var(--_colors---color--dark);
  width: 100%;
  height: 1px;
  position: absolute
}.byq-nw.byq-s-byq-meny-forerunner .tab-link-features.w--current{
  background-color: var(--_colors---color--light)
}.byq-nw.byq-s-byq-meny-forerunner .nav-outer{
  padding-top: 12px;
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main)
}.byq-nw.byq-s-byq-meny-forerunner .nav-bg{
  z-index: 997;
  background-color: var(--_colors---color--dark-32);
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-meny-forerunner{
    --_spacing---site-padding--main: 24px;
    --_spacing---section-spacing--80: 64px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---section-spacing--160: 120px;
    --_spacing---section-spacing--hero-top-padding: 160px;
    --_spacing---section-spacing--120: 80px;
    --_spacing---divider--32: 32px;
    --_spacing---divider--48: 40px;
    --_spacing---title-margin-bottom--s: 48px;
    --_spacing---title-margin-bottom--m: 64px;
    --_spacing---section-spacing--64: 64px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--96: 72px;
    --_spacing---title-margin-bottom--xs: 40px;
    --_spacing---divider--64: 48px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-container{
    grid-template-columns: 1fr 1fr;
    padding-top: 12px;
    padding-bottom: 12px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-link{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .nav-menu-inner{
    padding: 130px var(--_spacing---site-padding--main) 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: var(--radius--8);
    background-color: var(--_colors---color--light);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    max-height: 87vh;
    margin-top: 8px;
    display: flex;
    position: relative;
    overflow: auto
  }.byq-nw.byq-s-byq-meny-forerunner .menu-button{
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .menu-button.w--open{
    background-color: var(--_colors---color--transparent);
    color: var(--_colors---color--dark)
  }.byq-nw.byq-s-byq-meny-forerunner .menu-close{
    justify-content: center;
    align-items: center;
    width: 20px;
    padding: 2px;
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .menu-open{
    justify-content: center;
    align-items: center;
    width: 20px;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .icon-menu{
    justify-content: center;
    align-items: center;
    width: 20px;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .nav-menu{
    background-color: var(--_colors---color--transparent)
  }.byq-nw.byq-s-byq-meny-forerunner .icon-close{
    justify-content: center;
    align-items: center;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-label-mobile{
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .multi-layout-row:hover{
    background-color: #0000
  }.byq-nw.byq-s-byq-meny-forerunner .mega-menu-wrap{
    border-style: none;
    padding: 0
  }.byq-nw.byq-s-byq-meny-forerunner .icon-multi-layout, .byq-nw.byq-s-byq-meny-forerunner .megs-menu-right{
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-link-wrap{
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    padding: 0
  }.byq-nw.byq-s-byq-meny-forerunner .nav-dropdown{
    margin-left: 0;
    margin-right: 0;
    display: block
  }.byq-nw.byq-s-byq-meny-forerunner .multi-layout-master{
    grid-column-gap: 16px;
    grid-row-gap: 16px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-divider{
    background-color: var(--_colors---color--dark-32);
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    display: block
  }.byq-nw.byq-s-byq-meny-forerunner .menu-column{
    width: 100%
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-toggle{
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .mega-menu-halves{
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-link-hover-wrap{
    border-radius: 0;
    padding: 0
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-link-hover-wrap:hover{
    background-color: var(--_colors---color--transparent)
  }.byq-nw.byq-s-byq-meny-forerunner .menu-link{
    padding: 0
  }.byq-nw.byq-s-byq-meny-forerunner .menu-link:hover{
    background-color: #0000
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-list{
    background-color: #0000;
    display: block;
    position: static
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.bigger-nav-list.w--open{
    margin-top: 0
  }.byq-nw.byq-s-byq-meny-forerunner .menu-links-column{
    padding-top: 20px
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-label-desktop{
    display: none
  }.byq-nw.byq-s-byq-meny-forerunner .mega-menu-left{
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: 100%
  }.byq-nw.byq-s-byq-meny-forerunner .menu-column-wrap{
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: none
  }.byq-nw.byq-s-byq-meny-forerunner .menu-cta-mobile{
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--_colors---color--bg-2);
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: absolute;
    inset: 0 0% auto
  }.byq-nw.byq-s-byq-meny-forerunner .menu-cta-link-wrap{
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .menu-template-image{
    width: 137px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-bottom-tile{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .menu-socials{
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .link-menu-social{
    width: 19px;
    height: 19px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-bg{
    display: none
  }
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-meny-forerunner{
    --_text-style---text-body--font-size: 14.0px;
    --_text-style---text-body--line-height: 150%;
    --_text-style---text-body--letter-spacing: -.25px;
    --_text-style---h1--font-size: 48.0px;
    --_text-style---h1--line-height: 100%;
    --_text-style---h1--font-weight: var(--font-weight--medium);
    --_text-style---h1--letter-spacing: -3px;
    --_text-style---h2--font-size: 36.0px;
    --_text-style---h2--line-height: 100%;
    --_text-style---h2--font-weight: var(--font-weight--medium);
    --_text-style---h2--letter-spacing: -2px;
    --_text-style---h3--font-size: 32.0px;
    --_text-style---h3--line-height: 100%;
    --_text-style---h3--font-weight: var(--font-weight--medium);
    --_text-style---h3--letter-spacing: -1px;
    --_text-style---h4--font-size: 28.0px;
    --_text-style---h4--line-height: 100%;
    --_text-style---h4--font-weight: var(--font-weight--medium);
    --_text-style---h4--letter-spacing: -1px;
    --_text-style---h5--font-size: 24.0px;
    --_text-style---h5--line-height: 100%;
    --_text-style---h5--font-weight: var(--font-weight--medium);
    --_text-style---h5--letter-spacing: -1px;
    --_text-style---h6--font-size: 20.0px;
    --_text-style---h6--line-height: 120%;
    --_text-style---h6--font-weight: var(--font-weight--medium);
    --_text-style---h6--letter-spacing: -.5px;
    --_text-style---text-body--font-family: var(--font--main);
    --_text-style---text-body--font-weight: var(--font-weight--normal);
    --_text-style---text-large--font-size: 16.0px;
    --_text-style---text-large--line-height: 140%;
    --_text-style---text-large--font-weight: var(--font-weight--normal);
    --_text-style---text-large--letter-spacing: 0px;
    --_text-style---text-small--font-family: var(--font--main);
    --_text-style---text-small--font-size: 10.0px;
    --_text-style---text-small--line-height: 133.3%;
    --_text-style---text-small--font-weight: var(--font-weight--normal);
    --_text-style---text-small--letter-spacing: 0px;
    --_text-style---label-large--font-size: 10.0px;
    --_text-style---label-large--line-height: 120%;
    --_text-style---label-large--font-weight: var(--font-weight--semi-bold);
    --_text-style---label-large--letter-spacing: 1px;
    --_text-style---h7--font-size: 16.0px;
    --_text-style---h7--line-height: 150%;
    --_text-style---h7--font-weight: var(--font-weight--medium);
    --_text-style---h7--letter-spacing: -.5px;
    --_text-style---label-small--font-size: 8.0px;
    --_text-style---label-small--line-height: 125%;
    --_text-style---label-small--font-weight: var(--font-weight--semi-bold);
    --_text-style---label-small--letter-spacing: 1px;
    --_text-style---label-small--font-family: var(--font--main);
    --_text-style---h1--font-family: var(--font--main);
    --_text-style---h2--font-family: var(--font--main);
    --_text-style---h3--font-family: var(--font--main);
    --_text-style---h4--font-family: var(--font--main);
    --_text-style---h5--font-family: var(--font--main);
    --_text-style---h6--font-family: var(--font--main);
    --_text-style---h7--font-family: var(--font--main);
    --_text-style---h8--font-size: 12.0px;
    --_text-style---h8--font-weight: var(--font-weight--medium);
    --_text-style---h8--line-height: 133.3%;
    --_text-style---h8--letter-spacing: 2px;
    --_text-style---h8--font-family: var(--font--main);
    --_text-style---label-large--font-family: var(--font--main);
    --_text-style---text-large--font-family: var(--font--main);
    --_buttons---button-large--font-family: var(--font--main);
    --_buttons---button-large--font-size: 14.0px;
    --_buttons---button-large--line-height: 170%;
    --_buttons---button-large--font-weight: var(--font-weight--semi-bold);
    --_buttons---button-large--letter-spacing: -.5px;
    --_buttons---button-large--radius: var(--radius--32);
    --_buttons---button-small--radius: var(--radius--32);
    --_buttons---button-small--font-family: var(--font--main);
    --_buttons---button-small--font-size: 12.0px;
    --_buttons---button-small--line-height: 133.3%;
    --_buttons---button-small--font-weight: var(--font-weight--semi-bold);
    --_buttons---button-small--letter-spacing: -.25px;
    --_spacing---site-padding--main: 24px;
    --_spacing---section-spacing--80: 56px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---section-spacing--160: 80px;
    --_spacing---section-spacing--hero-top-padding: 120px;
    --_spacing---section-spacing--120: 64px;
    --_spacing---divider--32: 32px;
    --_spacing---divider--48: 36px;
    --_spacing---title-margin-bottom--s: 32px;
    --_spacing---title-margin-bottom--m: 48px;
    --_spacing---section-spacing--64: 64px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--96: 64px;
    --_spacing---title-margin-bottom--xs: 32px;
    --_spacing---divider--64: 40px
  }.byq-nw.byq-s-byq-meny-forerunner .navbar{
    border-radius: var(--radius--8);
    padding-left: 16px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-right{
    grid-column-gap: 24px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-brand{
    justify-content: flex-start;
    align-items: center;
    padding-left: 0
  }.byq-nw.byq-s-byq-meny-forerunner .nav-desktop-button{
    display: none
  }
}@media screen and (max-width:479px){.byq-nw.byq-s-byq-meny-forerunner{
    --_spacing---site-padding--main: 16px;
    --_spacing---section-spacing--80: 48px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---section-spacing--160: 64px;
    --_spacing---section-spacing--hero-top-padding: 120px;
    --_spacing---section-spacing--120: 48px;
    --_spacing---divider--32: 24px;
    --_spacing---divider--48: 32px;
    --_spacing---title-margin-bottom--s: 24px;
    --_spacing---title-margin-bottom--m: 32px;
    --_spacing---section-spacing--64: 48px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--96: 48px;
    --_spacing---title-margin-bottom--xs: 24px;
    --_spacing---divider--64: 40px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-container{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex
  }.byq-nw.byq-s-byq-meny-forerunner .nav-menu-inner{
    padding-top: 115px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-right{
    grid-column-gap: 16px;
    grid-row-gap: 16px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-brand{
    width: 90px
  }.byq-nw.byq-s-byq-meny-forerunner .text-small-2{
    font-size: 12.0px
  }.byq-nw.byq-s-byq-meny-forerunner .multi-layout-master{
    grid-column-gap: 12px;
    grid-row-gap: 12px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-divider{
    margin-top: 12px;
    margin-bottom: 12px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-column{
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-toggle{
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0
  }.byq-nw.byq-s-byq-meny-forerunner .navigation-link-hover-wrap:hover{
    background-color: #0000
  }.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open{
    justify-content: center;
    align-items: flex-start
  }.byq-nw.byq-s-byq-meny-forerunner .menu-links-column{
    padding-top: 12px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-page-wrap{
    width: 100%
  }.byq-nw.byq-s-byq-meny-forerunner .menu-cta-mobile{
    padding-left: 16px;
    padding-right: 16px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-template-image{
    width: 120px
  }.byq-nw.byq-s-byq-meny-forerunner .menu-bottom-tile{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    margin-top: 24px
  }.byq-nw.byq-s-byq-meny-forerunner .nav-outer{
    padding-top: 8px
  }
}.byq-nw.byq-s-byq-meny-forerunner #w-node-d940a16a-c701-71e9-9ca7-89d0583f3bf7-71dd76cc{
  justify-self: center
}


/* ===== Auto 8-8-tilpasning — alt over er malens egen kode ===== */
/* Husets tilpasninger. Ligger etter malens egen CSS.

   Logoen: malens merke er 118 x 32. Vårt har andre proporsjoner, og med malens
   bredde ble det 42 høyt. I en menylinje er det HØYDEN som skal stemme, ikke
   bredden — da får merket samme tyngde som malens. */
.byq-nw.byq-s-byq-meny-forerunner .nav-logo {
  /* 32 -> 40 px, JA 03.11.2026: «logoen kan gjoeres litt stoerre, uten aa
     forstoerre det som er rundt». */
  height: 40px;
  width: auto;
  /* Uten denne blir logoen KLEMT, ikke klippet: merkeboksen er et flex-element,
     og flex krymper barn som standard. */
  flex: none;
}

/* Merkeboksen maa foelge logoen. `.nav-brand` sto laast paa 118 px — bredden til
   en 32 px logo. En 40 px logo er ~147 px bred og ville blitt presset inn i de
   118. Linja selv er uroert: 66 px hoey med null vertikal luft, saa en 40 px
   logo har fortsatt 13 px klaring over og under, og ingenting annet i menyen
   endrer stoerrelse. */
/* `width: auto` gjorde boksen 384 px bred — den er et flex-element og VOKSTE i
   stedet for å krympe rundt logoen. `flex: none` gjør at den tar nøyaktig
   logoens bredde og ikke en piksel mer. Målt begge veier. */
/* MÅLT, IKKE ANTATT: `width: auto` gjorde boksen 384 px bred — den strekker seg
   i rutenettet i stedet for å krympe rundt logoen, og `flex: none` hjalp ikke,
   for den er ikke et flex-barn her. Derfor en fast bredde.
   Malens boks var 118 px om en logo på ~90 px, altså 28 px slakk. Logoen er nå
   112 px bred, så boksen settes til 140 og slakken er den samme. Linja vokser
   altså 22 px til venstre og ingenting annet. */
.byq-nw.byq-s-byq-meny-forerunner .nav-brand { width: 140px; }

/* Malens aksentfarge er en lime (#d6fd70) og styrer både toppstripa og CTA-en.
   Den byttes mot Mynte. Alle tre variantene settes, ellers slår en av dem
   gjennom et sted vi ikke ser med en gang. */
.byq-nw.byq-s-byq-meny-forerunner {
  --_colors---color--accent: #C3EFAF;
  /* -16 og -64 er IKKE samme farge, de er aksenten på 16 og 64 prosent. Malen
     bruker dem i gradienter. Settes de solide, blir overgangen en flat blokk. */
  --_colors---color--accent-16: #C3EFAF29;
  --_colors---color--accent-64: #C3EFAFA3;
}

/* Utrullingen. Malen animerer menylinjas HØYDE, og det er derfor den hvite
   boksen vokser i stedet for at innholdet henger under den. Varigheten er
   malens egen: data-duration står på 400.

   Lukkinga er tregere enn åpninga med vilje, og teksten slippes før boksen —
   i malen er innholdet borte FØR flata trekker seg sammen. */
.byq-nw.byq-s-byq-meny-forerunner .navbar {
  transition: height .42s cubic-bezier(.33, 1, .68, 1);
}
.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .42s cubic-bezier(.33, 1, .68, 1);
}
.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open.er-inne {
  opacity: 1;
  transform: none;
  transition: opacity .3s ease .06s, transform .42s cubic-bezier(.33, 1, .68, 1);
}

/* Mens lista fader UT er den fortsatt i dokumentet og fanger fortsatt musa,
   selv om den er usynlig. Da kunne pekeren treffe den, utløse ny mouseenter,
   og menyen havnet i en blinkende løkke mellom åpen og lukket. Den slutter å
   ta imot pekeren så snart den ikke lenger er inne. */
.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open:not(.er-inne) {
  pointer-events: none;
}

/* Måleklassen: brukes ett enkelt bilde når høyden regnes ut, så transformen i
   innfadingen ikke forfalsker målet. */
.byq-nw.byq-s-byq-meny-forerunner .dropdown-list.maaler {
  transition: none !important;
  transform: none !important;
}

/* Rulleteksten. Malen stabler to kopier av teksten i et vindu som er 22 px
   høyt med overflow hidden, og skyver dem opp ved hover. Dette gjelder ALLE
   menypunktene, ikke bare det som har nedtrekk — derfor treffer regelen hva
   som helst som er forelder til en slik maske.

   Hover er låst til enheter som faktisk har en peker. På touch finnes ikke
   hover, og uten denne sperra kan et trykk etterlate en fastlåst tilstand. */
@media (hover: hover) and (pointer: fine) {
  .byq-nw.byq-s-byq-meny-forerunner :hover > .button-text-mask > .button-text {
    transform: translateY(-22px);
  }
}
.byq-nw.byq-s-byq-meny-forerunner .button-text-mask > .button-text {
  transition: transform .32s cubic-bezier(.33, 1, .68, 1);
}

@media (prefers-reduced-motion: reduce) {
  .byq-nw.byq-s-byq-meny-forerunner .navbar { transition: none; }
  .byq-nw.byq-s-byq-meny-forerunner .dropdown-list.w--open { opacity: 1; transform: none; transition: none; }
  .byq-nw.byq-s-byq-meny-forerunner .button-text-mask > .button-text { transition: none; }
}

/* ── Mobilmenyen (var <style id=byq_meny_forerunner-mobil>) ── */
/* MOBILMENYEN, 04.11.2026.

   Malen har all mobilstylingen inne (polstring, flate, kolonner i én spalte) —
   det eneste som manglet var motoren som åpner panelet. Webflows egen JS følger
   ikke med i eksporten, og uten den står `.w-nav-menu` på `display:none` under
   991 px. Målt 04.11 på 390 px: menyen viste LOGOEN og ingenting annet, og null
   av 31 lenker var nåbare.

   Her ligger bare det malen ikke kan vite: at panelet skal dekke sida og kunne
   rulles, og JAs beskjed om hva mobilen skal vise. */
/* DEN GRØNNE STRIPA. Malens klasser, men stilen er vår — eksporten tok bare
   med klassene malen brukte på de sidene vi hentet. Fargene er husets:
   Mynte-flata menyen og knappene alt står i, med Autogrønn tekst. Det paret er
   målt før (7,38) og er det samme som brukes på knappene i footeren. */
.byq-nw.byq-s-byq-meny-forerunner .banner-master {
  background-color: var(--_colors---color--accent, #C3EFAF);
}
.byq-nw.byq-s-byq-meny-forerunner .banner {
  /* JA 04.11: «Den stripa skal selvsagt dekke hele sidebredden, uansett hvor
     den står. Helt ut. 0 padding på sidene.» Ingen maksbredde, ingen innrykk —
     bare luft over og under. */
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  /* JA 04.11: «prøv 1c1c1c skrift på den stripa.» Autokull på Mynte måler
     12,70 mot Autogrønns 7,38 — begge klarer kravet med god margin, dette er
     et uttrykksvalg, ikke et lesbarhetsvalg. */
  color: #1C1C1C;
  text-align: center;
}
/* Lenka skiller seg med UNDERSTREKING, ikke med vekt (JA 04.11: «CTA skal
   være akkurat samme vekt som resten av teksten»).

   ÅRSAKEN TIL AT DEN STO LETTERE: temaet setter `.elementor-kit-4 a
   { font-weight: unset !important }` på HVER lenke på nettstedet. Den slår
   enhver vanlig regel, også `inherit` — lenka falt til 400 mens teksten ved
   siden sto på 600. Derfor settes vekta på elementet INNE i lenka, som ikke
   er en `a` og dermed ikke treffes av temaregelen — og den settes med malens
   eget token, ikke et tall, så den følger med om skalaen endres.
   Samme familie som [[feedback_temaets_hjelpeklasser_kolliderer]]. */
.byq-nw.byq-s-byq-meny-forerunner .banner a .text-underline {
  font-weight: var(--_text-style---label-small--font-weight, 600);
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.byq-nw.byq-s-byq-meny-forerunner .banner .label-small {
  color: #1C1C1C;
  /* AVVIK FRA MALENS TOKEN, med vilje: `label-small` er 10 px på desktop og
     **8 px på mobil**. Åtte piksler er ikke en tekst, det er et mønster.
     Stripa settes derfor til 12 px i begge bredder — fortsatt den minste
     teksten på sida, men lesbar. Jf. [[feedback_husets_typografi_er_desktop_only]]. */
  font-size: 12px;
  line-height: 1.5;
}
.byq-nw.byq-s-byq-meny-forerunner .banner a { color: #1C1C1C; text-decoration: none; }
.byq-nw.byq-s-byq-meny-forerunner .banner .text-underline { text-decoration: underline; }

/* Avdelings-trekkspillet finnes bare på mobil. Utenfor mediaspørringen, så
   regelen gjelder desktop. */
.byq-nw.byq-s-byq-meny-forerunner .byq-avd-trekkspill { display: none; }

/* Den klonede kontaktknappen hører til mobilpanelet. Uten denne sto «Kontakt
   oss» TO ganger i menylinja på desktop — fanget på stillingssida 04.11, før
   JA rakk å se den. Klonen lever inni .nav-menu-inner, som på desktop ER den
   synlige pilla. */
.byq-nw.byq-s-byq-meny-forerunner .byq-meny-kontakt-mobil { display: none; }

@media screen and (max-width: 991px) {

  /* Panelet. Malen gir `.nav-menu-inner` flate og polstring; dette gjør selve
     panelet nåbart. */
  /* PANELET ER ET KORT, ikke en flate fra kant til kant. JA 04.11, med
     skjermbilde av malen: «Så er templaten mye ryddigere og tydeligere på
     mobil.» Malen har det inne — `.nav-menu-inner` har `border-radius` og hvit
     flate i mobilregelen — så her settes bare rammen rundt: kortet trekkes inn
     fra kanten som menylinja over det, og sida bak dempes i stedet for å
     dekkes helt. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu.w--open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1200;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    /* Panelet starter UNDER stripa og menylinja — ellers dekker kortet den
       grønne stripa, og da er den borte akkurat når den skal leses. Høyden
       måles av skriptet (`--byq-meny-topp`), fordi stripa er to linjer på
       smale skjermer og én på brede. */
    padding: calc(var(--byq-meny-topp, 140px) + 8px) 16px 16px;
    background-color: rgba(23, 24, 28, .22);
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu.w--open .nav-menu-inner {
    min-height: 0;
    /* Malens 130 px toppolstring var plassen til menylinja. Nå ligger kortet
       under linja, og da blir den polstringa en tom flate i toppen av kortet. */
    padding-top: 24px;
  }
  /* LOGOEN OG HAMBURGEREN MÅ LIGGE OVER PANELET. Panelet dekker hele skjermen
     (malens egen polstring på 115 px er nettopp plassen til menylinja), og uten
     dette havner lukkeknappen UNDER sitt eget panel — menyen kunne åpnes, men
     ikke lukkes. Fanget i måling 04.11 før utrulling. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-brand,
  .byq-nw.byq-s-byq-meny-forerunner .nav-right {
    position: relative;
    z-index: 1300;
  }

  /* JA 04.11: «Den trenger kun å vise merkene (altså første kolonne).»
     Malens nedtrekk har fire spalter og et annonsekort ved siden av. På en
     390 px skjerm blir det en vegg av lenker, og de tre andre spaltene finnes
     som egne sider. Derfor står MERKENE igjen — resten er skjult på mobil,
     ikke fjernet, så desktop er urørt og dette er én linje å angre. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .menu-column-wrap,
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .megs-menu-right,
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .menu-divider {
    display: none;
  }

  /* Malens eget mobilkort står fortsatt på engelsk («Perfect stage for your
     brand», rad 1274) og er ikke avklart. Det skal ikke møte en kunde, så det
     er ute til JA har bestemt teksten. Kontakt-knappen fra menylinja settes
     inn i stedet av skriptet under — den er vår, og den er norsk. */
  .byq-nw.byq-s-byq-meny-forerunner .menu-cta-mobile { display: none; }

  .byq-nw.byq-s-byq-meny-forerunner .byq-meny-kontakt-mobil {
    display: flex;
    margin-top: 24px;
  }

  /* Hamburgeren står i malen på 20 px. Trykkflata må være 44
     ([[feedback_kartprikker_mobil]] — samme krav som kartprikkene), og det
     løses med polstring, ikke med et større ikon. */
  .byq-nw.byq-s-byq-meny-forerunner .menu-button {
    padding: 16px;
    margin: -16px;
  }

  /* DE FIRE TOPPUNKTENE. Malen skjuler `.nav-link` og `.dropdown-toggle` helt
     under 991 px — det er DERFOR mobilmenyen bare viste nedtrekkets innhold, og
     det JA tok tak i: «malen viser kun det som for oss blir nye biler. Det går
     ikke.» Her settes de tilbake, i samme form som malens egne mobilrader:
     14 px, vekt 500, som overskrifta «Våre merker». */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .nav-link {
    display: block;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--_colors---color--dark, #181e25);
    text-decoration: none;
  }
  /* Hårstrek under hver rad — det er den malen bruker, og det er den som gjør
     lista rolig å lese. Siste rad står uten. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-link-hover-wrap {
    padding: 14px 0;
    border-bottom: 1px solid var(--border-dark, #17181c29);
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-link-hover-wrap:last-of-type {
    border-bottom: 0;
  }
  /* Teksten står TO ganger i malen — den ene glir opp og den andre ned ved
     hover på desktop. Uten maskens faste høyde vises begge under hverandre;
     målt 04.11 på den klonede kontaktknappen, som sto med «Kontakt oss» to
     linjer på rad. Masken er en desktop-effekt, og på mobil skal den ene stå. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .button-text-mask {
    height: auto;
    overflow: visible;
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .button-text._2 {
    display: none;
  }

  /* RETTET 04.11 etter JA: stripa skal gå HELT ut, også på mobil. Første
     forsøk trakk den inn og rundet hjørnene etter malens mobilskjermbilde —
     feil lest. Her står bare luften, ikke bredden. */
  .byq-nw.byq-s-byq-meny-forerunner .banner {
    gap: 10px;
    padding: 9px 0;
  }
  .byq-nw.byq-s-byq-meny-forerunner .banner .label-small {
    font-size: 11px;
    letter-spacing: .5px;
    white-space: nowrap;
  }

  /* TREKKSPILL. Malen har hele strukturen — `.navigation-label-mobile` er
     hodet med pluss-ikonet, `.menu-links-wrap` er innholdet — men det er
     Webflows motor som åpner og lukker. Uten den sto alt åpent, og ni merker
     pluss ti avdelinger blir en lang vegg på en 390 px skjerm.
     JA 04.11: «kan du lage trekkspill på avdelinger også?» */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-label-mobile {
    display: flex;
    cursor: pointer;
    min-height: 44px;              /* trykkflate, ikke tekststørrelse */
    -webkit-tap-highlight-color: transparent;
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .menu-links-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height .32s cubic-bezier(.22, 1, .36, 1);
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-link-wrap.byq-apen .menu-links-wrap {
    max-height: 70vh;
    overflow-y: auto;
  }
  /* Pluss blir minus: den loddrette streken legger seg ned. Malens egne to
     streker, ingen nytt ikon. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-icon-line-vertical {
    transition: transform .25s ease;
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .navigation-link-wrap.byq-apen .navigation-icon-line-vertical {
    transform: rotate(90deg);
  }
  /* Avdelings-trekkspillet er en mobilrad. På desktop står lenka som før. */
  .byq-nw.byq-s-byq-meny-forerunner .byq-avd-trekkspill { display: block; }
  /* ... og da skal ikke den vanlige Avdelinger-lenka stå der to ganger. HELE
     raden må bort, ikke bare lenka: skjuler man bare <a>-en, står wrapperen
     igjen med polstring og hårstrek og lager en tom rad. Målt 04.11. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-menu .byq-skjul-mobil { display: none; }

  /* LOGOEN ETT HAKK NED PÅ MOBIL (JA 04.11: «Logoen litt mindre på mobil»).
     Desktop står urørt på 40 px — det var JAs eget valg 03.11 (rad 1284).
     Her: 32 px høy, og boksen krymper i samme forhold (140 → 112), slik at
     logoen ikke klemmes. Flex krymper barn som standard; derfor må boksen
     settes, ikke bare bildet — samme felle som i rad 1284. */
  .byq-nw.byq-s-byq-meny-forerunner .nav-brand {
    width: 112px;
    height: 32px;
  }
  .byq-nw.byq-s-byq-meny-forerunner .nav-brand .nav-logo {
    height: 32px;
    width: auto;
  }

  /* KRYSSET. Malen har begge ikonene inne — `.menu-open` og `.menu-close` —
     og Webflow bytter mellom dem. Uten motoren sto hamburgeren igjen som tre
     streker også når panelet var åpent. */
  .byq-nw.byq-s-byq-meny-forerunner .menu-button.w--open .menu-open { display: none; }
  .byq-nw.byq-s-byq-meny-forerunner .menu-button.w--open .menu-close { display: flex; }

  /* Sida bak skal ikke rulle mens panelet er åpent. */
  body.byq-meny-laast { overflow: hidden; }
}

/* Under 390 px blir setningen pluss lenka for bred for stripa — målt 320 px
   innhold mot 304 tilgjengelig på 360 px. Ett hakk ned på teksten. */
@media screen and (max-width: 389px) {
  .byq-nw.byq-s-byq-meny-forerunner .banner { gap: 8px; padding: 9px 10px; }
  .byq-nw.byq-s-byq-meny-forerunner .banner .label-small {
    font-size: 10px;
    letter-spacing: .3px;
  }
}

/* Under 360 px er setningen bredere enn stripa uansett — 310 px tekst mot
   264 px plass på en 320 px skjerm. Da brekker den heller til to linjer enn
   å bli klippet. */
@media screen and (max-width: 359px) {
  .byq-nw.byq-s-byq-meny-forerunner .banner { flex-wrap: wrap; gap: 2px 8px; }
  .byq-nw.byq-s-byq-meny-forerunner .banner .label-small { white-space: normal; }
}
