.elementor-kit-5{--e-global-color-primary:#333333;--e-global-color-secondary:#C41303;--e-global-color-text:#333333;--e-global-color-accent:#C41303;--e-global-typography-primary-font-family:"AK Familjen";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"AK Familjen";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"AK Familjen";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"AK Familjen";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;font-family:"AK Familjen", Sans-serif;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --ak-inkt:#333333; --ak-rood:#F20300; --ak-rood-donker:#C41303; --ak-wit:#FFFFFF; --ak-creme:#F7F2EB; --ak-grijs-1:#C7C5C5; --ak-grijs-2:#B3AEAA; --ak-grijs-3:#A39F9B; --ak-roze:#FCEBE8; --ak-steen:#EFEDEB; --ak-grijs-tekst:#5E5B59; --font-heading:AK Familjen; --font-body:AK Familjen; --font-pen:AK Caveat; }
/* Start custom CSS *//* AK Hypotheken & Verzekeringen: zelf gehoste fonts (latin) */
@font-face { font-family: 'AK Familjen'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/uploads/fonts/familjen-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'AK Caveat'; font-style: normal; font-weight: 600; font-display: swap; src: url('/wp-content/uploads/fonts/caveat-600-latin.woff2') format('woff2'); }
@font-face { font-family: 'AK Familjen Fallback'; src: local('Arial'), local('Liberation Sans'); size-adjust: 98.5%; ascent-override: 104%; descent-override: 23%; line-gap-override: 0%; }
@font-face { font-family: 'AK Familjen Fallback D'; src: local('DejaVu Sans'); size-adjust: 85.5%; ascent-override: 120%; descent-override: 26%; line-gap-override: 0%; }
:root { --font-heading: 'AK Familjen', 'AK Familjen Fallback', 'AK Familjen Fallback D', Arial, sans-serif; --font-body: 'AK Familjen', 'AK Familjen Fallback', 'AK Familjen Fallback D', Arial, sans-serif; --font-pen: 'AK Caveat', 'Segoe Print', 'Comic Sans MS', cursive; --ak-kl: 196px; --ak-kl-gap: 44px; }
body { background-color: #FFFFFF; color: #333333; font-family: 'AK Familjen', 'AK Familjen Fallback', 'AK Familjen Fallback D', Arial, sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'AK Familjen', 'AK Familjen Fallback', 'AK Familjen Fallback D', Arial, sans-serif !important; color: #333333; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.6rem, 1.6rem + 3vw, 4.4rem); line-height: 1.02; letter-spacing: -0.03em; } h2.e-heading-base { font-size: clamp(1.95rem, 1.45rem + 1.3vw, 2.6rem); line-height: 1.08; } h3.e-heading-base { font-size: 1.35rem; line-height: 1.25; letter-spacing: -0.01em; }
.e-button-base, p.e-paragraph-base, .e-paragraph-base, input, textarea, select, label { font-family: 'AK Familjen', 'AK Familjen Fallback', 'AK Familjen Fallback D', Arial, sans-serif; }
p.e-paragraph-base, .e-paragraph-base { color: #333333; font-size: 1.16rem; line-height: 1.62; max-width: 68ch; text-wrap: pretty; }
/* links: geen onderstreping; losse tekstlinks donkerrood en vet, penstreep bij hover/focus. Geen links midden in lopende tekst. */
.e-paragraph-base a { color: #C41303; font-weight: 700; text-decoration: none; }
a.e-button-base, a.e-con, a.e-div-block-base { text-decoration: none !important; }
.e-paragraph-base:empty { display: none; }
a.e-button-base[class*='link'], .ak-bel, .ak-feitlink, .ak-footer-link { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='10' viewBox='0 0 60 10' preserveAspectRatio='none'><path d='M2 6 C 18 3 38 3 58 5' fill='none' stroke='%23F20300' stroke-width='3' stroke-linecap='round'/></svg>"); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 6px; transition: color .2s cubic-bezier(.23,1,.32,1), background-size .32s cubic-bezier(.23,1,.32,1) !important; }
@media (hover: hover) and (pointer: fine) { a.e-button-base[class*='link']:hover, .ak-bel:hover, .ak-feitlink:hover, .ak-footer-link:hover { background-size: 100% 6px; } } a.e-button-base[class*='link']:focus-visible, .ak-bel:focus-visible, .ak-feitlink:focus-visible, .ak-footer-link:focus-visible { background-size: 100% 6px; }
.ak-bel { white-space: nowrap; }
/* pen-aantekeningen (Caveat, donkerrood 6,1:1 op wit) */
.ak-pen { font-family: 'AK Caveat', 'Segoe Print', 'Comic Sans MS', cursive !important; font-weight: 600 !important; color: #C41303 !important; font-size: 1.5rem !important; line-height: 1.15 !important; max-width: none !important; transform: rotate(-2deg); transform-origin: right center; }
/* de kantlijn: rode lijn over de volle hoogte van elke ak-schrift-sectie, op 196px van de inhoudsrand */
.ak-schrift { position: relative; }
.ak-schrift::before { content: ''; position: absolute; top: 0; bottom: 0; width: 2px; left: calc(max(56px, (100% - 1200px) / 2) + var(--ak-kl) + var(--ak-kl-gap) / 2 - 1px); background: #F20300; opacity: .85; pointer-events: none; }
.ak-schriftgrid { display: grid !important; grid-template-columns: var(--ak-kl) minmax(0, 1fr); column-gap: var(--ak-kl-gap); align-items: start; }
.ak-kl { align-items: flex-end; text-align: right; padding-top: 0 !important; } .ak-kl:empty { min-height: 1px; }
@media (max-width: 1099px) { .ak-schrift::before { display: none; } .ak-schriftgrid { grid-template-columns: minmax(0, 1fr); row-gap: 10px; } .ak-kl { align-items: flex-start; text-align: left; padding-top: 0 !important; flex-direction: row !important; flex-wrap: wrap; gap: 4px 18px !important; } .ak-kl .ak-pen { transform: rotate(-1.5deg); transform-origin: left center; font-size: 1.35rem !important; } .ak-kl:not(:has(*)) { display: none !important; } }
/* H1 met penstreep */
.ak-h1::after { content: ''; display: block; width: min(220px, 60%); height: 16px; margin-top: 14px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='16' viewBox='0 0 220 16' preserveAspectRatio='none'><path d='M3 11 C 40 6 90 5 140 6 C 170 6.5 195 8 217 5' fill='none' stroke='%23F20300' stroke-width='4' stroke-linecap='round'/></svg>"); background-repeat: no-repeat; background-size: 100% 100%; }
/* hero: doorgehaalde vraag, portret bij de afsluitende zin */
.ak-doorgehaald { position: relative; display: inline-block !important; width: auto !important; align-self: flex-start; font-weight: 500 !important; font-size: clamp(1.3rem, 1rem + 0.9vw, 1.75rem) !important; color: #333333 !important; }
.ak-doorgehaald::after { content: ''; position: absolute; left: -6px; right: -10px; top: 52%; height: 14px; transform: translateY(-50%); background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='20' viewBox='0 0 400 20' preserveAspectRatio='none'><path d='M2 13 C 80 10 180 11 260 8 C 320 6 370 7 398 5' fill='none' stroke='%23F20300' stroke-width='3.4' stroke-linecap='round'/></svg>"); background-repeat: no-repeat; background-size: 100% 100%; clip-path: inset(0 100% 0 0); animation: ak-doorhalen .7s cubic-bezier(.23,1,.32,1) .35s forwards; }
@keyframes ak-doorhalen { to { clip-path: inset(0 0 0 0); } }
.ak-heroportret img, img.ak-heroportret { width: 56px !important; height: 56px !important; border-radius: 50% !important; object-fit: cover; object-position: 50% 20%; }
/* vinkjes in rode pen */
.ak-vink { position: relative; padding-left: 36px !important; } .ak-vink::before { content: ''; position: absolute; left: 2px; top: .3em; width: 22px; height: 20px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'><path d='M2.5 11.5 C 5 13 6.5 15 8 17.5 C 11 11 15 6 20 2.5' fill='none' stroke='%23F20300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat: no-repeat; }
.ak-vraag { font-weight: 600 !important; font-size: 1.24rem !important; }
/* werkwijze: stapnummers in de kantlijn */
.ak-stap .ak-kl .ak-pen { font-size: 2.6rem !important; line-height: 29px !important; transform: rotate(-4deg); transform-origin: center; } .ak-stap h3 { padding-top: 0; line-height: 29px !important; } .ak-stappen .ak-stap:first-child { border-top: 1px solid #C7C5C5; }
@media (max-width: 1099px) { .ak-stap.ak-schriftgrid { grid-template-columns: 36px minmax(0, 1fr) !important; column-gap: 12px; } .ak-stap .ak-kl { align-items: flex-start; } .ak-stap .ak-kl .ak-pen { font-size: 2.1rem !important; } }
/* ===== header: briefhoofd dat bij scrollen krimpt tot een pil (desktop), menuknop + notitieblok (onder 1200px) ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; height: 96px; } @media (max-width: 1279px) { .elementor-location-header { height: 76px; } }
.ak-header { background-color: transparent !important; }
.ak-balk { position: relative; z-index: 2; box-sizing: border-box; max-width: 100%; margin: 0 auto !important; background-color: #FFFFFF; border-radius: 0; transition: max-width .45s cubic-bezier(.77,0,.175,1), height .45s cubic-bezier(.77,0,.175,1), margin-top .45s cubic-bezier(.77,0,.175,1), border-radius .45s cubic-bezier(.77,0,.175,1), background-color .3s ease, padding .45s cubic-bezier(.77,0,.175,1) !important; }
.ak-klein .ak-balk { max-width: 1120px; height: 66px !important; margin-top: 14px !important; border-radius: 999px; background-color: #333333 !important; padding-left: 14px !important; padding-right: 10px !important; }
@media (max-width: 1279px) { .ak-klein .ak-balk { max-width: calc(100% - 24px); height: 60px !important; margin-top: 8px !important; padding-left: 12px !important; padding-right: 8px !important; } }
.ak-logo, .ak-icoon { transition: opacity .25s cubic-bezier(.23,1,.32,1), transform .35s cubic-bezier(.23,1,.32,1) !important; } .ak-icoon { position: absolute !important; left: 0; top: 50%; transform: translateY(-50%) scale(.8); opacity: 0; pointer-events: none; }
.ak-klein .ak-logo { opacity: 0; transform: scale(.9); pointer-events: none; } .ak-klein .ak-icoon { opacity: 1; transform: translateY(-50%); pointer-events: auto; }
.ak-logo img, img.ak-logo { display: block; } .ak-icoon img, img.ak-icoon { width: 44px !important; height: auto; display: block; border-radius: 8px; background: #FFFFFF; }
.ak-navlink { position: relative; padding: 10px 12px !important; font-weight: 600 !important; font-size: 1.08rem !important; line-height: 1.2 !important; color: #333333 !important; background-color: transparent !important; white-space: nowrap; transition: color .25s cubic-bezier(.23,1,.32,1) !important; }
.ak-navlink::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 7px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='10' viewBox='0 0 60 10' preserveAspectRatio='none'><path d='M2 6 C 18 3 38 3 58 5' fill='none' stroke='%23F20300' stroke-width='3' stroke-linecap='round'/></svg>"); background-repeat: no-repeat; background-size: 100% 100%; clip-path: inset(0 100% 0 0); transition: clip-path .32s cubic-bezier(.23,1,.32,1); pointer-events: none; }
@media (hover: hover) and (pointer: fine) { .ak-navlink:hover::after { clip-path: inset(0 0 0 0); } } .ak-navlink:focus-visible::after, .ak-navlink[aria-current=page]::after { clip-path: inset(0 0 0 0); }
.ak-klein .ak-navlink { color: #FFFFFF !important; }
.ak-hdrknop { white-space: nowrap; } .ak-klein .ak-hdrknop { min-height: 46px !important; border-radius: 999px !important; } .ak-klein .ak-hdrknop:hover { background-color: #FFFFFF !important; color: #333333 !important; }
@media (max-width: 1279px) { .ak-nav, .ak-hdrknop { display: none !important; } } @media (min-width: 1280px) { .ak-menuknop { display: none !important; } }
.ak-menuknop { transition: background-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1), border-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } @media (hover: hover) and (pointer: fine) { .ak-menuknop:hover { background-color: #F7F2EB !important; } } .ak-menuknop:active { transform: scale(.97); }
.ak-menuknop > :nth-child(2) { display: none !important; } .ak-open .ak-menuknop > :first-child { display: none !important; } .ak-open .ak-menuknop > :nth-child(2) { display: block !important; }
.ak-klein .ak-menuknop { background-color: transparent !important; color: #FFFFFF !important; border-color: #FFFFFF !important; } .ak-open .ak-menuknop { background-color: #C41303 !important; color: #FFFFFF !important; border-color: #C41303 !important; }
/* notitieblok: een vel met rode kantlijn en lijntjes klapt vanaf de bovenrand naar beneden (rotateX) */
.ak-vel { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; overflow-y: auto; overscroll-behavior: contain; padding-top: 96px !important; background-color: #FFFFFF !important; background-image: linear-gradient(90deg, transparent 0, transparent 54px, #F20300 54px, #F20300 56px, transparent 56px), repeating-linear-gradient(to bottom, transparent 0, transparent 47px, #EFEDEB 47px, #EFEDEB 48px); background-attachment: local; transform-origin: 50% 0; transform: perspective(1400px) rotateX(-88deg); opacity: 0; visibility: hidden; transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .2s cubic-bezier(.23,1,.32,1), visibility 0s linear .3s; }
.ak-open .ak-vel { transform: perspective(1400px) rotateX(0deg); opacity: 1; visibility: visible; transition: transform .42s cubic-bezier(.23,1,.32,1), opacity .18s cubic-bezier(.23,1,.32,1), visibility 0s; }
@media (min-width: 1280px) { .ak-vel { display: none !important; } } @media (max-width: 1279px) { .ak-vel { padding-top: 84px !important; } }
.ak-vel .ak-vellink, .ak-vel .ak-velonder { opacity: 0; transform: translateY(-8px); transition: opacity .14s cubic-bezier(.23,1,.32,1), transform .14s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.ak-open .ak-vel .ak-vellink, .ak-open .ak-vel .ak-velonder { opacity: 1; transform: none; transition: opacity .3s cubic-bezier(.23,1,.32,1), transform .38s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.ak-open .ak-vellinks > :nth-child(1) { transition-delay: 90ms !important; } .ak-open .ak-vellinks > :nth-child(2) { transition-delay: 116ms !important; } .ak-open .ak-vellinks > :nth-child(3) { transition-delay: 142ms !important; } .ak-open .ak-vellinks > :nth-child(4) { transition-delay: 168ms !important; } .ak-open .ak-vellinks > :nth-child(5) { transition-delay: 194ms !important; } .ak-open .ak-vellinks > :nth-child(6) { transition-delay: 220ms !important; } .ak-open .ak-vellinks > :nth-child(7) { transition-delay: 246ms !important; } .ak-open .ak-vellinks > :nth-child(8) { transition-delay: 272ms !important; } .ak-open .ak-vellinks > :nth-child(9) { transition-delay: 298ms !important; } .ak-open .ak-vellinks > :nth-child(10) { transition-delay: 324ms !important; } .ak-open .ak-vellinks > :nth-child(11) { transition-delay: 350ms !important; } .ak-open .ak-vellinks > :nth-child(12) { transition-delay: 376ms !important; } .ak-open .ak-vellinks > :nth-child(13) { transition-delay: 402ms !important; } 
.ak-open .ak-vel .ak-velonder { transition-delay: 340ms !important; }
.ak-vellink { position: relative; } .ak-vellink[aria-current=page]::before { content: ''; position: absolute; left: -46px; top: 50%; margin-top: -10px; width: 22px; height: 20px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'><path d='M2.5 11.5 C 5 13 6.5 15 8 17.5 C 11 11 15 6 20 2.5' fill='none' stroke='%23F20300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat: no-repeat; }
@media (hover: hover) and (pointer: fine) { .ak-vellink:hover p { color: #C41303 !important; } } .ak-vellink:focus-visible p { color: #C41303 !important; }
html.ak-lock { overflow: hidden; }
/* gaps die de V4-parser niet opslaat */ .ak-linkrij { gap: 8px 26px !important; } .ak-knoppen { gap: 14px 28px !important; } .ak-plaatsen { column-gap: 36px !important; } .ak-footgrid { gap: 32px 40px !important; } .ak-vinklijst { gap: 14px 36px !important; } .ak-reg { gap: 16px 28px !important; }
.ak-plaats { transition: background-color .2s cubic-bezier(.23,1,.32,1) !important; } @media (hover: hover) and (pointer: fine) { .ak-plaats:hover { background-color: #F7F2EB; } }
.ak-download { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } @media (hover: hover) and (pointer: fine) { .ak-download:hover { background-color: #F7F2EB; } .ak-download:hover .ak-doctitel { color: #C41303 !important; } } .ak-download:active { transform: scale(.99); } .ak-download .icon-circle, .ak-download > .e-con:first-child { background-color: #F7F2EB; }
.ak-download:hover > .e-con:first-child { background-color: #FFFFFF; }
/* vlakken: titels op één regel */
.ak-vlak h3 { white-space: nowrap; } @media (max-width: 380px) { .ak-vlak h3 { white-space: normal; } }
/* accordion */
[data-e-type=e-accordion-item-icon] { width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 50% !important; background-color: #FFFFFF !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; transition: transform .25s cubic-bezier(.23,1,.32,1), background-color .2s ease; } [data-e-type=e-accordion-item-icon] .e-svg-base { width: 14px !important; height: 14px !important; color: #C41303; }
details[open] > summary [data-e-type=e-accordion-item-icon] { transform: rotate(180deg); background-color: #FCEBE8 !important; }
[data-e-type=e-accordion-item-icon] svg { width: 14px !important; height: 14px !important; }
summary.e-accordion-item-header:hover h3 { color: #C41303 !important; } summary.e-accordion-item-header { list-style: none; } summary.e-accordion-item-header::-webkit-details-marker { display: none; }
/* formulier: randen 3:1+ */
.ak-form input::placeholder, .ak-form textarea::placeholder { color: #5E5B59 !important; opacity: 1 !important; }
.ak-form input, .ak-form textarea, .ak-form select { border: 2px solid #8C8784 !important; border-radius: 6px !important; }
.ak-form input:focus, .ak-form textarea:focus, .ak-form select:focus { border-color: #333333 !important; }
/* footer: briefslot */
.ak-groet { font-family: 'AK Caveat', 'Segoe Print', 'Comic Sans MS', cursive !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: clamp(2rem, 1.5rem + 1.5vw, 2.9rem) !important; line-height: 1 !important; max-width: none !important; transform: rotate(-2deg); transform-origin: left center; }
.ak-footer-link { color: #E6E4E3 !important; } .ak-footer-link:hover, .ak-footer-link:focus-visible { color: #FFFFFF !important; }
.ak-briefvoet { gap: 6px 22px !important; } .ak-briefvoet .ak-footer-link { font-size: .94rem !important; color: #E6E4E3 !important; }
/* afwerking (emil): vaste overgangen per eigenschap, drukfeedback */
.e-button-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1), border-color .2s cubic-bezier(.23,1,.32,1), background-size .32s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .e-button-base:active { transform: scale(.97); } .ak-navlink:active { transform: none; }
a.e-con, a.e-div-block-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; }
::selection { background: #FCEBE8; color: #333333; } input, textarea { caret-color: #C41303; }
/* skip-link */
.ak-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .ak-skip:focus, .ak-skip:focus-visible { left: 16px !important; }
/* focus */
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #C41303 !important; outline-offset: 3px; }
footer a:focus-visible, .ak-klein a:focus-visible { outline-color: #FFFFFF !important; } .ak-navlink:focus-visible { outline-offset: -2px; }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.45rem; } h2.e-heading-base { font-size: 1.85rem; } p.e-paragraph-base, .e-paragraph-base { font-size: 1.1rem; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.e-svg-base svg { display: block; }
.ak-knoppen .e-button-base { white-space: nowrap; } .ak-knoppen .ak-bel { align-self: center !important; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; } @media (max-width: 1279px) { html { scroll-padding-top: 90px; } }
/* hero op mobiel: registraties onder de inhoud; footerraster; schriftlijnen in de hero */
.ak-hero { background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 47px, #EFEDEB 47px, #EFEDEB 48px); background-position: 0 30px; }
@media (max-width: 1099px) { .ak-hero .ak-kl { order: 2; margin-top: 22px; } .ak-schrift:not(.ak-hero) > * > .ak-schriftgrid > .ak-kl { display: none !important; } }
.ak-footgrid { grid-template-columns: 1fr 1fr 2fr !important; } @media (max-width: 1024px) { .ak-footgrid { grid-template-columns: 1fr 1fr !important; } .ak-footgrid > :last-child { grid-column: 1 / -1; } } @media (max-width: 767px) { .ak-footgrid { grid-template-columns: 1fr !important; } }
/* reduced motion: alleen beweging uit */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .ak-doorgehaald::after { animation: none; clip-path: none; } .e-button-base:active, .ak-menuknop:active { transform: none !important; } details[open] > summary [data-e-type=e-accordion-item-icon] { transform: none !important; } .ak-vel { transform: none !important; transition: opacity .15s linear, visibility 0s linear .15s !important; } .ak-open .ak-vel { transition: opacity .15s linear, visibility 0s !important; } .ak-vel .ak-vellink, .ak-vel .ak-velonder { transform: none !important; transition: opacity .15s linear !important; transition-delay: 0s !important; } .ak-balk, .ak-logo, .ak-icoon { transition-property: background-color, opacity !important; } }/* End custom CSS */