.elementor .wr-soft{border-radius:2.5rem;background-color:var(--wr-zachtgroen);}.elementor .wr-zand{border-radius:2.5rem;background-color:var(--wr-zand);}.elementor .wr-salie{border-radius:2.5rem;background-color:var(--wr-salie);}.elementor .wr-header{overflow:visible;position:relative;z-index:100;padding-block-start:1rem;padding-block-end:1rem;padding-inline-start:1.6rem;padding-inline-end:1.6rem;margin-block-start:0px;margin-block-end:1.75rem;margin-inline-start:0px;margin-inline-end:0px;border-radius:1.5rem;border-width:1px;border-color:var(--wr-lijn);border-style:solid;display:flex;gap:0px;flex-wrap:wrap;justify-content:space-between;align-items:center;& > .wr-copy { order: 2; margin-left: auto; font: normal 400 1.5rem/1.2 Arial, Helvetica, sans-serif !important; } & > .wr-menu-toggle { display: inline-flex !important; order: 1; align-items: center; gap: 0.75rem; border: 0; background: transparent; padding: 0.75rem 0.5rem; font: normal 500 0.875rem/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; } & > .wr-menu-toggle::before { content: '☰'; font-size: 1.1rem; } & > .wr-menu-toggle[aria-expanded=true]::before { content: '×'; } & > .wr-actions { order: 3; flex-basis: 100%; display: flex !important; flex-direction: column; align-items: stretch; gap: 0; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transform: translateY(-0.5rem); transition: max-height 450ms ease, opacity 250ms ease, transform 350ms ease, visibility 350ms; padding: 0 !important; } & > .wr-actions.wr-nav-open { max-height: 28rem; opacity: 1; visibility: visible; transform: translateY(0); padding: 1.5rem 0 0.5rem !important; } & > .wr-actions > a { display: block; width: 100%; text-align: left; font: normal 400 clamp(1.25rem, 2.5vw, 1.75rem)/1.35 Arial, Helvetica, sans-serif !important; letter-spacing: -0.035em; padding: 0.85rem 0.5rem; border-radius: 0; border: 0; background: transparent; color: var(--wr-groen); text-decoration: none; } & > .wr-actions > a:hover { background: var(--wr-salie); border-radius: 0.75rem; } & > .wr-actions > a:focus-visible { outline: 2px solid var(--wr-groen); outline-offset: -2px; } & > .wr-menu-toggle { color: var(--wr-groen) !important; } & > .wr-menu-toggle:hover { color: var(--wr-groen) !important; background: var(--wr-salie) !important; } & > .wr-menu-toggle:focus-visible { outline: 2px solid var(--wr-groen); outline-offset: 3px; } & > .wr-copy { font: normal 400 1.25rem/1.2 Arial, Helvetica, sans-serif !important; } & > .wr-actions > a { font: normal 400 1rem/1.4 Arial, Helvetica, sans-serif !important; letter-spacing: -0.015em; padding: 0.7rem 0.5rem; } & > .wr-copy { position: relative; z-index: 102; } & > .wr-menu-toggle { position: relative; z-index: 102; border-radius: 0.5rem; } & > .wr-actions { position: fixed; inset: 0; z-index: 101; width: 100vw; height: 100dvh; max-height: none; box-sizing: border-box; background: var(--wr-papier); padding: 8rem max(1.5rem, calc((100vw - 68rem) / 2)) 2rem !important; overflow-y: auto; justify-content: flex-start; gap: 0.35rem; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-1.25rem); transition: opacity 300ms cubic-bezier(0.22,1,0.36,1), transform 350ms cubic-bezier(0.22,1,0.36,1), visibility 350ms; } & > .wr-actions.wr-nav-open { max-height: none; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); padding: 8rem max(1.5rem, calc((100vw - 68rem) / 2)) 2rem !important; } & > .wr-actions > a { display: flex; align-items: center; gap: 0.875rem; width: 100%; max-width: 30rem; min-height: 3.1rem; padding: 0.75rem 1rem; font: normal 500 0.9375rem/1.4 Arial, Helvetica, sans-serif !important; letter-spacing: -0.015em; border-radius: 0.625rem; color: var(--wr-inkt); } & > .wr-actions > a::before { display: inline-block; color: var(--wr-groen); font: normal 400 1.125rem/1 Arial, Helvetica, sans-serif; content: '↗'; } & > .wr-actions > a:nth-child(1)::before { content: '↻'; } & > .wr-actions > a:nth-child(2)::before { content: '+'; } & > .wr-actions > a:nth-child(3)::before { content: '▦'; } & > .wr-actions > a:last-child { margin-top: 1rem; background: var(--wr-groen); color: var(--wr-papier); justify-content: center; } & > .wr-actions > a:last-child::before { content: none; } & > .wr-actions > a:last-child:hover { background: var(--wr-inkt); } & > .wr-actions { transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } --wr-menu-speed: 350ms; & > .wr-actions { transition: opacity var(--wr-menu-speed) ease, transform var(--wr-menu-speed) ease, visibility var(--wr-menu-speed) !important; } & > .wr-actions > a:nth-child(1)::before { content: '⌂'; } & > .wr-actions > a:nth-child(2)::before { content: '↻'; } & > .wr-actions > a:nth-child(3)::before { content: '+'; } & > .wr-actions > a:nth-child(4)::before { content: '▦'; } & > .wr-menu-toggle { font-size: 0 !important; gap: 0; width: 2.75rem; height: 2.75rem; min-height: 2.75rem; padding: 0; justify-content: center; border: 1px solid var(--wr-lijn); border-radius: 0.5rem; background: transparent; } & > .wr-menu-toggle::before { font: normal 400 1.125rem/1 Arial, Helvetica, sans-serif; } & .wr-menu-toggle { width:46px; height:46px; padding:0; border:1px solid rgba(22,98,71,.2); border-radius:14px; background:rgba(228,234,223,.4); } & .wr-actions a { font:400 16px/1.5 Arial,Helvetica,sans-serif !important; } & .wr-actions a::before { content:""; display:inline-block; width:22px; height:22px; background-size:contain; background-repeat:no-repeat; flex:0 0 22px; } & .wr-actions a:nth-child(1)::before { content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207M5%209v12h5v-7h4v7h5V9%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a:nth-child(2)::before { content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6.1%206a8%208%200%200%201%2013.6%205M4.3%2013A8%208%200%200%200%2017.9%2018%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a:nth-child(3)::before { content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M9%2014h6m-3-3v6%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a:nth-child(4)::before { content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a:last-child::before { content:"↗"; background-image:none; } &.wr-nav-open .wr-menu-toggle { position:fixed; top:70px; left:32px; } &.wr-nav-open > .wr-copy { position:fixed; top:82px; right:32px; } & .wr-actions { padding-top:150px; } & .wr-actions a:last-child { width:auto; align-self:flex-start; border-radius:100px; padding:12px 22px; } & .wr-menu-toggle { font-size:0;display:grid;place-items:center; } & .wr-menu-toggle::before { content:"";width:18px;height:14px;background:linear-gradient(currentColor,currentColor) top/100% 1px no-repeat,linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 1px no-repeat; } &.wr-nav-open .wr-menu-toggle::before { content:"×";background:none;width:auto;height:auto;font:400 26px/1 Arial,sans-serif; } & .wr-actions { justify-content:center;gap:0; } & .wr-actions a { display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #c6cdbf;color:#166247; } & .wr-actions a:last-child { margin-top:28px; } & > .wr-copy { font:400 22px/1 Arial,Helvetica,sans-serif !important; } & .wr-copy { order:2;position:relative;z-index:102;font:400 22px/1 Arial,Helvetica,sans-serif !important; } &.wr-nav-open .wr-copy { position:fixed;top:82px;right:32px; } & .wr-actions a.wr-link { align-self:stretch;width:auto;background:transparent;color:#166247;padding:20px 0;margin:0;border:0;border-bottom:1px solid #c6cdbf;border-radius:0;display:flex;gap:18px; } & .wr-actions a.wr-button { align-self:flex-start;width:auto;margin-top:28px;background:#166247;color:#f8f4ec;padding:12px 22px;border-radius:100px; } & .wr-actions a.wr-button::before { content:"↗";background-image:none; } & .wr-actions a.wr-link[href*="page_id=15"]::before { content:"";width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207M5%209v12h5v-7h4v7h5V9%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a.wr-link[href*="page_id=54"]::before { content:"";width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6.1%206a8%208%200%200%201%2013.6%205M4.3%2013A8%208%200%200%200%2017.9%2018%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a.wr-link[href*="page_id=58"]::before { content:"";width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M9%2014h6m-3-3v6%22%2F%3E%3C%2Fsvg%3E"); } & .wr-actions a.wr-link[href*="page_id=59"]::before { content:"";width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23166247%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }\n}.elementor .wr-image{width:100%;height:auto;object-fit:cover;border-radius:1.25rem;display:block;object-position:top;\n}.elementor .wr-button:hover,.elementor .wr-button:focus-visible{background-color:var(--wr-inkt);}.elementor .wr-button{color:var(--wr-papier);text-decoration:none;padding-block-start:0.85rem;padding-block-end:0.85rem;padding-inline-start:1.6rem;padding-inline-end:1.6rem;border-radius:6rem;border-width:1px;border-color:var(--wr-groen);border-style:solid;background-color:var(--wr-groen);display:inline-block;font:600 1rem/1.5 Arial; &:focus-visible { outline:3px solid var(--wr-groen);outline-offset:4px; } font:400 16px/1.5 Arial,Helvetica,sans-serif !important;\n}.elementor .wr-copy{color:var(--wr-inkt);margin-block-start:0px;margin-block-end:1.25rem;margin-inline-start:0px;margin-inline-end:0px;display:block;font:1rem/1.7 Arial; font: normal 400 1.125rem/1.65 Georgia, 'Times New Roman', serif !important; font: normal 400 1rem/1.65 Georgia, 'Times New Roman', serif !important; font:400 16px/1.65 Georgia,serif !important;\n}.elementor .wr-section{min-width:0px;padding-block-start:4rem;padding-block-end:4rem;padding-inline-start:2.4rem;padding-inline-end:2.4rem;}.elementor .wr-wrap{min-width:0px;max-width:71.5rem;padding:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;}.elementor .wr-page{min-width:0px;color:var(--wr-inkt);padding:1.5rem;background-color:var(--wr-papier);font: 1rem/1.7 Arial; & * { box-sizing:border-box; }\n}.elementor .wr-voorbeelden-kop{letter-spacing:-0.035em;margin-block-end:20px;font: normal 400 clamp(1.65rem, 2.8vw, 2.25rem)/1.3 Georgia, 'Times New Roman', serif !important; font:500 clamp(28px,3vw,36px)/1.2 Arial,Helvetica,sans-serif !important; & em { font:italic 400 1em/1.2 Georgia,serif !important; }\n}