@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-arkiv-monolith{
font-family: Figtree, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}.byq-nw.byq-s-byq-arkiv-monolith{
margin: 0
}.byq-nw.byq-s-byq-arkiv-monolith section{
display: block
}.byq-nw.byq-s-byq-arkiv-monolith a{
background-color: transparent
}.byq-nw.byq-s-byq-arkiv-monolith a:active, .byq-nw.byq-s-byq-arkiv-monolith a:hover{
outline: 0
}.byq-nw.byq-s-byq-arkiv-monolith h1{
font-size: 2em;
margin: .67em 0
}.byq-nw.byq-s-byq-arkiv-monolith img{
border: 0
}.byq-nw.byq-s-byq-arkiv-monolith svg:not(:root){
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith input{
color: inherit;
font: inherit;
margin: 0
}.byq-nw.byq-s-byq-arkiv-monolith input::-moz-focus-inner{
border: 0;
padding: 0
}.byq-nw.byq-s-byq-arkiv-monolith input{
line-height: normal
}.byq-nw.byq-s-byq-arkiv-monolith input[type=checkbox]{
box-sizing: border-box;
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
font-weight: 400;
font-style: normal
}.byq-nw.byq-s-byq-arkiv-monolith .w-icon-slider-right:before{
content: "\e600"
}.byq-nw.byq-s-byq-arkiv-monolith .w-icon-slider-left:before{
content: "\e601"
}.byq-nw.byq-s-byq-arkiv-monolith, .byq-nw.byq-s-byq-arkiv-monolith *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}.byq-nw.byq-s-byq-arkiv-monolith{
height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith{
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-arkiv-monolith img{
max-width: 100%;
vertical-align: middle;
display: inline-block
}.byq-nw.byq-s-byq-arkiv-monolith html.w-mod-touch *{
background-attachment: scroll!important
}.byq-nw.byq-s-byq-arkiv-monolith .w-inline-block{
max-width: 100%;
display: inline-block
}.byq-nw.byq-s-byq-arkiv-monolith .w-button{
display: inline-block;
padding: 9px 15px;
background-color: #3898ec;
color: #fff;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-radius: 0
}.byq-nw.byq-s-byq-arkiv-monolith input.w-button{
-webkit-appearance: button
}.byq-nw.byq-s-byq-arkiv-monolith h1{
font-weight: 700;
margin-bottom: 10px
}.byq-nw.byq-s-byq-arkiv-monolith h1{
font-size: 38.0px;
line-height: 44px;
margin-top: 20px
}.byq-nw.byq-s-byq-arkiv-monolith .w-embed:after, .byq-nw.byq-s-byq-arkiv-monolith .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-arkiv-monolith .w-embed:after{
clear: both
}.byq-nw.byq-s-byq-arkiv-monolith .w-form{
margin: 0 0 15px
}.byq-nw.byq-s-byq-arkiv-monolith .w-form-done{
display: none;
padding: 20px;
text-align: center;
background-color: #ddd
}.byq-nw.byq-s-byq-arkiv-monolith .w-form-fail{
display: none;
margin-top: 10px;
padding: 10px;
background-color: #ffdede
}.byq-nw.byq-s-byq-arkiv-monolith label{
display: block;
margin-bottom: 5px;
font-weight: 700
}.byq-nw.byq-s-byq-arkiv-monolith .w-form-label{
display: inline-block;
cursor: pointer;
font-weight: 400;
margin-bottom: 0
}.byq-nw.byq-s-byq-arkiv-monolith .w-container{
margin-left: auto;
margin-right: auto;
max-width: 940px
}.byq-nw.byq-s-byq-arkiv-monolith .w-container:after, .byq-nw.byq-s-byq-arkiv-monolith .w-container: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-arkiv-monolith .w-container:after{
clear: both
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-arkiv-monolith .w-container{
max-width: 728px
}
}@media screen and (max-width:479px){.byq-nw.byq-s-byq-arkiv-monolith .w-container{
max-width: none
}
}.byq-nw.byq-s-byq-arkiv-monolith .w-widget-twitter-count-shim.w--large{
width: 36px;
height: 28px
}.byq-nw.byq-s-byq-arkiv-monolith .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
font-size: 18.0px;
line-height: 18px
}.byq-nw.byq-s-byq-arkiv-monolith .w-widget-twitter-count-shim:not(.w--vertical).w--large{
margin-left: 6px
}.byq-nw.byq-s-byq-arkiv-monolith .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-arkiv-monolith .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-arkiv-monolith .w-widget-twitter-count-shim.w--vertical{
width: 61px;
height: 33px;
margin-bottom: 8px
}.byq-nw.byq-s-byq-arkiv-monolith .w-widget-twitter-count-shim.w--vertical:after, .byq-nw.byq-s-byq-arkiv-monolith .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-arkiv-monolith .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-arkiv-monolith .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-arkiv-monolith .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
font-size: 18.0px;
line-height: 22px
}.byq-nw.byq-s-byq-arkiv-monolith .w-widget-twitter-count-shim.w--vertical.w--large{
width: 76px
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider{
position: relative;
height: 300px;
text-align: center;
background: #ddd;
clear: both;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: rgba(0,0,0,0)
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-mask{
position: relative;
display: block;
overflow: hidden;
z-index: 1;
left: 0;
right: 0;
height: 100%;
white-space: nowrap
}.byq-nw.byq-s-byq-arkiv-monolith .w-slide{
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav{
position: absolute;
z-index: 2;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
padding-top: 10px;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: rgba(0,0,0,0)
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav.w-round > div{
border-radius: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav.w-num > div{
width: auto;
height: auto;
padding: .2em .5em;
font-size: inherit;
line-height: inherit
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav.w-shadow > div{
box-shadow: 0 0 3px rgba(51,51,51,.4)
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav-invert{
color: #fff
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav-invert > div{
background-color: rgba(34,34,34,.4)
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-nav-invert > div.w-active{
background-color: #222
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-dot{
position: relative;
display: inline-block;
width: 1em;
height: 1em;
background-color: rgba(255,255,255,.4);
cursor: pointer;
margin: 0 3px .5em;
transition: background-color .1s,color .1s
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-dot.w-active{
background-color: #fff
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-dot:focus{
outline: 0;
box-shadow: 0 0 0 2px #fff
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-dot:focus.w-active{
box-shadow: none
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-left, .byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-right{
position: absolute;
width: 80px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: pointer;
overflow: hidden;
color: #fff;
font-size: 40.0px;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: rgba(0,0,0,0);
user-select: none
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-left [class*=' w-icon-'], .byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-left [class^=w-icon-], .byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-right [class*=' w-icon-'], .byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-right [class^=w-icon-]{
position: absolute
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-left:focus, .byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-right:focus{
outline: 0
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-left{
z-index: 3;
right: auto
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-arrow-right{
z-index: 4;
left: auto
}.byq-nw.byq-s-byq-arkiv-monolith .w-icon-slider-left, .byq-nw.byq-s-byq-arkiv-monolith .w-icon-slider-right{
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 1em;
height: 1em
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-aria-label{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}.byq-nw.byq-s-byq-arkiv-monolith .w-slider-force-show{
display: block!important
}.byq-nw.byq-s-byq-arkiv-monolith .w-dropdown-list.w--open{
display: block
}.byq-nw.byq-s-byq-arkiv-monolith .w-dropdown-link.w--current{
color: #0082f3
}.byq-nw.byq-s-byq-arkiv-monolith .w-nav-link.w--current{
color: #0082f3
}.byq-nw.byq-s-byq-arkiv-monolith .w--nav-link-open{
display: block;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .w-nav-button.w--open{
background-color: #c8c8c8;
color: #fff
}.byq-nw.byq-s-byq-arkiv-monolith .w--nav-dropdown-open{
display: block
}.byq-nw.byq-s-byq-arkiv-monolith .w--nav-dropdown-toggle-open{
display: block
}.byq-nw.byq-s-byq-arkiv-monolith .w--nav-dropdown-list-open{
position: static
}.byq-nw.byq-s-byq-arkiv-monolith .w-tab-link.w--current{
background-color: #c8c8c8
}.byq-nw.byq-s-byq-arkiv-monolith .w--tab-active{
display: block
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}.byq-nw.byq-s-byq-arkiv-monolith .w-dyn-empty{
padding: 10px;
background-color: #ddd
}.byq-nw.byq-s-byq-arkiv-monolith .w-dyn-hide{
display: none!important
}.byq-nw.byq-s-byq-arkiv-monolith .w-dyn-bind-empty{
display: none!important
}.byq-nw.byq-s-byq-arkiv-monolith .w-condition-invisible{
display: none!important
}.byq-nw.byq-s-byq-arkiv-monolith{
--light: white;
--font--body: Figtree, sans-serif;
--dark: #17181c;
--text--text-body: 16px;
--letter-spacing--1: -.01em;
--heading--h1: 72px;
--letter-spacing--4: -.04em;
--heading--h2: 56px;
--heading--h3: 48px;
--letter-spacing--2: -.02em;
--heading--h4: 32px;
--heading--h5: 24px;
--heading--h6: 20px;
--border-dark: #17181c29;
--font--serif: Figtree, sans-serif;
--radius--big: 40px;
--text--text-small: 14px;
--border-light: #ffffff29;
--bg-1: #f6f6f2;
--bg-2: #ede8e2;
--font--wide: Figtree, sans-serif;
--letter-spacing--2-0: .02em;
--accent: #a9d0e6;
--radius--regular: 32px;
--text--text-big: 20px;
--radius--round: 100vw;
--radius--small: 16px;
--white: white;
--radius--medium: 24px;
--black: #0e0e0e;
--radius--xxsmall: 8px;
--radius--xsmall: 12px;
--semi-transparent-white: #fffc;
--accent-2: #164ac3;
--light-orange: #fff7e8;
--dark-orange: #734a00;
--heading--h0: 72px;
--letter-spacing--8: -.08em;
--letter-spacing--5: -.05em;
--letter-spacing--3: -.03em;
--letter-spacing--0: 0px;
--letter-spacing--0-7px: .7px;
--letter-spacing--4-0: .04em;
--letter-spacing--8-0: .08em;
--text--button: 16px;
--text--label: 12px
}.byq-nw.byq-s-byq-arkiv-monolith .w-layout-blockcontainer{
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}.byq-nw.byq-s-byq-arkiv-monolith .w-layout-grid{
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox{
margin-bottom: 5px;
padding-left: 20px;
display: block
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox:before{
content: " ";
grid-area: 1/1/2/2;
display: table
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox:after{
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox-input{
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox-input--inputType-custom{
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox-input--inputType-custom.w--redirected-checked{
background-color: #3898ec;
background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}.byq-nw.byq-s-byq-arkiv-monolith .w-checkbox-input--inputType-custom.w--redirected-focus{
box-shadow: 0 0 3px 1px #3898ec
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-arkiv-monolith .w-layout-blockcontainer{
max-width: 728px
}
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-arkiv-monolith .w-layout-blockcontainer{
max-width: none
}
}.byq-nw.byq-s-byq-arkiv-monolith{
background-color: var(--light);
font-family: var(--font--body);
color: var(--dark);
font-size: var(--text--text-body);
letter-spacing: var(--letter-spacing--1);
line-height: 150%
}.byq-nw.byq-s-byq-arkiv-monolith h1{
font-family: var(--font--body);
font-size: var(--heading--h1);
letter-spacing: var(--letter-spacing--4);
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
line-height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith a{
color: var(--dark);
text-decoration: none
}.byq-nw.byq-s-byq-arkiv-monolith img{
max-width: 100%;
display: inline-block
}.byq-nw.byq-s-byq-arkiv-monolith .main-container{
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px
}.byq-nw.byq-s-byq-arkiv-monolith .section{
color: #17181c;
letter-spacing: -.01em;
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
font-family: Figtree, sans-serif;
font-size: 16.0px;
line-height: 150%;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .section.cms-grid-6{
padding-top: 80px
}.byq-nw.byq-s-byq-arkiv-monolith .text-underline{
text-decoration: underline
}.byq-nw.byq-s-byq-arkiv-monolith .text-h1{
z-index: 1;
font-family: var(--font--body);
font-size: var(--heading--h1);
letter-spacing: var(--letter-spacing--4);
font-weight: 600;
line-height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .text-h6{
letter-spacing: var(--letter-spacing--2);
font-size: 20.0px;
font-weight: 600;
line-height: 140%
}.byq-nw.byq-s-byq-arkiv-monolith .text-h6.wide{
font-family: var(--font--wide);
text-transform: uppercase;
font-weight: 800
}.byq-nw.byq-s-byq-arkiv-monolith .text-body{
font-family: var(--font--serif);
font-size: var(--text--text-body);
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}.byq-nw.byq-s-byq-arkiv-monolith .text-body.semibold{
font-family: var(--font--body);
font-weight: 600
}.byq-nw.byq-s-byq-arkiv-monolith .text-body.sans{
font-family: var(--font--body)
}.byq-nw.byq-s-byq-arkiv-monolith .label{
letter-spacing: var(--letter-spacing--2-0);
text-transform: uppercase;
font-family: Figtree, sans-serif;
font-size: 12.0px;
font-weight: 600;
line-height: 16px
}.byq-nw.byq-s-byq-arkiv-monolith .text-h5{
font-size: var(--heading--h5);
letter-spacing: var(--letter-spacing--2);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-weight: 600;
line-height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .image-cover{
object-fit: cover;
width: 100%;
height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .pagination{
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 80px;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox{
width: 18px;
height: 18px;
margin-top: 0
}.byq-nw.byq-s-byq-arkiv-monolith .home-b-tab.w--current{
background-color: var(--light);
color: var(--light);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .pagination-button{
z-index: 2;
border-radius: var(--radius--round);
background-color: var(--bg-1);
border-style: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .pagination-button.previous{
margin-right: auto;
position: absolute;
inset: 0% auto 0% 0%
}.byq-nw.byq-s-byq-arkiv-monolith .pagination-button.next{
margin-left: auto
}.byq-nw.byq-s-byq-arkiv-monolith .text-small{
font-family: var(--font--serif);
font-size: var(--text--text-small);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
line-height: 142%
}.byq-nw.byq-s-byq-arkiv-monolith .text-small.semibold{
font-family: var(--font--body);
font-weight: 600
}.byq-nw.byq-s-byq-arkiv-monolith .text-small.sans{
font-family: var(--font--body)
}.byq-nw.byq-s-byq-arkiv-monolith .dropdown-list.w--open{
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1800px;
margin-top: 50px;
padding-top: 50px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: fixed;
inset: 0% 0% auto
}.byq-nw.byq-s-byq-arkiv-monolith .dropdown-list.no-styling-navbar.w--open{
top: -5px
}.byq-nw.byq-s-byq-arkiv-monolith .nav-link.w--current{
color: #151515
}.byq-nw.byq-s-byq-arkiv-monolith .section-divider{
background-color: var(--border-dark);
width: 100%;
height: 1px;
margin-right: auto
}.byq-nw.byq-s-byq-arkiv-monolith .nav-dropdown-list.w--open{
z-index: 10043;
background-color: #0000;
margin-top: 0;
padding-top: 24px
}.byq-nw.byq-s-byq-arkiv-monolith .breadcrumb-navigation{
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: flex-start;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .breadcrumb-link:hover{
text-decoration: underline
}.byq-nw.byq-s-byq-arkiv-monolith .property-card{
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .property-image-wrap{
height: 360px;
position: relative;
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .property-absolute-category{
z-index: 10;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: var(--light);
background-color: #0006;
padding: 4px 8px;
position: absolute;
top: 12px
}.byq-nw.byq-s-byq-arkiv-monolith .property-card-bottom-tile{
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .property-card-room-info{
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
height: 24px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .property-card-room-tile{
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .icon-property-card{
width: 16px
}.byq-nw.byq-s-byq-arkiv-monolith .property-info-text{
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .property-price-and-location{
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .property-slider-arrow{
justify-content: flex-start;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .headline-listing-a{
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 80px;
margin-bottom: 80px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .submit-button-hidden{
display: none
}.byq-nw.byq-s-byq-arkiv-monolith .dropdown-list-listing-a.w--open{
border: 1px solid var(--border-dark);
border-radius: var(--radius--small);
background-color: var(--light)
}.byq-nw.byq-s-byq-arkiv-monolith .tab-link-home.w--current{
background-color: var(--light)
}.byq-nw.byq-s-byq-arkiv-monolith .properties{
width: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .page-count{
justify-content: center;
align-items: center;
margin-top: 0;
font-weight: 600;
display: flex;
position: absolute;
inset: 0%
}.byq-nw.byq-s-byq-arkiv-monolith .property-card-bottom{
height: 24px;
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .slider-preview{
background-color: #0000;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}.byq-nw.byq-s-byq-arkiv-monolith .slider-gallery-image{
width: 100%;
height: 100%
}.byq-nw.byq-s-byq-arkiv-monolith .slider-preview-button{
border-radius: var(--radius--round);
background-color: var(--semi-transparent-white);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: var(--dark);
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .slider-preview-button.left{
margin-left: 20px
}.byq-nw.byq-s-byq-arkiv-monolith .slider-preview-button.right{
margin-right: 20px
}.byq-nw.byq-s-byq-arkiv-monolith .listing-b-halves{
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
place-items: start stretch
}.byq-nw.byq-s-byq-arkiv-monolith .filter-tile{
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .horizaontal-line{
background-color: #151515;
width: 9px;
height: 2px
}.byq-nw.byq-s-byq-arkiv-monolith .filter-bottom-tile{
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .filter-sidebar{
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .filter-icon{
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .vertical-line{
background-color: #151515;
width: 2px;
height: 9px;
position: absolute
}.byq-nw.byq-s-byq-arkiv-monolith .filter-top-tile{
cursor: pointer;
justify-content: space-between;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .filters-top-tile{
margin-bottom: 32px
}.byq-nw.byq-s-byq-arkiv-monolith .listing-halves{
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}.byq-nw.byq-s-byq-arkiv-monolith .form-block-filter{
margin-bottom: 0;
position: sticky;
top: 100px
}.byq-nw.byq-s-byq-arkiv-monolith .filter-checkbox-wrap{
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
padding-left: 2px;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-filter{
border: 1px solid var(--border-dark);
border-radius: var(--radius--xxsmall);
background-color: var(--light);
width: 28px;
height: 28px;
margin-top: 0;
margin-right: 16px
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-filter.w--redirected-checked{
border-color: var(--border-dark);
background-color: var(--bg-1);
background-image: url("https://byqsupply-components.netlify.app/Monolith/images/Checkbox.svg");
background-position: 50%;
background-size: auto
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-filter.w--redirected-focus{
box-shadow: 0 0 #0000
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-filter{
justify-content: flex-start;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .filter-name-wrap{
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .icon-filter{
width: 20px;
height: 20px
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-amenities{
border-radius: var(--radius--regular);
background-color: var(--light);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 10px 12px;
display: flex;
position: relative;
overflow: hidden
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-amenities{
border: 1px solid var(--border-dark);
border-radius: var(--radius--regular);
cursor: pointer;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
inset: 0%
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-amenities.w--redirected-checked{
border: 1px solid var(--border-dark);
background-color: var(--bg-1);
background-image: linear-gradient(180deg,var(--bg-1),var(--bg-1))
}.byq-nw.byq-s-byq-arkiv-monolith .icon-filter-amenity{
z-index: 1;
pointer-events: none;
width: 24px;
height: 24px;
margin-right: 8px;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .checkbox-amenity-text{
z-index: 1;
pointer-events: none;
position: relative
}.byq-nw.byq-s-byq-arkiv-monolith .filter-amenities-wrap{
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: wrap;
display: flex
}.byq-nw.byq-s-byq-arkiv-monolith .filter-amenities{
padding-top: 24px
}@media screen and (max-width:991px){.byq-nw.byq-s-byq-arkiv-monolith h1{
font-size: 64.0px
}.byq-nw.byq-s-byq-arkiv-monolith .section{
padding-top: 64px;
padding-bottom: 64px
}.byq-nw.byq-s-byq-arkiv-monolith .text-h1{
font-size: 64.0px
}.byq-nw.byq-s-byq-arkiv-monolith .pagination{
margin-top: 64px
}.byq-nw.byq-s-byq-arkiv-monolith .menu-button.w--open{
color: #151515;
background-color: #0000
}.byq-nw.byq-s-byq-arkiv-monolith .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-arkiv-monolith .nav-link.w--current{
background-color: #0000
}.byq-nw.byq-s-byq-arkiv-monolith .nav-dropdown-list.w--open{
box-shadow: none;
padding: 0
}.byq-nw.byq-s-byq-arkiv-monolith .headline-listing-a{
margin-top: 64px;
margin-bottom: 64px
}.byq-nw.byq-s-byq-arkiv-monolith .listing-halves{
grid-template-columns: 1fr
}
}@media screen and (max-width:767px){.byq-nw.byq-s-byq-arkiv-monolith h1{
font-size: 56.0px
}.byq-nw.byq-s-byq-arkiv-monolith .text-h1{
font-size: 56.0px
}.byq-nw.byq-s-byq-arkiv-monolith .headline-listing-a{
margin-top: 48px;
margin-bottom: 48px
}.byq-nw.byq-s-byq-arkiv-monolith .dropdown-list-listing-a.w--open{
padding-bottom: 20px;
position: static
}.byq-nw.byq-s-byq-arkiv-monolith .listing-b-halves{
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr
}.byq-nw.byq-s-byq-arkiv-monolith .listing-halves{
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr
}.byq-nw.byq-s-byq-arkiv-monolith .form-block-filter{
position: static
}
}@media screen and (max-width:479px){.byq-nw.byq-s-byq-arkiv-monolith h1{
font-size: 13vw
}.byq-nw.byq-s-byq-arkiv-monolith .main-container{
padding-left: 16px;
padding-right: 16px
}.byq-nw.byq-s-byq-arkiv-monolith .section{
padding-top: 48px;
padding-bottom: 48px
}.byq-nw.byq-s-byq-arkiv-monolith .text-h1{
font-size: 13vw
}.byq-nw.byq-s-byq-arkiv-monolith .text-h6.wide{
font-size: var(--text--text-body)
}.byq-nw.byq-s-byq-arkiv-monolith .text-body{
font-size: 12.0px;
line-height: 166%
}.byq-nw.byq-s-byq-arkiv-monolith .label{
font-size: 10.0px;
line-height: 12px
}.byq-nw.byq-s-byq-arkiv-monolith .text-h5{
font-size: 20.0px
}.byq-nw.byq-s-byq-arkiv-monolith .pagination{
margin-top: 40px
}.byq-nw.byq-s-byq-arkiv-monolith .dropdown-list.w--open{
justify-content: center;
align-items: flex-start
}.byq-nw.byq-s-byq-arkiv-monolith .property-image-wrap{
height: 300px
}.byq-nw.byq-s-byq-arkiv-monolith .headline-listing-a{
margin-top: 32px;
margin-bottom: 32px
}.byq-nw.byq-s-byq-arkiv-monolith .property-card-bottom{
height: 20px
}.byq-nw.byq-s-byq-arkiv-monolith .listing-b-halves{
grid-column-gap: 32px;
grid-row-gap: 32px
}.byq-nw.byq-s-byq-arkiv-monolith .filters-top-tile{
margin-bottom: 24px
}.byq-nw.byq-s-byq-arkiv-monolith .listing-halves{
grid-template-columns: 1fr
}
}
/* ===== Auto 8-8-tilpasning — alt over er malens egen kode ===== */
/* Husets eget stilark lekker inn: temaet setter maksbredde på overskrifter og
holder section i en 1140 px container. Begge holdes unna 1:1-kopien. */
.byq-nw.byq-s-byq-arkiv-monolith section { max-width: none; width: auto; margin-left: 0; margin-right: 0; }
.byq-nw.byq-s-byq-arkiv-monolith h1, .byq-nw.byq-s-byq-arkiv-monolith h2, .byq-nw.byq-s-byq-arkiv-monolith h3,
.byq-nw.byq-s-byq-arkiv-monolith h4, .byq-nw.byq-s-byq-arkiv-monolith h5, .byq-nw.byq-s-byq-arkiv-monolith h6, .byq-nw.byq-s-byq-arkiv-monolith p { max-width: none; }
/* Filtergruppene. Uten skript står de åpne, som er riktig oppførsel for en
side uten JS — da ser man alt. Med skript lukkes de og animeres. */
.byq-nw.byq-s-byq-arkiv-monolith.byq-filter-js .filter-bottom-tile {
transition: height .32s cubic-bezier(.33, 1, .68, 1);
}
.byq-nw.byq-s-byq-arkiv-monolith .filter-top-tile { cursor: pointer; }
.byq-nw.byq-s-byq-arkiv-monolith .filter-icon .vertical-line {
transition: transform .32s cubic-bezier(.33, 1, .68, 1), opacity .2s ease;
}
.byq-nw.byq-s-byq-arkiv-monolith .filter-master.byq-aapen .filter-icon .vertical-line {
transform: rotate(90deg);
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.byq-nw.byq-s-byq-arkiv-monolith.byq-filter-js .filter-bottom-tile,
.byq-nw.byq-s-byq-arkiv-monolith .filter-icon .vertical-line { transition: none; }
}
/* KARUSELLEN PÅ KORTET — RETTELSE 15.10
Jeg skrev først at malens karusell var tom. Den er ikke det: hvert kort har
fem bilder. Jeg telte på klassen w-slide alene, mens malen skriver
"slide-property-card w-slide", så tellinga mi ga null.
Pilene og prikkene ligger på opacity 0 i malen og tones inn på hover. Det var
derfor de ikke syntes i malens skjermbilde. */
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-arrow-left,
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-arrow-right {
display: flex;
opacity: 0;
transition: opacity .25s ease;
}
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-nav {
opacity: 0;
transition: opacity .25s ease;
}
@media (hover: hover) and (pointer: fine) {
.byq-nw.byq-s-byq-arkiv-monolith .property-card:hover .slider-preview .w-slider-arrow-left,
.byq-nw.byq-s-byq-arkiv-monolith .property-card:hover .slider-preview .w-slider-arrow-right,
.byq-nw.byq-s-byq-arkiv-monolith .property-card:hover .slider-preview .w-slider-nav { opacity: 1; }
}
/* På touch finnes ikke hover. Da står de framme, ellers er de uoppdagelige. */
@media (hover: none) {
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-arrow-left,
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-arrow-right,
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview .w-slider-nav { opacity: 1; }
}
/* Selve bevegelsen. Alle bildene ligger på rad og flyttes like mye — da trengs
ingen ekstra wrapper rundt dem. 500 ms er malens egen varighet. */
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview.byq-slider-klar .w-slider-mask {
display: flex;
overflow: hidden;
}
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview.byq-slider-klar .w-slide {
flex: 0 0 100%;
float: none;
transform: translateX(calc(var(--byq-slide, 0) * -100%));
transition: transform .5s cubic-bezier(.33, 1, .68, 1);
}
@media (prefers-reduced-motion: reduce) {
.byq-nw.byq-s-byq-arkiv-monolith .slider-preview.byq-slider-klar .w-slide { transition: none; }
}
/* Ikonene på kortet er Material Symbols Rounded, lagt inn som svg. Malen brukte
img, som bare har width satt — en svg trenger også høyde, ellers regner
nettleseren den ut fra viewBox og kan bomme i en flexrad. */
.byq-nw.byq-s-byq-arkiv-monolith svg.icon-property-card {
width: 16px;
height: 16px;
flex: none;
display: block;
fill: currentColor;
}
/* Modellnavnet på kortet: produsentens egen skrivemåte skal stå, også i et felt
som ellers er satt i versaler (JA 15.10: «det finnes små bokstaver også der»).
Malens `.text-h6.wide { text-transform: uppercase }` gjør alt stort uansett hva
som står i markupen, så den slås av HER — og navnet skrives ut ferdig formatert
av navneformat.py. Begge delene må til; én av dem alene gjør ingen forskjell.
Gjelder bare korttittelen, ikke de andre stedene malen bruker .text-h6.wide. */
.byq-nw.byq-s-byq-arkiv-monolith .property-card .text-h6.wide { text-transform: none; }
/* Filterikonene er byttet fra ![]()
mot inline svg, samme grep som på kortet.
Malens `.icon-filter` setter både bredde og høyde, så størrelsen følger med —
men en svg er inline-element som standard og legger seg på skriftlinja med en
liten luft under. `display: block` fjerner den, `flex: none` hindrer at ikonet
klemmes når filternavnet er langt («Kilometerstand»). */
.byq-nw.byq-s-byq-arkiv-monolith svg.icon-filter {
display: block;
flex: none;
fill: currentColor;
}
/* MERKET I BILDEHJØRNET — nytt system 19.10.2026 (JA)
Malen hadde «For Sale» på hvert eneste kort. Vi har to tilstander og en tom:
Nyhet — de første sju dagene etter at annonsen ble publisert
Kampanje — når bilen er merket som kampanje
ingenting — resten, og det er de fleste
Nyhet beholder malens egen boks: mørk, gjennomsiktig, lys tekst. Kampanje er
husets aksent, Mynte med Autogrønn tekst — samme par som knappen på
avdelingssida, målt til 7,38 i kontrast. Da ser man forskjellen på to kort uten
å lese dem. */
.byq-nw.byq-s-byq-arkiv-monolith .property-absolute-category.byq-merke-kampanje {
background-color: #C3EFAF;
color: #004F46;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
/* PAGINERINGEN — pilene virker nå (JA 19.10: «Jeg vil ha alle»).
Malens piler pekte på #. Står man på første eller siste side, er pila uten
adresse, og da skal den se av ut og ikke kunne trykkes. */
.byq-nw.byq-s-byq-arkiv-monolith .pagination-button.byq-side-av {
opacity: .3;
pointer-events: none;
}
/* RETTELSE 19.10, etter at jeg sa noe feil til JA: malen HAR sin egen
`.form-block-filter { position: sticky; top: 100px }`, og den har også
`position: static` under 767 px. Mitt første søk fant den ikke fordi `grep` er
linjebasert og malens CSS er minifisert — regelen sto på samme linje som resten
av blokka. Ingen sticky-regel trengs her. Det som faktisk stoppet den, var
temaets `overflow-x: hidden` på body; fiksen står i snippet 385. */
/* AVKRYSSINGSBOKSENE: bare det malen IKKE kan gjøre selv.
Malen styler boksen (28 × 28, strek, hjørne, 16 px til teksten) — det røres ikke.
Men den AVKRYSSEDE tilstanden henger på to ting vi ikke har:
· klassen `w--redirected-checked`, som Webflows motor setter, og
· et hakesymbol som lastes fra BYQs egen server.
Derfor leses tilstanden rett fra input-en med `:has()` — den synlige boksen står
FØR input-en i malens markup, så etterfølger-velgere virker ikke — og haken er
tegnet her i stedet for å hentes fra en tredjepart. Fargene er malens egne. */
.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-filter:has(input:checked) .w-checkbox-input.checkbox-filter {
border-color: var(--border-dark);
background-color: var(--bg-1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='%2317181C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 16px 16px;
}
/* Samme sak for kjøretøytype-pillene: malen fyller dem med `--bg-1` når Webflow
setter `w--redirected-checked`. Uten motoren leses tilstanden med `:has()`. */
.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-amenities:has(input:checked) .checkbox-amenities {
border: 1px solid var(--border-dark);
background-color: var(--bg-1);
background-image: linear-gradient(180deg, var(--bg-1), var(--bg-1));
}
.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-amenities:has(input:focus-visible) .checkbox-amenities {
outline: 2px solid #17181C; outline-offset: 2px;
}
/* Malens ikon i pilla er et ![]()
fra BYQs server; vårt er en inline svg, og den
må få samme mål for at pilla skal måle likt. */
.byq-nw.byq-s-byq-arkiv-monolith svg.icon-filter-amenity { display: block; flex: none; fill: currentColor; }
/* Malen slår av fokusringen (`box-shadow: 0 0 #0000`) fordi Webflow tegner sin egen.
Uten motoren blir boksen usynlig for tastaturet — derfor denne. Vårt tillegg. */
.byq-nw.byq-s-byq-arkiv-monolith .checkbox-field-filter:has(input:focus-visible) .w-checkbox-input.checkbox-filter {
outline: 2px solid #17181C; outline-offset: 2px;
}
/* Antallet bak navnet: samme linje, mindre vekt — tallet skal kunne leses, ikke
konkurrere med navnet. Vårt tillegg, malen har ingen tall. */
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-antall {
margin-left: 8px; opacity: .5; font-variant-numeric: tabular-nums;
}
/* «VIS ALLE MERKER» (JA 19.10: «Vis alle-knapp på alt annet enn egne merker»)
Merkene vi selv fører står åpent; de andre ligger bak knappen. Blokka skjules
av skriptet, ikke av markupen — uten JS vises alt, og da er ingenting borte. */
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-mer.byq-skjult { display: none; }
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-vis-alle {
display: inline-flex; align-items: center; gap: 6px;
margin-top: 8px; padding: 0; border: 0; background: none;
font: inherit; color: inherit; cursor: pointer;
text-decoration: underline; text-underline-offset: 3px;
opacity: .7;
}
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-vis-alle:hover { opacity: 1; }
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-vis-alle:focus-visible { outline: 2px solid #17181C; outline-offset: 3px; }
/* «Nullstill» ved siden av overskrifta Filter. Bots tillegg, ikke malens —
den vises bare når noe faktisk er krysset av. */
.byq-nw.byq-s-byq-arkiv-monolith .filters-top-tile { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-nullstill {
text-decoration: underline; text-underline-offset: 3px; opacity: .7; white-space: nowrap;
}
.byq-nw.byq-s-byq-arkiv-monolith .byq-filter-nullstill:hover { opacity: 1; }
/* SEND-KNAPPEN UTEN JAVASCRIPT.
Malen skjuler sin egen («display: none») fordi Webflows motor sender skjemaet.
Uten motoren — og uten vårt skript — kan man krysse av uten at noe skjer. Skriptet
setter klassen `byq-js` på rota; mangler den, vises knappen. Da virker filteret
også for den som har JavaScript av eller ikke lastet ennå. */
.byq-nw.byq-s-byq-arkiv-monolith:not(.byq-js) .submit-button-hidden {
display: inline-block;
margin-top: 16px;
padding: 10px 20px;
background: transparent;
color: var(--text-dark, #17181C);
border: 1px solid var(--border-dark, rgba(23,24,28,.16));
border-radius: var(--radius--regular, 12px);
font: inherit;
cursor: pointer;
}
/* FILTERSPALTA RULLER BARE NÅR DEN MÅ (JA 19.10: «en veldig irriterende
scroll-bar … helt unødvendig»).
Første forsøk satte `overflow-y: auto` fast. Målt etterpå: spalta melder 144 px
mer innhold enn den viser selv med alle grupper lukket, så rullefeltet sto alltid
der. Nå settes klassen av skriptet, og bare når spalta faktisk er høyere enn
vinduet — ellers er det ingen overflow og ingen strek.
Hvorfor i det hele tatt: et `position: sticky`-element ruller ikke selv, og med
alle fem gruppene åpne (tilstanden uten JS) er bunnen ellers umulig å nå. */
@media (min-width: 768px) {
.byq-nw.byq-s-byq-arkiv-monolith .form-block-filter.byq-rullbar {
max-height: calc(100vh - 140px);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
}
}
/* FILTERSPALTA SKAL IKKE VOKSE MED SKJERMEN. JA 08.11.2026, fra en iPad Pro:
«dette ser ikke særlig bra ut her.»
Malen setter `.listing-b-halves` til `1fr 2fr`, så filteret tar en tredjedel
uansett hvor bred skjermen er. Målt: 290 px ved 1024, 404 ved 1366 og 429 ved
1440 — for sju sammenslåtte rader med tekst. Samtidig sto kortene låst på to
kolonner i ALLE bredder (`.listing-halves` er `1fr 1fr`), så kortene bare ble
større og større i stedet for at det kom flere av dem.
Fast filterspalte frigjør plassen, og da er det rom til tre kort fra 1280 px.
Under 992 px står malens egne regler urørt — der er filteret allerede en
full bredde over kortene. */
@media screen and (min-width: 992px) {
.byq-nw.byq-s-byq-arkiv-monolith .listing-b-halves {
grid-template-columns: 300px minmax(0, 1fr);
grid-column-gap: 48px;
}
}
@media screen and (min-width: 1280px) {
.byq-nw.byq-s-byq-arkiv-monolith .listing-halves {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}