/* /cs_website_frost/static/src/site/00_scope.scss */ body.o_fz_site{--cs-fz-muted-rgb: 70, 95, 90; --cs-fz-stage-rgb: 245, 247, 246; --cs-fz-on-primary-rgb: 246, 251, 249; --cs-fz-key-bg: rgba(var(--cs-fz-glass-rgb), 0.8); --cs-fz-key-sheen: linear-gradient(145deg, rgba(var(--cs-fz-glass-rgb), 0.9), rgba(var(--cs-fz-glass-rgb), 0)); --cs-fz-key-rim: transparent; --cs-fz-key-bg-hover: rgba(var(--cs-fz-glass-rgb), 1); --cs-fz-key-sheen-hover: linear-gradient(145deg, rgba(var(--cs-fz-rim-rgb), 1), rgba(var(--cs-fz-glass-rgb), 0.6)); --cs-fz-pressed-bg: rgba(var(--cs-fz-shade-rgb), 0.07); --cs-fz-field-ring: inset 0 0 0 1.5px rgba(var(--cs-fz-ink-rgb), 0.36); --cs-fz-row-fill: rgba(var(--cs-fz-glass-rgb), 0.7); --cs-fz-row-ring: inset 0 0 0 1px rgba(var(--cs-fz-ink-rgb), 0.06); --cs-fz-panel-fill: rgb(var(--cs-fz-glass-rgb)); --cs-fz-scrim: rgba(var(--cs-fz-ink-rgb), 0.42); --cs-fz-danger: var(--danger); --cs-fz-success: var(--success); --cs-fz-warning: var(--warning); --cs-fz-info: var(--info); --cs-fz-danger-ink: color-mix(in srgb, var(--danger) 72%, var(--cs-fz-ink)); --cs-fz-success-ink: color-mix(in srgb, var(--success) 62%, var(--cs-fz-ink)); --cs-fz-warning-ink: color-mix(in srgb, var(--warning) 42%, var(--cs-fz-ink)); --cs-fz-info-ink: color-mix(in srgb, var(--info) 58%, var(--cs-fz-ink)); --cs-fz-cc-ink: var(--cs-fz-ink); --cs-fz-cc-muted: var(--cs-fz-muted); --cs-fz-cc-line: var(--cs-fz-line); --cs-fz-cc-link: var(--cs-fz-ink); --cs-fz-sec: 44px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; interpolate-size: allow-keywords;}body.o_fz_site:where(:not(.o_fz_pal_native)){--font-sans-serif: var(--cs-fz-font); --body-font-weight: 500; --body-line-height: 1.55; --secondary: var(--cs-fz-muted); --secondary-rgb: var(--cs-fz-muted-rgb); --light: var(--cs-fz-stage); --light-rgb: var(--cs-fz-stage-rgb); --dark: var(--cs-fz-ink); --dark-rgb: var(--cs-fz-ink-rgb); --black-rgb: var(--cs-fz-ink-rgb); --primary-bg-subtle: var(--cs-fz-niche); --primary-text-emphasis: var(--cs-fz-primary); --primary-border-subtle: rgba(var(--cs-fz-shade-rgb), 0.3); --secondary-bg-subtle: var(--cs-fz-stage); --secondary-text-emphasis: var(--cs-fz-muted); --light-bg-subtle: var(--cs-fz-well); --dark-bg-subtle: var(--cs-fz-niche); --highlight-bg: rgba(var(--cs-fz-field-c-rgb), 0.7); --highlight-color: var(--cs-fz-ink); --code-color: var(--cs-fz-ink); --border-radius: 14px; --border-radius-sm: 10px; --border-radius-lg: 20px; --border-radius-xl: 28px; --border-radius-xxl: 36px; --box-shadow-color: rgba(var(--cs-fz-shade-rgb), 0.24); --box-shadow-offset-y: 14px; --box-shadow-blur-radius: 30px; --box-shadow-spread-radius: -16px; --box-shadow-sm-color: rgba(var(--cs-fz-shade-rgb), 0.3); --box-shadow-sm-offset-y: 5px; --box-shadow-sm-blur-radius: 12px; --box-shadow-sm-spread-radius: -6px; --box-shadow-lg-color: rgba(var(--cs-fz-shade-rgb), 0.38); --box-shadow-lg-offset-y: 24px; --box-shadow-lg-blur-radius: 48px; --box-shadow-lg-spread-radius: -24px; --focus-ring-color: rgba(var(--cs-fz-shade-rgb), 0.25);}body.o_fz_site :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline: var(--cs-fz-focus); outline-offset: 3px;}body.o_fz_site .o_skip_to_content{left: 16px !important; top: 10px; z-index: 1090; min-height: 48px; padding: 0 22px; border: 0; border-radius: var(--cs-fz-radius-pill) !important; background: var(--cs-fz-primary); color: var(--cs-fz-on-primary); font-weight: 700; line-height: 48px; box-shadow: var(--cs-fz-pill-shadow);}body.o_fz_site ::selection{background: rgba(var(--cs-fz-field-a-rgb), 0.72); color: var(--cs-fz-ink);}@media (max-width: 900px){body.o_fz_site{--cs-fz-sec: 36px;}}@media (max-width: 640px){body.o_fz_site{--cs-fz-sec: 32px;}} /* /cs_website_frost/static/src/site/04_native.scss */ body.o_fz_site.o_fz_pal_native .o_cc1{--cs-fz-cc-ink: var(--o-cc1-text); --cs-fz-cc-muted: color-mix(in srgb, var(--o-cc1-text) 72%, var(--o-cc1-bg)); --cs-fz-cc-line: color-mix(in srgb, var(--o-cc1-text) 18%, transparent); --cs-fz-cc-link: var(--o-cc1-link); --cs-fz-focus: 2px solid var(--o-cc1-text);}body.o_fz_site.o_fz_pal_native .o_cc2{--cs-fz-cc-ink: var(--o-cc2-text); --cs-fz-cc-muted: color-mix(in srgb, var(--o-cc2-text) 72%, var(--o-cc2-bg)); --cs-fz-cc-line: color-mix(in srgb, var(--o-cc2-text) 18%, transparent); --cs-fz-cc-link: var(--o-cc2-link); --cs-fz-focus: 2px solid var(--o-cc2-text);}body.o_fz_site.o_fz_pal_native .o_cc3{--cs-fz-cc-ink: var(--o-cc3-text); --cs-fz-cc-muted: color-mix(in srgb, var(--o-cc3-text) 72%, var(--o-cc3-bg)); --cs-fz-cc-line: color-mix(in srgb, var(--o-cc3-text) 18%, transparent); --cs-fz-cc-link: var(--o-cc3-link); --cs-fz-focus: 2px solid var(--o-cc3-text);}body.o_fz_site.o_fz_pal_native .o_cc4{--cs-fz-cc-ink: var(--o-cc4-text); --cs-fz-cc-muted: color-mix(in srgb, var(--o-cc4-text) 72%, var(--o-cc4-bg)); --cs-fz-cc-line: color-mix(in srgb, var(--o-cc4-text) 18%, transparent); --cs-fz-cc-link: var(--o-cc4-link); --cs-fz-focus: 2px solid var(--o-cc4-text);}body.o_fz_site.o_fz_pal_native .o_cc5{--cs-fz-cc-ink: var(--o-cc5-text); --cs-fz-cc-muted: color-mix(in srgb, var(--o-cc5-text) 72%, var(--o-cc5-bg)); --cs-fz-cc-line: color-mix(in srgb, var(--o-cc5-text) 18%, transparent); --cs-fz-cc-link: var(--o-cc5-link); --cs-fz-focus: 2px solid var(--o-cc5-text);}body.o_fz_site.o_fz_pal_native :is(.navbar-brand, .navbar-text, .navbar .nav-link, .navbar a.js_change_lang span, .navbar a.o_add_language){font-family: var(--cs-fz-font-nav);} /* /cs_website_frost/static/src/site/20_header.scss */ body.o_fz_site #wrapwrap > header{background-color: transparent !important;}body.o_fz_site #wrapwrap > header a.o_search_btn, body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon){--oi-font-size: 20px; position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0 !important; border: 1px solid var(--cs-fz-key-rim) !important; border-radius: var(--cs-fz-radius-pill) !important; background-color: var(--cs-fz-key-bg); background-image: var(--cs-fz-key-sheen); box-shadow: var(--cs-fz-key-shadow); line-height: 1; color: var(--cs-fz-ink) !important; transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), box-shadow var(--cs-motion-dur-fast) var(--cs-motion-ease-out), background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site #wrapwrap > header a.o_search_btn:active, body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon):active{transform: var(--cs-motion-press-knob); background-color: var(--cs-fz-pressed-bg); background-image: none; box-shadow: var(--cs-fz-pressed-shadow); transition-duration: var(--cs-motion-dur-press); transition-timing-function: var(--cs-motion-ease-press);}body.o_fz_site #wrapwrap > header a.o_search_btn .oi-stack, body.o_fz_site #wrapwrap > header a.o_search_btn > div, body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon) .oi-stack, body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon) > div{display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; line-height: 1;}body.o_fz_site #wrapwrap > header .navbar-toggler-icon{width: 22px; height: 22px;}body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon){margin-inline-start: 8px;}body.o_fz_site #wrapwrap > header .nav-link.o_nav_link_btn, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.dropdown-toggle{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px !important; border: 1px solid var(--cs-fz-key-rim) !important; border-radius: var(--cs-fz-radius-pill); background-color: var(--cs-fz-key-bg); background-image: var(--cs-fz-key-sheen); box-shadow: var(--cs-fz-key-shadow); font-weight: 700; color: var(--cs-fz-ink); transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), box-shadow var(--cs-motion-dur-fast) var(--cs-motion-ease-out), background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site #wrapwrap > header .nav-link.o_nav_link_btn:active, body.o_fz_site #wrapwrap > header .nav-link.o_nav_link_btn.show, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle:active, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle.show, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.dropdown-toggle:active, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.dropdown-toggle.show{background-color: var(--cs-fz-pressed-bg); background-image: none; box-shadow: var(--cs-fz-pressed-shadow);}body.o_fz_site #wrapwrap > header .nav-link.o_nav_link_btn img, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle img, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.dropdown-toggle img{margin-inline-start: -8px;}body.o_fz_site #wrapwrap > header .btn.btn-primary, body.o_fz_site #wrapwrap > header .btn.btn_cta{--cs-fz-btn-h: 44px; --btn-padding-x: 22px; --btn-font-size: 1rem; --btn-hover-bg: var(--cs-fz-primary); --btn-hover-border-color: var(--cs-fz-primary); --btn-active-bg: var(--cs-fz-primary); --btn-active-border-color: var(--cs-fz-primary); white-space: nowrap;}body.o_fz_site #wrapwrap > header .oe_structure_solo > section, body.o_fz_site #wrapwrap > header .oe_structure_solo > section > .container{padding: 0 !important;}body.o_fz_site #wrapwrap > header .o_header_searchbar .o_search_input_group{min-width: MIN(280px, 60vw);}body.o_fz_site #wrapwrap > header .o_mega_menu{padding: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: var(--cs-fz-edge-border); border-radius: var(--cs-fz-radius-card) !important; background: rgba(var(--cs-fz-glass-rgb), 1); box-shadow: var(--cs-fz-edge-shadow);}body.o_fz_site #wrapwrap > header .o_mega_menu > section{background-color: transparent !important;}body.o_fz_site #wrapwrap > header .o_mega_menu .nav-link{display: flex; align-items: center; min-height: 44px; border-radius: 18px !important; font-weight: 600; color: var(--cs-fz-ink);}body.o_fz_site #wrapwrap > header .o_mega_menu .nav-link :is(h4, .h4){margin: 0; font-size: 1.0625rem; line-height: 1.25; font-weight: 700;}body.o_fz_site #wrapwrap > header .o_mega_menu .nav-link .small{color: var(--cs-fz-muted); font-size: 0.9375rem; font-weight: 500;}body.o_fz_site #wrapwrap > header .o_mega_menu > section:has(.o_grid_mode){padding-bottom: 40px !important;}@media (min-width: 992px){body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav{gap: 4px;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link{position: relative; min-height: 62px; padding: 7px 48px 7px 8px !important; border-radius: 20px !important;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link > .d-flex{align-items: center; width: 100%;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link img{flex: none; width: 48px; height: 48px; padding: 7px !important; border: 0 !important; border-radius: 50% !important; background: var(--cs-fz-stage) !important; box-shadow: var(--cs-fz-chip-ring); object-fit: contain;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link::after{content: ""; position: absolute; top: 50%; right: 22px; width: 9px; height: 9px; border: solid var(--cs-fz-ink); border-width: 2px 2px 0 0; opacity: 0; transform: translate(-8px, -50%) rotate(45deg);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link:focus-visible::after{opacity: 1; transform: translate(0, -50%) rotate(45deg);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item > h4{margin: 0;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item > h4 > img{display: block; width: 100%; height: 148px; padding: 0 !important; border-radius: 20px !important; object-fit: cover;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item:has(> h4 > img) > p{display: none;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item > p.text-muted{margin: 8px 4px 0; color: var(--cs-fz-muted) !important; font-size: 0.9375rem; line-height: 1.45;}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item .btn.btn-primary{min-height: 40px; padding: 0 18px; border: 0; background: rgba(var(--cs-fz-glass-rgb), 0.92) !important; box-shadow: var(--cs-fz-key-shadow); color: var(--cs-fz-ink) !important; font-weight: 700; line-height: 40px;}}@media (min-width: 992px) and (prefers-reduced-motion: no-preference){body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link img{transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), box-shadow var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link::after{transition: opacity var(--cs-motion-dur-fast) var(--cs-motion-ease-out), transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}}body.o_fz_site #wrapwrap > header .offcanvas .offcanvas-header .btn-close{width: 44px; min-height: 44px; padding: 0; border: 1px solid var(--cs-fz-key-rim);}body.o_fz_site #wrapwrap > header .offcanvas .nav-item{border: 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .top_menu .nav-link, body.o_fz_site #wrapwrap > header .offcanvas .navbar-nav > li > .nav-link:not(.o_nav_link_btn){display: flex; justify-content: flex-start; width: 100%; min-height: 52px; padding: 0 18px !important; border-radius: 18px; font-size: 1.0625rem;}body.o_fz_site #wrapwrap > header .offcanvas .top_menu{margin-inline: 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_nav_link_btn, body.o_fz_site #wrapwrap > header .offcanvas .btn.btn-primary, body.o_fz_site #wrapwrap > header .offcanvas .btn.btn_cta{--cs-fz-btn-h: 52px; width: 100%; min-height: 52px;}body.o_fz_site #wrapwrap > header .offcanvas .dropdown-menu{position: static !important; inset: auto !important; float: none; width: 100%; min-width: 0; margin: 0; padding: 0 0 8px 10px; transform: none !important; box-shadow: none; border: 0; background: transparent;}body.o_fz_site #wrapwrap > header .offcanvas .dropdown-menu:not(.show), body.o_fz_site #wrapwrap > header .offcanvas .dropdown-toggle:not(.show) + .dropdown-menu, body.o_fz_site #wrapwrap > header .offcanvas .dropdown-toggle[aria-expanded="false"] + .dropdown-menu{display: none !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu{height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 0 6px !important; overflow: visible; border-radius: 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu > section{min-height: 0 !important; padding: 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu :is(.container, .container-fluid){max-width: none; padding: 0;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row{display: flex !important; flex-direction: column; gap: 2px; height: auto !important; margin: 0;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > *{flex: none; width: 100%; max-width: none; height: auto !important; min-height: 0 !important; padding: 0 !important; grid-area: auto !important; z-index: auto !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > :not(:has(.nav-link, .btn)){display: none;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > [style*="grid-area: 1 / 1 /"]{order: -1;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > :has(> p > .btn){order: 9; padding: 8px 0 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > :has(> p > .btn) p{margin: 0;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .row > :has(> p > .btn) .btn{display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; min-height: 0; padding: 0 18px; border: 0; border-radius: 999px !important; background: rgba(var(--cs-fz-glass-rgb), 0.9) !important; box-shadow: var(--cs-fz-key-shadow); color: var(--cs-fz-ink) !important; font-weight: 700; line-height: 1.2;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav{gap: 2px;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav-link{width: 100%; min-height: 60px; padding: 6px 14px 6px 10px !important; border-radius: 18px !important; line-height: 1.3;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav-link > .d-flex{align-items: center; width: 100%;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav-link img{flex: none; width: 44px; height: 44px; padding: 7px !important; border: 0 !important; border-radius: 50% !important; background: var(--cs-fz-stage) !important; box-shadow: var(--cs-fz-chip-ring); object-fit: contain;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav-link :is(h4, .h4){font-size: 1rem;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu .nav-link .small{display: block; font-size: 0.875rem; line-height: 1.3;}@media (hover: hover){body.o_fz_site #wrapwrap > header a.o_search_btn:hover, body.o_fz_site #wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon):hover{background-color: var(--cs-fz-key-bg-hover); box-shadow: var(--cs-fz-key-shadow-hover);}body.o_fz_site #wrapwrap > header .o_nav_link_btn:not(.show):hover, body.o_fz_site #wrapwrap > header .o_no_autohide_item > a.dropdown-toggle:not(.show):hover{transform: translateY(calc(var(--cs-motion-lift) * -1)); background-color: var(--cs-fz-key-bg-hover); background-image: var(--cs-fz-key-sheen-hover); box-shadow: var(--cs-fz-key-shadow-hover);}body.o_fz_site #wrapwrap > header .o_mega_menu .nav-link:hover{background-color: var(--cs-fz-pressed-bg);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link:hover img{transform: scale(1.06); box-shadow: 0 0 0 1.5px var(--cs-fz-ink);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .nav-link:hover::after{opacity: 1; transform: translate(0, -50%) rotate(45deg);}body.o_fz_site #wrapwrap > header .o_mega_menu .s_mega_menu_images_subtitles .o_grid_item .btn.btn-primary:hover{transform: translateY(calc(var(--cs-motion-lift) * -1)); box-shadow: var(--cs-fz-key-shadow-hover);}}@media (max-width: 420px){body.o_fz_site #wrapwrap > header .o_header_mobile_buttons_wrap{gap: 6px !important;}}@media (min-width: 992px) and (max-width: 1599.98px){body.o_fz_site header .navbar-nav > .nav-item > .nav-link:not(.o_nav_link_btn){padding-inline: 12px !important;}}body.o_fz_site #wrapwrap#wrapwrap > header{padding: 14px 16px 10px; background-color: transparent !important; background-image: none !important;}body.o_fz_site #wrapwrap#wrapwrap > header > nav.navbar, body.o_fz_site #wrapwrap#wrapwrap > header > div > nav.navbar{min-height: 0; padding-block: 8px;}body.o_fz_site #wrapwrap#wrapwrap > header a.o_search_btn, body.o_fz_site #wrapwrap#wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon){border-color: transparent !important; background-color: transparent; background-image: none; box-shadow: none;}body.o_fz_site #wrapwrap#wrapwrap > header .nav-link.o_nav_link_btn, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.dropdown-toggle{border-color: transparent !important; background-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.16);}body.o_fz_site #wrapwrap#wrapwrap > header .nav-link.o_nav_link_btn:active, body.o_fz_site #wrapwrap#wrapwrap > header .nav-link.o_nav_link_btn.show, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle:active, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.nav-link.dropdown-toggle.show, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.dropdown-toggle:active, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.dropdown-toggle.show{background-color: var(--cs-fz-pressed-bg); box-shadow: var(--cs-fz-pressed-shadow);}body.o_fz_site #wrapwrap#wrapwrap > header .navbar-nav > .nav-item > .nav-link.active:not(.o_nav_link_btn){background-color: rgba(var(--cs-fz-shade-rgb), 0.08); box-shadow: none;}body.o_fz_site #wrapwrap#wrapwrap > header a.o_search_btn:active, body.o_fz_site #wrapwrap#wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon):active{background-color: var(--cs-fz-pressed-bg); box-shadow: var(--cs-fz-pressed-shadow);}@media (hover: hover){body.o_fz_site #wrapwrap#wrapwrap > header a.o_search_btn:hover, body.o_fz_site #wrapwrap#wrapwrap > header .navbar [data-bs-toggle="offcanvas"]:has(> .navbar-toggler-icon):hover{background-color: rgba(var(--cs-fz-shade-rgb), 0.07); box-shadow: none;}body.o_fz_site #wrapwrap#wrapwrap > header .o_nav_link_btn:not(.show):hover, body.o_fz_site #wrapwrap#wrapwrap > header .o_no_autohide_item > a.dropdown-toggle:not(.show):hover{transform: none; background-color: rgba(var(--cs-fz-shade-rgb), 0.07); background-image: none; box-shadow: inset 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.24);}body.o_fz_site #wrapwrap#wrapwrap > header .navbar-nav > .nav-item > .nav-link:not(.o_nav_link_btn):not(.active):hover{background-color: rgba(var(--cs-fz-shade-rgb), 0.05);}} /* /cs_website_frost/static/src/site/21_footer.scss */ body.o_fz_site:where(:not(.o_fz_pal_native)) #wrapwrap > footer{--cs-fz-cc-ink: var(--cs-fz-on-primary); --cs-fz-cc-muted: var(--cs-fz-foot-text); --cs-fz-cc-line: rgba(var(--cs-fz-on-primary-rgb), 0.18); --cs-fz-cc-link: var(--cs-fz-foot-text); --cs-fz-focus: 2px solid var(--cs-fz-on-primary); --secondary-color: var(--cs-fz-foot-text); --body-color: var(--cs-fz-foot-text); --border-color: rgba(var(--cs-fz-on-primary-rgb), 0.18);}body.o_fz_site #wrapwrap > footer{font-size: 1rem; line-height: 1.5;}body.o_fz_site #wrapwrap > footer #footer{border: 0 !important;}body.o_fz_site #wrapwrap > footer #footer > section:first-child{padding-top: clamp(40px, 5vw, 72px) !important;}body.o_fz_site #wrapwrap > footer :is(h1, h2, h3, h4, h5, h6){margin: 0 0 6px; font-size: 1.0625rem; line-height: 1.4; letter-spacing: 0; text-transform: none;}body.o_fz_site #wrapwrap > footer p{line-height: 1.55;}body.o_fz_site #wrapwrap > footer .text-muted{color: var(--cs-fz-foot-text) !important;}body.o_fz_site #wrapwrap > footer #footer ul.list-unstyled{margin: 0;}body.o_fz_site #wrapwrap > footer #footer ul.list-unstyled > li{display: flex; align-items: center; min-height: 44px; margin: 0;}body.o_fz_site #wrapwrap > footer #footer ul.list-unstyled a{display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; border: 0;}body.o_fz_site #wrapwrap > footer #footer ul.list-unstyled .oi, body.o_fz_site #wrapwrap > footer #footer ul.list-unstyled .fa{--oi-font-size: 18px; flex: none;}body.o_fz_site #wrapwrap > footer .s_social_media a > :is(i, .oi, .fa){border-color: rgba(var(--cs-fz-on-primary-rgb), 0.2); background-color: rgba(var(--cs-fz-on-primary-rgb), 0.1) !important; background-image: none; box-shadow: none !important; color: var(--cs-fz-on-primary) !important;}body.o_fz_site #wrapwrap > footer .o_bv_footer{background-color: transparent; color: var(--cs-fz-foot-text);}body.o_fz_site #wrapwrap > footer .o_bv_footer_main{padding-bottom: 20px !important;}body.o_fz_site #wrapwrap > footer .o_bv_footer_main > .container > .row{display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr); gap: 40px 32px; margin: 0;}body.o_fz_site #wrapwrap > footer .o_bv_footer_main > .container > .row > *{width: auto; max-width: none; margin: 0; padding: 0;}body.o_fz_site #wrapwrap > footer .o_bv_footer_logo_img, body.o_fz_site #wrapwrap > footer .o_footer_logo + img, body.o_fz_site #wrapwrap > footer .o_footer_logo img{display: block; width: 64px !important; height: 64px; max-width: 64px; margin: 0 0 20px !important; object-fit: contain;}body.o_fz_site #wrapwrap > footer .o_footer_logo:empty{display: none !important;}body.o_fz_site #wrapwrap > footer .o_bv_footer_tag{max-width: 30ch; margin: 0; line-height: 1.55; color: var(--cs-fz-foot-text);}body.o_fz_site #wrapwrap > footer .o_bv_footer_head{margin: 0 0 6px; font-size: 1.0625rem; line-height: 1.4; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--cs-fz-on-primary);}body.o_fz_site #wrapwrap > footer .o_bv_footer_links li{margin: 0;}body.o_fz_site #wrapwrap > footer .o_bv_footer_links a, body.o_fz_site #wrapwrap > footer .o_bv_footer_contact a{display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; border: 0; color: var(--cs-fz-foot-text); text-decoration: none;}body.o_fz_site #wrapwrap > footer .o_bv_footer_contact{margin: 0; line-height: 1.4; color: var(--cs-fz-foot-text);}body.o_fz_site #wrapwrap > footer .o_bv_footer_contact br + a{margin-top: 0;}body.o_fz_site #wrapwrap > footer .o_bv_footer_social{margin-top: 8px;}body.o_fz_site #wrapwrap > footer .o_bv_footer_social a{display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 8px 0 0; border: 1px solid rgba(var(--cs-fz-on-primary-rgb), 0.2); border-radius: var(--cs-fz-radius-pill); background: rgba(var(--cs-fz-on-primary-rgb), 0.1); font-size: 1.125rem; color: var(--cs-fz-on-primary);}body.o_fz_site #wrapwrap > footer .o_bv_footer_social a > :is(i, .oi, .fa){width: auto; height: auto; margin: 0; border: 0; background: none !important;}body.o_fz_site #wrapwrap > footer .o_bv_footer_legal{display: flex; flex-wrap: wrap; gap: 0 28px; margin-top: 40px !important; padding-top: 12px !important; border-top: 1px solid rgba(var(--cs-fz-on-primary-rgb), 0.18); font-size: 0.9375rem;}body.o_fz_site #wrapwrap > footer .o_bv_footer_legal a{display: inline-flex; align-items: center; min-height: 44px; margin: 0; font-size: inherit; color: var(--cs-fz-foot-text);}body.o_fz_site #wrapwrap > footer .o_bv_footer ~ .o_footer_copyright{border-top: 0; background-color: transparent;}body.o_fz_site #wrapwrap > footer .o_bv_footer ~ .o_footer_copyright > .container{padding-top: 0 !important;}body.o_fz_site #wrapwrap > footer .o_footer_copyright{font-size: 0.9375rem; color: var(--cs-fz-foot-text);}body.o_fz_site #wrapwrap > footer .o_footer_copyright > :is(.container, .container-fluid, .o_container_small){padding-block: 12px 20px !important;}body.o_fz_site #wrapwrap > footer .o_footer_copyright .small, body.o_fz_site #wrapwrap > footer .o_footer_copyright small{font-size: inherit;}body.o_fz_site #wrapwrap > footer .o_footer_copyright a:not(.btn){display: inline-flex; align-items: center; min-height: 44px;}body.o_fz_site #wrapwrap > footer .o_footer_copyright .o_brand_promotion a{display: inline;}body.o_fz_site #wrapwrap > footer .o_footer_copyright .row{align-items: center;}body.o_fz_site #wrapwrap > footer .o_cookie_policy_link_container{padding-block: 4px; font-size: 0.9375rem;}body.o_fz_site #wrapwrap > footer .o_cookie_policy_link_container a{display: inline-flex; align-items: center; min-height: 44px;}body.o_fz_site #wrapwrap > footer #o_footer_scrolltop{--oi-font-size: 22px; width: 44px; height: 44px; min-width: 44px; padding: 0 !important; border: 1px solid var(--cs-fz-key-rim); background-color: rgba(var(--cs-fz-glass-rgb), 1); background-image: none; box-shadow: var(--cs-fz-key-shadow); color: var(--cs-fz-ink);}@media (max-width: 1000px){body.o_fz_site #wrapwrap > footer .o_bv_footer_main > .container > .row{grid-template-columns: repeat(2, minmax(0, 1fr));}body.o_fz_site #wrapwrap > footer .o_bv_footer_main > .container > .row > :first-child{grid-column: 1 / -1;}}@media (hover: hover){body.o_fz_site #wrapwrap > footer .o_bv_footer_links a:hover, body.o_fz_site #wrapwrap > footer .o_bv_footer_contact a:hover, body.o_fz_site #wrapwrap > footer .o_bv_footer_legal a:hover{border: 0; color: var(--cs-fz-on-primary);}body.o_fz_site #wrapwrap > footer .o_bv_footer_social a:hover{opacity: 1; background: rgba(var(--cs-fz-on-primary-rgb), 0.2);}body.o_fz_site #wrapwrap > footer #o_footer_scrolltop:hover{box-shadow: var(--cs-fz-key-shadow-hover);}} /* /cs_website_frost/static/src/site/22_cookies.scss */ body.o_fz_site #website_cookies_bar .modal-dialog{box-sizing: border-box; max-width: 824px !important; margin: 0 auto !important; padding: 0 16px 16px !important;}body.o_fz_site #website_cookies_bar .modal-content{overflow: hidden; border: var(--cs-fz-edge-border); border-radius: var(--cs-fz-radius-card) !important; background: var(--cs-fz-panel-fill); box-shadow: var(--cs-fz-edge-shadow) !important;}body.o_fz_site #website_cookies_bar section{padding: 16px 20px !important; background: none !important; color: var(--cs-fz-ink);}body.o_fz_site #website_cookies_bar .container{max-width: none; padding: 0;}body.o_fz_site #website_cookies_bar .row{align-items: center; gap: 12px 20px; margin: 0;}body.o_fz_site #website_cookies_bar .row > *{width: auto; max-width: none; padding: 0 !important;}body.o_fz_site #website_cookies_bar .row > :first-child{flex: 1 1 300px;}body.o_fz_site #website_cookies_bar .row > :last-child:not(:first-child){display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 8px; justify-content: flex-end;}body.o_fz_site #website_cookies_bar p{margin: 0; font-size: 0.9375rem; line-height: 1.45; font-weight: 600;}body.o_fz_site #website_cookies_bar h1, body.o_fz_site #website_cookies_bar h2, body.o_fz_site #website_cookies_bar h3, body.o_fz_site #website_cookies_bar h4, body.o_fz_site #website_cookies_bar h5{margin: 0 0 6px; font-size: 1.0625rem;}body.o_fz_site #website_cookies_bar .o_cookies_bar_text_policy{font-size: inherit; font-weight: 600; color: var(--cs-fz-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px;}body.o_fz_site #website_cookies_bar #cookies-consent-essential, body.o_fz_site #website_cookies_bar #cookies-consent-all{--cs-fz-btn-h: 46px; --btn-padding-x: 20px; --btn-font-size: 1rem; flex: 1 0 auto; margin: 0 !important; padding: var(--btn-padding-y) var(--btn-padding-x) !important; white-space: nowrap;}body.o_fz_site #website_cookies_bar #cookies-consent-all{--cs-fz-btn-shadow: var(--cs-fz-pill-shadow); --cs-fz-btn-shadow-hover: var(--cs-fz-pill-shadow-hover); --btn-color: var(--cs-fz-on-primary); --btn-bg: var(--cs-fz-primary); --btn-border-color: var(--cs-fz-primary); --btn-hover-color: var(--cs-fz-on-primary); --btn-hover-bg: var(--cs-fz-primary); --btn-hover-border-color: var(--cs-fz-primary); --btn-active-color: var(--cs-fz-on-primary); --btn-active-bg: var(--cs-fz-primary); --btn-active-border-color: var(--cs-fz-primary); background-image: none;}body.o_fz_site #website_cookies_bar .o_cookies_bar_close{top: 6px; right: 6px; width: 32px; height: 32px; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 1.25rem; line-height: 32px; color: var(--cs-fz-muted);}body.o_fz_site #website_cookies_bar section:has(> .o_cookies_bar_close){padding-inline-end: 44px !important;}@media (max-width: 640px){body.o_fz_site #website_cookies_bar .modal-dialog{padding: 0 10px 10px !important;}body.o_fz_site #website_cookies_bar .modal-content{border-radius: 18px !important;}body.o_fz_site #website_cookies_bar .row > :last-child:not(:first-child){flex: 1 1 100%;}body.o_fz_site #website_cookies_bar #cookies-consent-essential, body.o_fz_site #website_cookies_bar #cookies-consent-all{flex: 1 1 0;}}@media (max-width: 399.98px){body.o_fz_site #website_cookies_bar #cookies-consent-essential, body.o_fz_site #website_cookies_bar #cookies-consent-all{flex: 1 1 100%; min-width: 0; white-space: normal;}} /* /vd_website_frost/static/src/scss/00_tokens.scss */ body.o_fz_site, body.o_fz_site .o_fz, body.o_fz_site .o_fz_page{--cs-fz-radius-panel: 12px; --cs-fz-radius-sheet: 12px; --cs-fz-radius-card: 8px; --cs-fz-radius-tile: 6px; --cs-fz-radius-pill: 999px; --vd-fz-radius-row: 8px;}body.o_fz_site #wrapwrap#wrapwrap > header, body.o_fz_site #wrapwrap#wrapwrap > footer{--cs-fz-radius-panel: 28px; --cs-fz-radius-sheet: 28px; --cs-fz-radius-card: 22px; --cs-fz-radius-tile: 16px; --cs-fz-radius-pill: 999px; --vd-fz-radius-row: 18px;}body.o_fz_site #wrapwrap > main{overflow-x: clip;}body.o_fz_site{--vd-duur: var(--cs-motion-dur-base); --vd-veer: var(--cs-motion-ease-out); --vd-fz-tint: color-mix(in srgb, var(--o-color-1) 13%, var(--o-color-4)); --vd-fz-tint-ink: color-mix(in srgb, var(--o-color-1) 62%, var(--o-color-5)); --vd-fz-faint: color-mix(in srgb, var(--o-color-5) 52%, var(--o-color-4)); --vd-fz-line: color-mix(in srgb, var(--o-color-5) 13%, transparent); --vd-fz-line-strong: color-mix(in srgb, var(--o-color-5) 24%, transparent); --vd-fz-accent-rim: color-mix(in srgb, var(--o-color-1) 40%, transparent); --vd-fz-pure: var(--o-color-4); --vd-fz-lade: var(--o-color-3); --vd-fz-glass: rgba(var(--cs-fz-glass-rgb), 0.88); --vd-fz-rim: rgba(var(--cs-fz-rim-rgb), 0.85); --vd-fz-shadow-sheet: 0 1px 2px rgba(var(--cs-fz-shade-rgb), 0.05), 0 8px 22px -14px rgba(var(--cs-fz-shade-rgb), 0.22), 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.05); --vd-fz-shadow-sheet-hover: 0 2px 5px rgba(var(--cs-fz-shade-rgb), 0.06), 0 14px 30px -16px rgba(var(--cs-fz-shade-rgb), 0.28), 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.06); --vd-fz-shadow-float: 0 1px 2px rgba(var(--cs-fz-shade-rgb), 0.05), 0 4px 12px -6px rgba(var(--cs-fz-shade-rgb), 0.18), 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.06); --vd-fz-shadow-knop: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 1px 2px rgba(var(--cs-fz-shade-rgb), 0.14), 0 6px 14px -8px rgba(var(--cs-fz-shade-rgb), 0.4);} /* /vd_website_frost/static/src/scss/05_stijl.scss */ body.o_fz_site{--vd-st-knop: var(--o-color-5); --vd-st-knop-tekst: var(--o-color-4); --vd-st-kraal: var(--o-color-1); --vd-st-kraal-tekst: var(--o-color-5); --vd-st-band-knop: var(--o-color-4); --vd-st-band-knop-tekst: var(--o-color-5); --vd-st-accent: var(--o-color-1); --vd-st-nadruk: var(--o-color-1);}body.o_fz_site.vd_st_oranje{--vd-st-knop: var(--o-color-1); --vd-st-knop-tekst: var(--o-color-5); --vd-st-kraal: var(--o-color-5); --vd-st-kraal-tekst: var(--o-color-1); --vd-st-band-knop: var(--o-color-1); --vd-st-band-knop-tekst: var(--o-color-5);}body.o_fz_site.vd_st_grafiet{--vd-st-kraal: var(--o-color-4); --vd-st-kraal-tekst: var(--o-color-5); --vd-st-accent: var(--o-color-5); --vd-st-nadruk: color-mix(in srgb, var(--o-color-4) 82%, var(--o-color-1));}body.o_fz_site.vd_st_grafiet, body.o_fz_site.vd_st_grafiet .o_fz.o_fz, body.o_fz_site.vd_st_grafiet .o_fz_page.o_fz_page{--vd-fz-tint: color-mix(in srgb, var(--o-color-5) 7%, var(--o-color-4)); --vd-fz-tint-ink: var(--o-color-5); --vd-fz-accent-rim: color-mix(in srgb, var(--o-color-5) 28%, transparent); --cs-fz-field-a: color-mix(in srgb, var(--o-color-5) 9%, var(--o-color-4)); --cs-fz-field-c: color-mix(in srgb, var(--o-color-5) 6%, var(--o-color-4)); --cs-fz-niche: color-mix(in srgb, var(--o-color-5) 5%, var(--o-color-4));}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) .btn.btn.btn-primary, body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) #wrapwrap > header .btn.btn-primary{--vd-st-k: var(--vd-st-knop); --vd-st-kt: var(--vd-st-knop-tekst); --btn-color: var(--vd-st-kt); --btn-bg: var(--vd-st-k); --btn-border-color: var(--vd-st-k); --btn-hover-color: var(--vd-st-kt); --btn-hover-bg: color-mix(in srgb, var(--vd-st-k) 88%, var(--vd-st-kt)); --btn-hover-border-color: color-mix(in srgb, var(--vd-st-k) 88%, var(--vd-st-kt)); --btn-active-color: var(--vd-st-kt); --btn-active-bg: var(--vd-st-k); --btn-active-border-color: var(--vd-st-k); --btn-disabled-color: var(--vd-st-kt); --btn-disabled-bg: var(--vd-st-k); --btn-disabled-border-color: var(--vd-st-k); --cs-fz-btn-shadow: var(--vd-fz-shadow-knop); --cs-fz-btn-shadow-hover: var(--vd-fz-shadow-knop);}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.o_cc5, .bg-o-color-5, .bg-dark, #wrapwrap > footer) .btn.btn.btn-primary{--vd-st-k: var(--vd-st-band-knop); --vd-st-kt: var(--vd-st-band-knop-tekst);}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.o_cc5, .bg-o-color-5, .bg-dark, #wrapwrap > footer) :is(.o_cc1, .o_cc2, .o_cc3, .card, .modal-content, .dropdown-menu) .btn.btn.btn-primary{--vd-st-k: var(--vd-st-knop); --vd-st-kt: var(--vd-st-knop-tekst);}body.o_fz_site.vd_st_oranje :is(.o_cc4, .bg-o-color-1, .bg-primary) .btn.btn.btn-primary{--vd-st-k: var(--o-color-5); --vd-st-kt: var(--o-color-4);}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob)){--vd-kraal-d: calc(var(--cs-fz-btn-h, 56px) - 14px); position: relative; padding-right: calc(7px + var(--vd-kraal-d) + 14px) !important; padding-left: 24px !important;}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::before, body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::after{content: ""; position: absolute; top: 50%; right: 7px; width: var(--vd-kraal-d); height: var(--vd-kraal-d); margin-top: calc(var(--vd-kraal-d) / -2); border-radius: 50%; transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-glide); pointer-events: none;}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::before{background-color: var(--vd-st-kraal);}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::after{background-color: var(--vd-st-kraal-tekst); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/46% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/46% no-repeat;}body.o_fz_site:is(.vd_st_frost, .vd_st_grafiet) :is(.o_cc5, .bg-o-color-5, .bg-dark, #wrapwrap > footer) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::before{background-color: var(--o-color-5);}body.o_fz_site:is(.vd_st_frost, .vd_st_grafiet) :is(.o_cc5, .bg-o-color-5, .bg-dark, #wrapwrap > footer) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::after{background-color: var(--o-color-4);}body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) #wrapwrap > header .btn.vd-fz-cta .vd-fz-knob{background-color: var(--vd-st-kraal); color: var(--vd-st-kraal-tekst);}@media (hover: hover) and (prefers-reduced-motion: no-preference){body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob)):hover::before, body.o_fz_site:is(.vd_st_frost, .vd_st_oranje, .vd_st_grafiet) :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob)):hover::after{transform: translateX(3px);}}@media (prefers-reduced-motion: reduce){body.o_fz_site :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::before, body.o_fz_site :is(.vd-home, .o_fz, .o_fz_page, #wrap:not(.o_wsale_product_page, .o_wsale_products_page)) a.btn.btn-primary:not(.btn-sm, .btn-link, .vd-fz-cta, .dropdown-toggle, .s_website_form_send):not(:has(> i, > img, > svg, > .fa, > .oi, > .vd-icon, > .vd-fz-knob))::after{transition: none;}}body.o_fz_site #wrapwrap :is(.form-control, .form-select):focus-visible{outline: none;}body.o_fz_site #wrapwrap > main :is(.form-control, .form-select):focus{box-shadow: 0 0 0 1px var(--o-color-1), 0 0 0 0.2rem var(--vd-oranje-wash, color-mix(in srgb, var(--o-color-1) 10%, var(--o-color-4)));}body.o_fz_site #wrapwrap .btn{--btn-focus-box-shadow: none;} /* /vd_website_frost/static/src/scss/07_veld.scss */ body.o_fz_site{--vd-fz-veld-a: color-mix(in srgb, var(--o-color-1) 42%, var(--o-color-4)); --vd-fz-veld-b: color-mix(in srgb, #c8a77e 38%, var(--o-color-4)); --vd-fz-veld-c: color-mix(in srgb, #93b39c 34%, var(--o-color-4));}body.o_fz_site::before{content: ""; position: fixed; inset: -6vh -6vw; z-index: -1; pointer-events: none; background-image: radial-gradient(circle 32vw at 16vw calc(8vw + 6vh), var(--vd-fz-veld-a), transparent 100%), radial-gradient(circle 28vw at 100vw calc(28vh + 20vw), var(--vd-fz-veld-b), transparent 100%), radial-gradient(circle 26vw at 54vw calc(106vh + 2vw), var(--vd-fz-veld-c), transparent 100%); opacity: 0.6; animation: vd-fz-veld 32s ease-in-out infinite alternate;}@keyframes vd-fz-veld{to{transform: translate3d(3vw, 2vh, 0) scale(1.04);}}@media (prefers-reduced-motion: reduce){body.o_fz_site::before{animation: none;}} /* /vd_website_frost/static/src/scss/10_header.scss */ body.o_fz_site #wrapwrap#wrapwrap > header > nav.navbar, body.o_fz_site #wrapwrap#wrapwrap > header > div > nav.navbar{border-radius: var(--cs-fz-radius-panel) !important;}@media (min-width: 1200px) and (max-width: 1399.98px){body.o_fz_site #wrapwrap > header > .container, body.o_fz_site #wrapwrap > header nav.navbar:not(.o_header_mobile) > .container{max-width: none;}}@media (min-width: 1600px){body.o_fz_site header .navbar-nav > .nav-item > .nav-link:not(.o_nav_link_btn){padding-inline: 12px !important;}}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .navbar-nav > .nav-item[data-vd-fz-accent] > .nav-link{color: var(--vd-fz-tint-ink); box-shadow: inset 0 0 0 1px var(--vd-fz-accent-rim);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_wsale_my_cart > a, body.o_fz_site #wrapwrap > header .vd-fz-account > .vd-fz-account-link{--oi-font-size: 22px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; min-width: 44px; height: 44px; padding: 0 !important; border: 0; border-radius: var(--cs-fz-radius-pill) !important; background-color: transparent; color: var(--cs-fz-ink) !important; line-height: 1;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_wsale_my_cart > a:active, body.o_fz_site #wrapwrap > header .vd-fz-account > .vd-fz-account-link:active{transform: var(--cs-motion-press-knob); transition: transform var(--cs-motion-dur-press) var(--cs-motion-ease-press);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_wsale_my_cart > a > div, body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_wsale_my_cart > a .oi-stack, body.o_fz_site #wrapwrap > header .vd-fz-account > .vd-fz-account-link > div, body.o_fz_site #wrapwrap > header .vd-fz-account > .vd-fz-account-link .oi-stack{display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; line-height: 1;}body.o_fz_site #wrapwrap > header .my_cart_quantity, body.o_fz_site #wrapwrap > header .my_wish_quantity{--badge-padding-x: 5px; --badge-padding-y: 0px; --badge-font-size: 0.6875rem; --badge-font-weight: 700; --badge-border-radius: 9px; --badge-color: var(--o-color-5); min-width: 18px; height: 18px; line-height: 18px; color: var(--o-color-5) !important; font-variant-numeric: tabular-nums;}body.o_fz_site #wrapwrap > header .btn.vd-fz-cta{--cs-fz-btn-h: 44px; --btn-padding-x: 0px; --btn-padding-y: 0px; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 5px 5px 5px 20px; border-radius: var(--cs-fz-radius-pill); font-weight: 700; line-height: 1.2; white-space: nowrap; text-decoration: none;}body.o_fz_site #wrapwrap > header .vd-fz-knob{--oi-font-size: 18px; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--cs-fz-radius-pill); background-color: var(--cs-fz-on-primary); color: var(--vd-fz-pure); transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-glide);}@media (hover: hover){body.o_fz_site #wrapwrap > header .btn.vd-fz-cta:hover .vd-fz-knob{transform: translateX(3px);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_wsale_my_cart > a:hover, body.o_fz_site #wrapwrap > header .vd-fz-account > .vd-fz-account-link:hover{background-color: rgba(var(--cs-fz-shade-rgb), 0.07);}}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrapwrap > header .vd-fz-knob{transition: none;}body.o_fz_site #wrapwrap > header .btn.vd-fz-cta:hover .vd-fz-knob{transform: none;}} /* /vd_website_frost/static/src/scss/20_megamenu.scss */ body.o_fz_site .vd-mm-mat{display: inline-block; flex: 0 0 auto; width: 34px; height: 34px; overflow: hidden; border-radius: var(--cs-fz-radius-tile); background: var(--cs-fz-stage); box-shadow: inset 0 0 0 1px var(--vd-fz-line);}body.o_fz_site .vd-mm-mat > img{width: 100%; height: 100%; object-fit: cover;}body.o_fz_site .vd-mm-patroon{display: inline-flex; flex: 0 0 24px; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--link-color);}body.o_fz_site .vd-mm-patroon .vd-icon{width: 24px; height: 24px;}body.o_fz_site .vd-mm-stip{display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--vd-fz-line-strong);}body.o_fz_site .vd-mm-tel{font-variant-numeric: tabular-nums;}body.o_fz_site .vd-mm-alles{justify-content: flex-start; width: fit-content;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom){max-height: calc(100vh - 120px); border: 1px solid var(--vd-fz-rim); border-radius: var(--cs-fz-radius-panel) !important; background: var(--vd-fz-glass); -webkit-backdrop-filter: var(--cs-fz-blur); backdrop-filter: var(--cs-fz-blur); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) > section{padding: 22px 14px 18px !important; background-color: transparent !important;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .row:has(> .vd-mm-kolom){display: block; margin: 0; padding: 0 6px; columns: 5 200px; column-gap: 26px;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .row:has(> .vd-mm-kolom) > .vd-mm-kolom{display: contents;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .row:has(> .vd-mm-kolom) > :not(.vd-mm-kolom){column-span: all; width: 100%; max-width: 100%; margin-top: 6px !important; padding: 14px 0 0 !important;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom > .vd-mm-rol, body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom > .vd-mm-kop{break-after: avoid;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom > nav{break-inside: avoid; margin-bottom: 12px;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom > .vd-mm-rol{padding-top: 4px;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom:not(:first-child) > .vd-mm-rol{margin-top: 8px !important;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-rol{min-height: 0; margin-bottom: 12px !important; padding-bottom: 0; border-bottom: 0; color: var(--vd-fz-faint); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-rol .vd-icon{width: 16px; height: 16px; color: var(--o-color-1);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kop{margin: 14px 0 4px !important; padding-bottom: 4px; border-bottom: 1px solid var(--vd-fz-line); color: var(--cs-fz-ink) !important; font-size: 0.95rem !important; font-weight: 700; letter-spacing: 0; text-transform: none !important;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-rol + .vd-mm-kop{margin-top: 0 !important;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .nav-link{gap: 0; min-height: 30px; padding: 4px 8px !important; border-radius: var(--cs-fz-radius-tile) !important; color: var(--cs-fz-ink); font-weight: 500; line-height: 1.3;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-mat img{padding: 0 !important; border: 0 !important; border-radius: inherit !important; background: none !important; box-shadow: none; object-fit: cover;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-tel{color: var(--vd-fz-faint) !important; font-size: 0.8125rem !important; font-variant-numeric: tabular-nums; opacity: 1;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-alles{width: fit-content; font-weight: 700;}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-pijl{width: 18px; height: 18px; transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-glide);}@media (min-width: 1200px){body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) > section{padding: 24px 20px 18px !important;}}@media (hover: hover){body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .nav-link:hover{background-color: var(--vd-fz-tint); color: var(--cs-fz-ink);}body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu:has(.vd-mm-kolom) .vd-mm-alles:hover .vd-mm-pijl{transform: translateX(3px);}}@media (prefers-reduced-motion: no-preference){body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu.show:has(.vd-mm-kolom){transition: opacity var(--cs-motion-dur-base) var(--cs-motion-ease-out), transform var(--cs-motion-dur-base) var(--cs-motion-ease-out);}@starting-style{body.o_fz_site #wrapwrap > header .navbar:not(.o_header_mobile) .o_mega_menu.show:has(.vd-mm-kolom){opacity: 0; transform: translateY(-6px);}}}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrapwrap > header .o_mega_menu:has(.vd-mm-kolom) .vd-mm-pijl{transition: none;}}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kolom{padding-bottom: 6px !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-rol{margin: 10px 0 4px !important; padding: 0 10px; border-bottom: 0; color: var(--vd-fz-faint); font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-rol .vd-icon{width: 16px; height: 16px; color: var(--o-color-1);}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-kop{margin: 12px 10px 2px !important; padding: 0 0 6px; border-bottom: 1px solid var(--vd-fz-line); color: var(--cs-fz-ink) !important; font-size: 0.9375rem !important; font-weight: 700; text-transform: none !important;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .nav-link{min-height: 44px;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-mat{width: 32px; height: 32px;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-mat img{width: 100%; height: 100%; padding: 0 !important; border: 0 !important; border-radius: inherit !important; background: none !important; box-shadow: none; object-fit: cover;}body.o_fz_site #wrapwrap > header .offcanvas .o_mega_menu:has(.vd-mm-kolom) .vd-mm-tel{color: var(--vd-fz-faint) !important; font-variant-numeric: tabular-nums;} /* /vd_website_frost/static/src/scss/30_drawer.scss */ body.o_fz_site #wrapwrap > header .offcanvas{background: var(--vd-fz-lade);}body.o_fz_site #wrapwrap > header .offcanvas .offcanvas-body{justify-content: flex-start !important; gap: 14px; padding: 0 16px 20px;}body.o_fz_site #wrapwrap > header .offcanvas .offcanvas-body > ul.navbar-nav.mt-3{order: -1; flex-direction: column-reverse; gap: 8px !important; margin-top: 0 !important;}body.o_fz_site #wrapwrap > header .offcanvas .top_menu{gap: 4px;}body.o_fz_site #wrapwrap > header .offcanvas .top_menu > .nav-item{overflow: hidden; border: 1px solid var(--vd-fz-line) !important; border-radius: var(--cs-fz-radius-card); background-color: var(--vd-fz-pure);}body.o_fz_site #wrapwrap > header .offcanvas .top_menu > .nav-item > .nav-link{min-height: 46px !important; border-radius: 0; font-weight: 700;}body.o_fz_site #wrapwrap > header .offcanvas .vd-fz-showroom{margin-top: 8px; padding: 16px 18px; border-radius: var(--cs-fz-radius-card); background-color: var(--vd-fz-pure); box-shadow: var(--vd-fz-shadow-float); color: var(--cs-fz-ink); list-style: none;}body.o_fz_site #wrapwrap > header .offcanvas .vd-fz-showroom-titel{margin: 0 0 4px; font-size: 1.0625rem; font-weight: 700; line-height: 1.3;}body.o_fz_site #wrapwrap > header .offcanvas .vd-fz-showroom-adres{margin: 0; line-height: 1.45;}body.o_fz_site #wrapwrap > header .offcanvas .vd-fz-showroom-tel{display: inline-flex; align-items: center; min-height: 44px; color: var(--link-color); font-weight: 600; text-decoration: none;}@media (hover: hover){body.o_fz_site #wrapwrap > header .offcanvas .vd-fz-showroom-tel:hover{text-decoration: underline;}} /* /vd_website_frost/static/src/scss/40_footer.scss */ body.o_fz_site #wrapwrap > footer #footer > section.vd-voordelen:first-child{padding-top: 16px !important; padding-bottom: 16px !important;}body.o_fz_site #wrapwrap > footer #footer .vd-voordelen a{min-height: 44px; padding: 6px 8px; border-radius: var(--cs-fz-radius-tile); color: inherit;}body.o_fz_site #wrapwrap > footer #footer .vd-voordelen .vd-icon{opacity: 0.86;}body.o_fz_site #wrapwrap > footer #footer .vd-plaat{padding: 6px 8px; line-height: 0;}body.o_fz_site #wrapwrap > footer #footer .vd-voetlogo{display: block; width: auto; height: 40px;}body.o_fz_site #wrapwrap > footer #footer .vd-betaallogo{display: block; width: auto; height: 24px;}body.o_fz_site #wrapwrap > footer #footer .vd-voetkop{margin-bottom: 12px;}body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle{display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: left;}body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle .oi[data-icon]{transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-out);}body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle[aria-expanded="true"] .oi[data-icon]{transform: rotate(180deg);}body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks a, body.o_fz_site #wrapwrap > footer #footer .vd-voetonder a{text-decoration: none;}body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks a:not(.btn){color: inherit;}body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks a:not(.btn):focus-visible{color: var(--o-color-1); text-decoration: underline;}body.o_fz_site #wrapwrap > footer #footer .vd-voetonder a:focus-visible{text-decoration: underline;}body.o_fz_site #wrapwrap > footer #footer a:focus-visible{outline: 2px solid currentColor; outline-offset: 3px; border-radius: var(--cs-fz-radius-tile);}body.o_fz_site #wrapwrap > footer #footer .vd-voetintro{max-width: 38rem;}body.o_fz_site #wrapwrap > footer #footer .vd-voetactie{padding: 20px; border-radius: var(--cs-fz-radius-card); border: 1px solid var(--vd-lijn-op-donker);}body.o_fz_site #wrapwrap > footer #footer .s_newsletter_subscribe_form .form-control, body.o_fz_site #wrapwrap > footer #footer .s_newsletter_subscribe_form .js_subscribe_btn{min-height: 44px;}body.o_fz_site #wrapwrap > footer #footer .s_newsletter_subscribe_form .js_subscribe_btn{display: inline-flex; align-items: center; white-space: nowrap;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr{font-size: 0.9375rem;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-top{display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-logo{display: inline-flex; margin-bottom: 16px; padding: 10px 14px; border-radius: 8px; background-color: var(--o-color-4); line-height: 0;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-logo img{width: auto; height: 28px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-merk p{max-width: 38ch; margin: 0 0 16px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-contact{display: grid; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-contact li{display: flex; align-items: center; gap: 10px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-contact .vd-icon{width: 18px; height: 18px; flex: none;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-contact .oi{--oi-font-size: 18px; flex: none;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr a:not(.btn){color: inherit; text-decoration: none;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-voetkop{margin-bottom: 12px; font-size: 1rem; color: var(--o-color-4);}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-kolom ul li + li{margin-top: 8px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-bot{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 18px; margin-top: 36px; padding-top: 22px; padding-bottom: 22px; padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid color-mix(in srgb, var(--o-color-4) 14%, transparent); font-size: 0.8125rem;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-juridisch{display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-betalen{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-betalen > li, body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-betalen span{padding: 4px 9px; border: 1px solid color-mix(in srgb, var(--o-color-4) 14%, transparent); border-radius: 6px; background-color: color-mix(in srgb, var(--o-color-4) 9%, transparent); color: var(--o-color-4); font-size: 11px; font-weight: 600;}@media (min-width: 768px){body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-betalen{margin-left: auto;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-top{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-top > .vd-ftr-merk{grid-column: 1 / -1;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-kolom ul.list-unstyled > li{min-height: 0;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-kolom ul.list-unstyled a{min-height: 0; min-width: 0;}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-voetkop{margin-bottom: 12px !important;}}@media (min-width: 1200px){body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-top{grid-template-columns: 1.3fr repeat(5, minmax(0, 1fr));}body.o_fz_site #wrapwrap > footer #footer .vd-ftr .vd-ftr-top > .vd-ftr-merk{grid-column: auto;}}@media (hover: hover){body.o_fz_site #wrapwrap > footer #footer a:not(.btn):hover{color: var(--o-color-4) !important;}}body.o_fz_site #wrapwrap .o_footer_copyright{display: none !important;}@media (max-width: 575.98px){body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks{font-size: 0.9375rem;}body.o_fz_site #wrapwrap > footer #footer .vd-voordelen .vd-icon{width: 18px; height: 18px;}body.o_fz_site #wrapwrap > footer #footer .vd-voetactie{padding: 16px;}body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks > .col-6{width: 100%; padding-block: 2px;}body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks ul{padding-top: 8px;}}@media (min-width: 768px){body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle{min-height: 0; pointer-events: none;}body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle .oi{display: none;}}@media (hover: hover){body.o_fz_site #wrapwrap > footer #footer .vd-voetlinks a:not(.btn):hover{color: var(--o-color-1); text-decoration: underline;}body.o_fz_site #wrapwrap > footer #footer .vd-voetonder a:hover{text-decoration: underline;}}@media (prefers-reduced-motion: no-preference){body.o_fz_site #wrapwrap > footer #footer .vd-voordelen a .vd-icon{transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site #wrapwrap > footer #footer .vd-plaat{transition: opacity var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}}@media (prefers-reduced-motion: no-preference) and (hover: hover){body.o_fz_site #wrapwrap > footer #footer .vd-voordelen a:hover .vd-icon{transform: translateX(3px);}body.o_fz_site #wrapwrap > footer #footer a.vd-plaat:hover{opacity: 0.85;}}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrapwrap > footer #footer .vd-voet-toggle .oi[data-icon]{transition: none;}}body.o_fz_site #wrapwrap > footer #footer .s_social_media a > :is(i, .oi, .fa){background-color: var(--o-color-4) !important; color: inherit !important;} /* /vd_website_frost/static/src/scss/50_kassa.scss */ body.o_fz_site #shop_cart #cart_products{gap: 12px;}body.o_fz_site #shop_cart .o_cart_product{padding: 14px !important; border-radius: var(--cs-fz-radius-card); background: var(--vd-fz-pure); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #shop_cart .o_cart_product + .o_cart_product{border-top: 0 !important;}body.o_fz_site #shop_cart .o_cart_product_image img{border-radius: 6px;}body.o_fz_site .o_total_card.card{border: 0; border-radius: var(--cs-fz-radius-panel); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site .vd-gratis{display: grid; gap: 8px; margin-bottom: 4px; padding: 12px 14px; border-radius: var(--vd-fz-radius-row); background: var(--vd-fz-tint); color: var(--cs-fz-ink); font-size: 0.9375rem;}body.o_fz_site .vd-gratis .oi{--oi-font-size: 18px; vertical-align: -0.2em; color: var(--vd-fz-tint-ink);}body.o_fz_site .vd-gratis-bar{display: block; height: 8px; overflow: hidden; border-radius: 999px; background: var(--vd-fz-pure);}body.o_fz_site .vd-gratis-bar > span{display: block; height: 100%; border-radius: 999px; background: var(--vd-st-accent, var(--o-color-1));} /* /vd_website_frost/static/src/css/diensten.css */ body.o_fz_site #wrap:has(> .vd-jsonld-dienst){--vd-d-line: var(--vd-fz-line); --vd-d-pure: var(--vd-fz-pure, var(--o-color-4)); --vd-d-muted: color-mix(in srgb, var(--o-color-5) 70%, var(--o-color-4)); --vd-d-shade: color-mix(in srgb, var(--o-color-5) 34%, transparent); --vd-d-shade-soft: color-mix(in srgb, var(--o-color-5) 14%, transparent); padding-bottom: 18px;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section:first-of-type{margin-top: 18px;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section h1{font-size: clamp(2.5rem, calc(1.55rem + 3.6vw), 4.9rem); font-weight: 800; line-height: .98; letter-spacing: -.035em; text-wrap: balance;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section h2{font-size: clamp(1.75rem, calc(1.25rem + 1.6vw), 2.75rem); font-weight: 800; line-height: 1.06; letter-spacing: -.025em; text-wrap: balance;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section .lead{line-height: 1.5;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .btn:not(.btn-link){border-radius: 999px; font-weight: 700;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_steps .row.g-0{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0;}@media (max-width: 991.98px){body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_steps .row.g-0{grid-template-columns: repeat(2, minmax(0, 1fr));}}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section.s_text_block p, body.o_fz_site #wrap:has(> .vd-jsonld-dienst) > section.s_process_steps .lead{max-width: 75ch;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step{width: auto; max-width: none; flex: none; display: grid; gap: 10px; align-content: start; padding: 20px !important; background: var(--vd-d-pure); border: 1px solid var(--vd-d-line); border-radius: 8px; text-align: left;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step > svg{display: none;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step_number{width: 36px !important; height: 36px !important; margin: 0 !important; background: var(--o-color-5) !important; color: var(--o-color-4);}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step:first-child .s_process_step_number{background: var(--o-color-1) !important; color: var(--o-color-5);}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step_number h3{font-size: 1rem; font-weight: 800; color: inherit;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step_content{margin: 0 !important; padding: 0 !important; text-align: left !important;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step_content h3{margin: 0 0 4px; font-size: 1.05rem; font-weight: 700;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_step_content p{margin: 0; font-size: .9375rem; line-height: 1.45; color: var(--vd-d-muted);}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_card, body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .vd-offertekaart{padding: 10px 10px 4px; border: 1px solid var(--vd-d-line); border-radius: 8px; overflow: hidden; background: var(--vd-d-pure); transition: transform .24s cubic-bezier(.25, 1, .5, 1), box-shadow .24s cubic-bezier(.25, 1, .5, 1);}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_card .o_card_img_wrapper, body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .vd-offertekaart .card-img-top{border-radius: 8px; overflow: hidden;}@media (hover: hover){body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .vd-offertekaart:hover{transform: translateY(-2px); box-shadow: 0 22px 40px -24px var(--vd-d-shade), 0 4px 10px -6px var(--vd-d-shade-soft);}}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .accordion{display: grid; gap: 10px;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .accordion-item{border: 1px solid var(--vd-d-line) !important; border-radius: 8px !important; overflow: hidden; background: var(--vd-d-pure);}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .accordion-button{padding: 18px 20px; font-weight: 700; font-size: 1.04rem; background: var(--vd-d-pure); box-shadow: none;}body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .accordion-body{padding: 0 20px 20px; color: var(--vd-d-muted); max-width: 70ch;}@media (max-width: 767.98px){body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_process_steps .row.g-0{grid-template-columns: minmax(0, 1fr);}}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .s_card, body.o_fz_site #wrap:has(> .vd-jsonld-dienst) .vd-offertekaart{transition: none;}} /* /vd_website_frost/static/src/css/blog.css */ body.o_fz_site .o_record_cover_container:has(> .o_record_cover_image[style*="background-image: none"]), body.o_fz_site .o_record_cover_container:has(> .o_record_cover_image:not([style])){background: radial-gradient(120% 90% at 85% 15%, color-mix(in srgb, var(--o-color-1) 38%, transparent), transparent 60%), linear-gradient(140deg, var(--o-cc5-bg, var(--o-color-5)), color-mix(in srgb, var(--o-cc5-bg, var(--o-color-5)) 82%, var(--o-color-1))) !important;}body.o_fz_site #o_wblog_sidebar .s_social_media > a[href="#"]{display: none;}body.o_fz_site #o_wblog_sidebar .o_wblog_sidebar_block:has(.s_social_media):not(:has(.s_social_media > a:not([href="#"]))){display: none;}body.o_fz_site .o_wblog_posts_loop .pagination, body.o_fz_site #o_wblog_posts_loop_container .pagination{justify-content: center;} /* /vd_website_frost/static/src/css/inhoud.css */ body.o_fz_site #wrapwrap > main .btn:is(.btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-dark):not(.input-group > .btn){border-radius: 999px;}body.o_fz_site #wrapwrap > main .btn.btn-secondary:not(.input-group > .btn){background-color: var(--o-color-4); color: var(--o-color-5); border: 1px solid var(--vd-fz-line-strong, rgba(0, 0, 0, .2));}body.o_fz_site #wrapwrap > main .btn.btn-secondary:not(.input-group > .btn):hover{border-color: var(--o-color-5); color: var(--o-color-5);}body.o_fz_site #wrapwrap .vd-services a.vd-button{display: inline-flex; align-items: center; min-height: 48px; padding: 10px 22px; border-radius: 999px; background: var(--vd-st-knop, var(--o-color-5)); color: var(--vd-st-knop-tekst, var(--o-color-4)) !important; border: 1px solid transparent; font-weight: 700; text-decoration: none; box-shadow: var(--vd-fz-shadow-knop, none);}body.o_fz_site #wrapwrap .vd-services .vd-dark a.vd-button:not(.vd-button-alt){background: var(--vd-st-band-knop, var(--o-color-4)); color: var(--vd-st-band-knop-tekst, var(--o-color-5)) !important;}body.o_fz_site #wrapwrap .vd-services a.vd-button.vd-button-alt{background: transparent; color: inherit !important; border-color: currentColor; box-shadow: none;}body.o_fz_site #wrapwrap .s_dynamic_snippet_products .carousel-inner{padding: 14px 34px 50px; width: calc(100% + 68px) !important; margin: -14px -34px -50px !important;}@media (hover: hover){body.o_fz_site #wrapwrap .s_dynamic_snippet_products .oe_product_cart:hover{box-shadow: var(--vd-fz-shadow-sheet-hover);}}body.o_fz_site #wrapwrap .vd-grid-pricerow{display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 10px;}body.o_fz_site #wrapwrap .vd-grid-pricerow :is(.vd-grid-pack, .vd-grid-m2){font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; white-space: nowrap;}body.o_fz_site #wrapwrap .vd-grid-pricerow .vd-grid-m2{margin-left: auto; color: var(--vd-fz-tint-ink, color-mix(in srgb, var(--o-color-1) 62%, var(--o-color-5)));}@media (max-width: 575.98px){body.o_fz_site #wrapwrap .vd-grid-pricerow :is(.vd-grid-pack, .vd-grid-m2){font-size: 1.05rem;}}@supports (interpolate-size: allow-keywords){body.o_fz_site{interpolate-size: allow-keywords;}body.o_fz_site #wrapwrap details::details-content{block-size: 0; overflow-y: clip; opacity: 0; transition: block-size var(--cs-motion-dur-base, .24s) var(--cs-motion-ease-out, ease-out), opacity var(--cs-motion-dur-base, .24s) var(--cs-motion-ease-out, ease-out), content-visibility var(--cs-motion-dur-base, .24s) allow-discrete;}body.o_fz_site #wrapwrap details[open]::details-content{block-size: auto; opacity: 1;}}body.o_fz_site .collapsing{transition-duration: var(--cs-motion-dur-base, .24s); transition-timing-function: var(--cs-motion-ease-out, ease-out);}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrapwrap details::details-content, body.o_fz_site .collapsing{transition: none;}}body.o_fz_site #wrapwrap > :is(main, footer) a:where(:not([class]), [class=""]):not(:has(img, svg, i, .vd-icon)){text-decoration: none !important; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size var(--cs-motion-dur-base, .24s) var(--cs-motion-ease-out, ease-out);}body.o_fz_site #wrapwrap > :is(main, footer) a:where(:not([class]), [class=""]):not(:has(img, svg, i, .vd-icon)):is(:hover, :focus-visible){background-size: 100% 1px;}body.o_fz_site #wrapwrap > main :is(p, li, dd, td) > a:where(:not([class]), [class=""]):not(:has(img, svg, i, .vd-icon)){background-image: linear-gradient(currentColor, currentColor), linear-gradient(color-mix(in srgb, currentColor 30%, transparent), color-mix(in srgb, currentColor 30%, transparent)); background-size: 0% 1px, 100% 1px; background-position: 0 100%, 0 100%;}body.o_fz_site #wrapwrap > main :is(p, li, dd, td) > a:where(:not([class]), [class=""]):not(:has(img, svg, i, .vd-icon)):is(:hover, :focus-visible){background-size: 100% 1px, 100% 1px;}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrapwrap > :is(main, footer) a:where(:not([class]), [class=""]){transition: none;}}body.o_fz_site #wrapwrap > main .input-group:has(> .oe_search_button){border: 1px solid var(--vd-fz-line-strong, rgba(0, 0, 0, .2)); border-radius: 999px; overflow: hidden; background: var(--o-color-4);}body.o_fz_site #wrapwrap > main .input-group:has(> .oe_search_button) > :is(input, .btn){border: 0; background: transparent;}body.o_fz_site .oe_product_cart .oe_product_image_img{object-fit: cover !important;}body.o_fz_site .oe_product_cart .vd-uitsnede-vak{position: relative; overflow: hidden;}body.o_fz_site .oe_product_cart .vd-uitsnede-beeld{background: #fff;} /* /vd_website_frost/static/src/css/portaal.css */ body.o_fz_site.o_fz_chrome .o_portal_index_card .cs-frost-portal-ic{display: none;}body.o_fz_site .vd-portaalmenu{margin-top: 18px;}body.o_fz_site .vd-portaalmenu ul{display: flex; gap: 4px; margin: 0; padding: 5px; list-style: none; overflow-x: auto; scrollbar-width: none; background: var(--vd-fz-glass, rgba(255, 255, 255, .88)); border: 1px solid var(--vd-fz-rim, rgba(255, 255, 255, .85)); border-radius: 999px; box-shadow: var(--vd-fz-shadow-float, none); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);}body.o_fz_site .vd-portaalmenu ul::-webkit-scrollbar{display: none;}body.o_fz_site .vd-portaalmenu li{flex: none;}body.o_fz_site .vd-portaalmenu li[hidden]{display: none;}body.o_fz_site .vd-portaalmenu a{display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border-radius: 999px; color: var(--o-color-5); font-size: .9375rem; font-weight: 600; white-space: nowrap; text-decoration: none; transition: background-color var(--cs-motion-dur-fast, .16s) var(--cs-motion-ease-out, ease-out);}body.o_fz_site .vd-portaalmenu a .oi{--oi-font-size: 18px; font-size: 18px; opacity: .8;}body.o_fz_site .vd-portaalmenu a:hover{background: color-mix(in srgb, var(--o-color-5) 7%, transparent); color: var(--o-color-5);}body.o_fz_site .vd-portaalmenu a[aria-current="page"]{background: var(--vd-st-knop, var(--o-color-5)); color: var(--vd-st-knop-tekst, var(--o-color-4));}body.o_fz_site .vd-portaalmenu a[aria-current="page"] .oi{opacity: 1;}body.o_fz_site .vd-portaalmenu a:focus-visible{outline: 2px solid var(--o-color-5); outline-offset: 2px;}body.o_fz_site .vd-portaalmenu .vd-portaalmenu-uit{margin-left: auto;}body.o_fz_site .vd-portaalmenu .vd-portaalmenu-uit a{color: color-mix(in srgb, var(--o-color-5) 70%, var(--o-color-4));}@media (max-width: 767.98px){body.o_fz_site .vd-portaalmenu ul{border-radius: 22px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);}body.o_fz_site .vd-portaalmenu .vd-portaalmenu-uit{margin-left: 0;}}body.o_fz_site .o_portal_submenu.breadcrumb{--bs-breadcrumb-divider: "›"; align-items: center; gap: 2px 0; font-size: .9375rem; font-weight: 600; color: var(--o-color-5);}body.o_fz_site .o_portal_submenu.breadcrumb .breadcrumb-item + .breadcrumb-item::before{content: "›"; color: color-mix(in srgb, var(--o-color-5) 45%, var(--o-color-4)); font-weight: 400;}body.o_fz_site .o_portal_submenu.breadcrumb a{color: var(--vd-fz-tint-ink, var(--o-color-1)); text-decoration: none;}body.o_fz_site .o_portal_submenu.breadcrumb a:hover{text-decoration: underline;}body.o_fz_site .o_portal_submenu.breadcrumb .oi[data-icon="home"]{--oi-font-size: 18px; font-size: 18px; vertical-align: -3px;}body.o_fz_site .o_portal_submenu.breadcrumb .breadcrumb-item.active{color: var(--o-color-5);}body.o_fz_site .o_portal_navbar{flex-wrap: wrap;}body.o_fz_site .o_portal_navbar > .cs-frost-portal-title{order: 5; flex: 1 0 100%; margin-top: 14px; text-align: start;}body.o_fz_site .o_portal_navbar > .cs-frost-portal-title h1{margin: 0; font-size: 2rem; font-weight: 800; letter-spacing: -.02em;}body.o_fz_site .o_portal_navbar > .cs-frost-portal-title p{margin: 4px 0 0; color: color-mix(in srgb, var(--o-color-5) 70%, var(--o-color-4));}body.o_fz_site .o_portal_sidebar > .row > .o_cs_wl_portal_powered_by{order: 99;} /* /vd_website_frost/static/src/css/rand.css */ body.o_fz_site #wrapwrap{--vd-goot: clamp(15px, 3.2vw, 40px); --vd-rand: max(var(--vd-goot), calc((100% - var(--vd-content-max, 1512px)) / 2 + 15px));}@media (min-width: 576px){body.o_fz_site #wrapwrap > :is(main, footer) :is(.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl){max-width: min(var(--vd-content-max, 1512px), calc(100% - 2 * (var(--vd-goot) - 15px)));}body.o_fz_site #wrapwrap > :is(main, footer) :is(.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid, .o_container_small) :is(.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl){max-width: 100%;}}body.o_fz_site .o_wsale_product_page #product_full_description{max-width: none; margin-inline: 0; padding-inline: var(--vd-rand);} /* /vd_website_frost/static/src/css/blokken.css */ body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion{display: grid; gap: 10px; --bs-accordion-border-width: 0;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-item{border: 0 !important; border-radius: var(--vd-fz-radius-row) !important; overflow: hidden; background: var(--vd-fz-pure); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-button{gap: 16px; padding: 18px 20px; font-weight: 700; color: var(--o-color-5); background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-button::after{content: "" !important; font-size: 0; flex: none; width: 34px; height: 34px; margin-left: auto; border-radius: 50%; background-image: linear-gradient(var(--vd-fz-tint-ink), var(--vd-fz-tint-ink)), linear-gradient(var(--vd-fz-tint-ink), var(--vd-fz-tint-ink)) !important; background-size: 12px 2px, 2px 12px !important; background-position: center !important; background-repeat: no-repeat !important; background-color: var(--vd-fz-tint) !important; transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-glide);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-button:not(.collapsed)::after{transform: rotate(45deg);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-body{padding: 0 20px 18px; color: var(--vd-fz-faint, inherit);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) .accordion-collapse{border: 0 !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details){border: 0 !important; border-radius: var(--vd-fz-radius-row) !important; overflow: hidden; background: var(--vd-fz-pure) !important; box-shadow: var(--vd-fz-shadow-sheet); margin-bottom: 10px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details) > summary{display: flex; align-items: center; gap: 16px; padding: 18px 20px; font-weight: 700; cursor: pointer; list-style: none;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details) > summary::-webkit-details-marker{display: none;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details) > summary::after{content: ""; flex: none; width: 34px; height: 34px; margin-left: auto; border-radius: 50%; background: linear-gradient(var(--vd-fz-tint-ink), var(--vd-fz-tint-ink)) center / 12px 2px no-repeat, linear-gradient(var(--vd-fz-tint-ink), var(--vd-fz-tint-ink)) center / 2px 12px no-repeat, var(--vd-fz-tint); transition: transform var(--cs-motion-dur-base) var(--cs-motion-ease-glide);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details)[open] > summary::after{transform: rotate(45deg);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .cs-faq-item > summary .oi{display: none;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.cs-faq-item, .vd-services details, .vd-adviespagina details) > :not(summary){padding-inline: 20px;}body.o_fz_site #wrapwrap > main #wrap:not(.o_wsale_product_page, .o_wsale_products_page) a.btn.btn-primary:not(.btn-sm, .btn-link, .s_website_form_send, .dropdown-toggle){display: inline-flex; align-items: center; min-height: 56px; font-size: 1rem; font-weight: 700; line-height: 1.2; white-space: nowrap; box-shadow: var(--vd-fz-shadow-knop);}@media (max-width: 575.98px){body.o_fz_site #wrapwrap > main #wrap a.btn.btn-primary:not(.btn-sm, .btn-link){white-space: normal; text-align: left;}}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) a.btn:is(.btn-outline-secondary, .btn-outline-primary, .btn-secondary){color: var(--o-color-5); border: 1px solid var(--vd-fz-line-strong); background: transparent; font-weight: 700;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.o_cc5, .o_cc4) a.btn:is(.btn-outline-secondary, .btn-outline-primary, .btn-secondary){color: inherit; border-color: currentColor;}body.o_fz_site #wrapwrap > main #wrap .btn.btn-sm:not(.btn-link){display: inline-flex; align-items: center; justify-content: center; padding-inline: 16px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.s_card, .o_wblog_post.card):not(.oe_product_cart){border: 0; border-radius: var(--cs-fz-radius-card); overflow: hidden; box-shadow: var(--vd-fz-shadow-sheet);}@media (hover: hover){body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.s_card, .o_wblog_post.card):not(.oe_product_cart):hover{box-shadow: var(--vd-fz-shadow-sheet-hover);}}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.s_card, .o_wblog_post.card) .card-img-top{border-radius: 0;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5){margin: 20px var(--vd-rand); border-radius: var(--cs-fz-radius-panel); overflow: hidden;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5) > :is(.container, .container-fluid, .o_container_small){max-width: none; padding-inline: clamp(20px, 3.2vw, 48px);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5):first-child{margin-top: 16px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5):last-child{margin-bottom: 56px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section:is(.o_cc1, .o_cc2):not([style*="background"]){background-color: transparent !important; background-image: none !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.s_title, .s_cover) h1.display-4{font-weight: 700; letter-spacing: -.03em;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.vd-eyebrow, p.text-uppercase.small){color: var(--vd-fz-tint-ink); font-size: 13px; font-weight: 800; letter-spacing: .14em;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.o_cc5, .vd-dark) :is(.vd-eyebrow, p.text-uppercase.small){color: var(--vd-st-nadruk, var(--o-color-1));}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) :is(.s_text_image, .s_image_text, .s_text_block) img:not(.card img, .oe_product_cart img, .vd-icon){border-radius: var(--cs-fz-radius-tile);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) table.table{border-radius: var(--vd-fz-radius-row); overflow: hidden; background: var(--vd-fz-pure); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #website_cookies_bar .btn{transition-property: color, background-color, border-color;}body.o_fz_site #website_cookies_bar .o_cookies_popup .modal-dialog{max-width: 34rem;}body.o_fz_site #website_cookies_bar .o_cookies_popup .modal-content{border: 0; border-radius: var(--cs-fz-radius-panel, 12px) !important; overflow: hidden; background: var(--vd-fz-pure, var(--o-color-4)); box-shadow: var(--vd-fz-shadow-float);}body.o_fz_site #website_cookies_bar .o_cookies_popup section{padding: 24px 24px 20px !important; background: transparent !important;}body.o_fz_site #website_cookies_bar .o_cookies_bar_text_title{font-size: 1.2rem; font-weight: 800; letter-spacing: -.015em; margin-bottom: 8px;}body.o_fz_site #website_cookies_bar .o_cookies_bar_text_primary, body.o_fz_site #website_cookies_bar .o_cookies_bar_text_secondary{margin-bottom: 4px; font-size: .9375rem; line-height: 1.5; color: var(--vd-fz-faint, inherit);}body.o_fz_site #website_cookies_bar .o_cookies_bar_text_policy{color: var(--o-color-5); font-weight: 700; text-decoration: underline;}body.o_fz_site #website_cookies_bar .o_cookies_popup .btn{min-height: 48px; margin: 14px 4px 0 !important; padding: 10px 22px !important; border-width: 1.5px; border-style: solid; border-radius: var(--cs-fz-radius-pill, 999px) !important; font-weight: 700; font-size: .9375rem; box-shadow: none;}body.o_fz_site #website_cookies_bar .o_cookies_popup .o_cookies_bar_accept_all{background: var(--vd-st-knop, var(--o-color-5)) !important; border-color: var(--vd-st-knop, var(--o-color-5)) !important; color: var(--vd-st-knop-tekst, var(--o-color-4)) !important;}body.o_fz_site #website_cookies_bar .o_cookies_popup .o_cookies_bar_accept_essential{background: transparent !important; border-color: var(--vd-fz-line-strong, currentColor) !important; color: var(--o-color-5) !important;}@media (hover: hover){body.o_fz_site #website_cookies_bar .o_cookies_popup .o_cookies_bar_accept_essential:hover{background: var(--vd-fz-tint, transparent) !important;}}body.o_fz_site #website_cookies_bar .o_cookies_popup .btn:focus-visible{outline: 2px solid var(--o-color-5); outline-offset: 2px;}@media (max-width: 575.98px){body.o_fz_site #website_cookies_bar .o_cookies_popup section{padding: 18px 16px 16px !important;}body.o_fz_site #website_cookies_bar .o_cookies_popup .btn{width: 100%; margin: 10px 0 0 !important;}}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section :is(h1, .h1){font-size: clamp(2.1rem, calc(1.3rem + 2.6vw), 3.4rem) !important; font-weight: 700; letter-spacing: -.03em; line-height: 1.04; text-wrap: balance;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section :is(h2, .h2){font-size: clamp(1.55rem, calc(1.15rem + 1.2vw), 2.25rem) !important; font-weight: 700; letter-spacing: -.022em; line-height: 1.1; text-wrap: balance;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section :is(h3, .h3):not(.card-title){font-weight: 700; letter-spacing: -.012em; line-height: 1.2;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section p.lead{font-size: 1.0625rem; line-height: 1.55; max-width: 68ch;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers{padding-block: 20px !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row{margin-inline: 0; border-radius: var(--cs-fz-radius-card); overflow: hidden; background: var(--vd-fz-pure, var(--o-color-4)); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row > [class*="col"]{padding: 22px 24px; border-left: 1px solid var(--vd-fz-line);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row > [class*="col"]:first-child{border-left: 0;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row p{margin: 0; text-align: left !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers .s_number{display: inline-block; margin-bottom: 4px; font-size: clamp(2rem, calc(1.5rem + 1.3vw), 2.7rem) !important; font-weight: 800; letter-spacing: -.03em; line-height: 1.05;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers .s_number ~ span{color: var(--vd-fz-faint, inherit); font-size: .9375rem; font-weight: 500;}@media (max-width: 767.98px){body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row > [class*="col"]{border-left: 0; border-top: 1px solid var(--vd-fz-line); padding: 16px 18px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section.s_numbers > .container > .row > [class*="col"]:first-child{border-top: 0;}}body.o_fz_site #wrapwrap > main #wrap .vd-cat-advies__item{height: 100%; padding: 22px 24px; border: 0; border-radius: var(--cs-fz-radius-card); background: var(--vd-fz-pure, var(--o-color-4)); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrapwrap > main #wrap .vd-cat-advies__item :is(h3, .h5){margin-bottom: 8px; font-size: 1.0625rem; font-weight: 700;}body.o_fz_site #wrapwrap > main #wrap .vd-cat-advies__item p{margin-bottom: 0; color: var(--vd-fz-faint, inherit);}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body:not(.flex-column){display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body:not(.flex-column) > :is(h3, .card-title, p, .card-text){flex: 0 0 100%; margin-bottom: 4px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body > a.btn.btn-sm{min-height: 40px; margin: 6px 0 0;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body > :is(a.btn.btn-link, a:not(.btn)){display: inline-flex; align-items: center; min-height: 40px; margin: 6px 0 0; padding: 0 4px; border: 0; box-shadow: none; color: var(--vd-fz-tint-ink, var(--o-color-1)); font-size: 1rem; font-weight: 400; line-height: 1.2; text-decoration: none !important; background: none !important;}@media (hover: hover){body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body > :is(a.btn.btn-link, a:not(.btn)):hover{text-decoration: underline !important; text-underline-offset: 4px;}}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card .card-body > :is(a.btn.btn-link, a:not(.btn)):focus-visible{outline: 2px solid var(--o-color-5); outline-offset: 2px; border-radius: 4px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card:not(.oe_product_cart){border: 0; border-radius: var(--cs-fz-radius-card); overflow: hidden; box-shadow: var(--vd-fz-shadow-sheet); background: var(--vd-fz-pure, var(--o-color-4));}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) .card.vd-offertekaart .card-img-top{aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0;}body.o_fz_site #wrapwrap > main #wrap .vd-cat-collecties{display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none;}body.o_fz_site #wrapwrap > main #wrap .vd-cat-collecties__chip{display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; border-radius: var(--cs-fz-radius-pill, 999px); border: 1px solid var(--vd-fz-line-strong); background: var(--vd-fz-pure, var(--o-color-4)); color: var(--o-color-5) !important; font-weight: 600; font-size: .9375rem; text-decoration: none !important; background-image: none !important;}@media (hover: hover){body.o_fz_site #wrapwrap > main #wrap .vd-cat-collecties__chip:hover{background: var(--vd-fz-tint); border-color: var(--o-color-5);}}body.o_fz_site #wrapwrap > main #wrap .vd-cat-collecties__chip:focus-visible{outline: 2px solid var(--o-color-5); outline-offset: 2px;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section:is(.pt48, .pt56, .pt64):not(.o_cc4, .o_cc5){padding-top: 32px !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section:is(.pb48, .pb56, .pb64, .pb72):not(.o_cc4, .o_cc5){padding-bottom: 32px !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5):is(.pt56, .pt64, .pt96){padding-top: clamp(28px, 4vw, 52px) !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home) > section:is(.o_cc4, .o_cc5):is(.pb56, .pb64, .pb96){padding-bottom: clamp(28px, 4vw, 52px) !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section:last-child:not(.o_cc4, .o_cc5){padding-bottom: 64px !important;}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section a.btn.btn-lg:not(.btn-primary){display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 26px; font-size: 1rem;}body.o_fz_site #wrapwrap > main #wrap.vd-services{--ink: var(--o-color-5); --gold: var(--o-color-1); --paper: transparent; color: inherit;}body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-hero{padding: 32px 0 24px; background: transparent !important;}body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-section:not(.vd-dark){padding: 32px 0; background: transparent !important;}body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-dark{margin: 20px var(--vd-rand); padding: clamp(28px, 4vw, 52px) 0; border-radius: var(--cs-fz-radius-panel); overflow: hidden; background: var(--o-color-5) !important; color: var(--o-color-4);}body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-dark > :is(.container, .container-fluid){max-width: none; padding-inline: clamp(20px, 3.2vw, 48px);}body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-dark:last-of-type{margin-bottom: 56px;}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-card{border: 0; border-radius: var(--cs-fz-radius-card); background: var(--vd-fz-pure, var(--o-color-4)); color: var(--o-color-5); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-art{background: var(--vd-fz-tint);}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-photo{border-radius: var(--cs-fz-radius-panel);}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-tag{border-radius: var(--cs-fz-radius-pill, 999px); background: var(--vd-fz-tint); color: var(--vd-fz-tint-ink, var(--o-color-5));}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-step{border-top-color: var(--o-color-1);}body.o_fz_site #wrapwrap > main #wrap.vd-services :is(.vd-muted, .vd-caption){color: var(--vd-fz-faint);}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-dark > .container > :is(.vd-muted, .vd-caption), body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-dark > .container > .row > [class*="col"] > :is(.vd-muted, .vd-caption){color: color-mix(in srgb, var(--o-color-4) 76%, transparent);}body.o_fz_site #wrapwrap > main #wrap.vd-services a.vd-link{color: var(--o-color-5); font-weight: 700; text-decoration: none; background-image: none;}body.o_fz_site #wrapwrap > main #wrap.vd-services .vd-dark > .container > p > a.vd-link{color: var(--o-color-4);}@media (hover: hover){body.o_fz_site #wrapwrap > main #wrap.vd-services a.vd-link:hover{text-decoration: underline; text-underline-offset: 5px;}}body.o_fz_site #wrapwrap > main #wrap.vd-services :is([style*="color:#f3ce25"], [style*="color: rgb(243, 206, 37)"]){color: var(--vd-st-nadruk, var(--o-color-1)) !important;}body.o_fz_site #wrapwrap > main #wrap.vd-services :is([style*="color:#242823"], [style*="color: rgb(36, 40, 35)"]){color: var(--o-color-5) !important;}body.o_fz_site #wrapwrap > main #wrap.vd-services [style*="background:#f6f4ee"]{background: transparent !important;}@media (max-width: 767.98px){body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-hero, body.o_fz_site #wrapwrap > main #wrap.vd-services > section.vd-section:not(.vd-dark){padding: 24px 0;}}@media (max-width: 575.98px){body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section .row:is(.g-5, .gx-5){--gutter-x: 1.5rem;}}body.o_fz_site #wrapwrap > main #wrap:not(.vd-home, .o_wsale_products_page, .o_wsale_product_page) > section:not(.o_cc4, .o_cc5) div:is(.border.rounded, .border.rounded-2, .border.rounded-3):not(.vd-p-snel){border: 0 !important; border-radius: var(--cs-fz-radius-card) !important; background: var(--vd-fz-pure, var(--o-color-4)); box-shadow: var(--vd-fz-shadow-sheet);} /* /vd_website_frost/static/src/css/paginas.css */ body.o_fz_site #wrap.vd-p{--vd-p-wit: var(--vd-fz-pure, var(--o-color-4)); --vd-p-lijn: var(--vd-fz-line); --vd-p-zacht: var(--vd-fz-faint); --vd-p-gat: clamp(12px, calc(8px + 1vw), 20px);}body.o_fz_site #wrap.vd-p .vd-p-oog{margin: 0 0 10px; font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--vd-fz-tint-ink, var(--o-color-1));}body.o_fz_site #wrap.vd-p .vd-p-kop h1{margin: 0 0 14px;}body.o_fz_site #wrap.vd-p .vd-p-kop .lead{margin: 0; max-width: 62ch;}body.o_fz_site #wrap.vd-p .vd-p-kaart{padding: clamp(20px, calc(12px + 2vw), 36px); border-radius: var(--cs-fz-radius-panel); background: var(--vd-p-wit); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrap.vd-p .vd-p-tegel{display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px 22px; border-radius: var(--cs-fz-radius-card); background: var(--vd-p-wit); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrap.vd-p .vd-p-tegel :is(h3, .h3){margin: 0; font-size: 1.0625rem !important; font-weight: 700; line-height: 1.3;}body.o_fz_site #wrap.vd-p .vd-p-tegel p{margin: 0; color: var(--vd-p-zacht); line-height: 1.5;}body.o_fz_site #wrap.vd-p .vd-p-tegel p a:not(.vd-p-pijl){color: var(--o-color-5);}body.o_fz_site #wrap.vd-p .vd-p-tegel > .vd-p-tegel__voet{margin-top: auto; padding-top: 6px; color: inherit;}body.o_fz_site #wrap.vd-p .vd-p-tegel > .vd-icon{margin-bottom: 4px;}body.o_fz_site #wrap.vd-p :is(.vd-p-rij2, .vd-p-rij3, .vd-p-rij4){display: grid; gap: var(--vd-p-gat);}body.o_fz_site #wrap.vd-p .vd-p-rij2{grid-template-columns: repeat(2, minmax(0, 1fr));}body.o_fz_site #wrap.vd-p .vd-p-rij3{grid-template-columns: repeat(3, minmax(0, 1fr));}body.o_fz_site #wrap.vd-p .vd-p-rij4{grid-template-columns: repeat(4, minmax(0, 1fr));}@media (max-width: 1199.98px){body.o_fz_site #wrap.vd-p .vd-p-rij4{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 991.98px){body.o_fz_site #wrap.vd-p .vd-p-rij3{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 639.98px){body.o_fz_site #wrap.vd-p :is(.vd-p-rij2, .vd-p-rij3, .vd-p-rij4){grid-template-columns: minmax(0, 1fr);}}body.o_fz_site #wrap.vd-p .vd-p-inleiding{margin-bottom: clamp(16px, calc(10px + 1.2vw), 26px);}body.o_fz_site #wrap.vd-p .vd-p-inleiding h2{margin: 0 0 8px;}body.o_fz_site #wrap.vd-p .vd-p-inleiding .lead{margin: 0;}body.o_fz_site #wrap.vd-p a.vd-p-pijl{display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-weight: 700; color: var(--o-color-5); text-decoration: none; background-image: none;}body.o_fz_site #wrap.vd-p a.vd-p-pijl .vd-icon{width: 1rem; height: 1rem; transition: transform var(--vd-duur, .24s) var(--vd-veer, ease-out);}@media (hover: hover){body.o_fz_site #wrap.vd-p a.vd-p-pijl:hover{text-decoration: underline; text-underline-offset: 4px;}body.o_fz_site #wrap.vd-p a.vd-p-pijl:hover .vd-icon{transform: translateX(3px);}}body.o_fz_site #wrap.vd-p .o_cc5 a.vd-p-pijl{color: inherit;}body.o_fz_site #wrap.vd-p .vd-p-snel{margin-top: clamp(20px, calc(12px + 1.6vw), 32px);}body.o_fz_site #wrap.vd-p .vd-p-snel__kaart{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; padding: 18px 20px; border-radius: var(--cs-fz-radius-card); background: var(--vd-p-wit); box-shadow: var(--vd-fz-shadow-sheet);}body.o_fz_site #wrap.vd-p .vd-p-rond{display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--vd-fz-tint); color: var(--vd-fz-tint-ink, var(--o-color-5)); flex: none;}body.o_fz_site #wrap.vd-p .vd-p-rond .vd-icon{width: 1.25rem; height: 1.25rem; margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-snel__label{margin: 0 0 2px; font-size: .8125rem; font-weight: 600; color: var(--vd-p-zacht);}body.o_fz_site #wrap.vd-p .vd-p-snel__waarde{margin: 0 0 4px; font-size: 1.0625rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere;}body.o_fz_site #wrap.vd-p .vd-p-snel__waarde a{color: var(--o-color-5); text-decoration: none; background-image: none;}@media (hover: hover){body.o_fz_site #wrap.vd-p .vd-p-snel__waarde a:hover{text-decoration: underline; text-underline-offset: 4px;}}body.o_fz_site #wrap.vd-p .vd-p-snel__noot{margin: 0; font-size: .875rem; line-height: 1.45; color: var(--vd-p-zacht);}body.o_fz_site #wrap.vd-p .vd-p-duo{display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr); gap: var(--vd-p-gat); align-items: stretch;}@media (max-width: 991.98px){body.o_fz_site #wrap.vd-p .vd-p-duo{grid-template-columns: minmax(0, 1fr);}}body.o_fz_site #wrap.vd-p .vd-p-formkaart > h2{margin: 0 0 6px;}body.o_fz_site #wrap.vd-p .vd-p-formkaart > p{margin: 0 0 20px; color: var(--vd-p-zacht);}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form{padding: 0;}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form > .container{max-width: none; padding: 0;}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form_label{width: auto !important; margin-bottom: 6px; font-weight: 600; font-size: .9375rem;}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form_field_description{display: block; margin-top: 8px;}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form_submit .s_website_form_label{display: none;}body.o_fz_site #wrap.vd-p .vd-p-formkaart .s_website_form_send{min-height: 48px; padding-inline: 28px;}body.o_fz_site #wrap.vd-p .vd-p-donker{display: flex; flex-direction: column; border-radius: var(--cs-fz-radius-panel); overflow: hidden; margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-donker > .vd-p-beeld{flex: none; aspect-ratio: 16 / 10; border-radius: 0;}body.o_fz_site #wrap.vd-p .vd-p-donker__in{display: flex; flex-direction: column; gap: 14px; flex: 1; padding: clamp(20px, calc(12px + 2vw), 32px);}body.o_fz_site #wrap.vd-p .vd-p-donker__in :is(h2, p){margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-donker .vd-p-oog{color: var(--vd-st-nadruk, var(--o-color-1));}body.o_fz_site #wrap.vd-p .vd-p-donker__knoppen{display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto !important; padding-top: 8px;}body.o_fz_site #wrap.vd-p .vd-p-adres{display: grid; gap: 10px; margin: 0; padding: 0; list-style: none;}body.o_fz_site #wrap.vd-p .vd-p-adres li{display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: 12px; align-items: start; line-height: 1.45;}body.o_fz_site #wrap.vd-p .vd-p-adres .vd-icon{width: 1.25rem; height: 1.25rem; margin-top: .1em;}body.o_fz_site #wrap.vd-p .vd-p-adres a{justify-self: start; color: inherit; overflow-wrap: anywhere; text-decoration: none; background-image: none;}@media (hover: hover){body.o_fz_site #wrap.vd-p .vd-p-adres a:hover{text-decoration: underline; text-underline-offset: 4px;}}body.o_fz_site #wrap.vd-p .vd-p-links{margin: 0; padding: 0; list-style: none;}body.o_fz_site #wrap.vd-p .vd-p-links li + li{border-top: 1px solid var(--vd-p-lijn);}body.o_fz_site #wrap.vd-p .vd-p-links a{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 0; color: var(--o-color-5); font-weight: 600; text-decoration: none; background-image: none;}body.o_fz_site #wrap.vd-p .vd-p-links a .vd-icon{width: 1rem; height: 1rem; flex: none; opacity: .6; transition: transform var(--vd-duur, .24s) var(--vd-veer, ease-out);}@media (hover: hover){body.o_fz_site #wrap.vd-p .vd-p-links a:hover{color: var(--vd-fz-tint-ink, var(--o-color-1));}body.o_fz_site #wrap.vd-p .vd-p-links a:hover .vd-icon{transform: translateX(3px); opacity: 1;}}body.o_fz_site #wrap.vd-p .vd-p-linkkaart > h3{margin: 0 0 8px; font-size: 1.0625rem !important; font-weight: 700;}body.o_fz_site #wrap.vd-p .vd-p-hero{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: clamp(20px, calc(8px + 3vw), 56px); align-items: center;}body.o_fz_site #wrap.vd-p .vd-p-hero h1{margin: 0 0 16px;}body.o_fz_site #wrap.vd-p .vd-p-hero .lead{margin: 0 0 24px; max-width: 56ch;}body.o_fz_site #wrap.vd-p .vd-p-knoppen{display: flex; flex-wrap: wrap; gap: 10px; margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-beeld{margin: 0; border-radius: var(--cs-fz-radius-panel); overflow: hidden; background: var(--vd-fz-tint);}body.o_fz_site #wrap.vd-p .vd-p-beeld > img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0;}body.o_fz_site #wrap.vd-p .vd-p-hero .vd-p-beeld{aspect-ratio: 4 / 3;}@media (max-width: 991.98px){body.o_fz_site #wrap.vd-p .vd-p-hero{grid-template-columns: minmax(0, 1fr);}body.o_fz_site #wrap.vd-p .vd-p-hero .vd-p-beeld{aspect-ratio: 16 / 10;}}body.o_fz_site #wrap.vd-p .vd-p-verhaal{display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(20px, calc(8px + 3vw), 56px); align-items: start;}body.o_fz_site #wrap.vd-p .vd-p-verhaal .vd-p-beeld{aspect-ratio: 4 / 5;}body.o_fz_site #wrap.vd-p .vd-p-verhaal__tekst > h2{margin: 0 0 18px;}body.o_fz_site #wrap.vd-p .vd-p-blok{padding-block: 18px; border-top: 1px solid var(--vd-p-lijn);}body.o_fz_site #wrap.vd-p .vd-p-blok :is(h3, .h3){margin: 0 0 8px; font-size: 1.1875rem !important; font-weight: 700;}body.o_fz_site #wrap.vd-p .vd-p-blok p{margin: 0 0 10px; max-width: 68ch; line-height: 1.6;}body.o_fz_site #wrap.vd-p .vd-p-blok p:last-child{margin-bottom: 0;}@media (max-width: 991.98px){body.o_fz_site #wrap.vd-p .vd-p-verhaal{grid-template-columns: minmax(0, 1fr);}body.o_fz_site #wrap.vd-p .vd-p-verhaal .vd-p-beeld{aspect-ratio: 16 / 10;}}body.o_fz_site #wrap.vd-p .vd-p-bijschrift{margin: 8px 2px 0; font-size: .8125rem; color: var(--vd-p-zacht);}body.o_fz_site #wrap.vd-p .vd-p-collage{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vd-p-gat); height: 100%;}body.o_fz_site #wrap.vd-p .vd-p-collage .vd-p-beeld{aspect-ratio: 3 / 4; border-radius: var(--cs-fz-radius-card);}body.o_fz_site #wrap.vd-p .vd-p-showkaart{display: flex; flex-direction: column; gap: 14px;}body.o_fz_site #wrap.vd-p .vd-p-showkaart :is(h2, p){margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-showkaart .vd-p-knoppen{margin-top: auto; padding-top: 8px;}body.o_fz_site #wrap.vd-p > section.s_numbers .vd-p-inleiding .lead{max-width: 68ch;}body.o_fz_site #wrap.vd-p .vd-p-na{margin: clamp(16px, calc(10px + 1.2vw), 26px) 0 0;}body.o_fz_site #wrap.vd-p .vd-p-slot{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px;}body.o_fz_site #wrap.vd-p .vd-p-slot > div:first-child{flex: 1 1 420px; min-width: 0;}body.o_fz_site #wrap.vd-p .vd-p-slot :is(h2, p){margin: 0;}body.o_fz_site #wrap.vd-p .vd-p-slot h2{margin-bottom: 8px;}@media (prefers-reduced-motion: reduce){body.o_fz_site #wrap.vd-p a .vd-icon{transition: none;}}