:root {
--radius: 14px;
--radius-lg: 22px;
--gap: clamp(1rem, 3vw, 2rem);
--band: clamp(3.5rem, 8vw, 7rem);
--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 10px 30px rgb(0 0 0 / 7%);
}
html { scroll-behavior: smooth; scroll-padding-top: 6rem; -webkit-text-size-adjust: 100%; }
body { overflow-wrap: break-word; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 2px; }
.site-main { padding: 0; }
.wp-block-post-content > .alignfull:first-child { margin-top: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.preview-note { margin: 0; padding: .45rem 1rem; font-size: .8125rem; text-align: center; color: #fff; background: #1b1b1b; }
.preview-note a { color: inherit; }
mark.todo { padding: .05em .4em; font-size: .92em; color: #5b4300; background: #ffe9a8; border-radius: 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.site-header { position: sticky; top: 0; z-index: 30; padding-block: .6rem; background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wp--preset--color--line); }
.site-header__row { gap: 1rem; }
.site-brand { gap: .65rem; min-width: 0; }
.site-brand .wp-block-site-logo { flex: 0 0 auto; }
.site-brand .wp-block-site-logo img { display: block; width: auto; height: 46px; }
.site-brand .wp-block-site-title { margin: 0; font-size: 1.05rem; line-height: 1.15; }
.site-brand .wp-block-site-title a { color: inherit; text-decoration: none; }
.nav-main { font-size: .975rem; }
.nav-main a { text-decoration: none; }
.nav-main a:hover { text-decoration: underline; text-underline-offset: 4px; }
.header-cta .wp-block-button__link { padding: .6rem 1.05rem; font-size: .95rem; white-space: nowrap; }
.site-header .nav-mobile { display: none; padding: 0; border: 0; }
.nav-mobile summary { padding: .45rem .8rem; font-size: .95rem; font-weight: 600; list-style: none; cursor: pointer; border: 1px solid var(--wp--preset--color--line); border-radius: 999px; }
.nav-mobile summary::-webkit-details-marker { display: none; }
.nav-mobile[open] summary { background: var(--wp--preset--color--tint); }
.nav-mobile .wp-block-navigation { position: absolute; inset-inline: 0; top: 100%; margin: 0; z-index: 30; padding: 1rem clamp(1rem, 4vw, 2rem) 1.5rem !important; font-size: 1.15rem; background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wp--preset--color--line); box-shadow: var(--shadow); }
@media (max-width: 860px) {
.nav-desktop, .header-cta { display: none !important; }
.site-header .nav-mobile { display: block; }
}
.eyebrow { margin: 0; font-size: .85rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.lede { max-width: 38em; font-size: var(--wp--preset--font-size--lg); line-height: 1.5; }
.band { padding-block: var(--band); }
.band > * + * { margin-block-start: 1.25rem; }
.band > :not(.alignwide):not(.alignfull):not(.band-head):not(.facts):not(.wp-block-buttons) { margin-left: max(0px, calc((100% - 1200px) / 2)) !important; margin-right: auto !important; }
.band > .wp-block-buttons, .band > .form-note { max-width: 1200px !important; }
.band > .alignwide + .wp-block-buttons { margin-top: 1.5rem; }
.band--tint { background: var(--wp--preset--color--tint); }
.band--dark { color: #fff; background: var(--wp--preset--color--brand-dark); }
.band--dark a:not(.wp-block-button__link) { color: inherit; }
.band-head { max-width: 1200px !important; margin-inline: auto; margin-bottom: clamp(1.5rem, 4vw, 3rem); }
.band-head > * + * { margin-block-start: .75rem; }
.hero { position: relative; min-height: min(82vh, 760px) !important; color: #fff; }
.hero--room { min-height: min(56vh, 520px) !important; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgb(5 15 20 / 72%), rgb(5 15 20 / 12%) 62%, transparent); }
.hero .wp-block-cover__inner-container { position: relative; z-index: 2; padding-inline: clamp(.25rem, 3vw, 1rem); }
.hero .wp-block-cover__inner-container { width: 100%; max-width: 1200px; margin-inline: auto; }
.hero .wp-block-cover__inner-container > * { margin-inline: 0 !important; }
.hero .wp-block-cover__image-background { object-position: 42% 50%; }
.hero h1 { max-width: 13em; margin-block: .4rem .8rem; color: inherit; }
.hero .lede { margin-block: 0 1.5rem; }
.page-hero { padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2rem, 5vw, 3.5rem); background: var(--wp--preset--color--tint); }
.page-hero > * { max-width: 1200px !important; margin-inline: auto !important; }
.page-hero h1 { margin-block: .6rem .6rem; }
.page-hero .lede { max-width: 38em !important; margin-block: 0; margin-left: max(0px, calc((100% - 1200px) / 2)) !important; margin-right: auto !important; }
.cards.wp-block-columns { gap: var(--gap); }
.card { overflow: hidden; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: var(--radius-lg); }
.card .wp-block-image { margin: 0; }
.card .wp-block-image img { display: block; width: 100%; height: 230px; object-fit: cover; }
.card__body { padding: 1.25rem 1.4rem 1.5rem; }
.card__body > * + * { margin-block-start: .6rem; }
.card h3 { margin: 0; }
.card a { font-weight: 600; }
.card-plain { padding: 1.5rem; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: var(--radius-lg); }
.card-plain h3 { margin-top: 0; }
.card-plain > * + * { margin-block-start: .6rem; }
.band--dark .card-plain { color: inherit; background: rgb(255 255 255 / 7%); border-color: rgb(255 255 255 / 16%); }
.facts { max-width: 1200px !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--gap); padding: 0; margin: 0; list-style: none; }
.facts li { margin: 0; }
.facts strong { display: block; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--xl); font-weight: var(--heading-weight, 400); line-height: 1.1; }
.wp-block-table table { width: 100%; border-collapse: collapse; font-size: .975rem; }
.wp-block-table th { text-align: left; }
.wp-block-table th, .wp-block-table td { padding: .75rem .9rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.wp-block-table thead { border: 0; background: var(--wp--preset--color--tint); }
.wp-block-details { padding: 1rem 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.wp-block-details summary { font-weight: 600; cursor: pointer; }
.wp-block-details > *:not(summary) { margin-block-start: .6rem; }
.steps { counter-reset: step; display: grid; gap: var(--gap); padding: 0; margin: 0; list-style: none; }
.steps li { counter-increment: step; position: relative; padding-left: 3.25rem; margin: 0; }
.steps li::before { content: counter(step); position: absolute; left: 0; top: 0; display: grid; width: 2.3rem; height: 2.3rem; place-items: center; font-weight: 700; color: var(--wp--preset--color--on-brand); background: var(--wp--preset--color--brand); border-radius: 50%; }
.form { display: grid; gap: 1rem; }
.form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; }
.form label { display: grid; gap: .3rem; font-size: .925rem; font-weight: 600; }
.form label small { font-weight: 400; color: var(--wp--preset--color--muted); }
.form__row > * { min-width: 0; }
.form input, .form select, .form textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: .75rem .85rem; font: inherit; color: var(--wp--preset--color--ink); background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 10px; }
.form textarea { min-height: 7rem; resize: vertical; }
.form button { justify-self: start; padding: .85rem 1.4rem; font: inherit; font-weight: 700; color: var(--wp--preset--color--on-brand); cursor: pointer; background: var(--wp--preset--color--brand); border: 0; border-radius: 999px; }
.form button:hover { background: var(--wp--preset--color--brand-dark); }
.form-box { padding: clamp(1.25rem, 4vw, 2.25rem); background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.form-done:focus { outline: none; }
.form-note { margin: 0; font-size: .875rem; color: var(--wp--preset--color--muted); }
.site-footer { padding-block: clamp(2.5rem, 6vw, 4rem) 6rem; font-size: .95rem; color: #fff; background: var(--wp--preset--color--brand-dark); }
.site-footer a { color: inherit; }
.site-footer h2 { margin: 0 0 .5rem; font-size: 1.1rem; color: inherit; }
.site-footer p { margin: .2rem 0; }
.site-footer__small { margin-top: 2rem !important; font-size: .85rem; opacity: .75; }
.mobile-cta { position: fixed; inset-inline: 0; bottom: 0; z-index: 25; display: none; padding: .6rem 1rem calc(.6rem + env(safe-area-inset-bottom)); background: var(--wp--preset--color--base); border-top: 1px solid var(--wp--preset--color--line); }
.mobile-cta .wp-block-button, .mobile-cta .wp-block-button__link { display: block; width: 100%; text-align: center; }
@media (max-width: 860px) {
.mobile-cta { display: block; }
}
@media (min-width: 861px) {
.site-footer { padding-bottom: 2.5rem; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}
.article { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.article > * { margin-inline: auto; }
:root { --heading-weight: 800; --radius-lg: 26px; }
.site-header { border-bottom: 0; box-shadow: 0 1px 0 var(--wp--preset--color--line); }
.site-brand .wp-block-site-logo img { aspect-ratio: 1; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 2px var(--wp--preset--color--mint); }
.site-brand .wp-block-site-title { max-width: 11em; font-family: var(--wp--preset--font-family--heading); font-weight: 800; letter-spacing: -.015em; color: var(--wp--preset--color--heading); }
.nav-main a { font-weight: 600; color: var(--wp--preset--color--heading); }
.eyebrow { color: var(--wp--preset--color--link); }
.sticker { display: inline-block; padding: .35rem .8rem; color: var(--wp--preset--color--brand-dark); letter-spacing: .04em; background: var(--wp--preset--color--mint); border-radius: 999px; transform: rotate(-1.5deg); }
.hero h1 { max-width: 11em; }
.hero .wp-block-cover__inner-container { padding-block: clamp(3rem, 7vw, 6rem); }
.hero .wp-block-button__link { font-size: 1.05rem; }
.hero .wp-block-button:not(.is-style-outline) .wp-block-button__link { color: var(--wp--preset--color--brand-dark); background: var(--wp--preset--color--accent); }
.hero .is-style-outline .wp-block-button__link { color: #fff; background: rgb(255 255 255 / 12%); border: 2px solid #fff; }
.facts-band { padding-block: clamp(2rem, 4vw, 3rem); color: var(--wp--preset--color--brand-dark); background: var(--wp--preset--color--mint); }
.facts strong { font-size: var(--wp--preset--font-size--xl); }
.band--tint { background: var(--wp--preset--color--tint); }
.facts-band, .cta-band, .site-footer { position: relative; }
.facts-band::before, .cta-band::before, .site-footer::before { content: ""; position: absolute; inset-inline: 0; top: -27px; z-index: 3; height: 28px; background-color: var(--wave); -webkit-mask: var(--wave-shape) repeat-x bottom / 640px 28px; mask: var(--wave-shape) repeat-x bottom / 640px 28px; }
:root { --wave-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 28'%3E%3Cpath d='M0 14C80 -4 160 -4 240 14S400 32 480 14 560 2 640 14V28H0Z'/%3E%3C/svg%3E"); }
.facts-band, .cta-band { --wave: var(--wp--preset--color--mint); }
.site-footer { --wave: var(--wp--preset--color--brand-dark); }
.sticker--warm { color: #fff; background: var(--wp--preset--color--brand); }
.band--tight { padding-block: 1.5rem 3rem; }
.center-buttons { justify-content: center; }
.band > .center-buttons { margin-inline: auto !important; }
.hero--feature { min-height: min(72vh, 640px) !important; }
.hero--feature::after { background: linear-gradient(to bottom, rgb(5 15 20 / 78%), rgb(5 15 20 / 30%) 55%, transparent 78%); }
.hero--feature .wp-block-cover__image-background { object-position: 50% 100%; }
.hero--feature h2 { margin-block: .5rem .4rem; font-size: var(--wp--preset--font-size--xxl); color: #fff; }
.hero--feature .lede { max-width: 34em; margin-bottom: .5rem; }
.hero--feature .wp-block-cover__inner-container { padding-block: clamp(2rem, 5vw, 3.5rem); }
.hero--feature a { color: #fff; font-weight: 600; }
.jaar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.jaar > * { margin-block: 0 !important; }
.jaar__item { padding: 1.25rem 1.3rem 1.4rem; background: var(--wp--preset--color--tint); border-radius: var(--radius-lg); }
.jaar__item > * { margin: 0; }
.jaar__item > * + * { margin-block-start: .4rem; }
.jaar__wanneer { font-size: .85rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wp--preset--color--link); }
.jaar__item h3 { font-size: 1.35rem; }
.jaar__item h3 a { color: inherit; text-decoration: none; }
.jaar__item h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.social-band { color: #fff; background: var(--wp--preset--color--brand-dark); }
.social-band h2, .social-band .eyebrow { color: #fff; }
.social-band .eyebrow { color: var(--wp--preset--color--mint); }
.social-fotos { display: grid; grid-template-columns: 3fr 2fr; gap: .6rem; }
.social-fotos > * { margin-block: 0 !important; }
.social-fotos img { width: 100%; height: clamp(220px, 28vw, 360px) !important; object-fit: cover; border-radius: 16px !important; }
.btn-social .wp-block-button__link { color: var(--wp--preset--color--brand-dark); background: var(--wp--preset--color--mint); }
.btn-fb .wp-block-button__link { background: #fff; }
.btn-social .wp-block-button__link::before { content: ""; display: inline-block; width: 1.2em; height: 1.2em; margin-right: .5em; vertical-align: -.25em; background: currentcolor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.btn-ig { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E"); }
.btn-fb { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E"); }
.fotowand { columns: 3 260px; column-gap: .75rem; }
.fotowand > * { break-inside: avoid; margin: 0 0 .75rem !important; }
.fotowand img { display: block; width: 100%; height: auto; border-radius: 16px; }
.form-embed { max-width: 1000px !important; margin-inline: auto !important; overflow: hidden; background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: var(--radius-lg); }
.form-embed iframe { display: block; width: 100%; height: 1200px; border: 0; }
.koeken > * + * { margin-block-start: .8rem; }
.koeken .wp-block-image img { width: 100%; height: 220px; object-fit: cover; border-radius: 14px; }
.takken { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.takken > *, .mosaic > * { margin-block: 0 !important; }
.tak { padding: 1.25rem 1.1rem 1.4rem; color: var(--tak-ink, #072c14); background: var(--tak); border-radius: var(--radius-lg); transition: transform .18s ease; }
.tak:hover { transform: translateY(-4px); }
.tak > * { margin: 0; }
.tak > * + * { margin-block-start: .5rem; }
.tak h3 { color: inherit; font-size: 1.3rem; }
.tak h3 a { color: inherit; text-decoration: none; }
.tak h3 a::after { content: " \2192"; }
.tak p { font-size: .95rem; line-height: 1.4; }
.tak__age { font-family: var(--wp--preset--font-family--heading); font-size: 2.6rem !important; font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.tak__age small { font-family: var(--wp--preset--font-family--body); font-size: .85rem; font-weight: 600; letter-spacing: 0; }
.tak--zeehonden { --tak: #98efb7; }
.tak--zeewelpen { --tak: #60d188; }
.tak--scheepsjongens { --tak: #33b160; }
.tak--zeeverkenners { --tak: #15843c; --tak-ink: #fff; }
.tak--loodsen { --tak: #072c14; --tak-ink: #fff; }
.split { align-items: center; gap: clamp(1.5rem, 5vw, 4rem); }
.split--top { align-items: flex-start; }
.split .wp-block-image { margin: 0; }
.split .wp-block-image img { display: block; width: 100%; border-radius: var(--radius-lg); }
.h3-size { font-size: var(--wp--preset--font-size--xl); }
.mosaic { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: auto; gap: .5rem; padding-inline: .5rem; margin-block: .5rem; }
.mosaic .wp-block-image { margin: 0; }
.mosaic img { display: block; width: 100%; height: clamp(170px, 22vw, 340px); object-fit: cover; border-radius: 14px; }
.mosaic .wp-block-image:nth-child(n+4) { grid-column: span 1; }
.mosaic .wp-block-image:nth-child(4) { grid-column: 1 / span 1; }
.mosaic .wp-block-image:nth-child(5) { grid-column: 2 / span 2; }
.cta-band { color: var(--wp--preset--color--brand-dark); background: var(--wp--preset--color--mint); }
.cta-band h2 { color: inherit; }
.cta-band .band-head { margin-bottom: 0; }
.cta-band .wp-block-button__link { color: #fff; background: var(--wp--preset--color--brand-dark); }
.site-footer { background: var(--wp--preset--color--brand-dark); }
@media (max-width: 1000px) {
.jaar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.takken { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tak:last-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
.hero .wp-block-cover__image-background { object-position: 31% 50%; }
.hero--feature .wp-block-cover__image-background { object-position: 32% 100%; }
}
@media (max-width: 480px) {
.tak h3 { font-size: 1rem; letter-spacing: -.02em; }
.tak h3 a::after { content: none; }
}
@media (max-width: 640px) {
.jaar { grid-template-columns: 1fr; }
.mosaic { grid-template-columns: 1fr 1fr; }
.mosaic .wp-block-image:first-child { grid-column: 1 / -1; }
}