@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b26;--blue:#007AFF;--sky:#007AFF;--paper:#f6f6f6;--line:#dce5eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:#fff;color:var(--ink);font:1.0625rem/1.7 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}button,summary{cursor:pointer}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.topline{background:var(--ink);color:white;display:flex;justify-content:space-between;padding:9px max(5vw,20px);font-size:.8125rem;letter-spacing:.09em}.topline a{text-decoration:none;letter-spacing:0}header{position:sticky;top:0;z-index:30;background:#fffffffa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;gap:25px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:155px;height:64px;object-fit:contain}nav{display:flex;align-items:center;gap:24px;font-size:.875rem;font-weight:600}nav>a{text-decoration:none}nav details{position:relative}summary{list-style:none;white-space:nowrap}summary::after{content:'⌄';margin-left:7px;color:var(--blue)}summary::-webkit-details-marker{display:none}.dropdown{position:absolute;top:40px;left:-20px;background:white;border:1px solid var(--line);box-shadow:0 16px 35px #10253c16;min-width:245px;padding:12px;border-radius:6px}.dropdown a{display:block;padding:8px 12px;text-decoration:none}.dropdown a:hover{background:var(--paper)}.menu{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--blue);color:white;text-decoration:none;font-weight:600;padding:15px 24px;border-radius:4px;border:0}.button:hover{background:#007AFF;color:white}.button.small{padding:11px 19px}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:620px;margin:auto;max-width:1600px}.hero-copy{padding:76px 5vw 68px}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;color:var(--blue);margin:0 0 25px}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,4.05vw,4rem);font-weight:800;margin:0 0 28px}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:520px;color:#526370;font-size:1.0625rem}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:.9375rem;font-weight:600}.hero-visual{position:relative;overflow:hidden;background:#132431;margin:24px 24px 24px 0;border-radius:6px}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% center}.hero-visual:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#07121ce8)}.hero-note{position:absolute;z-index:1;bottom:35px;left:32px;right:24px;color:white;border-left:3px solid var(--sky);padding-left:22px}.hero-note span{font-size:.8125rem;letter-spacing:.16em}.hero-note p{font-size:1.1875rem;line-height:1.6;margin-bottom:0}.page-heading{background:var(--paper);padding:44px max(6vw,24px);border-bottom:1px solid var(--line)}.page-heading>a,.page-heading>span{font-size:.875rem;color:#5d6b78}.page-heading h1{margin:20px 0 0;font-size:clamp(2rem,4vw,3.5rem)}.content-section{max-width:1160px;margin:auto;padding:65px 28px;border-bottom:1px solid var(--line);display:grid;gap:25px;grid-template-columns:1fr}.copy{min-width:0;max-width:900px}.copy p{margin:0 0 1.25em}.copy p:last-child{margin-bottom:0}.copy h1{font-size:2.1rem}.copy h2{font-size:1.9rem}.copy h3{font-size:1.65rem}.copy h4{font-size:1.4rem}.copy h5,.copy h6{font-size:1.1875rem}.copy strong{font-weight:700}.copy a{color:var(--blue)}.copy u{text-decoration:none;font-weight:700}.copy ul,.copy ol{padding-left:24px}.copy li{padding-left:5px;margin:8px 0}.split{grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);align-items:start;column-gap:55px}.split .copy{grid-column:1}.split figure{grid-column:2;grid-row:1 / span 8}.split figure~figure{grid-row:auto}.split .action{grid-column:1}figure{margin:0;max-width:700px}figure img{width:100%;height:auto;display:block;border-radius:5px;max-height:950px;object-fit:contain}.action a{display:inline-block;background:var(--blue);color:white;padding:12px 22px;border-radius:4px;text-decoration:none;font-weight:600}#zoBSxo{background:var(--paper);max-width:none;padding:64px max(calc((100vw - 1104px)/2),6vw)}#zoBSxo .copy{max-width:860px}#zoBSxo .copy:last-child{font-size:1.6rem;line-height:1.4;font-family:Manrope,sans-serif;font-weight:700;color:var(--blue);border-top:1px solid #d0dee7;padding-top:25px}#zIG-ah{margin-top:20px;margin-bottom:20px}#zIG-ah .copy{font-size:2.5rem;line-height:1.22;letter-spacing:-.035em;font-family:Manrope,sans-serif;font-weight:700;padding-top:30px}#zIG-ah figure{max-width:400px;grid-row:1 / span 4}#zpOHkO{background:#fff;border:0;border-left:4px solid var(--sky);margin:35px auto;padding:35px 40px}#zYK-Xo{padding-top:70px;padding-bottom:70px}footer{background:#000000;color:#d6e2eb;padding:55px 6vw 25px}footer a:hover{color:#007AFF}.footer-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid #ffffff25}.footer-top .brand{background:white;border-radius:4px;padding:5px 12px}.footer-top p{font-size:.875rem;letter-spacing:.06em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 25px;padding:35px 0}.footer-grid h5,.footer-grid h6{font:inherit;font-size:.875rem;letter-spacing:0;margin:0 0 4px}.footer-grid p{font-size:.9375rem;margin:0}.footer-links{display:flex;gap:25px;font-size:.875rem;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:22px}.socials{display:flex;gap:15px;padding-top:20px}.socials svg{width:24px;height:24px;fill:white}.contact-panel{background:var(--paper);padding:30px;border-radius:6px}.form-topics{margin-top:25px}.form-topics input,.form-topics textarea,.form-topics button{display:none}.form-topics form{pointer-events:none}.form-topics form>div{margin:10px 0}.form-topics label{display:block}.form-topics label:has(input[type=checkbox]){padding-left:16px}.form-topics label:has(input[type=checkbox]):before{content:'• ';color:var(--blue)}table{border-collapse:collapse;width:100%;font-size:1rem}td,th{border-bottom:1px solid var(--line);padding:12px;text-align:left}video,iframe{max-width:100%}body:has(.page-heading) .content-section:not(.split){max-width:1000px}
@media(min-width:1550px){.hero-copy{padding-left:65px}}@media(max-width:1100px){nav{gap:14px;font-size:.8125rem}header{padding:12px 3vw}.brand img{width:125px}.hero-copy{padding:50px 5vw}.hero{min-height:580px}}@media(max-width:900px){header{padding:10px 5vw}.menu{display:block;background:white;border:1px solid var(--line);padding:8px 14px;border-radius:4px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:20px 5vw;max-height:78vh;overflow:auto;box-shadow:0 20px 20px #0001}nav.open{display:flex;align-items:stretch;flex-direction:column;font-size:1rem;gap:20px}.dropdown{position:static;box-shadow:none;margin-top:10px}.brand img{width:145px}h1{font-size:2.8rem}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 6vw}.hero-visual{height:400px;margin:0 6vw 35px}.split{column-gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){body{font-size:1rem}.topline{font-size:.6875rem;letter-spacing:.04em}.topline a{font-size:.8125rem}h1{font-size:2.4rem}.hero-copy{padding:36px 6vw}.hero-actions{gap:18px}.hero-visual{height:330px}.hero-note{left:22px;bottom:25px}.hero-note p{font-size:1rem}.content-section{padding:38px 6vw;gap:22px}.split{grid-template-columns:1fr}.split .copy,.split figure,.split .action{grid-column:1;grid-row:auto}.split figure{max-width:440px;margin:auto;width:100%}#zIG-ah .copy{font-size:2rem}#zpOHkO{margin:20px 6vw;padding:25px}#zoBSxo{padding:38px 6vw}#zoBSxo .copy:last-child{font-size:1.3rem}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-top{flex-direction:column;align-items:flex-start}footer{padding:35px 6vw}.page-heading{padding:30px 6vw}.copy h2{font-size:1.65rem}.copy h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.embedded{width:100%;border:0;border-radius:6px}.zsSkrB{height:340px;display:block}.zyQXDW{height:240px}.video-panel{grid-column:1/-1}.video-panel iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.form-topics{display:none}

#zoBSxo{padding-top:40px;padding-bottom:40px;gap:20px}
@media(max-width:600px){#zoBSxo{padding-top:28px;padding-bottom:28px;gap:16px}}

.copy{overflow-wrap:anywhere;hyphens:manual}

/* Footer: each heading and its content stay together. */
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;padding:36px 0}
.footer-column{min-width:0;overflow-wrap:anywhere}
.footer-column h2{font:700 1rem/1.4 'DM Sans',sans-serif;letter-spacing:0;color:#fff;margin:0 0 20px}
.footer-column h6{margin:18px 0 3px}.footer-column h2+div h6{margin-top:0}
.footer-column p{margin:0}.footer-column a{font-weight:500}
.footer-column .socials{padding:0;gap:12px}.footer-column .socials a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff40;border-radius:5px}.footer-column .socials a:hover{border-color:#007AFF;background:#ffffff15}
.footer-reviews{margin-top:28px}.footer-reviews h3{font:700 .9375rem/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 12px}.footer-reviews h6{margin:8px 0}
.footer-bottom{border-top:1px solid #ffffff25;padding-top:20px;font-size:.875rem}.footer-bottom p{margin:0}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;gap:32px}}

/* Consistent, compact spacing for page content. */
.content-section{padding-top:36px;padding-bottom:36px;row-gap:14px}
.copy p{margin:0 0 .75em}
.copy :is(h1,h2,h3,h4,h5,h6){margin:1em 0 .4em}
.copy :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
.copy :is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}
.copy :is(ul,ol){margin-top:.5em;margin-bottom:.75em}
.copy p:empty,.copy p:has(>br:only-child){display:none}
.split{grid-template-rows:repeat(7,min-content) auto}
#zoBSxo{padding-top:32px;padding-bottom:32px;row-gap:14px}
#zoBSxo .copy:last-child{padding-top:18px}
#zIG-ah{margin-top:0;margin-bottom:0}
#zIG-ah .copy{padding-top:0}
#zYK-Xo{padding-top:36px;padding-bottom:36px}
@media(max-width:600px){
 .content-section{padding-top:26px;padding-bottom:26px;row-gap:12px}
 .split{grid-template-rows:none}
 #zoBSxo,#zYK-Xo{padding-top:26px;padding-bottom:26px;row-gap:12px}
}

/* Black header with the original, unfiltered logo. */
.topline{background:#000;color:#fff}
header{background:#000;border-bottom:1px solid #000;color:#fff}
header .brand img{mix-blend-mode:normal;filter:none}
header nav a,header nav summary{color:#fff}
header nav a:hover,header nav summary:hover,header summary::after{color:var(--blue)}
header .dropdown{background:#000;border-color:#444}
header .dropdown a:hover{background:#151515;color:var(--blue)}
header nav .button{background:transparent;border:1px solid #fff;color:#fff}
header nav .button:hover{background:transparent;border-color:var(--blue);color:var(--blue)}
header .menu{background:#000;border-color:#fff;color:#fff}
header .menu:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:900px){header nav{background:#000}}

/* Keep each team portrait together with its own description. */
.team-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.team-person{min-width:0;display:flex;flex-direction:column;gap:18px}
.team-person figure{width:100%}
.team-person figure img{height:360px;object-fit:contain;object-position:center bottom}
.about-photo figure{width:100%;margin:0 auto}
@media(max-width:600px){.team-people{grid-template-columns:1fr;gap:32px}.team-person figure img{height:auto;max-height:420px}}

/* White header with black navigation and blue hover. */
.topline{background:#fff;color:#000}
header{background:#fff;color:#000;border-bottom:1px solid #000}
header nav a,header nav summary{color:#000}
header nav a:hover,header nav summary:hover,header summary::after{color:var(--blue)}
header .dropdown{background:#fff;border-color:var(--line)}
header .dropdown a:hover{background:var(--paper);color:var(--blue)}
header nav .button{background:transparent;border-color:#000;color:#000}
header nav .button:hover{background:transparent;border-color:var(--blue);color:var(--blue)}
header .menu{background:#fff;border-color:#000;color:#000}
header .menu:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:900px){header nav{background:#fff}}

/* Shared navigation remains readable and consistent with the open homepage. */
header{border-bottom-color:var(--line)}nav{font-size:.875rem}header nav .button{border-radius:0}.dropdown{border-radius:0;box-shadow:0 10px 25px #10253c10}
@media(min-width:901px) and (max-width:1150px){header{gap:14px;padding-left:2vw;padding-right:2vw}nav{gap:12px}header .brand img{width:112px}header nav .button{padding:10px 12px}}

/* Restore the comparison and give information graphics their own full-width space. */
body:has(.page-heading) .content-section.comparison-section{max-width:1320px}.comparison-scroll{overflow-x:auto;width:100%}.vision-comparison{min-width:740px;table-layout:fixed;line-height:1.55}.vision-comparison th,.vision-comparison td{padding:20px;vertical-align:top;border-bottom:1px solid white}.vision-comparison th:first-child{width:26%;background:#f0f0f0}.vision-comparison td:nth-child(2),.vision-comparison th:nth-child(2){background:#e4e4e4}.vision-comparison td:nth-child(3),.vision-comparison th:nth-child(3){background:#fff}.vision-comparison thead th{text-transform:uppercase}.vision-comparison tbody th{font-weight:600}.comparison-section>.copy{max-width:100%}.vision-image figure,.pricing-overview figure{width:100%;max-width:none;margin:0}.vision-image figure img,.pricing-overview figure img{width:100%;height:auto;max-height:none;object-fit:contain}.vision-image figcaption,.pricing-overview figcaption{font-size:1rem;margin-top:14px}.vision-image figcaption a,.pricing-overview figcaption a{color:#007AFF}.pricing-overview{gap:20px;padding-top:26px;padding-bottom:28px}.pricing-overview .copy p{margin:0 0 8px}.pricing-overview figure{max-width:940px}body:has(.pricing-overview) #freelance{padding-top:28px;padding-bottom:28px}body:has(.pricing-overview) .page-heading{padding-top:26px;padding-bottom:26px}@media(max-width:600px){.vision-comparison th,.vision-comparison td{padding:14px}.comparison-scroll:before{content:'Veeg opzij om de volledige vergelijking te bekijken.';display:block;font-size:.875rem;margin-bottom:12px}}

/* Compact Continu pages: avoid empty grid tracks and give flyers a readable width. */
.continu-detail .content-section{padding-top:28px;padding-bottom:28px;row-gap:16px}.continu-detail .split{grid-template-rows:auto}.continu-detail .split figure{grid-row:1 / span 2}.continu-detail figcaption{font-size:.9375rem;line-height:1.5;margin-top:12px}.continu-detail figcaption a{color:#007AFF}.continu-detail :is(#zSXBxI,#zHY7nd){grid-template-columns:1fr;gap:12px}.continu-detail :is(#zSXBxI,#zHY7nd) figure{grid-column:1;grid-row:auto;max-width:760px;width:100%;margin:0}.continu-detail :is(#zSXBxI,#zHY7nd) figure img{max-height:none}.continu-detail :is(#z9oIa_,#zbSN9W,#zLgu4K,#zGm3rK,#zpaPN8){border-top:1px solid var(--line);padding-top:20px;margin-top:6px}@media(max-width:600px){.continu-detail .split figure{grid-row:auto}.continu-detail .content-section{padding-top:22px;padding-bottom:22px}}

/* Site-wide image review: wider training photographs, full-width readable flyers. */
body:has(.page-heading) .content-section.larger-media{max-width:1240px}.split.larger-media{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:36px}.larger-media figure{width:100%;max-width:none}.larger-media figure img{width:100%;max-height:none;object-fit:contain}.about-photo.larger-media figure{max-width:1000px}.content-section.readable-media,.continu-detail .content-section.readable-media{grid-template-columns:1fr;grid-template-rows:auto;gap:18px;max-width:1100px}.readable-media .copy,.readable-media .action,.readable-media figure,.continu-detail .readable-media figure{grid-column:1;grid-row:auto}.readable-media figure,.continu-detail :is(#zSXBxI,#zHY7nd).readable-media figure{width:100%;max-width:940px;margin:0 auto}.readable-media figure img{width:100%;height:auto;max-height:none;object-fit:contain}.price-image-caption{margin-top:12px;font-size:1rem;line-height:1.5}.price-image-caption a{color:#007AFF}@media(max-width:700px){.split.larger-media{grid-template-columns:1fr}.split.larger-media .copy,.split.larger-media figure,.split.larger-media .action{grid-column:1;grid-row:auto}.larger-media figure{max-width:100%}}

/* Team portraits align with their own text column, without contain letterboxing. */
.team-person figure{width:100%;max-width:none;margin:0}.team-person figure a{display:block;width:100%}.team-person figure img{display:block;width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:cover;object-position:center}.team-person>.copy{width:100%;max-width:none}
@media(max-width:600px){.team-person figure img{height:auto;max-height:none;aspect-ratio:1}}

/* Match the second About training photograph to the first; frame the first-aid action. */
#zaI2IN.about-photo figure img{width:100%;height:auto;aspect-ratio:3240 / 2160;object-fit:cover;object-position:50% 18%;max-height:none}

/* Consistent training-photo format across the site; text graphics retain their original proportions. */
body .content-section figure.training-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3 / 2;object-fit:cover;object-position:center 45%}
body .content-section figure.training-photo img[src*="img_8617"]{object-position:50% 18%}
body .content-section figure.training-photo img[src*="bdabc06e"]{object-position:50% 32%}
body .content-section figure.training-photo img[src*="img_0076"]{object-position:50% 48%}
body .content-section figure.training-photo img[src*="img_2288"]{object-position:50% 60%}
body .home-continu figure.training-photo img{height:auto;max-height:none;aspect-ratio:3 / 2;object-fit:cover;object-position:50% 32%}

/* Give the header logo a clearer presence without changing the footer. */
header .brand img{width:230px;height:64px;object-fit:contain}
@media(min-width:901px) and (max-width:1150px){header .brand img{width:185px}header nav{gap:10px}}
@media(max-width:900px){header .brand img{width:210px;height:64px}}
@media(max-width:380px){header .brand img{width:185px}header{gap:15px}}

/* Shared page introductions echo the homepage's blue-to-white transitions. */
.page-heading{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 55%,#fff 100%),linear-gradient(105deg,#fff 0%,#fff 25%,rgba(0,122,255,.16) 58%,#007AFF 100%);border-bottom:0}
.page-heading h1{color:var(--ink);max-width:1100px}
.page-heading>a,.page-heading>span{color:#344858}
@media(max-width:700px){.page-heading{background:linear-gradient(to bottom,rgba(255,255,255,.35),#fff 100%),linear-gradient(110deg,#fff 0%,#fff 18%,rgba(0,122,255,.22) 68%,#007AFF 100%)}}

/* White surfaces, blue outlines and neutral separators across the site. */
.contact-panel{background:#fff;border:1px solid #007AFF;border-radius:12px}
#zoBSxo{background:#fff}
#zpOHkO{border:1px solid #007AFF;border-radius:12px}
.vision-comparison td:nth-child(3),.vision-comparison th:nth-child(3){border-left:2px solid #007AFF;border-right:2px solid #007AFF}
.vision-comparison th:nth-child(3){border-top:2px solid #007AFF;color:#007AFF}
.vision-comparison tr:last-child td:nth-child(3){border-bottom:2px solid #007AFF}

/* Prepare Me calls to action retain their normal styling and turn black on hover. */
body a.prepare-me-cta:hover,body header nav a.prepare-me-cta:hover{background:#000;color:#fff;border-color:#000}
body a.prepare-me-cta:hover span{color:#fff}