:root{--blue:#033347;--teal:#09747f;--text:#565656}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--text);font-family:Raleway,sans-serif;font-size:14px;line-height:26px}a{color:#303030;text-decoration:none;transition:color .2s}a:hover{color:#33b3b6}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:700}h2,h3,h4{font-family:'Amatic SC',sans-serif;text-transform:capitalize}h2{font-size:75px;line-height:78px;color:#303030;margin-bottom:10px}h3{font-size:40px;line-height:48px;color:#303030}h4{font-size:40px;line-height:40px;margin-bottom:17px}.container{max-width:1300px;width:calc(100% - 80px);margin:auto}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:52px}header{height:100px;position:absolute;top:0;width:100%;z-index:10;background:white;transition:box-shadow .2s}header.scrolled{height:70px;position:fixed;box-shadow:0 1px 3px #00000015}.nav-wrap{height:100%;max-width:1300px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{visibility:hidden}.brand img{width:220px;display:block}header.scrolled .brand{visibility:visible}nav{display:flex;gap:36px;align-items:center}nav a{font:700 13px Raleway,sans-serif;text-transform:uppercase;white-space:nowrap}nav a.active{color:#33b3b6}.menu-toggle{display:none}.hero{height:100vh;min-height:650px;background:white url('assets/omslag.png') center center/cover no-repeat;position:relative}.hero-copy{position:absolute;top:61.5%;left:0;width:100%;text-align:center}.hero h1{font-family:'Cedarville Cursive',cursive;color:#1c617d;font-size:80px;line-height:1;font-weight:400}.hero p{font-family:'Amatic SC',sans-serif;font-size:50px;line-height:1.66;font-weight:700;color:var(--blue);margin-top:25px}.opening-space{display:none}.welcome{background:var(--blue);color:white;text-align:center;padding:145px 30px 125px}.welcome-inner{max-width:920px;margin:auto}.welcome .wpb_wrapper:first-child{margin-bottom:41px}.welcome .wpb_wrapper:nth-child(2){margin-bottom:20px}.divider{height:70px}.manual{display:grid;grid-template-columns:1fr 1fr;gap:39px;padding-top:78px;padding-bottom:112px}.book{display:flex;align-items:flex-start;justify-content:flex-start}.book img{max-width:100%;width:546px;margin-top:-18px}.download{background:#f6f6f6;padding:4vw 0 6vw;margin-top:20px}.download .two-column{gap:62px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;padding-top:60px}.download-icon{width:100px;height:100px;display:block;position:relative;margin:0 auto 20px}.download-icon img{width:100%;height:100%;position:absolute;inset:0;transition:opacity .2s}.download-icon .hover{opacity:0}.download-icon:hover .hover,.download-icon:focus-visible .hover{opacity:1}.about{padding-top:4vw;padding-bottom:3vw;margin-top:20px}.about h2{margin-bottom:27px}.quote{margin-top:77px}.biography{padding-top:78px}.experience{background:var(--blue);text-align:center;padding:80px 0}.experience p{line-height:1.44}.contact{padding-top:78px;padding-bottom:3vw}.mission{padding:118px 10% 0}.legal{margin-top:17px}.contact h4{margin-bottom:0}footer{background:var(--blue);text-align:center;color:#f7f7f7;font-family:'Open Sans',sans-serif;font-size:12px;line-height:26px;padding:70px 20px 25px}footer a{color:inherit}.footer-logo{width:300px;max-width:75%;height:auto;display:block;margin:0 auto 26px}.social{display:flex;gap:22px;justify-content:center;margin:8px 0 26px;font-weight:bold}.back-top{position:fixed;bottom:25px;right:25px;border:1px solid #ddd;background:#fff;width:40px;height:40px;text-align:center;line-height:44px;font-size:24px;opacity:0;pointer-events:none}.back-top.visible{opacity:1;pointer-events:auto}:focus-visible{outline:2px solid #33b3b6;outline-offset:5px}
@media(max-width:1400px){.container,.nav-wrap{max-width:1100px}.hero h1{font-size:70px}.hero p{font-size:44px}.manual{gap:33px}.book img{width:100%}.two-column{gap:44px}}
@media(max-width:1100px){.container,.nav-wrap{max-width:950px;width:calc(100% - 60px)}nav{gap:25px}.hero h1{font-size:60px}.hero p{font-size:40px}.opening-space{height:0}.welcome{padding:90px 35px}h2{font-size:60px;line-height:1.1}h4{font-size:34px;line-height:1.15}.manual{padding:65px 0 80px}.download-options{padding-top:40px}.download{padding:60px 0 80px}.about{padding-top:60px;padding-bottom:60px}.biography{padding-top:66px}.quote{margin-top:45px}.quote span{font-size:28px!important}.mission{padding:90px 5% 0}.contact{padding-bottom:60px}}
@media(max-width:767px){html{scroll-padding-top:70px}header,header.scrolled{position:fixed;height:70px;box-shadow:0 1px 3px #00000010}.nav-wrap,.container{width:calc(100% - 40px)}.brand,header .brand{visibility:visible}.brand img{width:185px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:12px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#303030}nav{display:none;position:absolute;left:0;top:70px;background:white;width:100%;padding:12px 30px 20px;box-shadow:0 3px 5px #00000010;gap:0}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{padding:12px 0;border-bottom:1px solid #eee}.hero{height:88vh;min-height:580px;background-size:auto 100%;background-position:center 35px}.hero-copy{top:64%}.hero h1{font-size:clamp(27px,7vw,53px)}.hero p{font-size:clamp(25px,6vw,36px);margin-top:20px}.welcome{padding:70px 25px}.welcome .wpb_wrapper:first-child p{font-size:18px!important}.divider{height:25px}.manual,.two-column{display:grid;grid-template-columns:1fr;gap:35px}.manual{padding:45px 0 55px}.book{justify-content:center}.book img{max-width:480px;margin:0}.download{padding:50px 0 60px}.download-options{padding-top:10px;gap:20px}.download-options h3{font-size:32px;line-height:1.2}.download .two-column{gap:30px}.about{padding:50px 0;margin-top:0}.biography{padding-top:0}.quote{margin:40px 0 15px}.quote span{font-size:25px!important}.experience{padding:50px 0}.experience a{font-size:32px!important}.contact{padding:50px 0;gap:40px}.mission{padding:0 15px}.mission h4{font-size:28px}.contact>div:nth-child(2){grid-row:1}.footer-logo{width:240px}footer{padding-top:45px}.back-top{right:15px;bottom:15px}h2{font-size:55px}h4{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Sluit de introductie met een normale tussenruimte aan op de ondertitel. */
.hero{height:auto;min-height:0;padding-top:max(400px,61.5vh);padding-bottom:48px;background-size:max(100vw,160vh) auto;background-position:center top}
.hero-copy{position:relative;top:auto}
@media(max-width:767px){
  .hero{height:auto;min-height:0;padding-top:max(370px,56vh);padding-bottom:40px;background-size:auto max(580px,88vh);background-position:center 35px}
  .hero-copy{top:auto}
}