/*! bron-sha1: 716981a10e02814e775a8c468e7584cee4a05fe4 */
/*! Gegenereerd door tools/css-verkleinen.py. Wijzig style.css en draai hem opnieuw. */
:root { --bw-terracotta: var(--wp--preset--color--terracotta); --bw-terracotta-vlak: var(--wp--preset--color--terracotta-vlak); --bw-terracotta-tekst: var(--wp--preset--color--terracotta-tekst); --bw-terracotta-hover: var(--wp--preset--color--terracotta-hover); --bw-terracotta-donker: var(--wp--preset--color--terracotta-donker); --bw-terracotta-zacht: var(--wp--preset--color--terracotta-zacht); --bw-terracotta-licht: var(--wp--preset--color--terracotta-licht); --bw-blush: var(--wp--preset--color--blush); --bw-blush-warm: var(--wp--preset--color--blush-warm); --bw-blush-diep: var(--wp--preset--color--blush-diep); --bw-wit: var(--wp--preset--color--wit); --bw-gebroken-wit: var(--wp--preset--color--gebroken-wit); --bw-tekst: var(--wp--preset--color--tekst); --bw-tekst-kop: var(--wp--preset--color--tekst-kop); --bw-tekst-gedempt: var(--wp--preset--color--tekst-gedempt); --bw-tekst-licht: var(--wp--preset--color--tekst-licht); --bw-lijn: var(--wp--preset--color--lijn); --bw-lijn-zacht: var(--wp--preset--color--lijn-zacht); --bw-goud: var(--wp--preset--color--goud); --bw-footer: var(--wp--preset--color--footer); --bw-footer-tekst: var(--wp--preset--color--footer-tekst); --bw-font-kop: var(--wp--preset--font-family--kop); --bw-font-body: var(--wp--preset--font-family--body); --bw-rust: var(--wp--custom--schaduw--kaart-rust); --bw-hover: var(--wp--custom--schaduw--kaart-hover); --bw-knop: var(--wp--custom--schaduw--knop-rust); --bw-uit: 0 2px 4px rgba(74, 67, 64, .12), 0 18px 36px rgba(124, 55, 40, .16); --bw-raakvlak: 44px; } :root { --bw-s-mauve: var(--wp--custom--steun--mauve); --bw-s-mauve-diep: var(--wp--custom--steun--mauve-diep); --bw-s-stengel: var(--wp--custom--steun--stengel); --bw-s-stengel-diep: var(--wp--custom--steun--stengel-diep); --bw-s-salie: var(--wp--custom--steun--salie); --bw-s-salie-diep: var(--wp--custom--steun--salie-diep); --bw-s-salie-wolk: var(--wp--custom--steun--salie-wolk); --bw-s-zand: var(--wp--custom--steun--zand); --bw-s-zand-diep: var(--wp--custom--steun--zand-diep); --bw-s-mist: var(--wp--custom--steun--mist); --bw-terracotta-actief: var(--wp--preset--color--terracotta-actief); --bw-ease-zacht: var(--wp--custom--ease--zacht); --bw-ease-veer: var(--wp--custom--ease--veer); --bw-ease-heen: var(--wp--custom--ease--heen); --bw-duur-kleur: var(--wp--custom--duur--kleur); --bw-duur-vorm: var(--wp--custom--duur--vorm); --bw-duur-terug: var(--wp--custom--duur--terug); --bw-duur-druk: var(--wp--custom--duur--druk); --bw-duur-onthul: var(--wp--custom--duur--onthul); --bw-duur-bloei: var(--wp--custom--duur--bloei); --bw-focuskleur: var(--bw-terracotta-tekst); --bw-halo: var(--wp--custom--halo); --bw-schaduw-knop: var(--wp--custom--schaduw--knop-rust); --bw-schaduw-knop-hover: var(--wp--custom--schaduw--knop-hover); --bw-schaduw-knop-actief: var(--wp--custom--schaduw--knop-actief); --bw-schaduw-kaart: var(--wp--custom--schaduw--kaart-rust); --bw-schaduw-kaart-hover: var(--wp--custom--schaduw--kaart-hover); --bw-radius-blad: var(--wp--custom--motief--radius-blad); --bw-radius-beeld: var(--wp--custom--motief--radius-beeld); --bw-kartel-h: var(--wp--custom--motief--kartel-hoogte); --bw-kartel-s: var(--wp--custom--motief--kartel-steek); --bw-naadruimte: var(--wp--custom--motief--naadruimte); --bw-ruis-alfa: var(--wp--custom--motief--ruis-alfa); --bw-hoepel: 48px; --bw-sec-lint: var(--wp--custom--sectiepadding--lint); --bw-sec-normaal: var(--wp--custom--sectiepadding--normaal); --bw-sec-zwaar: var(--wp--custom--sectiepadding--zwaar); --bw-sec-anker: var(--wp--custom--sectiepadding--anker); --bw-kop-onder: 20px; --bw-uitloop: 96px; } :root { --bw-ruis: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0AQMAAAAHA5RxAAAABlBMVEUAAAD///+l2Z/dAAAQ3UlEQVR42g2WhzsUDhzGvwkp4qwyc3b2kaLp7JU9I5tkj+zIcbLH2bK6lLKyRUa/Uwglh+zsbOmsrPDrH3if5/M+n+d9XgjuOOZqdSD17W7VfgFyy19O78mG5HEYCGQV3FruOqZUnmuWqeO51dJcekfTrxMPV1hyFts85CpF71zSS/keipnqLImSnUCATw8/u/P7qBxGyYemkskqjw3g6+0xAg7O9TyiNFDLUlgo5XKlPrqtJoL7SjeXbQ33cp8/vb3DpZNpIk3lyz0vGyTG/XRGfxrYfpqu0xbWzHI/I/CfsgxweOjTkZLph4aywOnV7sBYRhr/+A6XjgkJpxw9LD61EvowXJ0Gnnrusc/2QxlWcp72a7MJ5tGhwM/OX3CgL+Z0lyVq0jMNm8TGnhJeXwUwzoXYN6aJ436cn73QwHNlL3iprwjjgIKfRGHOVysyNpIcnIUrYXvSRRPRP8jxBCgcS/b4+Fbt/sB/9mI7AxHPRl337WoGkNBtY4iOQB09SCrj43x94cSX2dVDpFcfB6I9t0ZVzUqu4g+sLhFeJOxMJ6hHeuEBZChErpT4Zt4UXnJN6TMWWyje2krboMaBTzyfROyHD+0vzNeEmoW0iGCas3s4h4JWsnzaq4Gqv7ntKf0wqu3qdz53EwkKlTBAHrheOfcpsBxDyUozcvHoqp1l07wyAi6YhcRIp0seqL7b6nd+JZ34vtIkJU6RBLfuPwu5xKfROUFF0lj8HfL6/jh5bu43Eqy52Rcoxse4sTyoOF9p0X4txEhyGGeCAfrQLyF5v7rT7o4VrqG6tU3JB/9L+NxKABHBg5giQ8MLJD4p6V21QJVEhvpX81AJ9PzaXBto7OOVScdoVt854ddlFA9vfsTBAy1Xue3lcJpaLNOl1tsGjdK2qoTuHk9gLLvXl6X+zF+1h02os6CM2ouuXWX9FQoG5YBzmxOUHO3vpTVz7AqoWdZTOulOA92frt19p0aVYKnjJdUvnD+bDbPE+s9gYDX5/XfmWkfF9PKxO5gnxRpHs1pheCQKtqZytrTOLOEtdAWMi9BM7zYjtCLlyqcBSjAElET61Dqhpdh95KVJG7rL0VSBCKkpmXs677Labpttrnzfb3Sn5Ur3PmdkDSmBTV2iag/pNIhqPeZFD1qq4hiJT/08YUDunJuGvCLTFhZ5inxg8TLHVrZ0gDESFheHXAICLHLJrdVs2ToU5KSDDjYRhdNwxyeVrKuUtDjKpLG1J5ffnZ9tvELYIELpvRbezxymrTImcLc/2eJmsdOftGOpaVjCpPCvLLXqRD3y7XqEvP2JfSo/SPCGLnAJ2t8kdRp6Oq9yPMkUcBFZ2xjtPsShYWzw+/SCqhCvzWLVm5zoBEGa44yAdToScCrnnaQYsrD2pvDzJHZy3ZBzE1dS8gZYpwk3Pagq8MOqnYTd83dQJyc/VxvYioGtLVXzYo8e/1Ie78Bz0kx1y18585UPiSCx4sMn6n7qb67qlf2rFjZB3KUJaINv8M/bzESn4Pa95viIMg6RpjOlR5Wxwod46BEkXFg100sxk0RSb6KovMtb7//NZ0JBNRNt77zwwNneyxdxFmvOfXzKoh/bLFFQKcySiL2qwpW9TvF8AekV8EFfp4kzgghejZMsFVGt5P2Dava7580VD87ykYc/84Swvz6tbdv9B9OLORIvke4bdleZGXmLEBB93dUwb+iw0X/t1cSBJzcp8nyjZAEzAd6yvedj15ybT+W3/BGg793dy5M2CP+8Cn9i02iorY5JX+AqXzVtmBaPGU3I5SIAgcpH8h42fWzUKYurWehMPCK8MeiduDWsrlGdFOYXEvwZ/vT0sL3dHBcR15wo8QRc2arowqESt8Fbg+Ly4uXI+i7PA75IAnhJy41GMFvgTSPYbso9u/xx+dvEUJQlErDs1Xadb+NUd6jm5AWfPuCNl/9rfD2PBNf/mFIjbhnMiRMSWN/Nx10efx1clv24ErjF6fT9b6CE9jooIjnmvmWuqXfK+F8mwW4YurnFj+72r27GGCv/H6LPfxZR9JERgSc5Gznyo8fqyzV3Rkv+WuxpwfY23iUCGA1tDUuULst7ZOUpYj8kBs2J0p2KyvaE6kL+TwgZpYfK7WIHjO1nkDoa7BTz1niIcv6iQXhjNolLaFYmvBXGepmKq4RyE8HF58anmsJJU0cWudTUdaH80KDf7D3HeLg/UV3TbdiahndHaG6cR8sEor211oz+5QhaZp9h3LXdMzlZW+IoOb3rPOpsv4IDj2siepVb+2QBlz4IbywLV1W2OGouJBMhlt7p2IKipt8BcVa5PoPy/q+V3gTef3uiVJSwIlh71WqQ9dK1hMz3dQFRgfRl6zgwOZXHTsE0lFLNy4cPErm2Yl32Rqu+ggiULFuNPvhcWXrNdCxX9uzhKP2XO97KGCCO+my9S5ifbxqd5Ppbq/fe26BSYiiJCLNHoq8K/V5SIivcRHestl8EWLJ07+pMA+mKTd+gZa6rppuxEhXrYtq2l4T3CDkSqhOdL6mszfvNle94BEs7ZzdMJap0jwBUHeorDhVMvBycW5KVdA3Vdb/GF6jfUQlBYhWv+g47EvwEXoQrOBLFfM1073Gu68JznZ0imc73uMTwfNpoLzR1eZ6fi9w8EaIvHIYgZrSZk1P9bv2WdMvdEPi7psKMg8wGrwttpOqzrZysv7KbhId2iiqeZd+eBoYQpGrpUxuL/S/TrQQRoxqBSm5SWB8B8isXN2cDrvS/6HNKSkoSFqXtJ8rLJeqC6efCmxkJ5vGdz8VlENtJvepTD1lXswhgdXGj8WDbwaUjTs7/D2E7ma6l+7RdPRpyLDfJp0j8bap7tE7u+t942XlDWz4iUDB/Tt1J/MRItWm1ZMBDto/38y4XhpsGDWZCs8JN0S6BQyd3Hvc3h6QO1+220i8iIPnTa6TH5McdpamKe69m9h27GtT/uMwSoaljVeIYdTUso6tqYK3qlb2+Sqs9hwcCzqO9X1h4v6Zj32GUezCj0RARj1U21cHA16BgzbzfCa5cJna7QbWx+PEIyvSm8ziwQl0IWUvMyr12aMvMm+PbdbLevWTnTwCl+Yqu7yl0HkqDDIzt8rO0bhqZO+gsJHzXNy6hv7CfxzWi6+V8lXlaZ9f81GY3QL3I+Et3KV6dlJHlsy+v6NeWbQxSLTXh4KPVpaQB32bVShVmclsmggz5rfpmty4i/EWQuhHjS1PZgf4mrbV6FSpn19b4uyuhzTGA55I82a19mQoTjghvTdUJ7S+PAAN9HpnD/MYpMsUTnz5ZFJF7pMgaYI/fIgHBMHkpSlP5qIIy5JfCcpyqgpYQ9TcFFITN1TTUZcmnUx2tkBMKaUiGFSGVzx1w0NDaOLnU5DpqVH0n+a3W8u2oBWGf5zN4kDpr8F+ZC+dfr5clOjnUrpkPdaIRTkIEGJeJDnetZiUWYW/cIhMdDRLz8CoLPUuEOkfshPiN1N7UaD9Hr1FawZ3Jxyn5dghguhv6oMJcdNhQtGJPRtLz7PqsjnznI2vIWsOcybe+cmBlsS6pILc0TkxDMvM8JsG425OkyiFJ65VsZm2K3SV1QbTH5eAaIjjHn3lsqUCcWbYVupowkr526O/CdcJCgsWWdBHn199zNg/oXdONIm/sG1M6zTcgQeQruUWvwGBRfHnWleTfU1VU2UuDRFcE/MGL/36vVT47+l9ulniLrUGyLbuvKpoIAmVbey4PBx+Y3OgsORTxMGuh9raSEMGDvLNr9IZ0lk0/Rfs7kvuYGGNaGP/y8T+vBDGCk9r99jHPFGn+nF9R19sP2hPXsgaH3y9G4ubvzEe+bafQmyAF0jS8fLx45AkutXY4irMNG+EvjBVjvyWjypREFH/XEaFcvFXH4L6neVJilWP+ZBTWL4RBM/PQEz5+IhOwPi0uv/Shh9+DJjm+trb54LcqCiQnqUelyS67Cp9iz/4yTDXmcWR7kENnDd85P7xVLOrdM5/P2EHfS8MOLqlNPWfXhTWMHB/ti/AfjxOEtWkVFOavqtOvtF4hgb5LomXkm8R90cgGs45Abjnwnu9kFiRAJZeGURDLL1oYKsR7CEn/p8QZWYW5ToDfz+ewxGwWo1yfH1JPf/RqF6YJ2MoeY6D4lKeVlrWy1nmP71pPiiWIdEqhUqTLABvPfbJ2+bHpK9pK3TzC983LiakUN8Lx0PFmnsO92FTt9sXdOUdlHUMK4cB6BhZdmEvREfZ1Vjju6F6YuiEk+TdNkex6BoMnhA5f3q56ItqtPbOm9S65BEsWoJx0+wgBIhQfk9/MNTBN36UN261IkJbE0SfMRBOBiUVTsdBx0z3yXE/p57hhiQ599eFZMV3ocTSwRrfXpJCpXjllGifVVmU8pPzIF2DFskQ6zv6/8+x/xdgwrwO+FjSK6Uwx46F4jmnsztLTrobVTaft91J8i2MfKAtGiBDAs2Rm4mxXULkmsGl4fY7lHmqrwYAdDQpGnvWSfeXpNTpiNz1H4usu1v+g8dRCg2A/6xi1XLA0oYbbxtc3snEL44BgwuMgT3QhvDiXr32weY//pcoyQxVrWRTdKAH8IjJ0qfEK998mX1MPTgv5QOPyQ+AG1hOM/cic+Nym791jnn7pQmUmvTu8/kyzEQ/bHhYzZ2y6kuZ/CZ9bTHp7nnOEUzuW+K83bO6if+/TPc61jpM2ngL2CFpcudMeEt5cLHMT4d5N1fNSeuBSw0Nzbcj961ifJzie4t87COBJdeXgXOZW0gs51pcV1u7ThSJcHa1PjYYNyXXmhVwaE7G8y7zcaI0Adku5WnztdmMxXW5f9O/mnl7wbT0XpYMGG9/kR5VUa6aKoZcg/e+R6hOyfraSQyRsMCy6W94StVWo801mzBkx7Aqgt0YfAdhF7dT/IrdIRE+vXEDRs0kNLVJ00H0FoA000JZCXG5ZklQM/fzkopfA85C7OXdJMKMjq6xOHvJifOaMh9hlo2+iabGpM94E0BS9Prp066SuOfamkfLNx+qJV6sWKgoIEMzgUEBT/0RTckzJOYwZs3HL1m9zrgbgQlySbEaDnq6b7iMJJZwq+rv2wo9bFP9+nXuEfbX03FwT40kqVj+JYNPJNLj6B8Dm9addLvfRSKMs/dFPVbUcw8so508C08Ct0UCtFOuzfZ5jYDhNo7GYdTPXPrqEAIPFHPoUxPah7TCT79pWbDQ6svIPu8KJoOLh293CbKdM1ToW2SBHzPr7sILtYgIStv3sqnMfNl1Peo2PYi/s3g4c9U9ReICEGJe7XiLocKvUDJ36i6zWVc96FwoMg3BQ4a1V3an6MPNoKOPpe5neM1bkTEoNbWjQJbu9kNTloEI68rx4hGt75vfhoFTmJwqiLZrGG1QfzHkRHvsEX6ez3H/DdEDWgwIbNto1ypvKFJRNWGy+8AdNBGWKefU1PHCMGcXI92aEhzfG941X0LtG9f6U2ZEiQVSa36vXzBjlCFmH2KkUchqVn9Wsef+43hxLev8J6+OlxiAlpdRCZGu/FccuBHkCuX/CYSBvapyL04PA3q2TjMHm4KLOXyTAsri/oYyyPRpQoSlnaPtEP7H1bpstGuCDV2RAQ4Fp1jZWDp12+UKuwq4jXyNeFy78xvyKrjf/82R/oe7LRZrSmHPfGHfniDAYc33SefUoJ+1cSFcXjYGZ8FCuy2EmDvy23IPUwxSfWu2WjI8UZAgERRcU6gWhoDOFT0xCabzXxcHhxYDNDt9dE+2k0jo0lNkP28w+oSl8HRzVXprHqbKUYT9r24T8H/HbGUvniAmnAAAAAElFTkSuQmCC"); --bw-hart: radial-gradient(circle at 2px 2px, rgba(126,71,68,.16) 1.4px, rgba(255,255,255,0) 1.5px); --bw-hart-licht: radial-gradient(circle at 2px 2px, rgba(255,255,255,.10) 1.4px, rgba(255,255,255,0) 1.5px); --bw-hart-footer: radial-gradient(circle at 2px 2px, rgba(255,255,255,.05) 1.4px, rgba(255,255,255,0) 1.5px); --bw-zwieper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' preserveAspectRatio='none'%3E%3Cpath d='M2 10 C40 2,120 2,158 8' fill='none' stroke='%23E3BAAB' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); } @media (min-width: 768px) { :root { --bw-naadruimte: 68px; --bw-hoepel: 72px; } } @media (min-width: 1024px) { :root { --bw-radius-beeld: 20px 96px 20px 96px; --bw-kartel-h: 16px; --bw-kartel-s: 32px; --bw-sec-lint: var(--wp--custom--sectiepadding--lint-desktop); --bw-sec-normaal: var(--wp--custom--sectiepadding--normaal-desktop); --bw-sec-zwaar: var(--wp--custom--sectiepadding--zwaar-desktop); --bw-sec-anker: var(--wp--custom--sectiepadding--anker-desktop); --bw-kop-onder: 28px; --bw-uitloop: 140px; } } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--bw-blush); color: var(--bw-tekst); font-family: var(--bw-font-body), system-ui, sans-serif; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-wrap: pretty; overflow-x: hidden; } a { color: var(--bw-terracotta-tekst); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: var(--bw-s-stengel-diep); transition: color var(--bw-duur-kleur) var(--bw-ease-zacht), text-decoration-color var(--bw-duur-kleur) var(--bw-ease-zacht), text-decoration-thickness var(--bw-duur-kleur) var(--bw-ease-zacht), text-underline-offset var(--bw-duur-kleur) var(--bw-ease-zacht); } a:hover { color: var(--bw-terracotta-actief); text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 3px; } :is(.bw-nav, .bw-menu, .bw-kaart, .bw-footer, .bw-kruimels, .bw-blogkaart, .bw-uitgelicht, .bw-review, .bw-chip, .bw-chiplijst, .bw-blogfilter, .bw-situatielijst, .bw-toc, .bw-tegel, .bw-contactkaart, .bw-contactlijst, .bw-badges, .bw-paginering, .bw-praktijkkader, .bw-header) a { text-decoration-color: rgba(255, 255, 255, 0); text-decoration-thickness: 1.5px; text-underline-offset: 4px; } :is(.bw-nav, .bw-menu, .bw-kaart, .bw-footer, .bw-kruimels, .bw-blogkaart, .bw-uitgelicht, .bw-review, .bw-chip, .bw-chiplijst, .bw-blogfilter, .bw-situatielijst, .bw-toc, .bw-tegel, .bw-contactkaart, .bw-contactlijst, .bw-badges, .bw-paginering, .bw-praktijkkader, .bw-header) a:hover { text-decoration-color: currentColor; text-decoration-thickness: 1.5px; text-underline-offset: 4px; } .bw-pijl { display: inline-block; margin-left: 8px; transition: transform var(--bw-duur-vorm) var(--bw-ease-veer); } a:hover .bw-pijl, button:hover .bw-pijl { transform: translateX(4px); } button { font-family: inherit; } :root { --bw-focusring: var(--bw-focuskleur); --bw-rand-interactief: #A8776A; } :focus:not(:focus-visible) { outline: none; } a, button, summary, [role="button"] { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 2px solid var(--bw-focuskleur); outline-offset: 2px; box-shadow: var(--bw-halo); border-radius: 2px; transition: none; } .bw-slotcta, .bw-sectie--terracotta, .bw-op-terracotta, .bw-op-mauve, .bw-footer { --bw-focusring: #fff; --bw-focuskleur: #fff; --bw-halo: 0 0 0 6px rgba(255, 255, 255, .22); } :is(.bw-slotcta, .bw-sectie--terracotta, .bw-op-terracotta, .bw-op-mauve) :is(.bw-kaart, .bw-promise__kaart, .bw-pay__kaart, .bw-tegel, .bw-stapkaart, .bw-review, .bw-progkaart) { --bw-focusring: var(--bw-terracotta-tekst); --bw-focuskleur: var(--bw-terracotta-tekst); --bw-halo: 0 0 0 6px rgba(168, 75, 56, .14); } img { max-width: 100%; height: auto; display: block; } figure { margin: 0; } figure.wp-block-image { margin: 0 0 24px; } figure.wp-block-image:last-child { margin-bottom: 0; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } h1, h2, h3, h4, .wp-block-heading { font-family: var(--bw-font-kop), sans-serif; color: var(--bw-tekst-kop); } h1, .wp-block-post-title { margin: 0 0 18px; font-weight: 700; font-size: clamp(32px, 5.2vw, 48px); line-height: 1.15; letter-spacing: -.01em; } h2 { margin: 0 0 var(--bw-kop-onder); font-weight: 700; font-size: clamp(26px, 3.2vw, 36px); line-height: 1.2; } .bw-tekstkolom h2, .bw-lees h2 { margin-bottom: 22px; } h3 { margin: 0 0 14px; font-weight: 600; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.25; } @media (min-width: 1024px) { :root body { font-size: 17px; } } p { margin: 0 0 16px; } p:last-child { margin-bottom: 0; } .bw-intro { margin: 0 0 18px; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.7; color: var(--bw-tekst); max-width: 56ch; } .bw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .bw-label { margin: 0 0 14px; font-family: var(--bw-font-body), sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .07em; color: var(--bw-terracotta-tekst); text-transform: none; } h2:has(+ .bw-sub) { margin-bottom: 14px; } .bw-sub { margin: 0 0 40px; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.6; color: var(--bw-tekst-gedempt); font-style: italic; max-width: 62ch; } .bw-sub--breed { max-width: min(100%, 80ch); } :root { --bw-leesmaat: 561px; } @media (min-width: 1024px) { :root { --bw-leesmaat: 594px; } } .bw-lees { max-width: var(--bw-leesmaat); font-size: 17px; line-height: 1.75; } @media (min-width: 1024px) { .bw-lees { font-size: 18px; } } .bw-container, .bw-sectie > .wp-block-group, .wp-block-group.bw-sectie { --bw-cont-padding: 20px; } .bw-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .bw-container--lees .bw-lees { margin-inline: 0; } .bw-sectie { --sec-pad: var(--bw-sec-zwaar); padding: var(--sec-pad) 0; } .bw-herosec { padding: 24px 0 56px; } @media (min-width: 768px) and (max-width: 1023px) { .bw-herosec { padding: 64px 0 72px; } } .bw-herosec--aanbod { padding: 64px 0; } .bw-herosec--kop { padding: 40px 0 8px; } .bw-herosec--landing { padding: 24px 0 48px; } @media (min-width: 1024px) { .bw-herosec--aanbod { padding: 44px 0; } .bw-herosec--kop { padding: 56px 0 8px; } .bw-herosec--landing { padding: 48px 0 72px; } } .bw-herosec:has(.bw-blogfilter) { padding: 40px 0 8px; } .bw-herosec:has(.bw-blogfilter) + .bw-sectie { padding-top: 56px; } @media (min-width: 1024px) { .bw-herosec:has(.bw-blogfilter) + .bw-sectie { padding-top: 80px; } } .bw-herosec h1 { max-width: 24ch; margin: 0 0 14px; text-wrap: balance; } .bw-sectie, .bw-herosec { position: relative; isolation: isolate; --sec-bg: rgba(255, 255, 255, 0); --sec-next: var(--sec-bg); --sec-uitloop: 0px; --sec-ruis: 0; background-color: var(--sec-bg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) calc(100% - var(--sec-uitloop)), var(--sec-next) 100%); } .bw-sectie::before, .bw-herosec::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: var(--bw-ruis); background-size: 180px 180px; opacity: var(--sec-ruis); } .bw-sectie--blush { --sec-bg: var(--bw-blush); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--blushwarm { --sec-bg: var(--bw-blush-warm); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--blushdiep { --sec-bg: var(--bw-blush-diep); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--wit { --sec-bg: var(--bw-wit); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--gebroken { --sec-bg: var(--bw-gebroken-wit); --sec-ruis: var(--bw-ruis-alfa); } .bw-herosec.bw-sectie--blush { --sec-bg: var(--bw-blush); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--saliewolk { --sec-bg: var(--bw-s-salie-wolk); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--zand { --sec-bg: var(--bw-s-zand); --sec-ruis: var(--bw-ruis-alfa); } .bw-sectie--zand :is(.bw-trust, .bw-review__meta, .bw-blogkaart__duur, .bw-datum) { color: var(--bw-tekst-gedempt); } .bw-sectie--terracotta { --sec-bg: var(--bw-terracotta-vlak); --sec-ruis: var(--bw-ruis-alfa); color: #fff; } .bw-sectie--terracotta :is(h2, h3, h4, .bw-sub, .bw-label) { color: #fff; } .bw-sectie--terracotta .bw-kaart, .bw-sectie--terracotta .bw-promise__kaart, .bw-sectie--terracotta .bw-pay__kaart, .bw-sectie--terracotta .bw-tegel, .bw-sectie--terracotta .bw-stapkaart { color: var(--bw-tekst); } .bw-sectie--terracotta :is(.bw-kaart, .bw-promise__kaart, .bw-pay__kaart, .bw-tegel, .bw-stapkaart) :is(h2, h3, h4) { color: var(--bw-tekst-kop); } .bw-sectie--wit:has(+ .bw-sectie--blush) { --sec-next: var(--bw-blush); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--wit:has(+ .bw-sectie--gebroken) { --sec-next: var(--bw-gebroken-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--wit:has(+ .bw-sectie--zand) { --sec-next: var(--bw-s-zand); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--wit:has(+ .bw-sectie--saliewolk) { --sec-next: var(--bw-s-salie-wolk); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--blush:has(+ .bw-sectie--wit), .bw-herosec.bw-sectie--blush:has(+ .bw-sectie--wit) { --sec-next: var(--bw-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--blush:has(+ .bw-sectie--gebroken) { --sec-next: var(--bw-gebroken-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--blush:has(+ .bw-sectie--zand) { --sec-next: var(--bw-s-zand); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--blush:has(+ .bw-sectie--saliewolk) { --sec-next: var(--bw-s-salie-wolk); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--gebroken:has(+ .bw-sectie--wit) { --sec-next: var(--bw-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--gebroken:has(+ .bw-sectie--blush) { --sec-next: var(--bw-blush); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--zand:has(+ .bw-sectie--wit) { --sec-next: var(--bw-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--zand:has(+ .bw-sectie--blush) { --sec-next: var(--bw-blush); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--saliewolk:has(+ .bw-sectie--wit) { --sec-next: var(--bw-wit); --sec-uitloop: var(--bw-uitloop); } .bw-sectie--saliewolk:has(+ .bw-sectie--blush) { --sec-next: var(--bw-blush); --sec-uitloop: var(--bw-uitloop); } .bw-sectie:has(+ .bw-sectie--terracotta), .bw-sectie:has(+ .bw-slotcta), .bw-sectie--terracotta, .bw-slotcta { --sec-uitloop: 0px; } @media (min-width: 1024px) { .bw-container { padding: 0 40px; } .bw-sectie { padding: var(--sec-pad) 0; } .bw-herosec { padding: 44px 0; } .bw-herosec--aanbod { padding: 44px 0; } .bw-herosec--kop { padding: 56px 0 8px; } .bw-herosec--landing { padding: 48px 0 72px; } .bw-herosec:has(.bw-blogfilter) { padding: 40px 0 8px; } } .bw-uspbalk { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; background: var(--bw-terracotta-tekst); color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .14); font-family: var(--bw-font-body), sans-serif; font-weight: 600; font-size: clamp(12.5px, 3.4vw, 14px); white-space: nowrap; overflow: hidden; } @media (min-width: 1024px) { .bw-uspbalk { font-size: 13px; } } .bw-uspbalk__spoor { display: grid; justify-items: center; max-width: 100%; } .bw-uspbalk__item { grid-area: 1 / 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .bw-uspbalk:not([data-js="true"]) .bw-uspbalk__item { display: none; } .bw-uspbalk:not([data-js="true"]) .bw-uspbalk__item--actief { display: block; } .bw-uspbalk:not([data-js="true"]):not(:has(.bw-uspbalk__item--actief)) .bw-uspbalk__item:first-child { display: block; } .bw-uspbalk[data-js="true"] .bw-uspbalk__item { visibility: hidden; opacity: 0; transform: translateX(24px); transition: none; } .bw-uspbalk[data-js="true"] .bw-uspbalk__item--actief { visibility: visible; opacity: 1; transform: none; transition: opacity var(--bw-duur-vorm, .32s) var(--bw-ease-zacht, ease), transform var(--bw-duur-vorm, .32s) var(--bw-ease-zacht, ease), visibility 0s; } .bw-uspbalk[data-js="true"] .bw-uspbalk__item--weg { visibility: hidden; opacity: 0; transform: translateX(-24px); transition: opacity var(--bw-duur-vorm, .32s) var(--bw-ease-zacht, ease), transform var(--bw-duur-vorm, .32s) var(--bw-ease-zacht, ease), visibility 0s linear var(--bw-duur-vorm, .32s); } @media (prefers-reduced-motion: reduce) { .bw-uspbalk[data-js="true"] .bw-uspbalk__item, .bw-uspbalk[data-js="true"] .bw-uspbalk__item--actief, .bw-uspbalk[data-js="true"] .bw-uspbalk__item--weg { transition: none; } } .bw-uspbalk__pauze, .bw-uspbalk__scheider { display: none; } .wp-block-template-part:has(> .bw-header) { display: contents; } .bw-header { position: sticky; top: 0; z-index: 50; background: var(--bw-wit); border-bottom: 1px solid var(--bw-lijn-zacht); transition: box-shadow var(--bw-duur-vorm) var(--bw-ease-zacht); } :root[data-vast="true"] .bw-header { box-shadow: 0 1px 2px rgba(74, 67, 64, .06), 0 8px 24px rgba(124, 55, 40, .08); } .bw-header:focus { outline: none; box-shadow: none; } [id], #main { scroll-margin-top: 88px; } .bw-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; padding: 12px 20px; max-width: 1200px; margin: 0 auto; } @media (min-width: 1024px) { .bw-header__inner { padding-inline: 40px; } } .bw-header .wp-block-site-logo { flex: none; width: auto; margin-top: -2px; } .bw-header .custom-logo, .bw-header .wp-block-site-logo img { width: 176px; height: auto; max-width: none; } @media (min-width: 1024px) { .bw-header__inner > .bw-nav, .bw-header .bw-nav .wp-block-navigation__responsive-container, .bw-header .bw-nav .wp-block-navigation__responsive-close, .bw-header .bw-nav .wp-block-navigation__responsive-dialog, .bw-header .bw-nav .wp-block-navigation__responsive-container-content { align-items: center; } } .bw-nav ul, .bw-nav .wp-block-navigation__container { display: flex; align-items: center; font-size: 16px; font-weight: 600; list-style: none; margin: 0; padding: 0; gap: 4px; } .bw-header .bw-nav .wp-block-navigation-item .wp-block-navigation-item__content { color: var(--bw-tekst-kop); text-decoration: none; } .bw-header .bw-nav .wp-block-navigation-item .wp-block-navigation-item__content { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); padding: 0 12px; border-radius: var(--wp--custom--radius--klein, 12px); transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht); } @media (min-width: 1024px) and (max-width: 1099px) { .bw-header .bw-nav .wp-block-navigation-item .wp-block-navigation-item__content { padding: 0 8px; } } .bw-header .bw-nav .wp-block-navigation-item .wp-block-navigation-item__content:hover, .bw-header .bw-nav .current-menu-item > .wp-block-navigation-item__content { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-header .bw-nav .wp-block-navigation-item .wp-block-navigation-item__content[aria-current="page"] { color: var(--bw-terracotta-tekst); } .bw-header .bw-nav .wp-block-navigation-item.has-child:is(.current-menu-item, .current-menu-ancestor) { background: var(--bw-blush); } .bw-header .bw-nav .wp-block-navigation-item.has-child:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content, .bw-header .bw-nav .wp-block-navigation-item.has-child:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-submenu__toggle { background: none; color: var(--bw-terracotta-tekst); } .bw-header__acties { display: flex; align-items: center; gap: 10px; min-width: 0; } .bw-nav .wp-block-navigation-item.has-child { border-radius: var(--wp--custom--radius--klein, 12px); transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-nav .wp-block-navigation-item.has-child:hover, .bw-nav .wp-block-navigation-item.has-child:focus-within { background: var(--bw-blush); } .bw-header .bw-nav .has-child:hover > .wp-block-navigation-item__content, .bw-header .bw-nav .has-child:focus-within > .wp-block-navigation-item__content { background: none; } .bw-header .bw-nav .has-child:hover > .wp-block-navigation-item__content, .bw-header .bw-nav .has-child:focus-within > .wp-block-navigation-item__content, .bw-header .bw-nav .has-child:hover > .wp-block-navigation-submenu__toggle, .bw-header .bw-nav .has-child:focus-within > .wp-block-navigation-submenu__toggle { color: var(--bw-terracotta-tekst); } .bw-header .bw-nav .has-child > .wp-block-navigation-item__content { padding-right: 2px; } .bw-nav .wp-block-navigation-submenu__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bw-raakvlak); width: auto; height: auto; min-height: var(--bw-raakvlak); margin: 0; padding: 0; background: none; border: 0; color: inherit; cursor: pointer; } .bw-nav .wp-block-navigation-submenu__toggle svg { width: 12px; height: 12px; margin: 0; transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht); } .bw-nav .has-child:hover > .wp-block-navigation-submenu__toggle svg, .bw-nav .has-child:focus-within > .wp-block-navigation-submenu__toggle svg { transform: rotate(180deg); } .bw-header .bw-nav .has-child > .wp-block-navigation__submenu-container { top: 100%; left: -9px; margin-top: 8px; min-width: 220px; padding: 8px; background: var(--bw-wit); border: 1px solid var(--bw-lijn); border-radius: var(--wp--custom--radius--standaard, 16px); box-shadow: var(--bw-schaduw-kaart-hover); gap: 2px; } .bw-header .bw-nav .has-child > .wp-block-navigation__submenu-container::before { content: ""; position: absolute; inset: -8px 0 100% 0; } .bw-header .bw-nav .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; align-items: center; flex-grow: 1; min-height: var(--bw-raakvlak); padding: 0 12px; border-radius: var(--wp--custom--radius--klein, 12px); font-size: 16px; font-weight: 600; line-height: 1.3; } .bw-header .bw-nav .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item { width: 100%; border: 0; } @media (min-width: 600px) and (max-width: 1023px) { .bw-header .bw-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; } .bw-header .bw-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } } .bw-nav .wp-block-navigation__responsive-container-open, .bw-nav .wp-block-navigation__responsive-container-close, .bw-menubtn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bw-raakvlak); min-height: var(--bw-raakvlak); padding: 0 10px; border: 1.5px solid var(--bw-rand-interactief); border-radius: 999px; background: var(--bw-wit); color: var(--bw-terracotta-tekst); font-weight: 700; font-size: 15px; cursor: pointer; transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), border-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht), transform var(--bw-duur-vorm) var(--bw-ease-veer); } .bw-nav .wp-block-navigation__responsive-container-open:hover, .bw-nav .wp-block-navigation__responsive-container-close:hover, .bw-menubtn:hover { background: var(--bw-blush); border-color: var(--bw-terracotta-tekst); transform: scale(1.04); } .bw-nav .wp-block-navigation__responsive-container-open:active, .bw-nav .wp-block-navigation__responsive-container-close:active, .bw-menubtn:active { transform: scale(.95); } .bw-nav .wp-block-navigation__responsive-container-open svg { fill: currentColor; } .bw-nav .wp-block-navigation__responsive-container-open svg path { transform-box: fill-box; transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht); } .bw-nav .wp-block-navigation__responsive-container-open:hover svg path:first-child { transform: translateY(-1px); } .bw-nav .wp-block-navigation__responsive-container-open:hover svg path:last-child { transform: translateY(1px); } .bw-nav .wp-block-navigation__responsive-container-close svg { fill: currentColor; transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht); } .bw-nav .wp-block-navigation__responsive-container-close:hover svg { transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .bw-nav .wp-block-navigation__responsive-container-open, .bw-nav .wp-block-navigation__responsive-container-close, .bw-menubtn, .bw-nav .wp-block-navigation__responsive-container-open svg path, .bw-nav .wp-block-navigation__responsive-container-close svg { transition: none; } .bw-nav .wp-block-navigation__responsive-container-open:hover, .bw-nav .wp-block-navigation__responsive-container-close:hover, .bw-menubtn:hover, .bw-nav .wp-block-navigation__responsive-container-open:active, .bw-nav .wp-block-navigation__responsive-container-close:active, .bw-menubtn:active { transform: none; } .bw-nav .wp-block-navigation__responsive-container-open:hover svg path, .bw-nav .wp-block-navigation__responsive-container-close:hover svg { transform: none; } } @media (max-width: 1023px) { .bw-header .bw-nav .wp-block-navigation__responsive-container { opacity: 0; animation: none; transition: opacity var(--bw-duur-vorm) var(--bw-ease-zacht), display var(--bw-duur-vorm) allow-discrete; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open { opacity: 1; transition: none; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { animation: bw-paneel-in var(--bw-duur-vorm) var(--bw-ease-zacht) both; } } @keyframes bw-paneel-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } } @media (max-width: 1023px) and (prefers-reduced-motion: reduce) { .bw-header .bw-nav .wp-block-navigation__responsive-container { transition: none; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { animation: none; } } .bw-nav .wp-block-navigation__responsive-container.is-menu-open { --navigation-layout-justification-setting: stretch; --navigation-layout-justify: flex-start; --navigation-layout-align: stretch; background: var(--bw-wit); padding: 20px 8px 28px; } .bw-nav .is-menu-open .wp-block-navigation__responsive-close, .bw-nav .is-menu-open .wp-block-navigation__responsive-dialog, .bw-nav .is-menu-open .wp-block-navigation__responsive-container-content, .bw-nav .is-menu-open .wp-block-navigation__container, .bw-nav .is-menu-open .wp-block-navigation-item, .bw-nav .is-menu-open .wp-block-navigation__submenu-container { width: 100%; max-width: none; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { display: flex; flex-direction: column; flex: 1; min-height: 100%; padding-top: 0; } .bw-nav .is-menu-open .wp-block-navigation__responsive-close, .bw-nav .is-menu-open .wp-block-navigation__responsive-dialog { display: flex; flex-direction: column; flex: 1; } .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { flex-direction: column; justify-content: flex-start; gap: 0; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { display: flex; align-items: stretch; border-bottom: 1px solid var(--bw-lijn-zacht); } .bw-nav .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:last-child { border-bottom: 0; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content { display: flex; justify-content: flex-start; align-items: center; min-height: 56px; flex: 1; padding: 4px 12px; border-radius: var(--wp--custom--radius--klein, 12px); color: var(--bw-tekst-kop); font-family: Quicksand, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.3; transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-header .bw-nav .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content:hover, .bw-header .bw-nav .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content:active { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container { position: static; margin: 0 0 0 16px; padding: 0; width: auto; min-width: 0; border: 0; border-radius: 0; background: none; box-shadow: none; gap: 0; grid-area: 2 / 1; height: 0; overflow: hidden; visibility: hidden; transition: height var(--bw-duur-vorm) var(--bw-ease-zacht), visibility 0s linear var(--bw-duur-vorm); } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; border-radius: 0; background: none; } .bw-header .bw-nav .is-menu-open .has-child > .wp-block-navigation-item__content { grid-area: 1 / 1; padding-right: 56px; } .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-header .bw-nav .is-menu-open .has-child > .bw-subtoggle { grid-area: 1 / 1; justify-self: end; margin-right: 6px; position: relative; z-index: 1; } .bw-header .bw-nav .is-menu-open .has-child[data-bw-open="true"] > .wp-block-navigation__submenu-container { height: var(--bw-uitklaphoogte, auto); visibility: visible; transition: height var(--bw-duur-vorm) var(--bw-ease-zacht), visibility 0s; } .bw-subtoggle { display: none; align-self: center; align-items: center; justify-content: center; width: var(--bw-raakvlak); height: var(--bw-raakvlak); padding: 0; border: 0; border-radius: 999px; background: none; color: var(--bw-tekst-kop); cursor: pointer; transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-nav .is-menu-open .bw-subtoggle { display: inline-flex; } .bw-subtoggle:hover { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-subtoggle[aria-expanded="true"] { color: var(--bw-terracotta-tekst); } .bw-subtoggle svg { width: 14px; height: 14px; transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht); } .bw-subtoggle[aria-expanded="true"] svg { transform: rotate(180deg); } @media (prefers-reduced-motion: reduce) { .bw-header .bw-nav .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container, .bw-subtoggle svg { transition: none; } } .bw-header .bw-nav .is-menu-open .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item { border-bottom: 0; } .bw-header .bw-nav .is-menu-open .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item:last-child { margin-bottom: 4px; } .bw-header .bw-nav .is-menu-open .has-child > .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content { min-height: 48px; padding: 2px 12px; border-radius: var(--wp--custom--radius--klein, 12px); font-family: var(--bw-font-body), sans-serif; font-size: 17px; font-weight: 600; color: var(--bw-tekst); } .bw-menupaneel { display: none; } .bw-nav .is-menu-open .bw-menupaneel { display: contents; } .bw-nav .is-menu-open .bw-menupaneel__kop { order: -1; display: flex; align-items: center; min-height: var(--bw-raakvlak); padding-left: 12px; padding-right: 68px; margin-bottom: 20px; } .bw-nav .is-menu-open .bw-menupaneel__kop .wp-block-site-logo { margin: 0; } .bw-nav .is-menu-open .bw-menupaneel__kop img { width: 148px; height: auto; max-width: none; } .bw-nav .is-menu-open .bw-menupaneel__voet { order: 1; margin-top: auto; padding: 24px 12px 0; text-align: center; } .bw-nav .is-menu-open .bw-menupaneel__voet .bw-knop { width: 100%; } .bw-nav .is-menu-open .bw-menupaneel__score { margin: 14px 0 0; font-size: 14px; color: var(--bw-tekst-licht); } .bw-nav .is-menu-open .bw-menupaneel__score .bw-trust { justify-content: center; margin: 0; } .bw-nav .is-menu-open .wp-block-navigation__responsive-container-close { top: 0; right: 12px; } @media (min-width: 1024px) { .bw-menubtn { display: none; } .bw-header .bw-nav .wp-block-navigation__responsive-container-open { display: none; } } @media (max-width: 1023px) { .bw-header__inner > .bw-nav { order: 3; } .bw-header__acties { margin-left: auto; } } @media (max-width: 479px) { .bw-header__acties { display: none; } } .bw-knop, .wp-block-button__link, .wp-element-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 15px 30px; border: 0; border-radius: 999px; background: var(--bw-terracotta-vlak); color: #fff; font-family: var(--bw-font-body), sans-serif; font-weight: 700; font-size: 16px; line-height: 1.7; text-align: center; text-decoration: none; box-shadow: var(--bw-schaduw-knop); cursor: pointer; transition: background-color var(--bw-duur-terug) var(--bw-ease-zacht), border-color var(--bw-duur-terug) var(--bw-ease-zacht), color var(--bw-duur-terug) var(--bw-ease-zacht), box-shadow var(--bw-duur-terug) var(--bw-ease-zacht), transform var(--bw-duur-terug) var(--bw-ease-zacht); } .bw-knop:hover, .wp-block-button__link:hover, .wp-element-button:hover { background: var(--bw-terracotta-hover); color: #fff; box-shadow: var(--bw-schaduw-knop-hover); text-decoration: none; transform: translateY(-2px); transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), border-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht), box-shadow var(--bw-duur-vorm) var(--bw-ease-zacht), transform var(--bw-duur-vorm) var(--bw-ease-veer); } .bw-knop:active, .wp-block-button__link:active, .wp-element-button:active { background: var(--bw-terracotta-actief); box-shadow: var(--bw-schaduw-knop-actief); transform: translateY(0) scale(.985); transition: background-color var(--bw-duur-druk) var(--bw-ease-heen), box-shadow var(--bw-duur-druk) var(--bw-ease-heen), transform var(--bw-duur-druk) var(--bw-ease-heen); } .bw-knop:focus-visible, .wp-block-button__link:focus-visible, .wp-element-button:focus-visible { box-shadow: var(--bw-schaduw-knop), var(--bw-halo); } .bw-knop--secundair, .is-style-outline > .wp-block-button__link { background: var(--bw-wit); border: 2px solid var(--bw-terracotta-tekst); color: var(--bw-terracotta-tekst); padding: 14px 27px; box-shadow: none; } .bw-knop--secundair:hover, .is-style-outline > .wp-block-button__link:hover { background: var(--bw-blush); border-color: var(--bw-terracotta-actief); color: var(--bw-terracotta-actief); box-shadow: 0 1px 2px rgba(74, 67, 64, .10); transform: none; } .bw-knop--secundair:active, .is-style-outline > .wp-block-button__link:active { border-color: var(--bw-terracotta-donker); box-shadow: inset 0 2px 6px rgba(124, 55, 40, .14); transform: none; } .bw-knop[disabled], .bw-knop.is-disabled, .wp-block-button__link[disabled], .wp-element-button[disabled] { background: var(--bw-blush-diep); color: var(--bw-tekst-gedempt); border-color: var(--bw-lijn); box-shadow: none; transform: none; cursor: not-allowed; opacity: 1; } .bw-knop--klein { min-height: 46px; padding: 11px 20px; font-size: 15px; } .bw-link { display: inline-flex; align-items: center; gap: 6px; min-height: var(--bw-raakvlak); font-weight: 700; color: var(--bw-terracotta-tekst); } .bw-link:hover { text-decoration: underline; } :is(.bw-op-terracotta, .bw-op-mauve, .bw-slotcta) .bw-link { color: #fff; } .bw-nalink { margin: 28px 0 0; } .wp-block-buttons { display: flex; flex-direction: column; flex-wrap: wrap; align-items: stretch; gap: 12px; margin: 0; padding: 0; list-style: none; } .wp-block-buttons .wp-block-button { margin: 0; max-width: 100%; } .wp-block-buttons .wp-block-button__link { width: 100%; } body .wp-block-columns { display: grid; grid-template-columns: 1fr; gap: 28px; margin: 0; } body .wp-block-columns > .wp-block-column { min-width: 0; } body :is(h2, h3) + .wp-block-columns { margin-top: var(--bw-kop-onder); } @media (min-width: 768px) { .wp-block-buttons { flex-direction: row; align-items: center; } .wp-block-buttons .wp-block-button__link { width: auto; } } @media (min-width: 768px) { body .wp-block-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { body .wp-block-columns { grid-template-columns: repeat(var(--bw-kolommen, 2), minmax(0, 1fr)); gap: 48px; } } .bw-hero { display: grid; grid-template-columns: 1fr; gap: 28px; } .bw-hero--ruim { gap: 32px; } .bw-zoekkop { font-family: var(--bw-font-body), sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .04em; color: var(--bw-tekst-kop); margin-bottom: 16px; } .bw-herotxt { display: flex; flex-direction: column; justify-content: flex-start; } .bw-herobtns { display: flex; flex-direction: column; align-items: stretch; gap: 12px; } .bw-hero h1 { margin-bottom: 16px; } .bw-hero__sub { margin: 0 0 26px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.6; color: var(--bw-tekst-gedempt); max-width: 60ch; } .bw-hero .bw-hero__sub { max-width: 38ch; } .bw-heroimg { position: relative; aspect-ratio: 4 / 3; border-radius: var(--bw-radius-beeld); overflow: hidden; margin: 0; box-shadow: var(--bw-uit); } .bw-heroimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; } .bw-heroimg.bw-heroimg--midden img { object-position: 50% 50%; } .bw-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 24px 0 0; font-size: clamp(13px, 3.4vw, 14px); color: var(--bw-tekst-gedempt); } .bw-trust__deel { display: inline-flex; align-items: center; gap: 8px; } .bw-trust__score { display: inline-flex; align-items: center; gap: 6px; } .bw-trust__sterren { color: var(--bw-goud); letter-spacing: 1px; } .bw-trust__punt { color: var(--bw-terracotta); font-weight: 700; } @media (max-width: 767px) { .bw-trust { row-gap: 2px; } .bw-trust__deel { white-space: nowrap; } } @media (min-width: 768px) { .bw-herobtns { flex-direction: row; align-items: center; } .bw-trust { flex-wrap: nowrap; white-space: nowrap; } } @media (min-width: 1024px) and (max-width: 1099px) { .bw-herosec:has(.bw-trust) .bw-hero { grid-template-columns: 1.7fr 1fr; } .bw-herosec .bw-trust { font-size: 13px; gap: 4px 6px; } .bw-herosec .bw-trust__deel { gap: 6px; } .bw-herobtns .wp-block-button__link { padding-inline: 20px; font-size: 15px; } } @media (min-width: 1100px) { .bw-hero--locatie { grid-template-columns: 1.15fr .85fr; } .bw-hero--locatie .bw-trust { font-size: 13px; gap: 4px 6px; } .bw-hero--locatie .bw-trust__deel { gap: 6px; } } @media (min-width: 1024px) { .bw-herosec:has(.bw-hero--locatie) { padding: 32px 0 28px; } } @media (min-width: 1024px) { .bw-herosec--casus { padding-bottom: 28px; } .bw-sec--nahero.bw-naad-onder { padding-top: max(var(--bw-sec-normaal), var(--bw-naadruimte)); } } .bw-hero--omgekeerd > .bw-heroimg { order: 2; } .bw-hero--omgekeerd > :not(.bw-heroimg) { order: 1; } @media (min-width: 1024px) { .bw-hero { grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: stretch; } .bw-heroimg { aspect-ratio: auto; min-height: 380px; } .bw-herotxt { min-height: 0; } .bw-hero--omgekeerd { grid-template-columns: .95fr 1.05fr; } .bw-hero--omgekeerd > .bw-heroimg { order: 1; } .bw-hero--omgekeerd > :not(.bw-heroimg) { order: 2; } .bw-hero--omgekeerd > :not(.bw-heroimg) { align-self: center; } } .bw-kaart { background: var(--bw-wit); border-radius: 16px; padding: 28px 24px; box-shadow: var(--bw-rust); } .bw-kaart--rand { border: 1px solid var(--bw-lijn-zacht); } .bw-kaart--voetnoot { margin-top: 32px; border: 0; border-left: 3px solid var(--bw-lijn); border-radius: 16px; box-shadow: none; } .bw-kaart.bw-kaart--voetnoot > h3 { margin: 0 0 14px; font-size: 20px; line-height: 1.3; } .bw-kaart--voetnoot > p { max-width: var(--bw-leesmaat); } @media (min-width: 1024px) { .bw-kaart.bw-kaart--voetnoot { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; row-gap: 16px; align-items: start; } .bw-kaart.bw-kaart--voetnoot > h3, .bw-kaart--voetnoot > .bw-btwregel { grid-column: 1 / -1; } .bw-kaart--voetnoot > p { max-width: none; } .bw-kaart.bw-kaart--voetnoot > h3, .bw-kaart--voetnoot > p { margin-block: 0; } } .bw-kaart > :is(h2, h3) { margin: 0 0 18px; font-size: clamp(20px, 1.6vw, 23px); line-height: 1.3; } .bw-prog { display: grid; grid-template-columns: 1fr; gap: 26px; } @media (max-width: 1023px) { .bw-prog > .bw-progkaart { max-width: 560px; margin-inline: auto; width: 100%; } } .bw-prog > .bw-progkaart:nth-child(1) { order: 2; } .bw-prog > .bw-progkaart:nth-child(2) { order: 1; } .bw-prog > .bw-progkaart:nth-child(3) { order: 3; } .bw-progkaart { position: relative; display: flex; flex-direction: column; height: 100%; background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 20px; padding: 28px 24px; box-shadow: var(--bw-rust); } .bw-progkaart--uitgelicht { border: 2px solid var(--bw-terracotta); padding: 27px 24px 28px; box-shadow: var(--bw-uit); } .bw-prog--compact { gap: 20px; } .bw-prog--compact .bw-progkaart { padding: 26px 24px; } .bw-prog--compact .bw-progkaart--uitgelicht { padding: 25px 24px 26px; } .bw-prog--compact .bw-progkaart h3 { margin: 0 0 12px; } .bw-prog--compact .bw-prijs { font-size: clamp(30px, 3vw, 36px); } .bw-prog--compact .bw-situatieregel { --sit-pad: 12px; margin: 0 0 18px; padding: var(--sit-pad) 14px; } .bw-progkaart--uitgelicht .bw-situatieregel { background: var(--bw-blush-diep); } .bw-progkaart__badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--bw-terracotta-vlak); color: #fff; border-radius: 999px; padding: 7px 16px; font-size: 12.5px; font-weight: 700; } .bw-progkaart h3 { margin: 0 0 6px; } .bw-progkaart__ondertitel { margin: 0 0 18px; min-height: 2.9em; font-size: 14px; line-height: 1.45; color: var(--bw-tekst-licht); font-style: italic; } .bw-prijsregel { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .bw-prijs { font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: clamp(34px, 3.4vw, 40px); line-height: 1; color: var(--bw-terracotta-tekst); } .bw-prijs__eenheid { font-size: 14px; color: var(--bw-tekst-gedempt); } .bw-prijs__totaal { margin: 12px 0 0; font-size: 14px; color: var(--bw-tekst-gedempt); } .bw-prijs__termijn { margin: 4px 0 0; font-size: 14px; color: var(--bw-tekst-gedempt); } .bw-prijs__ineens { margin: 10px 0 22px; font-size: 14px; line-height: 1.6; color: var(--bw-terracotta-donker); font-style: italic; } .bw-prog .bw-situatieregel { min-height: calc(var(--sit-regels, 3) * 1.6em + 2 * var(--sit-pad)); } @media (min-width: 1024px) { .bw-prog { container-type: inline-size; } @container (max-width: 1118px) { .bw-prog .bw-situatieregel { --sit-regels: 4; } } } .bw-situatieregel { --sit-pad: 14px; margin: 0 0 20px; padding: var(--sit-pad) 16px; background: var(--bw-blush-warm); border-radius: 12px; font-size: 15px; line-height: 1.6; color: var(--bw-tekst-gedempt); font-style: italic; } .bw-inhoud__kop { margin: 0 0 10px; font-family: var(--bw-font-body), sans-serif; font-size: 15px; font-weight: 700; color: var(--bw-tekst-kop); } .bw-inhoud__lijst, .bw-badges { margin: 0 0 20px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; } .bw-inhoud__lijst li, .bw-badges li { display: flex; gap: 10px; font-size: 15px; line-height: 1.6; color: var(--bw-tekst); } .bw-inhoud__lijst li::before, .bw-badges li::before { content: "✓"; flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; background: var(--bw-terracotta-licht); border-radius: 6px 14px 6px 14px; color: var(--bw-terracotta-tekst); font-size: 13px; line-height: 1; } .bw-vouw { border-top: 1px solid var(--bw-lijn-zacht); margin-top: 14px; } .bw-vouw > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; font-family: var(--bw-font-body), sans-serif; font-size: 15px; font-weight: 600; color: var(--bw-terracotta-tekst); } .bw-vouw > summary::-webkit-details-marker { display: none; } .bw-vouw__chevron { flex: none; width: 14px; height: 14px; fill: none; stroke: var(--bw-terracotta-tekst); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht); } .bw-vouw[open] .bw-vouw__chevron { transform: rotate(180deg); } @media (min-width: 1024px) { .bw-vouw { border-top: 0; margin-top: 0; } .bw-vouw > summary { display: none; } .bw-vouw::details-content { content-visibility: visible; block-size: auto; } @supports not selector(::details-content) { .bw-vouw { border-top: 1px solid var(--bw-lijn-zacht); margin-top: 14px; } .bw-vouw > summary { display: flex; } } } .bw-progkaart__knop { margin-top: auto; padding-top: 6px; } .bw-progkaart__knop .bw-knop { width: 100%; } @media (min-width: 1024px) { .bw-prog { grid-template-columns: repeat(3, 1fr); gap: 24px; } .bw-prog > .bw-progkaart:nth-child(1), .bw-prog > .bw-progkaart:nth-child(2), .bw-prog > .bw-progkaart:nth-child(3) { order: 0; } } .bw-instapkaart { background: var(--bw-blush); border: 2px solid var(--bw-terracotta); border-radius: 20px; padding: 28px 24px; margin-top: 32px; } .bw-instapkaart h3 { font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; } .bw-instapkaart .bw-label { font-weight: 600; font-style: italic; letter-spacing: 0; text-transform: none; } .bw-blauwdruk { display: grid; grid-template-columns: 1fr; gap: 26px; } @media (min-width: 768px) { .bw-blauwdruk { grid-template-columns: 1fr 1fr; } .bw-instapkaart { padding: 32px 28px; } } .bw-steps { display: grid; grid-template-columns: 1fr; gap: 28px; } .bw-stap { position: relative; display: flex; flex-direction: column; background: var(--bw-wit); border-radius: 16px; padding: 24px; box-shadow: var(--bw-rust); } .bw-stap__kop::before { content: counter(bwstap); flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: var(--bw-blush-diep); color: var(--bw-terracotta-donker); font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: 17px; } .bw-stap > * { margin: 0; } .bw-stap > h3 { margin-bottom: 10px; } .bw-steps > .bw-stap::after { content: ""; position: absolute; left: 19px; top: 100%; width: 2px; height: 28px; background: var(--bw-lijn-zacht); } .bw-steps > .bw-stap:last-child::after { display: none; } .bw-stap p { margin: 0 0 14px; } .bw-stap .bw-stap__ouder { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--bw-lijn-zacht); font-size: 15px; line-height: 1.6; color: var(--bw-tekst-gedempt); font-style: italic; } @media (min-width: 768px) { .bw-steps { grid-template-columns: 1fr 1fr; } .bw-steps > .bw-stap::after { display: none; } } @media (min-width: 1024px) and (max-width: 1179px) { .bw-steps { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1180px) { .bw-steps { grid-template-columns: repeat(13, 1fr); gap: 32px 24px; } .bw-steps > .bw-stap:nth-child(1) { grid-column: 1 / span 4; } .bw-steps > .bw-stap:nth-child(2) { grid-column: 5 / span 4; } .bw-steps > .bw-stap:nth-child(3) { grid-column: 9 / span 4; } .bw-steps > .bw-stap:nth-child(4) { grid-column: 2 / span 4; } .bw-steps > .bw-stap:nth-child(5) { grid-column: 6 / span 4; } .bw-steps > .bw-stap:nth-child(6) { grid-column: 10 / span 4; } } .bw-stappen { display: grid; grid-template-columns: 1fr; gap: 16px; } .bw-stappen--vijf { gap: 18px; } @media (min-width: 768px) { .bw-stappen { grid-template-columns: 1fr 1fr; } .bw-stappen--vijf > :nth-child(5) { grid-column: span 2; } .bw-stappen--drie { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .bw-stappen { grid-template-columns: repeat(3, 1fr); gap: 20px; } .bw-stappen--vijf { grid-template-columns: repeat(6, 1fr); } .bw-stappen--vijf > :nth-child(-n+3) { grid-column: span 2; } .bw-stappen--vijf > :nth-child(n+4) { grid-column: span 3; } } .bw-week { display: flex; flex-direction: column; align-items: stretch; gap: 50px; margin-top: 44px; } .bw-week__stap { position: relative; flex: 1; text-align: center; background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 12px; padding: 14px 12px; margin: 0; font-size: 14px; font-weight: 600; color: var(--bw-tekst-kop); } .bw-week__stap:not(:last-child)::after { content: ""; position: absolute; left: 50%; top: 100%; width: 20px; height: 20px; margin: 15px 0 0 -10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D98B77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transform: rotate(90deg); } @media (min-width: 768px) { .bw-week { flex-direction: row; align-items: stretch; gap: 26px; } .bw-week__stap:not(:last-child)::after { left: 100%; top: 50%; margin: -10px 0 0 3px; transform: none; } } .bw-revduo { --bw-revhoogte: 232px; display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 1024px) { .bw-revduo { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: 48px; row-gap: 20px; align-items: start; } .bw-revduo > .bw-sec__kop { grid-column: 1; grid-row: 1; } .bw-revduo > .bw-score { grid-column: 1; grid-row: 2; } .bw-revduo__meer { grid-column: 1; grid-row: 3; } .bw-revslider { grid-column: 2; grid-row: 2; } .bw-revduo__leeg { grid-column: 2; grid-row: 2; } } .bw-sec--revduo.bw-sec--volvlak .bw-sec__kop { text-align: left; } .bw-score { background: var(--bw-blush-warm); border: 1px solid var(--bw-lijn-zacht); border-radius: 16px; padding: 24px; text-align: center; } .bw-score__cijfer { margin: 0; font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: 40px; line-height: 1; color: var(--bw-tekst-kop); } .bw-score__label { margin: 6px 0 8px; font-size: 16px; font-weight: 700; color: var(--bw-tekst-kop); } .bw-score__label::after { content: ""; display: block; width: 120px; height: 24px; margin: 14px auto 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='%23E4A340'%3E%3Cpath transform='translate(0 0)' d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9z'/%3E%3Cpath transform='translate(24 0)' d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9z'/%3E%3Cpath transform='translate(48 0)' d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9z'/%3E%3Cpath transform='translate(72 0)' d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9z'/%3E%3Cpath transform='translate(96 0)' d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .bw-score__aantal { margin: 10px 0 0; font-size: 14px; color: var(--bw-tekst-gedempt); } .bw-score--links { text-align: left; min-height: var(--bw-revhoogte); display: flex; flex-direction: column; justify-content: center; } .bw-score--links .bw-score__label::after { margin-inline: 0; background-position: left center; } .bw-rev { display: grid; grid-template-columns: 1fr; gap: 20px; } .bw-review__tekst { position: relative; flex: 1 1 auto; min-height: 0; display: flex; } .bw-review__tekst > .bw-review__citaat { overflow-y: auto; min-height: 0; width: 100%; scrollbar-width: thin; scrollbar-color: var(--bw-lijn-zacht) transparent; padding-right: 8px; } .bw-review__citaat:focus-visible { outline: 3px solid var(--bw-focusring); outline-offset: 3px; border-radius: 6px; } .bw-review__tekst::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bw-wit)); pointer-events: none; transition: opacity var(--bw-duur-kleur) ease; } .bw-review__tekst[data-meer="false"]::after { opacity: 0; } .bw-review__sterren { margin: 0 0 12px; color: var(--bw-goud); letter-spacing: 2px; line-height: 1; } .bw-review__citaat { margin: 0; font-size: 15px; line-height: 1.7; } .bw-review__naam { margin: 14px 0 0; font-size: 14px; color: var(--bw-tekst-licht); } .bw-review > .bw-review__naam { margin-top: auto; padding-top: 14px; } .bw-revslider { min-width: 0; height: var(--bw-revhoogte); } .bw-revslider__spoor { display: flex; gap: var(--bw-revslider-goot, 20px); min-width: 0; height: 100%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; } .bw-revslider__spoor::-webkit-scrollbar { display: none; } .bw-revslider__spoor > .bw-review { flex: 0 0 100%; height: 100%; scroll-snap-align: start; box-shadow: none; } @media (min-width: 1024px) { .bw-revslider__spoor > .bw-review { flex-basis: calc((100% - var(--bw-revslider-goot, 20px)) / 1.5); } } .bw-meer { display: block; margin: 24px 0 0; } .bw-meer a { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); } .bw-review { background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 16px; padding: 24px; box-shadow: var(--bw-rust); } .bw-review__bron { font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--bw-tekst-licht); } .bw-review__meta { margin: 14px 0 0; font-size: 14px; color: var(--bw-tekst-licht); } @media (min-width: 768px) { .bw-rev { grid-template-columns: repeat(3, 1fr); } } .bw-promise { display: grid; grid-template-columns: 1fr; gap: 20px; } .bw-promise__kaart { position: relative; background: var(--bw-wit); border-radius: 16px; padding: 28px 24px; box-shadow: var(--bw-rust); } .bw-promise__kaart h3 { margin: 0 0 14px; } .bw-promise__kaart--zegel h3 { margin: 0 22px 14px 0; max-width: 16ch; } .bw-promise__kaart p { margin: 0; line-height: 1.7; color: var(--bw-tekst); } .bw-promise__kaart--zegel::after { content: "week 4\A beslismoment"; white-space: pre-line; text-align: center; position: absolute; top: -22px; right: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 88px; height: 88px; border-radius: 999px; background: var(--bw-blush); border: 2px dashed var(--bw-terracotta-zacht); color: var(--bw-terracotta-donker); font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: 12px; line-height: 1.3; text-align: center; } @media (min-width: 768px) { .bw-promise { grid-template-columns: 1fr 1fr; } .bw-promise > :nth-child(3) { grid-column: span 2; } } @media (min-width: 1024px) { .bw-promise { grid-template-columns: repeat(3, 1fr); gap: 24px; } .bw-promise > :nth-child(3) { grid-column: auto; } } .bw-pay { display: grid; grid-template-columns: 1fr; gap: 16px; } .bw-pay__kaart { display: flex; flex-direction: column; height: 100%; background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 16px; padding: 22px; box-shadow: var(--bw-rust); } .bw-pay__kaart h3 { margin: 0 0 10px; font-size: 18px; line-height: 1.3; } .bw-pay__kaart p { margin: 0 0 16px; font-size: 15px; line-height: 1.7; } .bw-pay__kaart p:last-child { margin: auto 0 0; font-size: 14px; color: var(--bw-tekst-licht); font-style: italic; } @media (min-width: 768px) { .bw-pay { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .bw-pay { grid-template-columns: repeat(3, 1fr); } } .bw-herken { display: grid; grid-template-columns: 1fr; gap: 18px; } @media (min-width: 768px) { .bw-herken { grid-auto-rows: 1fr; } } .bw-herken .bw-tegel::before { top: 50%; transform: translateY(-50%); } .bw-tegel { position: relative; padding-left: 72px; background: var(--bw-blush); border-radius: 16px; padding: 22px 22px 22px 72px; margin: 0; } :is(.bw-op-blush, .bw-op-saliewolk, .bw-op-zand, .bw-sectie--blush) .bw-tegel { background: var(--bw-wit); box-shadow: var(--bw-rust); } .bw-tegel > * { margin: 0; } .bw-tegel > :is(h2, h3) { margin-bottom: 6px; } .bw-tegel::before { position: absolute; left: 22px; top: 24px; } .bw-tegel :is(h2, h3) { margin: 0 0 6px; font-size: 18px; line-height: 1.3; } .bw-tegel p { margin: 0; line-height: 1.7; color: var(--bw-tekst); } .bw-herken__slot { max-width: var(--bw-leesmaat); margin: 32px 0 0; font-style: italic; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.7; color: var(--bw-terracotta-tekst); } .bw-herken__slot--uit { max-width: none; padding: 20px 24px; background: var(--bw-blush); border-left: 3px solid var(--bw-terracotta); border-radius: var(--bw-radius-blad); font-size: clamp(18px, 1.4vw, 20px); } .bw-sec__intro + .bw-sec__intro { margin-top: 0; } @media (min-width: 768px) { .bw-herken { grid-template-columns: 1fr 1fr; } } .bw-usp { display: grid; grid-template-columns: 1fr; gap: 18px; } @media (min-width: 768px) { .bw-usp { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .bw-usp { grid-template-columns: repeat(6, 1fr); } .bw-usp > :nth-child(-n+3) { grid-column: span 2; } .bw-usp > :nth-child(4) { grid-column: 2 / span 2; } .bw-usp > :nth-child(5) { grid-column: 4 / span 2; } } .bw-stapkaart { display: flex; flex-direction: column; height: 100%; background: var(--bw-wit); border-radius: 16px; padding: 22px; box-shadow: var(--bw-rust); } .bw-stapkaart > * { margin: 0; } .bw-stapkaart h3 { margin: 0 0 4px; font-size: 17px; line-height: 1.3; } .bw-stapkaart p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--bw-tekst); max-width: var(--bw-leesmaat); } .bw-contactlijst { display: flex; flex-direction: column; gap: 16px; margin-block-end: 24px; } .bw-contactkaart { position: relative; background: var(--bw-wit); border-radius: 16px; padding: 22px 22px 22px 72px; box-shadow: var(--bw-rust); } .bw-contactkaart > * { margin: 0; } .bw-contactkaart > h3 { margin-bottom: 4px; } .bw-contactkaart::before { position: absolute; left: 22px; top: 24px; } .bw-contactkaart h2, .bw-contactkaart h3 { margin: 0 0 4px; font-size: 17px; line-height: 1.3; } .bw-contactkaart__waarde { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: clamp(19px, 1.9vw, 23px); color: var(--bw-terracotta-tekst); } .bw-contactkaart__waarde:hover { color: var(--bw-terracotta-donker); } .bw-stap__kop { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; } .bw-stap__nummer { display: none; } .bw-stap__kop h3 { margin: 0; } .bw-voorstel > h2 { margin-bottom: calc(var(--bw-kop-onder) + 4px); } .bw-voorstel > h2 + * { margin-block-start: calc(var(--bw-kop-onder) + 4px); } body .bw-cirkelwrap { display: grid; grid-template-columns: 1fr; gap: 28px; } .bw-cirkelwrap__tekst > * { margin-block-start: 0; } .bw-cirkelwrap__tekst > * + * { margin-block-start: 16px; } .bw-cirkelwrap__tekst > h2 + * { margin-block-start: var(--bw-kop-onder); } .bw-cirkel { background: var(--bw-blush-warm); border: 1px solid var(--bw-lijn-zacht); border-radius: 20px; padding: 28px 24px; max-width: 380px; margin-inline: auto; } .bw-cirkel__spoor { position: relative; } .bw-cirkel__boog { position: absolute; inset: 0 auto 0 0; width: 30px; height: 100%; overflow: visible; pointer-events: none; } .bw-cirkel__boog path { fill: none; stroke: var(--bw-terracotta-zacht); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .bw-cirkel__keten { display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; } .bw-cirkel__keten > li { position: relative; width: 100%; max-width: 250px; text-align: center; padding: 16px 12px; border-radius: 999px; background: var(--bw-wit); border: 1px solid var(--bw-lijn); font-family: var(--bw-font-kop), sans-serif; font-weight: 600; font-size: 18px; color: var(--bw-tekst-kop); } .bw-cirkel__keten > li + li { margin-top: 30px; } .bw-cirkel__keten > li + li::before { content: "↓"; position: absolute; top: -27px; left: 50%; transform: translateX(-50%); color: var(--bw-terracotta-zacht); font-family: var(--bw-font-body), sans-serif; font-weight: 400; font-size: 22px; line-height: 1; } .bw-cirkel__terug { margin: 20px 0 0; font-size: 14px; line-height: 1.6; color: var(--bw-tekst-gedempt); text-align: center; } @media (min-width: 1024px) { body .bw-cirkelwrap { grid-template-columns: 1.35fr .85fr; gap: 48px; align-items: center; } } .bw-casus { display: grid; grid-template-columns: 1fr; gap: 32px; } .bw-herokolommen { display: grid; grid-template-columns: 1fr; gap: 32px; } @media (max-width: 1023px) { .bw-herokolommen > .bw-kaart { max-width: 560px; } } .bw-lokaal { display: grid; grid-template-columns: 1fr; gap: 32px; } body .bw-lindy { display: grid; grid-template-columns: 1fr; gap: 28px; } .bw-seo2 { display: grid; grid-template-columns: 1fr; gap: 24px; } .bw-lindyimg { aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden; margin: 0; } .bw-lindyimg img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1024px) { .bw-casus { grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; } .bw-herokolommen { grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: start; } } :is(.bw-lindy, .bw-casus, .bw-lokaal, .bw-cirkelwrap):has(> :only-child) { grid-template-columns: 1fr; } @media (min-width: 1024px) { :is(.bw-lindy, .bw-casus, .bw-lokaal, .bw-cirkelwrap):has(> :only-child) { grid-template-columns: 1fr; } :is(.bw-lindy, .bw-casus, .bw-lokaal, .bw-cirkelwrap) > :only-child { max-width: var(--bw-leesmaat); } .bw-lokaal { grid-template-columns: 1.15fr .85fr; gap: 56px; } body .bw-lindy { grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: center; } .bw-seo2 { grid-template-columns: repeat(2, 1fr); gap: 64px; } .bw-lindyimg { aspect-ratio: 4 / 5; } } .bw-praktisch { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0; } .bw-praktisch__rij { display: flex; flex-direction: column; gap: 4px; background: var(--bw-wit); border-radius: 16px; padding: 20px 22px; box-shadow: var(--bw-rust); } .bw-praktisch dt { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-praktisch dd { margin: 0; font-family: Quicksand, sans-serif; font-weight: 600; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.4; color: var(--bw-tekst-kop); } @media (min-width: 768px) { .bw-praktisch { grid-template-columns: 1fr 1fr; } } .bw-faq__intro { margin: 0 0 24px; font-size: clamp(17px, 1.2vw, 18px); color: var(--bw-tekst-gedempt); font-style: italic; } .bw-sectie:has(.bw-faq__intro) > .bw-container > h2 { margin-bottom: 14px; } .bw-faq__item { background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 12px; margin-bottom: 12px; } .bw-faq__item h3 { margin: 0; } .bw-faq__knop { width: 100%; min-height: 60px; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; background: none; border: 0; border-radius: 11px 11px 0 0; box-shadow: none; font-family: var(--bw-font-kop), sans-serif; font-size: 17px; line-height: 1.35; font-weight: 600; color: var(--bw-tekst-kop); text-align: left; cursor: pointer; transition: background .15s ease; } .bw-faq__knop[aria-expanded="false"] { border-radius: 11px; } .bw-faq__knop:hover { background: var(--bw-blush); color: var(--bw-tekst-kop); transform: none; } .bw-faq__teken { flex: none; display: inline-block; width: 24px; border-radius: 0; background: none; color: var(--bw-terracotta-tekst); font-weight: 400; font-size: 22px; line-height: 1; text-align: center; } .bw-faq__teken::after { content: "+"; } .bw-faq__knop[aria-expanded="true"] .bw-faq__teken::after { content: "−"; } .bw-faq__antwoord { padding: 0 20px 20px; border-radius: 0 0 11px 11px; } .bw-faq__antwoord p { margin: 0; max-width: var(--bw-leesmaat); line-height: 1.7; color: var(--bw-tekst); } .bw-faq__antwoord[hidden] { display: none; } @media (min-width: 1024px) { .bw-faq__antwoord p { max-width: 700px; } } .bw-naarboven { position: fixed; right: 20px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 40; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 999px; background: var(--bw-terracotta-vlak); color: #fff; cursor: pointer; box-shadow: var(--bw-schaduw-knop); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity var(--bw-duur-vorm) var(--bw-ease-zacht), transform var(--bw-duur-vorm) var(--bw-ease-veer), box-shadow var(--bw-duur-vorm) var(--bw-ease-zacht), background-color var(--bw-duur-kleur) var(--bw-ease-zacht), visibility 0s linear var(--bw-duur-vorm); } :root[data-vast="true"] .bw-naarboven { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity var(--bw-duur-vorm) var(--bw-ease-zacht), transform var(--bw-duur-vorm) var(--bw-ease-veer), box-shadow var(--bw-duur-vorm) var(--bw-ease-zacht), background-color var(--bw-duur-kleur) var(--bw-ease-zacht), visibility 0s; } .bw-naarboven:hover { background: var(--bw-terracotta-actief, #A94E3C); box-shadow: var(--bw-schaduw-knop-hover); } .bw-naarboven svg { width: 20px; height: 20px; fill: none; transition: transform var(--bw-duur-vorm) var(--bw-ease-veer); } .bw-naarboven:hover svg { transform: translateY(-2px); } .bw-naarboven:active { transform: scale(.94); box-shadow: var(--bw-schaduw-knop-actief); } @media (min-width: 768px) { .bw-naarboven { right: 28px; bottom: calc(28px + env(safe-area-inset-bottom)); width: 52px; height: 52px; } } @media (prefers-reduced-motion: reduce) { .bw-naarboven, .bw-naarboven svg { transition: opacity var(--bw-duur-kleur) linear, visibility 0s; transform: none; } .bw-naarboven:hover svg, .bw-naarboven:active { transform: none; } } .bw-slotcta { position: relative; background: var(--bw-terracotta-vlak); color: #fff; padding: 64px 0; text-align: center; } .bw-slotcta h2 { margin: 0 auto 14px; max-width: 24ch; color: #fff; } .bw-slotcta p { margin: 0 auto 30px; max-width: 52ch; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.6; color: #fff; font-style: italic; } .bw-slotcta .bw-knop, .bw-slotcta .wp-block-button__link { background: var(--bw-wit); color: var(--bw-terracotta-donker); box-shadow: none; } .bw-slotcta .bw-knop:hover, .bw-slotcta .wp-block-button__link:hover { background: var(--bw-blush); color: var(--bw-terracotta-donker); } .bw-slotcta .wp-block-buttons { justify-content: center; } .bw-slotcta .bw-knop, .bw-slotcta .wp-block-button__link { padding: 15px 32px; } @media (min-width: 1024px) { .bw-slotcta { padding: 96px 0; } } .bw-footer { background: var(--bw-footer); color: var(--bw-footer-tekst); padding-top: 56px; padding-bottom: 28px; } .bw-footer a { color: var(--bw-footer-tekst); text-decoration: none; } .bw-footer a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--bw-terracotta-licht); text-decoration-thickness: 1.5px; text-underline-offset: 4px; } .bw-footer :is(h2, h3, h4) { color: #fff; } .bw-footer__kop { margin: 0 0 14px; font-family: var(--bw-font-kop), sans-serif; font-weight: 600; font-size: 18px; line-height: 1.4; color: #fff; } .bw-footcols { display: grid; grid-template-columns: 1fr; gap: 32px; } .bw-footer .bw-footer__logo { margin: 0 0 22px; } .bw-footer .bw-footer__logo img { display: block; width: 200px; max-width: 100%; height: auto; aspect-ratio: 900 / 219; border-radius: 0; } .bw-footer__merk .bw-footer__adres { margin-top: 0; } .bw-footer ul { margin: 0; padding: 0; list-style: none; font-size: 15px; } .bw-footer li a { display: flex; width: fit-content; align-items: center; min-height: 40px; } .bw-footer .wp-block-list li { margin-bottom: 0; } .bw-footer__adres { margin: 18px 0 0; font-size: 15px; line-height: 1.8; } .bw-footer__adres a { display: inline-block; } .bw-footer__contact { margin: 10px 0 0; font-size: 15px; line-height: 1.8; } .bw-footer__contact a { display: inline-block; } .bw-footer__pitch { margin: 18px 0 22px; font-size: 14px; line-height: 1.7; color: rgba(244, 231, 227, .8); max-width: 34ch; } .bw-footer__wkkgz { align-self: start; margin: 0; padding: 20px; background: rgba(252, 233, 228, .08); border: 1px solid rgba(252, 233, 228, .18); border-radius: 16px; } .bw-footer__wkkgz p:not(.bw-footer__kop) { margin: 0 0 10px; font-size: 14px; line-height: 1.7; } .bw-footer__wkkgz p:last-child { margin: 0; } .bw-footer__wkkgz .bw-footer__kop { margin-bottom: 8px; } .bw-footer__wkkgz a { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); color: #fff; font-family: var(--bw-font-kop), sans-serif; font-size: 15px; font-weight: 600; line-height: 1.7; text-decoration: underline; text-decoration-color: var(--bw-terracotta-zacht); text-underline-offset: 3px; } .bw-footer__logos { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; } .bw-footer__logos img { max-height: 46px; width: auto; background: #fff; border-radius: 8px; padding: 6px 10px; } main .bw-footer__logos { flex-direction: column; align-items: center; gap: 24px; background: var(--bw-wit); border-radius: 20px; padding: 28px 24px; box-shadow: var(--bw-rust); } main .bw-footer__logos img { height: 80px; width: auto; max-width: 100%; max-height: none; object-fit: contain; background: none; border-radius: 0; padding: 0; } .bw-footer__slot .bw-footer__logos { flex: none; } .bw-footer__social { display: flex; gap: 12px; margin-top: 22px; } .bw-footer__social a { min-width: var(--bw-raakvlak); min-height: var(--bw-raakvlak); display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(244, 231, 227, .3); } .bw-footer__social a:hover { border-color: var(--bw-terracotta-zacht); } .bw-footer__slot { margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(244, 231, 227, .18); font-size: 14px; color: rgba(244, 231, 227, .8); display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .bw-footer__slot > p { margin: 0; } .bw-footer__beleid { margin-top: 20px; } .bw-footer__beleid ul { display: flex; flex-direction: column; } .bw-footer__beleid .bw-consent__heropen { appearance: none; border: 0; background: none; font: inherit; color: var(--bw-footer-tekst); text-decoration: none; cursor: pointer; display: flex; align-items: center; min-height: 44px; padding: 0; margin: -2px 0; } .bw-footer__beleid .bw-consent__heropen:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--bw-terracotta-licht); text-decoration-thickness: 1.5px; text-underline-offset: 4px; } @media (min-width: 768px) { .bw-footer { padding-bottom: 32px; } .bw-footcols { grid-template-columns: 1fr 1fr; } .bw-footer__logos { justify-content: flex-start; } .bw-footer__slot { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; } .bw-footer__beleid { margin-top: 24px; } .bw-footer__beleid ul { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 4px 28px; } } @media (min-width: 1024px) { .bw-footcols { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; } } .bw-formulierwrap { width: 100%; max-width: 34rem; margin-inline: auto; } .bw-kaart .bw-formulierwrap { max-width: 34rem; margin-inline: 0; } .bw-casus .bw-kaart .bw-formulierwrap, .bw-slotformulier .bw-kaart .bw-formulierwrap, .bw-twee .bw-kaart .bw-formulierwrap { max-width: none; } .bw-casusduo { display: grid; gap: 24px; } .bw-casusduo > * { min-width: 0; margin-block-start: 0; } .bw-casusduo .bw-formulierwrap { max-width: none; } .bw-casusdoc { max-width: 220px; margin: 0 auto; } .bw-casusdoc svg { width: 100%; height: auto; display: block; } @media (min-width: 768px) { .bw-casusduo { grid-template-columns: .75fr 1.25fr; gap: 36px; align-items: center; } .bw-casusdoc { max-width: 260px; margin-inline: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .bw-casusduo--situatie { grid-template-columns: 1fr; } } @media (min-width: 1024px) { .bw-casusduo--situatie { grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } } .bw-casusduo--situatie .bw-casusdoc { margin-inline: 0; } .bw-casusduo__wat > * { margin-block-start: 0; } .bw-casusduo__inhoud { margin-top: 24px; } .bw-casusduo__formulier > * { margin-block-start: 0; } .bw-casusduo__formulier > .wp-block-heading { margin-bottom: 20px; } .bw-casusdoc--stapel { max-width: 280px; margin-inline: auto; } @media (min-width: 768px) { .bw-casusdoc--stapel { max-width: 344px; margin-inline: auto; } } .bw-slotformulier { max-width: 640px; } .bw-slotformulier > h2 { margin-bottom: 20px; } .bw-form__veld { margin: 0 0 16px; border: 0; padding: 0; } .bw-form__veld > legend { padding: 0; } .bw-form__label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--bw-tekst-kop); } .bw-form__input { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--bw-rand-interactief); border-radius: 12px; background: var(--bw-wit); font-family: var(--bw-font-body), sans-serif; font-size: 16px; color: var(--bw-tekst); } .bw-form__input:focus-visible { border-color: var(--bw-terracotta-tekst); } .bw-form__input[aria-invalid="true"] { border-color: var(--bw-terracotta-donker); } .bw-form__tijd { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; } .bw-form__radio { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; min-width: 0; padding: 12px 14px; margin: 0; border: 1px solid var(--bw-terracotta-tekst); border-radius: 999px; background: var(--bw-wit); font-size: 15px; font-weight: 600; color: var(--bw-tekst-kop); cursor: pointer; } .bw-form__radio input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .bw-form__radio:hover { border-color: var(--bw-terracotta-actief); } .bw-form__radio::before { content: ""; flex: none; width: 18px; height: 18px; border: 2px solid var(--bw-terracotta-tekst); border-radius: 50%; background-color: var(--bw-wit); background-repeat: no-repeat; background-position: center; background-size: 11px 11px; transition: background-color .12s ease, border-color .12s ease; } .bw-form__radio:has(input:checked) { border-color: var(--bw-terracotta-tekst); box-shadow: inset 0 0 0 1px var(--bw-terracotta-tekst); background: var(--bw-blush-diep); color: var(--bw-terracotta-donker); } .bw-form__radio:has(input:checked)::before { border-color: var(--bw-terracotta-tekst); background-color: var(--bw-terracotta-tekst); background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8.5l3.2 3.2L13 5" fill="none" stroke="%23fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>'); } .bw-form__radio:has(input:focus-visible) { outline: 2px solid var(--bw-terracotta-tekst); outline-offset: 2px; } @supports not selector(:has(*)) { .bw-form__radio input[type="radio"] { position: static; width: auto; height: auto; margin: 0; clip-path: none; } .bw-form__radio::before { display: none; } } .bw-form__fout { margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--bw-terracotta-donker); } .bw-form__hint { margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: var(--bw-tekst-licht); } .bw-form__hint + .bw-form__hint { margin-top: 6px; } .bw-form button[type="submit"] { width: 100%; } .bw-form__honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .bw-form[data-staat="laden"] button { opacity: .6; pointer-events: none; } .bw-zoek { margin: 0; } .bw-zoek .wp-block-search__inside-wrapper { max-width: 34rem; gap: 10px; } .bw-zoek .wp-block-search__label { display: block; max-width: 34rem; margin-bottom: 6px; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--bw-tekst-kop); } .bw-zoek .wp-block-search__input { min-height: var(--bw-raakvlak); padding: 12px 14px; border: 1px solid var(--bw-rand-interactief); border-radius: 12px; background: var(--bw-wit); font-family: var(--bw-font-body), sans-serif; font-size: 16px; color: var(--bw-tekst); } .bw-zoek .wp-block-search__input:focus-visible { border-color: var(--bw-terracotta-tekst); } .bw-zoek .wp-block-search__button { flex: 0 0 auto; margin-left: 0; min-height: var(--bw-raakvlak); padding: 12px 24px; border: 0; border-radius: 999px; background: var(--bw-terracotta-vlak); color: var(--bw-wit); font-family: var(--bw-font-body), sans-serif; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color .18s ease; } .bw-zoek .wp-block-search__button:hover { background: var(--bw-terracotta-actief); } @media (max-width: 479px) { .bw-zoek .wp-block-search__inside-wrapper { flex-wrap: wrap; } .bw-zoek .wp-block-search__input { flex: 1 1 100%; } .bw-zoek .wp-block-search__button { flex: 1 1 100%; } } .bw-chip { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); padding: 10px 20px; margin: 0 6px 8px 0; border: 1.5px solid var(--bw-terracotta); border-radius: 999px; background: var(--bw-wit); color: var(--bw-terracotta-tekst); font-size: 16px; font-weight: 600; text-decoration: none; transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), border-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-chip:hover { background: var(--bw-blush); border-color: var(--bw-terracotta-actief); color: var(--bw-terracotta-actief); text-decoration: none; } .bw-chip[aria-current] { background: var(--bw-terracotta-vlak); border-color: var(--bw-terracotta-vlak); color: #fff; } .bw-blog { display: grid; grid-template-columns: 1fr; gap: 22px; } .bw-blogkaart { position: relative; display: flex; flex-direction: column; height: 100%; background: var(--bw-wit); border-radius: 16px; overflow: hidden; box-shadow: var(--bw-rust); transition: box-shadow .2s ease; } .bw-blogkaart__beeld { aspect-ratio: 3 / 2; margin: 0; overflow: hidden; } .bw-blog--breed .bw-blogkaart__beeld, .bw-blog--breed .wp-block-post-featured-image { aspect-ratio: 16 / 9; } .bw-blogkaart__beeld img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } .bw-blogkaart__body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; } .bw-blogkaart__categorie { align-self: flex-start; display: inline-flex; align-items: center; margin: 0 0 12px; padding: 5px 12px; border-radius: 999px; background: var(--bw-blush-warm); font-size: 12px; font-weight: 700; letter-spacing: .05em; color: var(--bw-terracotta-tekst); } .bw-blogkaart__categorie a, .bw-blogkaart .wp-block-post-terms a { position: relative; z-index: 1; display: inline-flex; align-items: center; min-height: 24px; color: inherit; text-decoration: none; } .bw-blogkaart__categorie a:hover, .bw-blogkaart .wp-block-post-terms a:hover { text-decoration: underline; } .bw-blogkaart :is(h2, h3) { margin: 0 0 10px; font-size: 18px; line-height: 1.3; } .bw-blogkaart :is(h2, h3) a { color: inherit; text-decoration: none; } .bw-blogkaart :is(h2, h3) a::after { content: ""; position: absolute; inset: 0; } .bw-blogkaart__intro { margin: 0 0 16px; font-size: 15px; line-height: 1.65; color: var(--bw-tekst); } .bw-blogkaart__duur { margin: auto 0 0; font-size: 14px; color: var(--bw-tekst-licht); } .bw-blogkaart:hover { box-shadow: var(--bw-hover); } .bw-blogkaart:hover img { transform: scale(1.04); } .bw-blogkaart:has(a:focus-visible) { outline: 2px solid var(--bw-terracotta-tekst); outline-offset: 2px; } .bw-zoekhits:not(:has(.wp-block-post-template)) { display: none; } .bw-blog__leeg { grid-column: 1 / -1; margin: 0; background: var(--bw-blush-warm); border: 1px dashed var(--bw-lijn); border-radius: 16px; padding: 22px; font-size: 15px; color: var(--bw-tekst-gedempt); } .bw-blogkaart .wp-block-post-featured-image { aspect-ratio: 3 / 2; margin: 0; overflow: hidden; } .bw-blogkaart .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } .bw-blogkaart .wp-block-post-terms { display: block; margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-blogkaart .wp-block-post-terms a { color: inherit; text-decoration: none; } .bw-blogkaart .wp-block-post-title { margin: 0 0 10px; font-size: 18px; line-height: 1.3; } .bw-blogkaart .wp-block-post-title a { color: var(--bw-tekst-kop); text-decoration: none; } .bw-blogkaart .wp-block-post-title a:hover { color: var(--bw-terracotta-tekst); } .bw-blogkaart .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; } .bw-blogkaart .wp-block-post-featured-image a { pointer-events: none; } .bw-blogkaart .wp-block-post-excerpt { margin: 0; font-size: 15px; line-height: 1.65; color: var(--bw-tekst); } .bw-blogkaart .wp-block-post-excerpt__more-text { margin-top: 10px; } .bw-paginering { margin-top: 40px; gap: 8px; font-weight: 600; } .bw-paginering a, .bw-paginering .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bw-raakvlak); min-height: var(--bw-raakvlak); padding: 0 12px; border: 1px solid var(--bw-terracotta-tekst); border-radius: 999px; background: var(--bw-wit); color: var(--bw-tekst-kop); text-decoration: none; } .bw-paginering .page-numbers.current { background: var(--bw-terracotta-vlak); border-color: var(--bw-terracotta-vlak); color: #fff; } @media (min-width: 768px) { .bw-blog { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .bw-blog { grid-template-columns: repeat(3, 1fr); } } .bw-paginakop { background: var(--bw-blush); padding: 28px 0 40px; } .bw-paginakop h1 { margin: 8px 0 10px; } .bw-paginakop__datum::before { content: "Laatst gewijzigd op "; } .bw-paginakop__datum { margin: 12px 0 0; font-size: 15px; color: var(--bw-tekst-gedempt); } @media (min-width: 1024px) { .bw-paginakop { padding: 36px 0 48px; } } .bw-beleid { display: grid; grid-template-columns: 1fr; gap: 32px; } .bw-beleid__toc { background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 16px; padding: 20px; font-size: 15px; } .bw-beleid__inhoud > p { margin: 0 0 20px; } .bw-beleid__inhoud h2 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.25; margin: 44px 0 14px; } .bw-beleid__inhoud h3 { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.3; margin: 28px 0 10px; } .bw-beleid__inhoud > h2:first-of-type { margin-top: 0; } .bw-beleid__inhoud table { width: 100%; border-collapse: collapse; } .bw-beleid__inhoud, .bw-artikel__tekst .bw-lees { max-width: none; } .bw-beleid__inhoud > :is(p, ul, ol, dl, h2, h3, h4, blockquote, figure, hr), .bw-artikel__tekst .bw-lees > :is(p, ul, ol, dl, h2, h3, h4, blockquote, figure, hr) { max-width: var(--bw-leesmaat); } .bw-lees .wp-block-table { overflow-x: auto; } .wp-block-separator { height: 0; max-width: var(--bw-leesmaat); margin: 44px 0 24px; border: 0; border-top: 1px solid var(--bw-lijn-zacht); opacity: 1; } .bw-beleid .bw-beleid__inhoud :is(th, td) { border: 0; border-bottom: 1px solid var(--bw-lijn-zacht); padding: 12px 14px; text-align: left; vertical-align: top; } .bw-beleid .bw-beleid__inhoud th { background: var(--bw-blush); border-bottom-color: var(--bw-lijn); font-family: var(--bw-font-kop), sans-serif; font-weight: 600; } .bw-beleid .bw-beleid__inhoud tbody tr:last-child :is(th, td) { border-bottom: 0; } @media (min-width: 1024px) { .bw-beleid { grid-template-columns: 260px minmax(0, 1fr); gap: 64px; align-items: start; } .bw-beleid__toc { position: sticky; top: 96px; } } .wp-block-table table { border-collapse: collapse; width: 100%; font-size: 15px; } .wp-block-table :is(th, td) { border: 1px solid var(--bw-lijn-zacht); padding: 12px 14px; text-align: left; vertical-align: top; } .wp-block-table th { background: var(--bw-blush-warm); color: var(--bw-tekst-kop); font-weight: 700; } .wp-block-table figure { overflow-x: auto; } .wp-block-quote { margin: 32px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--bw-terracotta-zacht); font-family: var(--bw-font-kop), sans-serif; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.5; font-style: normal; color: var(--bw-terracotta-tekst); } .wp-block-quote p { margin: 0; } .wp-block-list { padding-left: 22px; } .wp-block-list li { margin-bottom: 8px; } .wp-block-list:is(.bw-badges, .bw-cirkel__keten, .bw-chiplijst, .bw-inhoud__lijst, .bw-vinkjes) { padding-left: 0; } .wp-block-list:is(.bw-badges, .bw-cirkel__keten, .bw-chiplijst, .bw-inhoud__lijst, .bw-vinkjes) > li, .bw-vergelijk li { margin-bottom: 0; } p + .wp-block-list:is(.bw-inhoud__lijst, .bw-badges, .bw-vinkjes) { margin-top: 20px; } .bw-skip, .skip-link.screen-reader-text { position: absolute; left: -9999px; top: 0; z-index: 200; display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); padding: 12px 20px; border-radius: 999px; } .bw-skip:focus, .skip-link.screen-reader-text:focus { left: 12px; top: 12px; width: auto; height: auto; clip-path: none; background: var(--bw-wit); color: var(--bw-terracotta-tekst); box-shadow: var(--bw-rust); font-weight: 700; } .bw-sectiekop { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 32px; } .bw-sectiekop h2 { margin: 0; } .bw-sectiekop p { margin: 0; } .bw-sectiekop a { display: inline-flex; align-items: center; gap: 6px; min-height: var(--bw-raakvlak); font-weight: 700; color: var(--bw-terracotta-tekst); } .bw-chiplijst { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0; padding: 0 0 6px; overflow-x: auto; scrollbar-width: none; list-style: none; } .bw-chiplijst::-webkit-scrollbar { display: none; } .bw-chiplijst > li { flex: none; } .bw-chiplijst .bw-chip { margin: 0; padding: 10px 22px; } @media (min-width: 768px) and (max-width: 1023px) { .bw-kaart--voetnoot, .bw-instapkaart { max-width: 560px; margin-inline: auto; } } .bw-sectie--blush .bw-instapkaart { background: var(--bw-wit); } .bw-instapkaart__actie { margin: 24px 0 0; } .bw-hero404 { display: grid; grid-template-columns: 1fr; gap: 32px; } @media (min-width: 1024px) { .bw-hero404 { grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; } } .bw-instapkaart__verrekening { margin: 0 0 20px; line-height: 1.7; color: var(--bw-tekst-gedempt); font-style: italic; } .bw-btwregel { margin: 16px 0 0; font-size: 15px; line-height: 1.7; color: var(--bw-tekst-gedempt); } .bw-datum { margin: 0; font-size: 15px; color: var(--bw-tekst-licht); font-style: normal; } .bw-lees a, .bw-beleid__inhoud a { font-weight: 700; } .bw-g2 { display: grid; grid-template-columns: 1fr; gap: 20px; } .bw-vergelijk { background: var(--bw-wit); border: 1px solid var(--bw-lijn-zacht); border-radius: 16px; padding: 26px 24px; } .bw-vergelijk--nu { border: 2px solid var(--bw-terracotta); box-shadow: var(--bw-uit); } .bw-vergelijk h3 { margin: 0 0 18px; font-size: 20px; line-height: 1.3; color: var(--bw-tekst-gedempt); } .bw-vergelijk--nu h3 { color: var(--bw-tekst-kop); } .bw-vergelijk ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; } .bw-vergelijk li { display: flex; gap: 12px; font-size: 16px; line-height: 1.6; color: var(--bw-tekst-gedempt); } .bw-vergelijk--nu li { color: var(--bw-tekst); } .bw-vergelijk li::before { content: "—"; flex: none; width: 20px; text-align: center; color: var(--bw-tekst-licht); } .bw-vergelijk--nu li::before { content: "✓"; color: var(--bw-terracotta); } @media (min-width: 768px) { .bw-g2 { grid-template-columns: 1fr 1fr; } } .bw-tussencta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin: 40px 0; padding: 28px 0; border-top: 1px solid var(--bw-lijn-zacht); border-bottom: 1px solid var(--bw-lijn-zacht); } .bw-tussencta p { margin: 0; max-width: 46ch; font-size: clamp(17px, 1.2vw, 18px); line-height: 1.6; color: var(--bw-tekst); font-style: italic; } [class*="bw-ico--"] { --hoepel: var(--bw-hoepel); --hoepel-links: 22px; --hoepel-top: 20px; --hoepel-vlak: var(--bw-wit); --hoepel-ring: var(--bw-s-stengel); } .bw-sectie--blush :is(.bw-tegel, .bw-contactkaart), .bw-contactkaart, .bw-kaart [class*="bw-ico--"] { --hoepel-vlak: var(--bw-blush); } .bw-hero404 .bw-tegel { --hoepel: 44px; } [class*="bw-ico--"]::before { content: ""; position: absolute; left: calc(var(--hoepel-links) + var(--hoepel) * .10); top: calc(var(--hoepel-top) + var(--hoepel) * .18); width: calc(var(--hoepel) * .80); height: calc(var(--hoepel) * .80); box-sizing: border-box; border: calc(var(--hoepel) / 19) solid var(--hoepel-ring); border-radius: 50%; background-color: var(--hoepel-vlak); background-image: var(--bw-ico, none); background-repeat: no-repeat; background-position: center; background-size: 56% 56%; transition: border-color var(--bw-duur-kleur) var(--bw-ease-zacht); } :is(.bw-tegel, .bw-contactkaart, .bw-kaart):hover::before { --hoepel-ring: var(--bw-terracotta); } .bw-tegel[class*="bw-ico--"], .bw-contactkaart[class*="bw-ico--"] { padding-left: calc(var(--hoepel-links) + var(--hoepel) + 14px); } :root { --ico-zandbak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 24 H38'/%3E%3Cpath d='M10 24 L13 38 H31 L34 24'/%3E%3Ccircle cx='14' cy='17' r='1.6' fill='%23A84B38' stroke='none'/%3E%3Ccircle cx='22' cy='12' r='1.6' fill='%23A84B38' stroke='none'/%3E%3Ccircle cx='30' cy='17' r='1.6' fill='%23A84B38' stroke='none'/%3E%3C/svg%3E"); --ico-slinger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12 C15 22, 29 22, 39 12'/%3E%3Cpath d='M12 17.5 L21 20 L15.5 31 Z'/%3E%3Cpath d='M27 20 L36 15 L33 4 Z'/%3E%3C/svg%3E"); --ico-spoor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 38 C6 22, 18 14, 26 8'/%3E%3Cpath d='M14 40 C14 26, 26 18, 34 12'/%3E%3Cpath d='M7.5 31 L14.5 33'/%3E%3Cpath d='M11 23 L17.5 26'/%3E%3Cpath d='M17 16 L22.5 20'/%3E%3C/svg%3E"); --ico-vormenstoof: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 4 L34 21 H10 Z'/%3E%3Crect x='6' y='24' width='32' height='16' rx='3'/%3E%3Cpath d='M16 24 H28'/%3E%3C/svg%3E"); --ico-regenboog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke-width='4.4' stroke-linecap='round'%3E%3Cpath stroke='%23DCCBAF' d='M5 34 A17 17 0 0 1 39 34'/%3E%3Cpath stroke='%237E997A' d='M12 34 A10 10 0 0 1 32 34'/%3E%3Cpath stroke='%23A84B38' d='M19 34 A3 3 0 0 1 25 34'/%3E%3C/svg%3E"); --ico-telefoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6 h5l3 8-4 3a22 22 0 0 0 11 11l3-4 8 3v5a3.6 3.6 0 0 1-4 3.6A31 31 0 0 1 9.4 10 3.6 3.6 0 0 1 13 6Z'/%3E%3C/svg%3E"); --ico-envelop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='34' height='24' rx='3'/%3E%3Cpath d='M6 12 L22 24 L38 12'/%3E%3C/svg%3E"); --ico-agenda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23A84B38' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='10' width='32' height='28' rx='3'/%3E%3Cpath d='M6 19 H38'/%3E%3Cpath d='M14 6 V13'/%3E%3Cpath d='M30 6 V13'/%3E%3Cpath d='M15 27 L20 32 L30 23'/%3E%3C/svg%3E"); --ico-bloemgezin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20stroke%3D%27%23A5705C%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M9%2040%20V31%27%2F%3E%3Cpath%20d%3D%27M22%2040%20V24%27%2F%3E%3Cpath%20d%3D%27M34%2040%20V33%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%2810.67%204.67%29%20scale%280.944%29%27%20fill%3D%27%23A84B38%27%20stroke%3D%27none%27%3E%3Cpath%20transform%3D%27rotate%280%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%2872%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28144%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28216%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28288%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%23FCE9E4%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%280.33%2018.33%29%20scale%280.722%29%27%20fill%3D%27%23A84B38%27%20stroke%3D%27none%27%3E%3Cpath%20transform%3D%27rotate%280%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%2872%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28144%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28216%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28288%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.2%27%20fill%3D%27%23FCE9E4%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%2826.67%2021.67%29%20scale%280.611%29%27%20fill%3D%27%23A84B38%27%20stroke%3D%27none%27%3E%3Cpath%20transform%3D%27rotate%280%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%2872%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28144%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28216%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28288%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.0%27%20fill%3D%27%23FCE9E4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ico-bloemtwee: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%20stroke%3D%27%23A5705C%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M15%2040%20V27%27%2F%3E%3Cpath%20d%3D%27M31%2040%20V32%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%282.33%205.33%29%20scale%281.056%29%27%20fill%3D%27%23A84B38%27%20stroke%3D%27none%27%3E%3Cpath%20transform%3D%27rotate%280%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%2872%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28144%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28216%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28288%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.6%27%20fill%3D%27%23FCE9E4%27%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%27translate%2822.33%2019.33%29%20scale%280.722%29%27%20fill%3D%27%23A84B38%27%20stroke%3D%27none%27%3E%3Cpath%20transform%3D%27rotate%280%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%2872%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28144%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28216%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Cpath%20transform%3D%27rotate%28288%2012%2012%29%27%20d%3D%27M12%2012%20C8.6%2010.9%2C6.2%207.4%2C7.6%204.9%20C8.6%203.1%2C10.8%203.4%2C12%205.4%20C13.2%203.4%2C15.4%203.1%2C16.4%204.9%20C17.8%207.4%2C15.4%2010.9%2C12%2012%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.2%27%20fill%3D%27%23FCE9E4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ico-klok: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%2722%27%20r%3D%2716%27%2F%3E%3Cpath%20d%3D%27M22%2012%20V22.5%20L29.5%2027%27%2F%3E%3C%2Fsvg%3E"); --ico-prijskaart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M23%205%20H37%20a2%202%200%200%201%202%202%20V21%20L21%2039%20L5%2023%20Z%27%20fill%3D%27%23F3EADC%27%2F%3E%3Cpath%20d%3D%27M23%205%20H37%20a2%202%200%200%201%202%202%20V21%20L21%2039%20L5%2023%20Z%27%2F%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2712%27%20r%3D%272.6%27%2F%3E%3C%2Fsvg%3E"); --ico-kaartje: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%206%20H27%20L36%2015%20V38%20H8%20Z%27%20fill%3D%27%23F3EADC%27%2F%3E%3Cpath%20d%3D%27M8%206%20H27%20L36%2015%20V38%20H8%20Z%27%2F%3E%3Cpath%20d%3D%27M27%206%20V15%20H36%27%2F%3E%3Cpath%20d%3D%27M14%2022%20H29%27%2F%3E%3Cpath%20d%3D%27M14%2029%20H24%27%2F%3E%3C%2Fsvg%3E"); --ico-tekstballon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%2011%20a3%203%200%200%201%203-3%20H35%20a3%203%200%200%201%203%203%20V27%20a3%203%200%200%201-3%203%20H19%20L11%2038%20V30%20H9%20a3%203%200%200%201-3-3%20Z%27%2F%3E%3Cpath%20d%3D%27M14%2016%20H30%27%2F%3E%3Cpath%20d%3D%27M14%2023%20H24%27%2F%3E%3C%2Fsvg%3E"); --ico-mandje: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20stroke%3D%27%23A84B38%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2016%20H37%20L33%2037%20H11%20Z%27%20fill%3D%27%23DCCBAF%27%2F%3E%3Cpath%20d%3D%27M7%2016%20H37%20L33%2037%20H11%20Z%27%2F%3E%3Cpath%20d%3D%27M14%2016%20L17%2037%27%2F%3E%3Cpath%20d%3D%27M30%2016%20L27%2037%27%2F%3E%3Cpath%20d%3D%27M14%2016%20a8%208%200%200%201%2016%200%27%2F%3E%3C%2Fsvg%3E"); } .bw-ico--zandbak { --bw-ico: var(--ico-zandbak); } .bw-ico--slinger { --bw-ico: var(--ico-slinger); } .bw-ico--spoor { --bw-ico: var(--ico-spoor); } .bw-ico--vormenstoof { --bw-ico: var(--ico-vormenstoof); } .bw-ico--regenboog { --bw-ico: var(--ico-regenboog); } .bw-ico--telefoon { --bw-ico: var(--ico-telefoon); } .bw-ico--envelop { --bw-ico: var(--ico-envelop); } .bw-ico--agenda { --bw-ico: var(--ico-agenda); } .bw-ico--bloemgezin { --bw-ico: var(--ico-bloemgezin); } .bw-ico--bloemtwee { --bw-ico: var(--ico-bloemtwee); } .bw-ico--klok { --bw-ico: var(--ico-klok); } .bw-ico--prijskaart { --bw-ico: var(--ico-prijskaart); } .bw-ico--kaartje { --bw-ico: var(--ico-kaartje); } .bw-ico--tekstballon { --bw-ico: var(--ico-tekstballon); } .bw-ico--mandje { --bw-ico: var(--ico-mandje); } .bw-stappen, .bw-steps { counter-reset: bwstap; } .bw-stappen > *, .bw-steps > * { counter-increment: bwstap; } .bw-stapkaart::before { content: counter(bwstap); align-self: flex-start; margin-bottom: 14px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: var(--bw-blush-diep); color: var(--bw-terracotta-donker); font-family: var(--bw-font-kop), sans-serif; font-weight: 700; font-size: 15px; } .bw-toc { margin: 0; } .bw-toc__kop { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: var(--bw-raakvlak); font-family: var(--bw-font-kop), sans-serif; font-weight: 600; font-size: 15px; color: var(--bw-tekst-kop); } .bw-toc__kop::-webkit-details-marker { display: none; } .bw-toc__kop::after { content: "+"; color: var(--bw-terracotta-tekst); font-size: 20px; line-height: 1; } .bw-toc[open] .bw-toc__kop::after { content: "−"; } .bw-toc__lijst { margin: 12px 0 0; padding: 0 0 0 20px; font-size: 15px; line-height: 1.5; } .bw-toc__lijst li { margin-bottom: 4px; } .bw-toc__lijst a { display: inline-flex; align-items: center; min-height: 32px; color: var(--bw-tekst-gedempt); } .bw-toc__lijst a:hover { color: var(--bw-terracotta-tekst); } @media (min-width: 1024px) { .bw-toc__kop { pointer-events: none; } .bw-toc__kop::after { display: none; } .bw-toc::details-content { content-visibility: visible; block-size: auto; } } :is(.bw-steps, .bw-stappen, .bw-pay, .bw-footcols, .bw-cirkelwrap, .bw-lindy, .bw-herken, .bw-usp, .bw-g2, .bw-prog, .bw-blog, .bw-promise, .bw-contactlijst, .bw-header__inner, .bw-hero, .bw-sectiekop, .bw-herokolommen, .bw-slotformulier, .bw-anderecats) > * { margin-block-start: 0; } @media print { .bw-uspbalk, .bw-naarboven, .bw-consent, .bw-slotcta { display: none !important; } body { background: #fff; } } .bw-artikelkop { background: var(--bw-blush); padding: 28px 0 40px; } .bw-artikelbody { background: var(--bw-wit); padding: 0 0 64px; } .bw-verwantsectie { background: var(--bw-blush); padding: 64px 0; } @media (min-width: 1024px) { .bw-artikelbody { padding-bottom: 96px; } .bw-verwantsectie { padding: 96px 0; } } .bw-kruimels { margin: 0 0 20px; font-size: 14px; } .bw-kruimels ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; padding: 0; list-style: none; } .bw-kruimels li + li::before { content: "›"; margin-right: 10px; color: var(--bw-terracotta-zacht); } .bw-kruimels a { color: var(--bw-tekst-gedempt); text-decoration: none; } .bw-kruimels a:hover { color: var(--bw-terracotta-tekst); text-decoration: underline; } .bw-kruimels [aria-current] { color: var(--bw-tekst-kop); } .bw-artikel__tekst .bw-lees > h2 { margin-top: 44px; } .bw-artikel__tekst .bw-lees > h3 { margin-top: 36px; } .bw-artikel__tekst .bw-lees > :first-child { margin-top: 0; } .bw-artikel__tekst .bw-tussencta { max-width: var(--bw-leesmaat); margin: 44px 0; padding: 24px 0; gap: 18px; } .bw-artikel__tekst .bw-tussencta p { max-width: none; } .bw-artikel__tekst .bw-lees > .bw-tussencta + h2 { margin-top: 0; } .bw-artikelkop .bw-chip { margin-bottom: 14px; min-height: 0; padding: 5px 14px; font-size: 13px; } .bw-artikelkop .bw-chip a { display: inline-flex; align-items: center; min-height: 24px; color: inherit; text-decoration: none; } .bw-artikelkop h1 { margin: 0 0 16px; max-width: none; text-wrap: balance; } .bw-artikel__lead { margin: 0 0 18px; max-width: min(100%, 80ch); font-size: clamp(18px, 1.4vw, 20px); line-height: 1.6; color: var(--bw-tekst-gedempt); } .bw-artikelregel { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 28px; font-size: 15px; color: var(--bw-tekst-licht); } .bw-artikelregel__punt { width: 3px; height: 3px; border-radius: 999px; background: var(--bw-terracotta-zacht); } .bw-artikelbeeld { margin: -24px 0 56px; border-radius: 20px; overflow: hidden; box-shadow: var(--bw-uit); } @media (min-width: 1024px) { .bw-artikelbeeld { margin-bottom: 96px; } } .bw-artikelbeeld img { width: 100%; height: 100%; object-fit: cover; } .bw-artikel { display: grid; grid-template-columns: 1fr; gap: 32px; } .bw-artikel > * { margin-block-start: 0; } .bw-artikel__tekst > * { margin-block-start: 0; } @media (min-width: 1024px) { .bw-artikel { grid-template-columns: 250px minmax(0, 1fr); gap: 64px; align-items: start; } .bw-artikel__zij { position: sticky; top: 104px; } .bw-artikel__zij .bw-toc__kop::after { display: none; } .bw-artikel__zij .bw-toc__kop { pointer-events: none; } } .bw-artikel__zij .bw-toc { margin-bottom: 28px; background: var(--bw-blush); border-radius: 12px; overflow: hidden; } .bw-artikel__zij .bw-toc__kop { min-height: 52px; padding: 14px 18px; font-family: var(--bw-font-kop), sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--bw-tekst-kop); } .bw-artikel__zij .bw-toc__lijst { margin: 0; padding: 0 18px 16px; border-left: 0; list-style: none; counter-reset: none; } .bw-artikel__zij .bw-toc__lijst li { margin-bottom: 2px; } .bw-artikel__zij .bw-toc__lijst a { display: block; min-height: 44px; padding: 11px 0; font-size: 15px; line-height: 1.45; color: var(--bw-tekst-gedempt); } .bw-beleid__toc .bw-toc { margin-bottom: 0; background: var(--bw-blush); border-radius: 12px; overflow: hidden; } .bw-beleid__toc .bw-toc__kop { min-height: 52px; padding: 14px 18px; font-family: var(--bw-font-kop), sans-serif; font-size: 16px; font-weight: 600; color: var(--bw-tekst-kop); } .bw-beleid__toc .bw-toc__lijst { margin: 0; padding: 0 18px 16px; list-style: none; } .bw-beleid__toc .bw-toc__lijst li { margin-bottom: 2px; } .bw-beleid__toc .bw-toc__lijst a { display: block; min-height: 44px; padding: 11px 0; font-size: 15px; line-height: 1.45; color: var(--bw-tekst-gedempt); } @media (min-width: 1024px) { .bw-beleid__toc .bw-toc { background: none; border-radius: 0; } .bw-beleid__toc .bw-toc__kop { min-height: 0; padding: 0 0 14px; font-family: var(--bw-font-body), sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-beleid__toc .bw-toc__lijst { padding: 0; border-left: 2px solid var(--bw-lijn-zacht); } .bw-beleid__toc .bw-toc__lijst a { display: inline-flex; align-items: center; min-height: 0; padding: 8px 0 8px 16px; } } @media (min-width: 1024px) { .bw-artikel__zij .bw-toc { margin-bottom: 0; background: none; border-radius: 0; } .bw-artikel__zij .bw-toc__kop { min-height: 0; padding: 0 0 14px; font-family: var(--bw-font-body), sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-artikel__zij .bw-toc__lijst { padding: 0; border-left: 2px solid var(--bw-lijn-zacht); } .bw-artikel__zij .bw-toc__lijst a { display: inline-flex; align-items: center; min-height: 0; padding: 8px 0 8px 16px; font-size: 15px; line-height: 1.5; } } .bw-lees blockquote, .bw-lees .wp-block-quote { margin: 34px 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--bw-terracotta); font-family: var(--bw-font-kop), sans-serif; font-size: clamp(21px, 1.7vw, 25px); font-style: normal; font-weight: 500; line-height: 1.45; color: var(--bw-terracotta-tekst); } .bw-lees blockquote p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; } .bw-lees blockquote cite { display: block; margin-top: 10px; font-size: 15px; font-style: normal; color: var(--bw-tekst-gedempt); } .bw-lees img, .bw-lees .wp-block-image img { border-radius: 16px; } .bw-lees figcaption { margin-top: 10px; font-size: 14px; color: var(--bw-tekst-licht); } .bw-auteur { max-width: var(--bw-leesmaat); margin-top: 44px; background: var(--bw-blush); border: 0; border-radius: 20px; padding: 24px; } .bw-auteur > * { margin-block-start: 0; } .bw-auteur h2 { margin: 0 0 16px; font-size: clamp(19px, 1.4vw, 21px); } .bw-auteur p { margin: 0; line-height: 1.7; } .bw-auteur__in { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px; } .bw-auteur__beeld { flex: 0 0 auto; width: 96px; margin: 0; border-radius: 999px; overflow: hidden; background: var(--bw-blush-diep); } .bw-auteur__beeld img { display: block; width: 96px; height: 96px; object-fit: cover; } .bw-auteur__tekst { flex: 1 1 240px; min-width: 0; } .bw-auteur__keurmerken { margin: 16px 0 0; font-size: 15px; } .bw-auteur__meer { margin: 16px 0 0; } .bw-verwant { margin-top: 0; } .bw-verwant > * { margin-block-start: 0; } .bw-verwant h2 { margin: 0 0 24px; } .bw-blogfilter { margin-top: 36px; } .bw-blogfilter .bw-chiplijst { gap: 10px; } .bw-blogfilter .bw-chip { font-size: 15px; line-height: normal; padding: 10px 20px; } .bw-herosec:has(.bw-blogfilter) ~ .bw-sectie .bw-blog { gap: 24px; } .bw-blogfilter .bw-chip[aria-current] { background: var(--bw-terracotta-vlak); border-color: var(--bw-terracotta-vlak); color: #fff; } .bw-uitgelicht { display: grid; grid-template-columns: 1fr; background: var(--bw-wit); border-radius: 20px; overflow: hidden; margin-bottom: 40px; box-shadow: var(--bw-rust); } .bw-uitgelicht__beeld { margin: 0; aspect-ratio: 3 / 2; overflow: hidden; } .bw-uitgelicht__beeld img { width: 100%; height: 100%; object-fit: cover; } .bw-uitgelicht__body { display: flex; flex-direction: column; justify-content: center; padding: 28px 24px; } .bw-uitgelicht__categorie { display: inline-flex; align-self: flex-start; margin: 0 0 14px; padding: 7px 16px; border-radius: 999px; background: var(--bw-blush-diep); color: var(--bw-terracotta-donker); font-size: 12.5px; font-weight: 700; } .bw-uitgelicht h2 { margin: 0 0 12px; font-size: clamp(23px, 2.2vw, 30px); line-height: 1.25; } .bw-uitgelicht h2 a { color: inherit; text-decoration: none; } .bw-uitgelicht h2 a:hover { color: var(--bw-terracotta-tekst); } .bw-uitgelicht__intro { margin: 0 0 14px; line-height: 1.7; color: var(--bw-tekst); } .bw-uitgelicht__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: 14px; color: var(--bw-tekst-licht); } .bw-blogkaart .bw-artikelregel { margin: auto 0 0; font-size: 14px; } .bw-blogkaart .bw-artikelregel__auteur, .bw-blogkaart .bw-artikelregel__auteur + .bw-artikelregel__punt { display: none; } @media (min-width: 768px) { .bw-uitgelicht { grid-template-columns: 1.1fr .9fr; gap: 32px; align-items: center; } .bw-uitgelicht__beeld { aspect-ratio: 3 / 2; height: auto; } .bw-uitgelicht__body { padding: 0 24px 28px 4px; } } .bw-form__melding { margin: 0 0 18px; padding: 14px 16px; border-radius: 12px; background: var(--bw-blush-diep); border-left: 3px solid var(--bw-terracotta); font-size: 15px; line-height: 1.6; color: var(--bw-terracotta-donker); } .wp-site-blocks > * { margin-block-start: 0; } .bw-sectie, .bw-herosec, .bw-tussencta-sectie { margin-block-start: 0; } .bw-sectie--staart { padding-top: 0; display: flow-root; } :is( .bw-hero, .bw-herotxt, .bw-prog, .bw-steps, .bw-stappen, .bw-usp, .bw-herken, .bw-promise, .bw-pay, .bw-rev, .bw-revduo, .bw-blog, .bw-footcols, .bw-footer__slot, .bw-footer__beleid, .bw-praktisch, .bw-casus, .bw-lokaal, .bw-lindy, .bw-seo2, .bw-cirkelwrap, .bw-g2, .bw-header__inner, .bw-uitgelicht, .bw-beleid, .bw-blogkaart, .bw-kaart, .bw-tegel, .bw-stap, .bw-stapkaart ) > * { margin-block-start: 0; } .bw-herotxt > .bw-trust { margin-block-start: 24px; } .bw-kaart > .bw-btwregel { margin-block-start: 16px; } .bw-stapkaart > .bw-stapkaart__jij { margin-block-start: 12px; } :is( .bw-hero, .bw-prog, .bw-steps, .bw-stappen, .bw-usp, .bw-herken, .bw-promise, .bw-pay, .bw-rev, .bw-revduo, .bw-blog, .bw-footcols, .bw-praktisch, .bw-casus, .bw-lokaal, .bw-lindy, .bw-seo2, .bw-cirkelwrap, .bw-g2, .bw-uitgelicht, .bw-beleid, .bw-artikel ) > * { min-width: 0; } .wp-block-table { overflow-x: auto; } .bw-tussencta-sectie { --sec-bg: var(--bw-blush); background: var(--sec-bg); } .bw-sectie--wit + .bw-tussencta-sectie, .bw-tussencta-sectie:has(> .bw-container > p:only-child) { padding: 28px 0; } .bw-tussencta-sectie:has(> .bw-container > p:only-child) { text-align: center; } .bw-kader { margin-top: 28px; padding: 24px; background: none; border: 1px solid var(--bw-lijn); border-radius: 16px; } .bw-kader > * { margin-block-start: 0; } .bw-kader h3 { margin: 0 0 12px; font-size: 18px; line-height: 1.3; } .bw-kader p { margin: 0 0 14px; line-height: 1.7; } .bw-kader p:last-child { margin: 0; } .bw-citaat { margin: 32px 0; padding: 24px; background: var(--bw-blush-warm); border-radius: 16px; } .bw-citaat > * { margin-block-start: 0; } .bw-container--lees .bw-citaat, .bw-container--lees .wp-block-quote { max-width: var(--bw-leesmaat); margin-inline: 0; } .bw-citaat p { margin: 0; font-family: var(--bw-font-kop), sans-serif; font-weight: 500; font-size: clamp(19px, 2vw, 24px); line-height: 1.4; color: var(--bw-terracotta-tekst); font-style: normal; } .bw-citaat cite { display: block; margin-top: 10px; font-family: var(--bw-font-body), sans-serif; font-size: 14px; font-weight: 600; font-style: normal; color: var(--bw-tekst-gedempt); } .bw-seo2__kolom { max-width: 100%; } @media (max-width: 1023px) { .bw-seo2__kolom { max-width: var(--bw-leesmaat); } } .bw-lindy__beeld { margin: 0; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; box-shadow: var(--bw-rust); } .bw-lindy__beeld img { width: 100%; height: 100%; object-fit: cover; } .bw-lindy__tekst > * { margin-block-start: 0; } @media (max-width: 1023px) { .bw-lindy__tekst { max-width: var(--bw-leesmaat); } } .bw-praktijkkader { background: var(--bw-blush); border: 0; border-radius: 20px; padding: 26px 24px; box-shadow: none; } .bw-identificatie { margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--bw-tekst-licht); } .bw-praktijkkader h3 { margin: 0 0 16px; font-size: 18px; color: var(--bw-tekst-kop); } .bw-praktijkkader__lijst { display: flex; flex-direction: column; gap: 16px; margin: 0; } .bw-praktijkkader__rij { display: block; padding: 0; border-bottom: 0; } .bw-praktijkkader dt { margin-bottom: 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-praktijkkader dd { margin: 0; font-size: clamp(16px, 1.1vw, 17px); line-height: 1.6; color: var(--bw-tekst); text-align: left; } .bw-praktijkkader__route { display: inline-flex; align-items: center; gap: 6px; min-height: var(--bw-raakvlak); margin-top: 14px; font-size: 15px; font-weight: 700; color: var(--bw-terracotta-tekst); } @media (min-width: 1024px) { .bw-praktijkkader { position: sticky; top: 96px; } } .bw-lokaal__rail { display: grid; gap: 20px; } .bw-lokaal__rail > * { margin-block-start: 0; } @media (max-width: 1023px) { .bw-lokaal__rail { max-width: var(--bw-leesmaat); } } @media (min-width: 1024px) { .bw-lokaal__rail { position: sticky; top: 96px; } .bw-lokaal__rail .bw-praktijkkader { position: static; } } .bw-wegwijzer { display: grid; gap: 10px; } .bw-wegwijzer > * { margin-block-start: 0; } .bw-wegwijzer__label { font-family: var(--bw-font-body), system-ui, sans-serif; font-size: 15px; font-weight: 600; color: var(--bw-tekst-kop); margin: 0; } .bw-verhaal { display: grid; grid-template-columns: 1fr; gap: 32px; } .bw-verhaal > * { margin-block-start: 0; } .bw-verhaal__tekst > :first-child { margin-block-start: 0; } .bw-verhaal__zij { max-width: var(--bw-leesmaat); } .bw-verhaal__zij > * { margin-block-start: 0; } .bw-verhaal__zij > * + * { margin-block-start: 24px; } .bw-verhaal__beeld { margin: 0; } .bw-verhaal__beeld img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 20px; } .bw-verhaal__beeld figcaption { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--bw-tekst-licht); } @media (min-width: 1024px) { .bw-verhaal { grid-template-columns: minmax(0, var(--bw-leesmaat)) minmax(0, 1fr); gap: 56px; } .bw-verhaal__zij { max-width: none; } } .bw-profielkaart__gebied { display: flex; flex-wrap: wrap; gap: 4px 14px; } .bw-profielkaart__gebied a { display: inline-flex; align-items: center; min-height: 24px; } body .bw-strook { display: grid; grid-template-columns: 1fr; gap: 14px; } .bw-strook .wp-block-column { min-width: 0; } .bw-strook.bw-strook--los { margin-top: 32px; } @media (min-width: 1024px) { .bw-strook.bw-strook--los { margin-top: 48px; } } @media (min-width: 768px) { body .bw-strook { grid-template-columns: repeat(3, 1fr); gap: 14px; } } .bw-strook figure, .bw-strook .bw-beeld { margin: 0; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; } .bw-strook img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } @media (min-width: 1024px) { body .bw-strook { grid-template-columns: repeat(3, 1fr); gap: 14px; } } body .bw-twee, body .bw-praktijk, body .bw-diploma { display: grid; grid-template-columns: 1fr; gap: 28px; } @media (min-width: 768px) and (max-width: 1023px) { body .bw-twee, body .bw-praktijk, body .bw-diploma, body .bw-lindykort, body .bw-cirkelwrap, body .bw-lindy { grid-template-columns: 1fr; } } @media (min-width: 1024px) { body .bw-twee { grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: start; } body .bw-praktijk { grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } body .bw-diploma { grid-template-columns: 1.3fr .7fr; gap: 48px; align-items: start; } } body .bw-lindykort { display: grid; grid-template-columns: 1fr; gap: 26px; } .bw-lindykort .wp-block-column { min-width: 0; } .bw-lindykort figure, .bw-lindykort .bw-lindyimg { margin: 0; aspect-ratio: 4 / 3; max-width: 420px; border-radius: 20px; overflow: hidden; box-shadow: var(--bw-uit); } .bw-lindykort img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; border-radius: 0; } @media (min-width: 1024px) { body .bw-lindykort { grid-template-columns: .5fr 1.5fr; gap: 40px; align-items: center; } .bw-lindykort figure, .bw-lindykort .bw-lindyimg { aspect-ratio: 1 / 1; max-width: none; } } .bw-herkomst { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--bw-scheiding); font-size: 14px; line-height: 1.6; color: var(--bw-tekst-gedempt); } .bw-weekrail { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 28px 0 26px; font-family: var(--bw-font-body), sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--bw-terracotta-tekst); } .bw-weekrail::before { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, var(--bw-terracotta-tekst), var(--bw-lijn)); order: 1; } .bw-weekrail span:last-child { order: 2; color: var(--bw-tekst-licht); } .bw-stappen:not(.bw-stappen--vijf):not(.bw-stappen--drie) .bw-stapkaart { position: relative; padding-left: 70px; } .bw-stappen:not(.bw-stappen--vijf):not(.bw-stappen--drie) .bw-stapkaart::before { position: absolute; left: 22px; top: 22px; margin-bottom: 0; } .bw-sectie--wit .bw-stapkaart { background: var(--bw-blush); box-shadow: none; } .bw-sectie--wit .bw-stapkaart::before { background: var(--bw-wit); } .bw-stapkaart p.bw-stapkaart__jij { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--bw-lijn-zacht); font-size: 14px; line-height: 1.6; color: var(--bw-tekst-gedempt); font-style: italic; } .bw-doorlink { margin: 28px 0 0; font-weight: 700; } .bw-doorlink a { color: var(--bw-terracotta-tekst); } .bw-beeld { margin: 0; } .bw-beeld img { display: block; width: 100%; height: auto; border-radius: 20px; } .bw-beeld--404 { margin: 0; aspect-ratio: 4 / 3; box-shadow: var(--bw-uit); border-radius: 20px; overflow: hidden; } .bw-beeld--404 img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, summary, a) { overflow-wrap: break-word; } @media (max-width: 767px) { :where(h1, h2, h3, h4, h5, h6) { hyphens: manual; } } .bw-situatieblok > h2 { margin: 0 0 8px; } .bw-situatielijst { display: grid; grid-template-columns: 1fr; gap: 2px; margin: 24px 0 0; padding: 0; list-style: none; } .bw-situatielijst__item { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; border-bottom: 1px solid var(--bw-scheiding); } .bw-situatielijst__label { font-family: Quicksand, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--bw-terracotta-tekst); } .bw-situatielijst a { display: inline-flex; align-items: center; min-height: 28px; color: var(--bw-tekst-kop); font-weight: 600; line-height: 1.4; text-decoration: none; } .bw-situatielijst a:hover { color: var(--bw-terracotta-tekst); } @media (min-width: 768px) { .bw-situatielijst { grid-template-columns: repeat(2, 1fr); column-gap: 40px; } .bw-situatielijst > li:last-child:nth-child(odd) { border-bottom: 0; } } @media (min-width: 1024px) { .bw-situatielijst { grid-template-columns: repeat(3, 1fr); column-gap: 48px; } .bw-situatielijst > li:last-child:nth-child(odd) { border-bottom: 1px solid var(--bw-scheiding); } .bw-situatielijst > li:last-child:not(:nth-child(3n)), .bw-situatielijst > li:nth-last-child(2):nth-child(3n+1) { border-bottom: 0; } } p > a.bw-link:only-child { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); } .bw-tegel:has(> p > a:only-child) > p > a::after { content: ""; position: absolute; inset: 0; } .bw-herosec:has(+ .bw-sectie):not(.bw-herosec--kop):not(.bw-herosec--landing):not(:has(.bw-blogfilter)) { padding-bottom: var(--bw-naadruimte); } .bw-motief, .bw-watermerk, .bw-boog { position: absolute; z-index: 0; pointer-events: none; } .bw-sectie:has(> .bw-motief), .bw-sectie:has(> .bw-watermerk), .bw-sectie:has(> .bw-boog), .bw-sec:has(> .bw-motief), .bw-sec:has(> .bw-watermerk), .bw-sec:has(> .bw-boog) { overflow: clip; } .bw-watermerk { display: none; top: 0; right: 0; width: 140px; height: 140px; opacity: .08; fill: #fff; } .bw-watermerk--adempauze { width: 160px; height: 160px; } @media (min-width: 768px) { :is(.bw-sectie--terracotta, .bw-slotcta, .bw-op-terracotta, .bw-op-mauve) .bw-watermerk { display: block; } } @media (min-width: 1024px) { .bw-watermerk { width: 220px; height: 220px; } .bw-watermerk--adempauze { width: 260px; height: 260px; } } .bw-slotcta .bw-sec__in { position: relative; z-index: 1; } .bw-boog { display: none; } .bw-vormvlak { position: relative; display: grid; place-items: center; } .bw-vormvlak > :not(.bw-boog) { position: relative; z-index: 1; } @media (min-width: 768px) { .bw-vormvlak > .bw-boog { display: block; left: 50%; top: 50%; width: 400px; height: auto; transform: translate(-50%, -38%); opacity: .30; fill: none; stroke-width: 22; stroke-linecap: round; } } @media (min-width: 1024px) { .bw-vormvlak > .bw-boog { width: 560px; } } .bw-hartvlak { background-image: var(--bw-hart); background-size: 14px 14px; } :is(.bw-sectie--terracotta, .bw-slotcta, .bw-op-terracotta, .bw-op-mauve) .bw-hartvlak { background-image: var(--bw-hart-licht); } .bw-footer .bw-hartvlak { background-image: var(--bw-hart-footer); } :is(.bw-lees, .bw-beleid__inhoud, .bw-artikel__tekst) .bw-hartvlak { background-image: none; } .bw-sectie:has(.bw-progkaart)::before, .bw-sectie:has(.bw-form)::before, .bw-stil::before { display: none; } .bw-stil { --sec-uitloop: 0px; } .bw-stil :is(.bw-motief, .bw-watermerk, .bw-boog) { display: none; } .bw-bladmasker { border-radius: var(--bw-radius-beeld); overflow: hidden; } .bw-bladmasker--spiegel, .bw-lindyimg, .bw-lindy__beeld { border-radius: 56px 16px 56px 16px; } @media (min-width: 1024px) { .bw-bladmasker--spiegel, .bw-lindyimg, .bw-lindy__beeld { border-radius: 96px 20px 96px 20px; } } .bw-sec { position: relative; isolation: isolate; --sec-bg: var(--bw-wit); --sec-ruis: var(--bw-ruis-alfa); --sec-next: var(--sec-bg); --sec-uitloop: 0px; --sec-pad: var(--bw-sec-normaal); --sec-max: 1200px; padding: var(--sec-pad) 0; background-color: var(--sec-bg); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) calc(100% - var(--sec-uitloop)), var(--sec-next) 100%); } .bw-sec::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: var(--bw-ruis); background-size: 180px 180px; opacity: var(--sec-ruis); } .bw-sec__in { width: 100%; max-width: var(--sec-max); margin-inline: auto; padding-inline: 20px; } @media (min-width: 1024px) { .bw-sec__in { padding-inline: 40px; } } .bw-sec__kop { margin-bottom: var(--bw-kop-onder); } .bw-sec__intro { margin-top: -8px; margin-bottom: var(--bw-kop-onder); color: var(--bw-tekst-gedempt); max-width: var(--bw-leesmaat); } .bw-op-wit { --sec-bg: var(--bw-wit); --sec-ruis: var(--bw-ruis-alfa); } .bw-op-blush { --sec-bg: var(--bw-blush); --sec-ruis: var(--bw-ruis-alfa); } .bw-op-gebrokenwit { --sec-bg: var(--bw-gebroken-wit); --sec-ruis: var(--bw-ruis-alfa); } .bw-op-saliewolk { --sec-bg: var(--bw-s-salie-wolk); --sec-ruis: var(--bw-ruis-alfa); } .bw-op-zand { --sec-bg: var(--bw-s-zand); --sec-ruis: var(--bw-ruis-alfa); } .bw-op-terracotta { --sec-bg: var(--bw-terracotta-vlak); --sec-ruis: var(--bw-ruis-alfa); color: #fff; } .bw-op-mauve { --sec-bg: var(--bw-s-mauve-diep); --sec-ruis: var(--bw-ruis-alfa); color: #fff; } :root { --bw-scheiding: var(--bw-lijn-zacht); } :is(.bw-op-blush, .bw-op-zand, .bw-op-saliewolk, .bw-sectie--blush, .bw-sectie--zand, .bw-sectie--saliewolk) { --bw-scheiding: var(--bw-lijn); } .bw-op-terracotta :is(h1, h2, h3), .bw-op-mauve :is(h1, h2, h3) { color: #fff; } .bw-op-terracotta :is(.bw-klein, .bw-sub, .bw-sec__intro) { color: #fff; } .bw-op-mauve :is(.bw-klein, .bw-sub, .bw-sec__intro) { color: var(--bw-footer-tekst); } :is(.bw-op-terracotta, .bw-op-mauve) :is(.bw-kaart, .bw-review, .bw-progkaart, .bw-promise__kaart, .bw-score) { color: var(--bw-tekst); } :is(.bw-op-terracotta, .bw-op-mauve) :is(.bw-kaart, .bw-review, .bw-progkaart, .bw-promise__kaart, .bw-score) :is(h1, h2, h3) { color: var(--bw-tekst-kop); } :is(.bw-op-terracotta, .bw-op-mauve) :is(.bw-kaart, .bw-review, .bw-progkaart, .bw-promise__kaart, .bw-score) .bw-klein { color: var(--bw-tekst-gedempt); } .bw-sec--tak { --sec-pad: var(--bw-sec-normaal); --sec-max: 1040px; } .bw-sec--anker { --sec-pad: var(--bw-sec-anker); --sec-max: calc(var(--bw-leesmaat) + 80px); text-align: center; } .bw-sec--rij { --sec-pad: var(--bw-sec-zwaar); --sec-max: 1200px; } .bw-sec--volvlak { --sec-pad: var(--bw-sec-zwaar); --sec-max: 1200px; --sec-uitloop: 0px; } .bw-sec--tijdlijn { --sec-pad: var(--bw-sec-normaal); --sec-max: 1200px; } .bw-sec--overlap { --sec-pad: var(--bw-sec-normaal); --sec-max: 1200px; } .bw-sec--lint { --sec-pad: var(--bw-sec-lint); --sec-max: 1200px; } .bw-sec--trap { --sec-pad: var(--bw-sec-normaal); --sec-max: 1040px; } .bw-sec--anker .bw-sec__kop, .bw-sec--volvlak .bw-sec__kop { text-align: center; } .bw-sec--volvlak .bw-sec__intro { margin-inline: auto; text-align: center; } .bw-sec--tijdlijn .bw-sec__kop { padding-left: 54px; } @media (min-width: 1024px) { .bw-sec--tijdlijn .bw-sec__kop { padding-left: 0; } } .bw-sec--trap .bw-sec__kop { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; } .bw-t1 { --sec-uitloop: var(--bw-uitloop); } .bw-naar-wit { --sec-next: var(--bw-wit); } .bw-naar-blush { --sec-next: var(--bw-blush); } .bw-naar-gebrokenwit { --sec-next: var(--bw-gebroken-wit); } .bw-naar-saliewolk { --sec-next: var(--bw-s-salie-wolk); } .bw-naar-zand { --sec-next: var(--bw-s-zand); } .bw-sec--kartel, .bw-sectie--kartel { --sec-uitloop: 0px; } .bw-sec--kartel, .bw-sectie--kartel { z-index: 1; } .bw-sec--kartel::after, .bw-sectie--kartel::after, .bw-sectie.bw-sec--kartel::after, .bw-herosec.bw-sec--kartel::after, .bw-sec.bw-sec--kartel::after, .bw-sectie.bw-sectie--kartel::after { content: ""; position: absolute; left: 0; right: 0; top: auto; bottom: calc(-1 * var(--bw-kartel-h)); width: auto; height: var(--bw-kartel-h); z-index: 2; pointer-events: none; background: var(--sec-bg); --m: radial-gradient(circle at calc(var(--bw-kartel-s) / 2) 0, #000 calc(var(--bw-kartel-s) / 2), rgba(0, 0, 0, 0) calc(var(--bw-kartel-s) / 2 + .5px)); -webkit-mask-image: var(--m); mask-image: var(--m); -webkit-mask-size: var(--bw-kartel-s) var(--bw-kartel-h); mask-size: var(--bw-kartel-s) var(--bw-kartel-h); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; } .bw-sec--onder-kartel, .bw-sectie--kartel + .bw-sectie, .bw-sec--kartel + .bw-sectie, .bw-sec--kartel + .bw-sec { padding-top: calc(var(--sec-pad) + var(--bw-kartel-h)); } .bw-t3-boven { padding-bottom: calc(var(--sec-pad) + 40px); --sec-uitloop: 0px; } :root .bw-t3-kind.bw-t3-kind { margin-top: calc(-1 * (var(--sec-pad) + 40px)); } @media (min-width: 1024px) { .bw-t3-boven { padding-bottom: calc(var(--sec-pad) + 64px); } :root .bw-t3-kind.bw-t3-kind { margin-top: calc(-1 * (var(--sec-pad) + 64px)); } } .bw-t4 { --sec-uitloop: 0px; } .bw-rij, .bw-tak, .bw-trap, .bw-overlap, .bw-lint__rij, .bw-reviews, .bw-tijdlijn, .bw-poel { display: grid; } .bw-rij > *, .bw-tak > *, .bw-trap > *, .bw-overlap > *, .bw-lint__rij > *, .bw-reviews > *, .bw-tijdlijn > *, .bw-poel > * { min-width: 0; } .bw-sec--tak .bw-sec__kop { text-align: left; } .bw-tak { position: relative; align-items: start; row-gap: 32px; column-gap: 56px; } .bw-tak__item { display: grid; grid-template-columns: var(--bw-hoepel) 1fr; gap: 16px; align-items: start; } .bw-tak__item > * { min-width: 0; } .bw-tak__item h3 { margin-bottom: 2px; text-wrap: balance; } .bw-tak__item p { color: var(--bw-tekst-gedempt); margin: 0; } .bw-tak__tekst { max-width: var(--bw-leesmaat); } .bw-takkop { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); } .bw-tak__item--link { position: relative; } .bw-tak__item--link .bw-takkop::after { content: ""; position: absolute; inset: 0; } .bw-tak__item--link .bw-takkop { color: var(--bw-tekst); text-decoration-color: var(--bw-s-stengel-diep); } .bw-tak__item--link:hover .bw-takkop { color: var(--bw-terracotta-actief); text-decoration-color: currentColor; } @media (min-width: 1024px) { .bw-tak { grid-template-columns: 1fr 1fr; row-gap: 40px; } .bw-tak__item { column-gap: 20px; } .bw-tak__item:has(> .bw-tak__tekst) { grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; } .bw-tak__item > .bw-tak__tekst { display: contents; } .bw-tak__item:has(> .bw-tak__tekst) > svg { grid-row: span 2; } .bw-tak__item:has(> .bw-tak__tekst) h3 { margin: 0 0 4px; align-self: end; } .bw-tak__item:has(> .bw-tak__tekst) p { align-self: start; } } .bw-tak--kaal .bw-tak__item { grid-template-columns: 1fr; } @media (min-width: 768px) and (max-width: 1023px) { .bw-tak--kaal { grid-template-columns: 1fr 1fr; column-gap: 44px; row-gap: 36px; } } .bw-tak--kaal .bw-tak__item { position: relative; } .bw-tak--kaal .bw-takkop::after { content: ""; position: absolute; inset: 0; } .bw-tak--kaal .bw-tak__item:hover .bw-takkop { color: var(--bw-terracotta-actief); text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 3px; } .bw-sec--anker p { margin-inline: auto; max-width: var(--bw-leesmaat); color: var(--bw-tekst-gedempt); } .bw-sec--anker.bw-anker--duo { --sec-max: 1040px; text-align: left; } .bw-sec--anker.bw-anker--duo p { margin-inline: 0; } .bw-anker__inhoud { max-width: var(--bw-leesmaat); margin-inline: auto; text-align: left; } .bw-anker__beeld { position: relative; display: grid; place-items: center; margin: 24px auto 20px; max-width: 300px; } .bw-anker__beeld > svg { position: relative; z-index: 1; width: 100%; height: auto; } .bw-anker__beeld > svg.bw-boog { position: absolute; z-index: 0; width: 300px; height: auto; } @media (min-width: 1024px) { .bw-anker__beeld { max-width: 360px; } .bw-anker__beeld > svg.bw-boog { width: 360px; } } .bw-anker__boog { display: block; width: 100%; height: auto; } .bw-rij { gap: 20px; } @media (min-width: 768px) { .bw-rij { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .bw-rij { grid-template-columns: repeat(3, 1fr); gap: 24px; } } @media (min-width: 768px) { .bw-rij--belofte > :last-child { grid-column: span 2; } } @media (min-width: 1024px) { .bw-rij--belofte > :last-child { grid-column: auto; } } .bw-overlap { gap: 24px; align-items: center; } .bw-overlap__beeld { margin-inline: 0; } .bw-overlap__tekst { max-width: var(--bw-leesmaat); } @media (min-width: 1024px) { .bw-overlap { grid-template-columns: .85fr 1.15fr; gap: 56px; } .bw-overlap__beeld { margin-inline: -40px 0; } } .bw-lint__label { font-family: var(--bw-font-body), system-ui, sans-serif; font-size: 15px; font-weight: 600; color: var(--bw-tekst-kop); margin-bottom: 10px; } .bw-lint__rij { gap: 0; } .bw-lint__item { display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: center; min-height: 64px; padding: 8px 0; border-bottom: 1px solid var(--bw-scheiding); } .bw-lint__item > * { min-width: 0; } .bw-lint__item:last-child { border-bottom: 0; } .bw-lint__rij--woorden .bw-lint__item { grid-template-columns: 1fr; } @media (min-width: 1024px) { .bw-lint__rij--woorden { grid-template-columns: 1fr 1fr; align-items: start; } .bw-lint__rij--woorden .bw-lint__item { border-bottom: 0; min-height: 0; padding: 0; } .bw-lint__rij--woorden .bw-lint__item:first-child { border-right: 1px solid var(--bw-scheiding); padding-right: 48px; } .bw-lint__rij--woorden .bw-lint__item:last-child { padding-left: 48px; } } .bw-lint__rij--wegwijzer { list-style: none; margin: 0; padding: 0; row-gap: 26px; column-gap: 40px; } .bw-lint__rij--wegwijzer > li { margin: 0; } .bw-lint__rij--wegwijzer .bw-lint__item { grid-template-columns: 1fr; gap: 0; align-items: start; min-height: 0; padding: 0; border-bottom: 0; } .bw-lint__rij--wegwijzer .bw-lint__item p { max-width: none; } .bw-lint__link { display: inline-flex; align-items: center; min-height: var(--bw-raakvlak); font-family: var(--bw-font-kop), sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3; } .bw-lint__rij--wegwijzer .bw-lint__item { position: relative; } .bw-lint__rij--wegwijzer .bw-lint__link::after { content: ""; position: absolute; inset: 0; } .bw-lint__rij--wegwijzer .bw-lint__item:hover .bw-lint__link { color: var(--bw-terracotta-actief); text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 3px; } @media (min-width: 768px) { .bw-lint__rij--wegwijzer { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .bw-lint__rij--wegwijzer { grid-template-columns: repeat(3, 1fr); column-gap: 44px; } } .bw-lint__groep + .bw-lint__groep { margin-top: 26px; padding-top: 26px; border-top: 1px solid var(--bw-scheiding); } .bw-lint__groep > * { margin-block-start: 0; } .bw-lint__item p { max-width: var(--bw-leesmaat); } .bw-lint__item b { font-family: var(--bw-font-body), system-ui, sans-serif; font-weight: 700; } .bw-lint__routes { max-width: calc(var(--bw-leesmaat) + 32px); } .bw-lint--betalen .bw-lint__blok > .bw-lint__label { font-size: 18px; line-height: 1.3; } .bw-lint--betalen .bw-lint__inhoud > .bw-klein { font-size: 16px; } .bw-lint--betalen .bw-lint__routes li { font-size: 17px; } .bw-lint--betalen .bw-lint__routes .bw-klein { font-size: 15px; } @media (min-width: 1024px) { .bw-lint--betalen .bw-lint__blok > .bw-lint__label { font-size: 20px; } } .bw-lint__vgl { display: grid; gap: 24px 44px; } .bw-lint__vgl > * { min-width: 0; margin-block-start: 0; } .bw-lint__vgl .bw-lint__label { margin-bottom: 2px; } .bw-lint__vgl ul { list-style: none; margin: 0; padding: 0; } .bw-lint__vgl li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: center; min-height: 56px; padding: 6px 0; margin: 0; font-size: 16px; line-height: 1.6; color: var(--bw-tekst-gedempt); border-bottom: 1px solid var(--bw-scheiding); } .bw-lint__vgl li:last-child { border-bottom: 0; } .bw-lint__vgl li::before { content: "·"; color: var(--bw-tekst-licht); text-align: center; font-weight: 700; } .bw-lint__vgl--nu li { color: var(--bw-tekst); } .bw-lint__vgl--nu li::before { content: "\2713"; color: var(--bw-terracotta); } @media (min-width: 768px) { .bw-lint__vgl { grid-template-columns: 1fr 1fr; } } .bw-lint__blok { display: grid; gap: 10px; } .bw-lint__blok > *, .bw-lint__inhoud > * { margin-block-start: 0; } .bw-lint__blok + .bw-lint__blok { margin-top: 26px; padding-top: 26px; border-top: 1px solid var(--bw-scheiding); } .bw-lint__blok :is(.bw-lint__label, .bw-intro, .bw-sub, .bw-klein) { margin: 0; } .bw-lint__inhoud { display: grid; gap: 14px; justify-items: start; margin: 0; } .bw-lint__vol { margin-top: 4px; } .bw-lint__vol .bw-situatielijst { margin-top: 0; } @media (min-width: 1024px) { .bw-lint__blok { grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 12px 48px; align-items: start; } .bw-lint__blok > .bw-lint__label { grid-column: 1; } .bw-lint__inhoud { grid-column: 2; } .bw-lint__vol { grid-column: 1 / -1; margin-top: 14px; } .bw-lint__blok > .bw-lint__label { font-size: 17px; line-height: 1.35; } } .bw-lint__blok > .bw-lint__label--kop { font-family: var(--bw-font-kop), system-ui, sans-serif; font-size: clamp(21px, 2vw, 26px); font-weight: 700; line-height: 1.25; color: var(--bw-tekst-kop); } .bw-sec--trap .bw-sec__kop a { font-family: var(--bw-font-body), system-ui, sans-serif; font-size: 15px; font-weight: 600; } .bw-trap { gap: 16px; } .bw-trap__rijen { display: grid; gap: 0; } .bw-trap__rijen > * { min-width: 0; } @media (min-width: 768px) { .bw-trap { grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; } .bw-trap__rijen { display: contents; } .bw-trap .bw-blogrij { grid-template-columns: 1fr; gap: 0; min-height: 0; padding: 0; border-top: 0; background: var(--bw-wit); border: 1px solid var(--bw-lijn); border-radius: 16px; box-shadow: var(--bw-schaduw-kaart); overflow: hidden; } .bw-trap .bw-blogrij img { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0; } .bw-trap .bw-blogrij > div { padding: 18px 22px 22px; display: grid; gap: 8px; } } @media (min-width: 1024px) { .bw-trap { grid-template-columns: repeat(3, 1fr); gap: 24px; } } .bw-naad-boven { padding-bottom: max(var(--sec-pad), var(--bw-naadruimte)); } .bw-naad-onder { padding-top: max(var(--sec-pad), var(--bw-naadruimte)); } .bw-sec--onder-kartel.bw-naad-onder { padding-top: max(calc(var(--sec-pad) + var(--bw-kartel-h)), var(--bw-naadruimte)); } .bw-sectie:is(:has(+ .bw-op-terracotta), :has(+ .bw-op-mauve), :has(+ .bw-sectie--terracotta), :has(+ .bw-slotcta)), main:has(+ * > .bw-slotcta) > .bw-sectie:last-child, main:has(+ * > .bw-slotcta) > :last-child > .bw-sectie:last-child { padding-bottom: max(var(--sec-pad), var(--bw-sec-normaal)); } .bw-naad-boven:is(:has(+ .bw-op-terracotta), :has(+ .bw-op-mauve), :has(+ .bw-sectie--terracotta), :has(+ .bw-slotcta)), main:has(+ * > .bw-slotcta) > .bw-naad-boven:last-child, main:has(+ * > .bw-slotcta) > :last-child > .bw-naad-boven:last-child { padding-bottom: max(var(--sec-pad), var(--bw-sec-normaal), var(--bw-naadruimte)); } main:has(+ * > .bw-slotcta) > .bw-tussencta-sectie:last-child, main:has(+ * > .bw-slotcta) > :last-child > .bw-tussencta-sectie:last-child { padding: var(--bw-sec-normaal) 0; } .bw-scrollbaar { overflow-x: auto; } :is(.bw-prog, .bw-blog, .bw-rev, .bw-promise, .bw-pay, .bw-usp, .bw-herken, .bw-stappen, .bw-steps, .bw-g2, .bw-contactlijst, .bw-reviews) { align-items: stretch; } :is(.bw-prog, .bw-blog, .bw-rev, .bw-promise, .bw-pay, .bw-usp, .bw-herken, .bw-stappen, .bw-steps, .bw-g2, .bw-contactlijst) > * { height: 100%; } .bw-kaart, .bw-tegel, .bw-promise__kaart, .bw-review, .bw-vergelijk, .bw-contactkaart { display: flex; flex-direction: column; } .bw-review > .bw-review__meta { margin-top: auto; } .bw-blogkaart :is(h2, h3) { min-height: calc(2 * 1.3em); } .bw-blogkaart .bw-artikelregel { margin-top: auto; } .bw-stapkaart p.bw-stapkaart__jij { margin: auto 0 0; } .bw-blogkaart, .bw-uitgelicht, .bw-tegel:has(> p > a:only-child) { transition: transform var(--bw-duur-terug) var(--bw-ease-zacht), box-shadow var(--bw-duur-terug) var(--bw-ease-zacht), border-radius var(--bw-duur-terug) var(--bw-ease-zacht); } .bw-blogkaart:hover, .bw-blogkaart:focus-within, .bw-uitgelicht:hover, .bw-tegel:has(> p > a:only-child):hover { transform: translateY(-3px); box-shadow: var(--bw-schaduw-kaart-hover); border-radius: var(--bw-radius-blad); transition: transform var(--bw-duur-vorm) var(--bw-ease-zacht), box-shadow var(--bw-duur-vorm) var(--bw-ease-zacht), border-radius var(--bw-duur-terug) var(--bw-ease-veer); } .bw-blogkaart img, .bw-uitgelicht img { transform-origin: 50% 60%; transition: transform 420ms var(--bw-ease-zacht); } .bw-blogkaart:hover img, .bw-uitgelicht:hover img { transform: scale(1.03); } .bw-menu { position: fixed; inset: 0; z-index: 60; visibility: hidden; transition: visibility 0s linear var(--bw-duur-vorm); } .bw-menu.is-open { visibility: visible; transition-delay: 0s; } .bw-menu__waas { position: absolute; inset: 0; background: rgba(74, 67, 64, .44); opacity: 0; touch-action: none; transition: opacity var(--bw-duur-vorm) var(--bw-ease-heen); } .bw-menu.is-open .bw-menu__waas { opacity: 1; } .bw-menu__paneel { position: absolute; top: 0; right: 0; bottom: 0; width: min(360px, 86vw); display: flex; flex-direction: column; background: var(--bw-wit); border-left: 1px solid var(--bw-lijn); box-shadow: var(--bw-schaduw-kaart-hover); overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); transition: transform var(--bw-duur-vorm) var(--bw-ease-heen); } .bw-menu.is-open .bw-menu__paneel { transform: translateX(0); } .bw-menu__kop { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; padding: 0 12px 0 20px; border-bottom: 1px solid var(--bw-lijn-zacht); } .bw-menu__titel { font-family: var(--bw-font-kop), sans-serif; font-size: 18px; font-weight: 600; color: var(--bw-tekst-kop); } .bw-menu__lijst { list-style: none; margin: 0; padding: 8px 0; flex: 0 0 auto; } .bw-menu__lijst > li + li { border-top: 1px solid var(--bw-lijn-zacht); } .bw-menu__lijst > li > a, .bw-menu__label { display: flex; align-items: center; min-height: 56px; padding: 8px 20px; font-family: var(--bw-font-body), sans-serif; font-size: 17px; font-weight: 600; color: var(--bw-tekst-kop); transition: background-color var(--bw-duur-kleur) var(--bw-ease-zacht), color var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-menu__lijst > li > a:hover { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-menu__label { font-size: 14px; font-weight: 700; min-height: var(--bw-raakvlak); padding-bottom: 0; color: var(--bw-tekst-gedempt); } .bw-menu__plaatsen { margin: 0 0 12px; padding: 0 20px; } .bw-menu__voet { position: sticky; bottom: 0; margin-top: auto; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); background: var(--bw-blush); border-top: 1px solid var(--bw-lijn); box-shadow: 0 -6px 14px rgba(74, 67, 64, .07); } html.bw-menu-open { overflow: hidden; padding-right: var(--bw-schuifbalk, 0px); } @media (min-width: 1024px) { .bw-menu { display: none; } } @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .bw-bloei { opacity: 0; transform: translateY(14px); animation: bw-op var(--bw-duur-onthul) var(--bw-ease-zacht) both; animation-timeline: view(); animation-range: entry 6% cover 24%; } .bw-poel > .bw-bloei:nth-child(2) { animation-delay: 60ms; } .bw-poel > .bw-bloei:nth-child(3) { animation-delay: 120ms; } .bw-poel > .bw-bloei:nth-child(4) { animation-delay: 180ms; } .bw-poel > .bw-bloei:nth-child(5) { animation-delay: 240ms; } .bw-poel > .bw-bloei:nth-child(6) { animation-delay: 300ms; } .bw-hoepel__ring { stroke-dasharray: 239; stroke-dashoffset: 239; transform: rotate(-90deg); transform-origin: 50% 50%; transform-box: fill-box; animation: bw-steek var(--bw-duur-onthul) var(--bw-ease-zacht) both; animation-timeline: view(); animation-range: entry 25% cover 30%; } .bw-cirkel__keten > li + li::before { animation: bw-pijl var(--bw-duur-onthul) var(--bw-ease-zacht) both; animation-timeline: view(); animation-range: entry 30% cover 34%; } .bw-cirkel__boog path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: bw-steek var(--bw-duur-onthul) var(--bw-ease-zacht) both; animation-timeline: view(); animation-range: entry 45% cover 55%; } } } @keyframes bw-op { to { opacity: 1; transform: none; } } @keyframes bw-steek { to { stroke-dashoffset: 0; } } @keyframes bw-pijl { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } } @media (prefers-reduced-motion: reduce) { .bw-bloei { opacity: 1; transform: none; } .bw-hoepel__ring, .bw-cirkel__boog path { stroke-dashoffset: 0; } .bw-cirkel__keten > li + li::before { opacity: 1; transform: translate(-50%, 0); } .bw-knop:hover, .wp-block-button__link:hover, .wp-element-button:hover, .bw-blogkaart:hover, .bw-uitgelicht:hover, .bw-tegel:hover { transform: none; } .bw-blogkaart:hover { border-radius: var(--wp--custom--radius--standaard); } .bw-blogkaart:hover img, .bw-uitgelicht:hover img { transform: none; } .bw-menu, .bw-menu__paneel, .bw-menu__waas { transition: none; } .bw-menu__paneel { transform: none; } } .bw-blad { display: inline-block; vertical-align: middle; fill: var(--bw-terracotta); } .bw-blad--6 { width: 6px; height: 6px; fill: rgba(255, 255, 255, .55); } .bw-blad--10 { width: 10px; height: 10px; } .bw-blad--22 { width: 22px; height: 22px; } .bw-bloem { display: block; } .bw-bloem--44 { width: 44px; height: 44px; } .bw-bloem--240 { width: 240px; height: 240px; fill: var(--bw-s-mauve); } .bw-blad-p { transform-origin: 0 0; } .bw-hoepel { display: block; width: var(--bw-hoepel); height: var(--bw-hoepel); flex: none; } .bw-hoepel__ring { fill: none; stroke: var(--bw-s-stengel); stroke-width: 5; transition: stroke var(--bw-duur-kleur) var(--bw-ease-zacht); } .bw-hoepel__vlak { fill: #fff; } .bw-sectie--wit .bw-hoepel__vlak, .bw-sectie--gebroken .bw-hoepel__vlak, .bw-op-wit .bw-hoepel__vlak, .bw-op-gebrokenwit .bw-hoepel__vlak { fill: var(--bw-blush); } .bw-hoepel__ico { fill: none; stroke: var(--bw-terracotta-tekst); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .bw-hoepel__ico--rustig { stroke: var(--bw-s-salie-diep); } .bw-hoepel__ico--vink { stroke-width: 4.5; } :is(.bw-tegel, .bw-kaart, .bw-tak__item):hover .bw-hoepel__ring { stroke: var(--bw-terracotta); } .bw-herolabel { margin: 0 0 14px; font-family: var(--bw-font-body), sans-serif; font-size: 14px; font-weight: 600; color: var(--bw-terracotta-tekst); } .bw-chips { display: flex; flex-wrap: wrap; gap: 8px; } .bw-chips .bw-chip { margin: 0; } @media (max-width: 767px) { .bw-chips .bw-chip { padding-inline: 18px; } } .bw-knop--primair { background: var(--bw-terracotta-vlak); color: #fff; } .bw-knop--licht { background: #fff; color: var(--bw-terracotta-tekst); box-shadow: var(--bw-schaduw-knop); } .bw-knop--licht:hover { background: var(--bw-blush); color: var(--bw-terracotta-tekst); } .bw-knop--breed { width: 100%; } @media (min-width: 768px) { .bw-knop--breed { width: auto; } } .bw-klein { font-size: 14px; line-height: 1.5; color: var(--bw-tekst-gedempt); } .bw-leesmaat { max-width: var(--bw-leesmaat); } .bw-herkenprosa { display: grid; gap: 20px; } .bw-herkenprosa > * { min-width: 0; margin-block-start: 0; } .bw-herkenprosa__verhaal > :first-child { margin-block-start: 0; margin-top: 0; } @media (min-width: 1024px) { .bw-herkenprosa { grid-template-columns: 1.05fr .95fr; gap: 0 56px; align-items: start; } .bw-herkenprosa > .bw-herken__slot { margin-top: 0; } } .bw-slotformulier--midden { margin-inline: auto; } .bw-zwieper { color: var(--bw-terracotta-tekst); background-image: var(--bw-zwieper); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 10px; padding-bottom: 6px; } .bw-knop--secundair:focus-visible, .is-style-outline > .wp-block-button__link:focus-visible, .bw-menubtn:focus-visible, .bw-faq__knop:focus-visible, .bw-slotcta .bw-knop:focus-visible, .bw-slotcta .wp-block-button__link:focus-visible, .bw-naarboven:focus-visible { box-shadow: var(--bw-halo); } .bw-anderesec:not(:has(.bw-anderecats)) { display: none; } .bw-anderecats > .bw-sec__kop { margin-bottom: var(--bw-kop-onder); } .bw-blogkaart .wp-block-post-terms, .bw-blogkaart .bw-blogkaart__categorie a { position: relative; z-index: 1; } .bw-uitgelicht__categorie a { color: inherit; text-decoration: none; } .bw-uitgelicht__categorie a:hover { text-decoration: underline; } @media (max-width: 767px) { .bw-uitgelicht { background: var(--bw-blush); } .bw-uitgelicht__categorie { background: var(--bw-wit); } } .bw-form__gelukt { margin: 0; padding: 16px 18px; border-radius: 12px; background: var(--bw-blush-diep); border-left: 3px solid var(--bw-s-salie-diep); font-size: 16px; line-height: 1.6; color: var(--bw-tekst-kop); }