.olp-page-hero{--page-hero-ink: #fff;--page-hero-green: #04515a;--page-hero-dark: #063f46;--page-hero-aqua: #2d8f96;--page-hero-gold: #e1bd72;position:relative;overflow:hidden;width:min(1200px,calc(100% - 40px));margin:0 auto 40px;border-radius:0 0 34px 34px;background:#fff;box-shadow:0 14px 34px #063f461f}.olp-page-hero,.olp-page-hero *{box-sizing:border-box}.olp-page-hero__main{position:relative;display:grid;grid-template-columns:minmax(330px,46%) minmax(0,54%);min-height:390px;overflow:hidden;background:radial-gradient(circle at 44% 22%,#08717a 0,transparent 32%),linear-gradient(125deg,var(--page-hero-green),var(--page-hero-dark))}.olp-page-hero__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:52px clamp(34px,5vw,76px) 64px;color:#d4e4e3}.olp-page-hero__eyebrow{margin:0 0 12px;color:#9ec9ca;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.olp-page-hero__title{margin:0 0 18px;color:var(--page-hero-ink);font-size:clamp(36px,4.2vw,60px);font-weight:750;line-height:.98}.olp-page-hero__text{max-width:480px;margin:0 0 24px;font-size:clamp(16px,1.5vw,20px);line-height:1.45}.olp-page-hero__button{display:inline-flex;align-items:center;gap:22px;min-height:48px;padding:11px 23px;border-radius:999px;background:var(--page-hero-gold);color:var(--page-hero-dark);font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.olp-page-hero__button:hover{color:var(--page-hero-dark);transform:translateY(-2px);box-shadow:0 9px 22px #0003}.olp-page-hero__visual{position:relative;min-width:0;overflow:hidden;clip-path:ellipse(78% 92% at 68% 42%)}.olp-page-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(4 81 90 / 42%),transparent 30%);pointer-events:none}.olp-page-hero__visual img{width:100%;height:100%;object-fit:cover}.olp-page-hero__placeholder{display:grid;place-items:center;height:100%;min-height:390px;padding:30px;background:#dce9e8;color:var(--page-hero-dark);text-align:center}.olp-page-hero__bubble{position:absolute;z-index:3;top:74px;left:5%;display:grid;place-items:center;width:122px;aspect-ratio:1;padding:19px;border-radius:50%;background:#f4ead9;color:#15505a;font:600 15px/1.15 Segoe Print,Comic Sans MS,cursive;text-align:center;transform:rotate(-5deg)}.olp-page-hero__note{position:absolute;z-index:4;color:#d5e8e6;font:600 16px/1.15 Segoe Print,Comic Sans MS,cursive;transform:rotate(-6deg)}.olp-page-hero__note--left{right:-35px;bottom:26px;width:145px}.olp-page-hero__note--right{right:38px;bottom:92px;width:125px;color:#90d3d3;transform:rotate(-8deg)}.olp-page-hero__mark{position:absolute;z-index:2;right:-85px;bottom:-115px;width:280px;aspect-ratio:1;opacity:.15;background:url(../images/stekko-mark.svg) center / contain no-repeat;filter:brightness(0) invert(1)}.olp-page-hero__nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 34px;min-height:58px;padding:12px 28px;background:#fff}.olp-page-hero__nav a{position:relative;padding:7px 0;color:#486568;font-size:13px;font-weight:600;text-decoration:none}.olp-page-hero__nav a:after{content:"";position:absolute;right:50%;bottom:2px;left:50%;height:2px;background:var(--page-hero-aqua);transition:right .2s ease,left .2s ease}.olp-page-hero__nav a:hover{color:var(--page-hero-green)}.olp-page-hero__nav a:hover:after,.olp-page-hero__nav a:focus-visible:after{right:0;left:0}.olp-page-hero-anchor-target{scroll-margin-top:103px}.olp-page-hero__nav--sticky{position:fixed;z-index:90;top:0;right:0;left:0;width:100%;min-height:58px;border-radius:0;box-shadow:0 8px 24px #063f4621;opacity:0;transform:translateY(-100%);transition:opacity .2s ease,transform .2s ease}.olp-page-hero__nav--sticky.is-visible{opacity:1;transform:translateY(0)}.admin-bar .olp-page-hero__nav--sticky{top:32px}.admin-bar .olp-page-hero-anchor-target{scroll-margin-top:135px}.olp-page-hero__anchor-control{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #ddd}.editor-styles-wrapper .olp-page-hero{width:min(1200px,100%)}.editor-styles-wrapper .olp-page-hero__nav a{pointer-events:none}@media (max-width: 900px){.olp-page-hero__main{grid-template-columns:minmax(300px,52%) minmax(0,48%);min-height:370px}.olp-page-hero__copy{padding:44px 36px 56px}.olp-page-hero__bubble{top:32px;left:0;width:100px;font-size:13px}.olp-page-hero__note--left{display:none}}@media (max-width: 680px){.olp-page-hero{width:min(100% - 28px,1200px);margin-top:18px;border-radius:24px}.olp-page-hero__main{display:flex;min-height:620px;border-radius:24px 24px 0 0}.olp-page-hero__copy{z-index:4;justify-content:flex-end;width:100%;min-height:620px;padding:260px 26px 38px;background:linear-gradient(to bottom,transparent 25%,rgb(6 63 70 / 15%) 40%,rgb(6 63 70 / 96%) 73%)}.olp-page-hero__title{font-size:clamp(34px,11vw,48px)}.olp-page-hero__visual{position:absolute;inset:0 0 auto;height:360px;clip-path:ellipse(95% 78% at 60% 20%)}.olp-page-hero__visual:after{background:linear-gradient(to bottom,transparent 45%,var(--page-hero-dark))}.olp-page-hero__bubble{top:22px;left:20px;width:90px}.olp-page-hero__note--right,.olp-page-hero__mark{display:none}.olp-page-hero__nav{align-items:stretch;justify-content:flex-start;gap:0;padding:10px 22px}.olp-page-hero__nav a{width:50%;padding:9px 8px}.olp-page-hero-anchor-target{scroll-margin-top:139px}}@media (max-width: 782px){.admin-bar .olp-page-hero__nav--sticky{top:46px}.admin-bar .olp-page-hero-anchor-target{scroll-margin-top:185px}}@media (prefers-reduced-motion: reduce){.olp-page-hero__button,.olp-page-hero__nav a:after{transition:none}}.ons-verhaal h2{font-size:50px}.ons-verhaal{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.over-ons-verbinding{max-width:1050px!important}
