@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-footer-forerunner{ font-family: Figtree, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }.byq-nw.byq-s-byq-footer-forerunner{ margin: 0 }.byq-nw.byq-s-byq-footer-forerunner footer, .byq-nw.byq-s-byq-footer-forerunner section{ display: block }.byq-nw.byq-s-byq-footer-forerunner template{ display: none }.byq-nw.byq-s-byq-footer-forerunner a{ background-color: transparent }.byq-nw.byq-s-byq-footer-forerunner a:active, .byq-nw.byq-s-byq-footer-forerunner a:hover{ outline: 0 }.byq-nw.byq-s-byq-footer-forerunner img{ border: 0 }.byq-nw.byq-s-byq-footer-forerunner svg:not(:root){ overflow: hidden }.byq-nw.byq-s-byq-footer-forerunner input{ color: inherit; font: inherit; margin: 0 }.byq-nw.byq-s-byq-footer-forerunner input::-moz-focus-inner{ border: 0; padding: 0 }.byq-nw.byq-s-byq-footer-forerunner input{ line-height: normal } @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-footer-forerunner, .byq-nw.byq-s-byq-footer-forerunner *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }.byq-nw.byq-s-byq-footer-forerunner{ height: 100% }.byq-nw.byq-s-byq-footer-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-footer-forerunner img{ max-width: 100%; vertical-align: middle; display: inline-block }.byq-nw.byq-s-byq-footer-forerunner html.w-mod-touch *{ background-attachment: scroll!important }.byq-nw.byq-s-byq-footer-forerunner .w-inline-block{ max-width: 100%; display: inline-block }.byq-nw.byq-s-byq-footer-forerunner .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-footer-forerunner input.w-button{ -webkit-appearance: button }.byq-nw.byq-s-byq-footer-forerunner h2{ font-weight: 700; margin-bottom: 10px }.byq-nw.byq-s-byq-footer-forerunner h2{ font-size: 32.0px; line-height: 36px; margin-top: 20px }.byq-nw.byq-s-byq-footer-forerunner .w-embed:after, .byq-nw.byq-s-byq-footer-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-footer-forerunner .w-embed:after{ clear: both }.byq-nw.byq-s-byq-footer-forerunner .w-form{ margin: 0 0 15px }.byq-nw.byq-s-byq-footer-forerunner .w-form-done{ display: none; padding: 20px; text-align: center; background-color: #ddd }.byq-nw.byq-s-byq-footer-forerunner .w-form-fail{ display: none; margin-top: 10px; padding: 10px; background-color: #ffdede }.byq-nw.byq-s-byq-footer-forerunner label{ display: block; margin-bottom: 5px; font-weight: 700 }.byq-nw.byq-s-byq-footer-forerunner .w-input{ display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14.0px; line-height: 1.42857143; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc }.byq-nw.byq-s-byq-footer-forerunner .w-input::placeholder{ color: #999 }.byq-nw.byq-s-byq-footer-forerunner .w-input:focus{ border-color: #3898ec; outline: 0 }.byq-nw.byq-s-byq-footer-forerunner .w-container{ margin-left: auto; margin-right: auto; max-width: 940px }.byq-nw.byq-s-byq-footer-forerunner .w-container:after, .byq-nw.byq-s-byq-footer-forerunner .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-footer-forerunner .w-container:after{ clear: both }@media screen and (max-width:991px){.byq-nw.byq-s-byq-footer-forerunner .w-container{ max-width: 728px } }@media screen and (max-width:479px){.byq-nw.byq-s-byq-footer-forerunner .w-container{ max-width: none } }.byq-nw.byq-s-byq-footer-forerunner .w-widget-twitter-count-shim.w--large{ width: 36px; height: 28px }.byq-nw.byq-s-byq-footer-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-footer-forerunner .w-widget-twitter-count-shim:not(.w--vertical).w--large{ margin-left: 6px }.byq-nw.byq-s-byq-footer-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-footer-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-footer-forerunner .w-widget-twitter-count-shim.w--vertical{ width: 61px; height: 33px; margin-bottom: 8px }.byq-nw.byq-s-byq-footer-forerunner .w-widget-twitter-count-shim.w--vertical:after, .byq-nw.byq-s-byq-footer-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-footer-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-footer-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-footer-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-footer-forerunner .w-widget-twitter-count-shim.w--vertical.w--large{ width: 76px }.byq-nw.byq-s-byq-footer-forerunner .w-dropdown-list.w--open{ display: block }.byq-nw.byq-s-byq-footer-forerunner .w-dropdown-link.w--current{ color: #0082f3 }.byq-nw.byq-s-byq-footer-forerunner .w-nav-link.w--current{ color: #0082f3 }.byq-nw.byq-s-byq-footer-forerunner .w--nav-link-open{ display: block; position: relative }.byq-nw.byq-s-byq-footer-forerunner .w-nav-button.w--open{ background-color: #c8c8c8; color: #fff }.byq-nw.byq-s-byq-footer-forerunner .w--nav-dropdown-open{ display: block }.byq-nw.byq-s-byq-footer-forerunner .w--nav-dropdown-toggle-open{ display: block }.byq-nw.byq-s-byq-footer-forerunner .w--nav-dropdown-list-open{ position: static }.byq-nw.byq-s-byq-footer-forerunner .w-tab-link.w--current{ background-color: #c8c8c8 }.byq-nw.byq-s-byq-footer-forerunner .w--tab-active{ display: block } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } }.byq-nw.byq-s-byq-footer-forerunner .w-dyn-empty{ padding: 10px; background-color: #ddd }.byq-nw.byq-s-byq-footer-forerunner .w-dyn-hide{ display: none!important }.byq-nw.byq-s-byq-footer-forerunner .w-dyn-bind-empty{ display: none!important }.byq-nw.byq-s-byq-footer-forerunner .w-condition-invisible{ display: none!important }.byq-nw.byq-s-byq-footer-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\: #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-footer-forerunner .w-layout-blockcontainer{ max-width: 940px; margin-left: auto; margin-right: auto; display: block }.byq-nw.byq-s-byq-footer-forerunner .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 }@media screen and (max-width:991px){.byq-nw.byq-s-byq-footer-forerunner .w-layout-blockcontainer{ max-width: 728px } }@media screen and (max-width:767px){.byq-nw.byq-s-byq-footer-forerunner .w-layout-blockcontainer{ max-width: none } }.byq-nw.byq-s-byq-footer-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-footer-forerunner h2{ font-size: var(--_text-style---h2--font-size); line-height: var(--_text-style---h2--line-height); font-weight: var(--_text-style---h2--font-weight); letter-spacing: var(--_text-style---h2--letter-spacing); margin-top: 20px; margin-bottom: 10px }.byq-nw.byq-s-byq-footer-forerunner a{ color: var(--_colors---color--dark); text-decoration: none }.byq-nw.byq-s-byq-footer-forerunner img{ max-width: 100%; display: inline-block }.byq-nw.byq-s-byq-footer-forerunner .main-container{ z-index: 2; max-width: var(--container-width--main); padding-right: var(--_spacing---site-padding--main); padding-left: var(--_spacing---site-padding--main); width: 100%; margin-left: auto; margin-right: auto }.byq-nw.byq-s-byq-footer-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-footer-forerunner .no-margins{ margin-top: 0; margin-bottom: 0 }.byq-nw.byq-s-byq-footer-forerunner .section{ z-index: 2; padding-top: var(--_spacing---section-spacing--80); padding-bottom: var(--_spacing---section-spacing--80); background-color: var(--_colors---color--bg-1); position: relative }.byq-nw.byq-s-byq-footer-forerunner .section-divider{ border-bottom: 1px solid var(--_colors---color--dark-32); width: 100%; height: 0; margin-right: auto }.byq-nw.byq-s-byq-footer-forerunner .section-divider.footer-divider{ margin-top: var(--_spacing---divider--32); margin-bottom: var(--_spacing---divider--48) }.byq-nw.byq-s-byq-footer-forerunner .section-divider.footer-divider-2{ margin-bottom: var(--_spacing---divider--32) }.byq-nw.byq-s-byq-footer-forerunner .text-h1{ z-index: 1; font-size: var(--_text-style---h1--font-size); line-height: var(--_text-style---h1--line-height); font-weight: var(--_text-style---h1--font-weight); letter-spacing: var(--_text-style---h1--letter-spacing) }.byq-nw.byq-s-byq-footer-forerunner .text-field{ border: 1px solid var(--_colors---color--transparent); border-radius: var(--radius--8); background-color: var(--_colors---color--light); 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(--_text-style---text-body--font-weight); letter-spacing: var(--_text-style---text-body--letter-spacing); width: 100%; height: auto; min-height: 56px; margin-bottom: 0; padding: 16px }.byq-nw.byq-s-byq-footer-forerunner .text-field:focus{ border-color: var(--_colors---color--dark-48); color: var(--_colors---color--dark) }.byq-nw.byq-s-byq-footer-forerunner .text-field::placeholder{ color: var(--_colors---color--dark-48) }.byq-nw.byq-s-byq-footer-forerunner .text-field.newsletter{ background-color: var(--_colors---color--dark-8); color: var(--_colors---color--dark); padding-right: 50px }.byq-nw.byq-s-byq-footer-forerunner .text-field.newsletter::placeholder{ color: var(--_colors---color--dark-48) }.byq-nw.byq-s-byq-footer-forerunner .text-small{ font-family: var(--_text-style---text-small--font-family); 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); margin-top: 0; margin-bottom: 0 }.byq-nw.byq-s-byq-footer-forerunner .submit-button-wrap{ flex-direction: column; justify-content: center; align-items: center; width: 65px; height: 100%; padding-left: 10px; display: flex; position: absolute; inset: 0% 0 0% auto }.byq-nw.byq-s-byq-footer-forerunner .text-h4{ font-size: var(--_text-style---h4--font-size); line-height: var(--_text-style---h4--line-height); font-weight: var(--_text-style---h4--font-weight); letter-spacing: var(--_text-style---h4--letter-spacing) }.byq-nw.byq-s-byq-footer-forerunner .label{ font-family: var(--font--secondary); font-size: var(--_text-style---label-large--font-size); line-height: var(--_text-style---label-large--line-height); font-weight: var(--_text-style---label-large--font-weight); letter-spacing: var(--_text-style---label-large--letter-spacing); text-transform: uppercase; justify-content: flex-start; align-items: flex-end }.byq-nw.byq-s-byq-footer-forerunner .nav-link.w--current{ color: var(--_colors---color--dark) }.byq-nw.byq-s-byq-footer-forerunner .footer-component{ z-index: 1; padding-right: var(--_spacing---site-padding--main); padding-bottom: 48px; padding-left: var(--_spacing---site-padding--main); background-color: var(--_colors---color--bg-1); background-image: linear-gradient(#f8f7f5,#d6fd70); position: relative; overflow: hidden }.byq-nw.byq-s-byq-footer-forerunner .footer-link{ font-family: var(--_text-style---text-body--font-family); 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(--_text-style---text-body--font-weight); letter-spacing: var(--_text-style---text-body--letter-spacing); text-decoration: none }.byq-nw.byq-s-byq-footer-forerunner .error-message{ border-radius: var(--radius--8); background-color: var(--_colors---color--red); color: var(--_colors---color--light); text-align: center }.byq-nw.byq-s-byq-footer-forerunner .footer-right{ grid-column-gap: 107px; grid-row-gap: 107px; padding-right: 75px; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-links-column{ grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex }.byq-nw.byq-s-byq-footer-forerunner .success-message-newsletter{ border-radius: var(--radius--8); background-color: var(--_colors---color--accent); color: var(--_colors---color--dark); text-align: center; max-width: 400px }.byq-nw.byq-s-byq-footer-forerunner .submit-button{ background-color: #0000; padding-right: 24px; position: absolute; inset: 0% }.byq-nw.byq-s-byq-footer-forerunner .newsletter-form-block{ flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 0; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-halves{ grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: .5fr 1fr; display: grid }.byq-nw.byq-s-byq-footer-forerunner .cta-arrow{ color: var(--_colors---color--dark); justify-content: center; align-items: center; height: 16px; display: flex }.byq-nw.byq-s-byq-footer-forerunner .cta-arrow.dark{ color: var(--_colors---color--dark) }.byq-nw.byq-s-byq-footer-forerunner .newsletter-field-master{ max-width: 456px; position: relative }.byq-nw.byq-s-byq-footer-forerunner .footer-column{ grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; flex: none; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-left{ grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex }.byq-nw.byq-s-byq-footer-forerunner .newsletter-form-top{ grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex }.byq-nw.byq-s-byq-footer-forerunner .newsletter-form{ grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: column; width: 100%; display: flex }.byq-nw.byq-s-byq-footer-forerunner .social-link{ border-radius: var(--radius--full); color: var(--_colors---color--dark); transition: opacity .2s }.byq-nw.byq-s-byq-footer-forerunner .social-link:hover{ opacity: .5; object-fit: fill }.byq-nw.byq-s-byq-footer-forerunner .footer-social-wrap{ grid-column-gap: 16px; grid-row-gap: 16px; justify-content: flex-start; align-items: center; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-last-block{ grid-column-gap: 40px; grid-row-gap: 40px; text-align: center; justify-content: space-between; align-items: center; display: flex }.byq-nw.byq-s-byq-footer-forerunner .icon-social{ justify-content: center; align-items: center; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-rights-wrap{ grid-column-gap: 32px; grid-row-gap: 32px; justify-content: flex-start; align-items: center; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-bottom-tile{ margin-top: var(--_spacing---section-spacing--120); border-top: 1px solid #ffffff29; border-bottom: 1px solid #ffffff29 }.byq-nw.byq-s-byq-footer-forerunner .text-underline{ text-decoration: underline }.byq-nw.byq-s-byq-footer-forerunner .footer-bottom-wrap{ z-index: 1; position: relative }.byq-nw.byq-s-byq-footer-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-footer-forerunner .cta-main.accent, .byq-nw.byq-s-byq-footer-forerunner .cta-main.dark-outlined{ color: var(--_colors---color--dark) }.byq-nw.byq-s-byq-footer-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-footer-forerunner .label-master{ grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--_colors---color--light-32); border-radius: var(--radius--24); text-align: center; justify-content: center; align-items: center; padding: 8px 12px; display: inline-flex }.byq-nw.byq-s-byq-footer-forerunner .label-master.dark{ border-color: var(--_colors---color--dark-32) }.byq-nw.byq-s-byq-footer-forerunner .cta-top-tile{ grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: flex-start; align-items: center; display: flex }.byq-nw.byq-s-byq-footer-forerunner .cta-button-wrap{ grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; display: flex }.byq-nw.byq-s-byq-footer-forerunner .cta-master{ z-index: 1; grid-column-gap: 24px; grid-row-gap: 24px; text-align: center; flex-flow: column; justify-content: center; align-items: center; max-width: 850px; margin: 160px auto; display: flex; position: relative }.byq-nw.byq-s-byq-footer-forerunner .dropdown-toggle.w--open, .byq-nw.byq-s-byq-footer-forerunner .dropdown-toggle.w--open:hover{ background-color: var(--_colors---color--transparent) }.byq-nw.byq-s-byq-footer-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-footer-forerunner .dropdown-list.bigger-nav-list.w--open{ top: 30px }.byq-nw.byq-s-byq-footer-forerunner .footer{ max-width: var(--container-width--main); padding-top: var(--_spacing---site-padding--main); padding-bottom: var(--_spacing---site-padding--main); border-radius: var(--radius--16); background-color: var(--_colors---color--light); margin-left: auto; margin-right: auto; position: relative }.byq-nw.byq-s-byq-footer-forerunner .footer-top-tile{ grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative }.byq-nw.byq-s-byq-footer-forerunner .heading-footer{ max-width: 314px }.byq-nw.byq-s-byq-footer-forerunner .footer-icon{ width: 64px; height: 64px; position: absolute; inset: 0% 0% auto auto }.byq-nw.byq-s-byq-footer-forerunner .text-dark-64{ color: var(--_colors---color--dark-64) }.byq-nw.byq-s-byq-footer-forerunner .button-text-mask{ flex: none; height: 22px; margin-top: 1px; margin-bottom: 3px; overflow: hidden }.byq-nw.byq-s-byq-footer-forerunner .button-bg{ border-radius: var(--radius--32); background-color: var(--_colors---color--dark); position: absolute; inset: 0% }.byq-nw.byq-s-byq-footer-forerunner .button-bg.accent{ background-color: var(--_colors---color--accent) }.byq-nw.byq-s-byq-footer-forerunner .button-bg.dark-outlined{ border: 1px solid var(--_colors---color--dark-32); background-color: var(--_colors---color--light-16) }.byq-nw.byq-s-byq-footer-forerunner .tab-link-pricing.w--current{ background-color: var(--_colors---color--accent) }.byq-nw.byq-s-byq-footer-forerunner .tab-link-features.w--current{ background-color: var(--_colors---color--light) }@media screen and (max-width:991px){.byq-nw.byq-s-byq-footer-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-footer-forerunner .menu-button.w--open{ background-color: var(--_colors---color--transparent); color: var(--_colors---color--dark) }.byq-nw.byq-s-byq-footer-forerunner .footer-right{ margin-right: 0 }.byq-nw.byq-s-byq-footer-forerunner .footer-halves{ grid-column-gap: 56px; grid-row-gap: 56px; grid-template-columns: 1fr }.byq-nw.byq-s-byq-footer-forerunner .cta-master{ margin-top: 80px; margin-bottom: 80px }.byq-nw.byq-s-byq-footer-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-footer-forerunner .dropdown-list.bigger-nav-list.w--open{ margin-top: 0 } }@media screen and (max-width:767px){.byq-nw.byq-s-byq-footer-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-footer-forerunner .footer-right{ grid-column-gap: 64px; grid-row-gap: 56px; flex-flow: wrap; padding-right: 0 }.byq-nw.byq-s-byq-footer-forerunner .footer-last-block{ grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: wrap }.byq-nw.byq-s-byq-footer-forerunner .footer-bottom-tile{ flex-flow: column; display: flex }.byq-nw.byq-s-byq-footer-forerunner .footer-bottom-wrap{ flex-direction: column }.byq-nw.byq-s-byq-footer-forerunner .cta-button-wrap{ justify-content: center; align-items: center }.byq-nw.byq-s-byq-footer-forerunner .cta-master{ max-width: 500px; margin-top: 64px; margin-bottom: 64px }.byq-nw.byq-s-byq-footer-forerunner .footer-icon{ width: 48px; height: 48px } }@media screen and (max-width:479px){.byq-nw.byq-s-byq-footer-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-footer-forerunner .text-field{ min-height: 48px; padding-left: 12px; padding-right: 12px }.byq-nw.byq-s-byq-footer-forerunner .submit-button-wrap{ width: 45px }.byq-nw.byq-s-byq-footer-forerunner .footer-component{ padding-bottom: 32px }.byq-nw.byq-s-byq-footer-forerunner .footer-link{ font-size: 14.0px }.byq-nw.byq-s-byq-footer-forerunner .footer-right{ grid-column-gap: 32px; grid-row-gap: 48px; grid-template-rows: auto auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; display: grid }.byq-nw.byq-s-byq-footer-forerunner .newsletter-form-block{ width: 100% }.byq-nw.byq-s-byq-footer-forerunner .cta-arrow{ height: 12px }.byq-nw.byq-s-byq-footer-forerunner .footer-column{ grid-column-gap: 20px; grid-row-gap: 20px }.byq-nw.byq-s-byq-footer-forerunner .newsletter-form{ width: 100% }.byq-nw.byq-s-byq-footer-forerunner .footer-last-block{ grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: space-between; align-items: flex-start }.byq-nw.byq-s-byq-footer-forerunner .footer-rights-wrap{ grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: flex-start }.byq-nw.byq-s-byq-footer-forerunner .footer-bottom-wrap{ grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: column-reverse; display: flex }.byq-nw.byq-s-byq-footer-forerunner .heading-cta{ flex-flow: column; justify-content: center; align-items: flex-start }.byq-nw.byq-s-byq-footer-forerunner .cta-master{ margin-top: 48px; margin-bottom: 48px }.byq-nw.byq-s-byq-footer-forerunner .dropdown-list.w--open{ justify-content: center; align-items: flex-start }.byq-nw.byq-s-byq-footer-forerunner .footer-icon{ width: 32px; height: 32px; position: static } }.byq-nw.byq-s-byq-footer-forerunner #w-node-d7cd489e-16f6-0d0b-08ac-33bec9b792c3-a9009cab{ justify-self: end }@media screen and (max-width:991px){.byq-nw.byq-s-byq-footer-forerunner #w-node-d7cd489e-16f6-0d0b-08ac-33bec9b792c3-a9009cab{ justify-self: auto } } /* ===== Auto 8-8-tilpasning — alt over er malens egen kode ===== */ /* Husets tilpasninger. Ligger etter malens egen CSS. Samme grep som på menya: malens limegrønne aksent byttes mot Mynte. Den styrer gradienten bak CTA-en, knappen og stripa nederst, og alt henger på variabelen. */ .byq-nw.byq-s-byq-footer-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; } /* Husets eget stilark lekker inn i seksjonen. Målt 14.10: temaet setter en max-width på h2 (215 px her), og overskrifta brøt da ett ord per linje. Det samme gjelder section, som temaet sentrerer i en 1140 px container — malens footer skal gå helt ut i kanten. Dette er ikke en endring av malen. Det er å holde huset unna 1:1-kopien. */ .byq-nw.byq-s-byq-footer-forerunner section { max-width: none; width: auto; margin-left: 0; margin-right: 0; } .byq-nw.byq-s-byq-footer-forerunner h1, .byq-nw.byq-s-byq-footer-forerunner h2, .byq-nw.byq-s-byq-footer-forerunner h3, .byq-nw.byq-s-byq-footer-forerunner h4, .byq-nw.byq-s-byq-footer-forerunner h5, .byq-nw.byq-s-byq-footer-forerunner h6, .byq-nw.byq-s-byq-footer-forerunner p { max-width: none; } /* Asterisken i footeren er en SVG uten egen størrelse. Temaet gir den 64 px, malen tegner den 90. Settes eksplisitt. Merket selv er BYQ sitt og må uansett byttes med vårt. */ .byq-nw.byq-s-byq-footer-forerunner .footer-icon { width: 90px; height: 90px; } /* Bunnstripa er IKKE styrt av variabelen. Malen skriver gradienten rett inn: linear-gradient(#f8f7f5, #d6fd70). Et variabelbytte treffer den derfor ikke. Her settes den med våre to: Autopapir ned til Mynte. */ .byq-nw.byq-s-byq-footer-forerunner .footer-component { background-image: linear-gradient(#F5F5F3, #C3EFAF); } /* Strekene tegnes inn fra venstre. Uten JS står de ferdig tegnet, så en side uten skript aldri mister dem. */ .byq-nw.byq-s-byq-footer-forerunner.byq-js-footer .section-divider { transform: scaleX(0); transform-origin: left center; transition: transform .8s cubic-bezier(.33, 1, .68, 1); } .byq-nw.byq-s-byq-footer-forerunner.byq-js-footer .section-divider.tegnet { transform: scaleX(1); } /* Lenkekolonnene: peker du på én lenke, dempes de andre i samme kolonne. Låst til enheter med ekte peker — på touch finnes ikke hover, og et trykk ville ellers kunne etterlate kolonnen dempet. */ .byq-nw.byq-s-byq-footer-forerunner .footer-link { transition: color .22s ease; } @media (hover: hover) and (pointer: fine) { .byq-nw.byq-s-byq-footer-forerunner .footer-links-column:hover .footer-link { color: var(--_colors---color--dark-48); } .byq-nw.byq-s-byq-footer-forerunner .footer-links-column .footer-link:hover { color: var(--_colors---color--dark); } } @media (prefers-reduced-motion: reduce) { .byq-nw.byq-s-byq-footer-forerunner.byq-js-footer .section-divider { transform: none; transition: none; } .byq-nw.byq-s-byq-footer-forerunner .footer-link { transition: none; } } /* ORGANISASJONSNUMMERET, JA 03.11.2026 kl. 15.31: «Få det inn. Den er enkel.» Linja er kopiert ORDRETT fra footeren som står live i dag — ikke skrevet på nytt. Et organisasjonsnummer er ikke en formulering vi kan forbedre, og setningen om at hver avdeling har sitt eget nummer er et forbehold noen har tatt stilling til før meg. Den legges under copyright-linja, i samme dempede stil, så den leses som det den er: selskapsopplysning, ikke innhold. */ .byq-nw.byq-s-byq-footer-forerunner .byq-orgnr { margin-top: 8px; max-width: 760px; } /* FOOTERSPALTENE, JA 03.11.2026 kl. 13.57. Malens tre spalter het MAIN PAGES, AUTO 8-8 og CONTACT & OTHER, og lenkene under dem pekte alle sammen på malens egne demosider. JA ga ny struktur: «MAIN PAGES : NYE BILER · AUTO 8-8 as is · CONTACT & OTHER : VÅRE AVDELINGER», med innholdet under hver. ALLE ADRESSER ER SLÅTT OPP, IKKE GJETTET: — «Om oss» går til `/konsernet/`. `/om-oss/` er en 301 dit. — «Karriere» går til `/jobb-hos-auto-8-8/`. Husets egen footer bruker `/karriere/`, og den adressa svarer 301 til en NYHETSSAK om karrieredager i Ålesund. Meldt JA — her sendte den gamle footeren folk feil. — «Nyheter» går til `/artikler/`; megamenyen kaller den «Nyheter & artikler». `/nyheter/` finnes ikke (404). — Avdelingene er de ti `dealer`-postene, hentet fra posttypen med navnene de selv bruker. Ingen håndskrevet liste som kan bli utdatert i stillhet. Alle kontrollert med statuskode før de ble lagt inn, også de ni merkesidene. TO RETTELSER 03.11 kl. 15.03, begge etter JA: — «nå flyttet de plass?» Min feil: da jeg bygde spaltene om, droppet jeg `id="w-node-…"` på `.footer-right`. Webflows rutenett posisjonerer blokka gjennom nettopp den id-en, så uten den falt spaltene til et annet sted. Id-en er satt tilbake. **En Webflow-id er ikke pynt — den er layouten.** — «det skal selvfølgelig ikke stå Alle bilmerkene våre». De ni merkene står nå listet i JAs egen rekkefølge: Ford, Nissan, BYD, Hyundai, Mazda, Seres, Exlantix, Omoda & Jaecoo, KGM. «Verksted og bruktbiler løser vi senere» — JA samme melding. Og kl. 15.04: teksten ved siden av åttetallene, som var malens egen BYQ-reklame, er byttet til «Hva kan vi hjelpe deg med?» etter JAs beskjed. Det var formulering 3 i forslaget jeg sendte fra profilmanualen — han plasserte den her i stedet for i avslutningsblokka. Og kl. 15.05: nyhetsbrevblokka fikk JAs egne strenger — «Få siste nytt fra Auto 8-8», feltet «E-postadressen din», og «Du kan melde deg av når som helst.» under. De to SYSTEMMELDINGENE i samme skjema (kvittering og feil) var ikke bestilt, men de ville stått på engelsk i det øyeblikket noen trykket send. De er oversatt og meldt JA. MERK: skjemaet er fortsatt malens eget — `method="get"` uten `action`. Det sender ingen steder og lagrer ingen adresser. Meldt JA 03.11. */ /* FOOTERENS AVSLUTNING. Eyebrow og overskrift er JAs EGNE ord, sendt 03.11.2026 kl. 13.45: «Eyebrow: FOLK TIL FOLK» og «Mindre styr. Mer oversikt. Trygt videre.» Jeg hadde lagt fram tre forslag fra profilmanualen; han skrev sin egen. Teksten står ordrett. Etiketten skrives med vanlig kapitalisering i markupen — malens CSS setter versalene, så vi gjør det ikke to ganger. */ /* ── 8-TALLENE I STEDET FOR BYQs ASTERISK ──────────────────────────────────── JA 03.11.2026, tre beskjeder på rad. Først: «greier du å få inn 8-tallene der i stedet?» Så: «en glow som kjører rundt åttetallene? Som på en bilbane?» Til slutt, etter å ha sett den: «Dropp animasjonen på åttetallene. Bare ren statisk autogrønn.» Bilbanen er dermed FJERNET FRA MARKUPEN — strøklaget finnes ikke lenger, det er ikke skjult med CSS. Igjen står fyllet alene, i Autogrønn. MERKET er logoens EGNE åttetall, klippet ut av manualvektoren (`8-8-currentcolor.svg`) — ikke tegnet på nytt. Forholdet er 1,87:1, bredere enn høyt, der BYQs asterisk var kvadratisk. Derfor låses HØYDEN og bredden flyter; ellers klemmes åttetallene. Manualens nedre grense er 24 px bredde, og her står det 104 × 56. */ .byq-nw.byq-s-byq-footer-forerunner .byq-merke88 { width: auto; height: 56px; color: #004F46; } /* JA 04.11.2026: «Åttetallene i footeren er litt for store på mobil. Kan nesten halveres i størrelse.» Målt før: 104 × 56 px på en 390 px skjerm — en fjerdedel av skjermbredden. Halvert til 30 px høyde (≈56 px bredt). */ @media (max-width: 767px) { .byq-nw.byq-s-byq-footer-forerunner .byq-merke88 { height: 30px; } } /* ── Innfading og marquee (var