{"id":14,"date":"2026-11-01T21:08:31","date_gmt":"2026-11-01T21:08:31","guid":{"rendered":"https:\/\/aanonderwijs.nl\/?page_id=14"},"modified":"2026-11-01T22:02:02","modified_gmt":"2026-11-01T22:02:02","slug":"home","status":"publish","type":"page","link":"https:\/\/aanonderwijs.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6749de3 e-con e-atomic-element e-flexbox-base e-default-div e-f7c8406 \" data-id=\"6749de3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6749de3\">\n    \t\t<div class=\"elementor-element elementor-element-d630969 elementor-widget elementor-widget-html\" data-id=\"d630969\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\r\n<title>AAN Onderwijs<\/title>\r\n<meta name=\"claude:viewport-fit-sides\" content=\"cover\">\r\n<meta name=\"description\" content=\"AAN helpt jongeren die dreigen vast te lopen op school om weer perspectief, motivatie en richting te vinden. Met coaching en interactieve workshops.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,800&family=Manrope:wght@700;800&family=Figtree:wght@400;500;600;700&display=swap\">\r\n<style>\r\n\/* Layout: licht en open; het aan\/uit-schuifje is het terugkerende element (logo, hero, pijlers, knoppen) *\/\r\n:root{\r\n  --bg:#FFFFFF;\r\n  --mint:#E9F8EF;\r\n  --soft:#F3F5F4;\r\n  --sun:#FFE45C;\r\n  --aan:#16C46E;\r\n  --aan-deep:#0E8F50;\r\n  --ink:#1E2421;\r\n  --ink-2:#2A312D;\r\n  --muted:#58655E;\r\n  --line:#DCE6E0;\r\n  --off:#C9D1CC;\r\n  --display:\"Manrope\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  --brand:\"Bricolage Grotesque\", \"Arial Rounded MT Bold\", system-ui, sans-serif;\r\n  --body:\"Figtree\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  --r:22px;\r\n  --wrap:1180px;\r\n  color-scheme:light;\r\n}\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\n@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}\r\nbody{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}\r\nbody::before{content:\"\";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}\r\na{color:inherit}\r\nimg{display:block;max-width:100%}\r\nh1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.03em;text-wrap:balance;margin:0}\r\np{margin:0}\r\n:focus-visible{outline:3px solid var(--aan-deep);outline-offset:3px;border-radius:6px}\r\n.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}\r\n@media (min-width:700px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}\r\n.eyebrow{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--aan-deep)}\r\n\r\n\/* Logo: [AAN \u25cf]NDERWIJS *\/\r\n.logo{display:inline-flex;align-items:center;font-family:var(--brand);font-weight:800;text-decoration:none;color:var(--ink);font-size:22px;letter-spacing:.01em;line-height:1}\r\n.logo .pill{display:inline-flex;align-items:center;gap:.22em;height:1.3em;padding:0 .14em 0 .42em;border-radius:1em;background:var(--ink);color:#fff}\r\n.logo .knob{width:1em;height:1em;border-radius:50%;background:var(--aan);display:block}\r\n.logo .rest{font-weight:400;margin-left:.12em;letter-spacing:.04em}\r\n\r\n\/* Switch *\/\r\n.switch{--w:64px;--h:36px;position:relative;width:var(--w);height:var(--h);border-radius:var(--h);border:0;padding:0;cursor:pointer;background:var(--off);transition:background .3s;flex:none}\r\n.switch::after{content:\"\";position:absolute;top:4px;left:4px;width:calc(var(--h) - 8px);height:calc(var(--h) - 8px);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(30,36,33,.25);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}\r\n.switch[aria-checked=\"true\"]{background:var(--aan)}\r\n.switch[aria-checked=\"true\"]::after{transform:translateX(calc(var(--w) - var(--h)))}\r\n\r\n\/* Buttons *\/\r\n.btn{display:inline-flex;align-items:center;gap:10px;font:700 16px\/1 var(--body);text-decoration:none;border:0;cursor:pointer;border-radius:999px;padding:15px 22px;white-space:nowrap;transition:transform .15s, background .2s, color .2s}\r\n.btn:hover{transform:translateY(-1px)}\r\n.btn-ink{background:var(--ink);color:#fff}\r\n.btn-aan{background:var(--aan);color:#fff}\r\n.btn-aan:hover{background:var(--aan)}\r\n.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}\r\n.btn-ghost:hover{background:var(--ink);color:#fff}\r\n.btn-ghost.light{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}\r\n.btn-ghost.light:hover{background:#fff;color:var(--ink)}\r\n.btn .dot{width:10px;height:10px;border-radius:50%;background:var(--aan)}\r\n.btn-aan .dot{background:#fff}\r\n.textlink{font-weight:700;text-decoration:none;border-bottom:2px solid var(--aan);padding-bottom:2px;width:max-content}\r\n\r\n\/* Photos with illustrated fallback *\/\r\n.ph{position:relative;overflow:hidden;background:var(--mint);border-radius:var(--r);max-width:100%;isolation:isolate}\r\n.ph img{width:100%;height:100%;object-fit:cover}\r\n.ph canvas{display:none;position:absolute;inset:0;width:100%;height:100%}\r\n.ph.noimg img{display:none}\r\n.ph.noimg canvas{display:block}\r\n\r\n\/* Header *\/\r\nheader{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}\r\n.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}\r\nnav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:600;font-size:15px}\r\nnav a{text-decoration:none;white-space:nowrap}\r\nnav a:hover{color:var(--aan-deep)}\r\n.menu-btn{display:none;background:none;border:0;font:700 15px var(--body);cursor:pointer;padding:8px 0;color:var(--ink)}\r\n\r\n\/* Hero *\/\r\n.hero{padding-block:56px 80px;transition:background .5s}\r\n.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}\r\n.hero h1{font-size:clamp(44px,7vw,92px);font-weight:800}\r\n.hero h1 .hl{position:relative;display:inline-block;z-index:0}\r\n.hero h1 .hl::before{content:\"\";position:absolute;left:-.08em;right:-.08em;bottom:.08em;height:.36em;background:var(--aan);border-radius:.2em;z-index:-1;transition:transform .45s cubic-bezier(.3,1.2,.5,1);transform-origin:left}\r\n.hero-copy{display:grid;gap:26px;min-width:0}\r\n.hero-copy > p{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:34ch}\r\n.ctas{display:flex;flex-wrap:wrap;gap:12px}\r\n.flip{display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;background:var(--bg)}\r\n.flip .switch{--w:76px;--h:42px}\r\n.flip span{font-weight:600;font-size:15px}\r\n.flip small{display:block;color:var(--muted);font-weight:500;font-size:13px}\r\n.hero .ph{aspect-ratio:4\/5}\r\n.hero.uit{background:#F1F3F2}\r\n.hero.uit h1,.hero.uit .hl{color:#8A948F}\r\n.hero.uit h1 .hl::before{transform:scaleX(0)}\r\n.hero.uit .ph{filter:grayscale(1)}\r\n.hero .uit-only{display:none}\r\n.hero.uit .uit-only{display:inline}\r\n.hero.uit .aan-only{display:none}\r\n\r\n\/* Sections *\/\r\nsection{padding-block:96px}\r\n.sec-head{display:grid;gap:14px;max-width:720px;margin-bottom:44px}\r\n.sec-head h2{font-size:clamp(34px,4.6vw,58px);font-weight:800}\r\n.sec-head p{color:var(--muted);font-size:19px;max-width:58ch}\r\n.dark{background:var(--ink);color:#fff}\r\n.dark .sec-head p{color:#B8C4BE}\r\n.dark .eyebrow{color:var(--aan)}\r\n\r\n\/* Audience *\/\r\n.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.aud{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);text-decoration:none;min-width:0;transition:transform .2s}\r\n.aud:hover{transform:translateY(-3px)}\r\n.aud .ph{aspect-ratio:4\/3;border-radius:0}\r\n.aud .body{display:grid;gap:12px;padding:26px;align-content:start}\r\n.aud h3{font-size:26px;font-weight:800}\r\n.aud p{color:var(--muted)}\r\n.aud.jong{background:var(--sun);border-color:var(--sun)}\r\n.aud.jong p{color:#4A4520}\r\n.aud.jong .eyebrow{color:var(--ink)}\r\n.aud.ouder{background:var(--mint);border-color:var(--mint)}\r\n\r\n\/* Van uit naar AAN *\/\r\n.layers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\r\n.layer{display:grid;gap:14px;align-content:start;padding:24px;border-radius:var(--r);background:var(--soft);transition:background .35s;min-width:0}\r\n.layer[data-on=\"true\"]{background:var(--mint)}\r\n.layer .top{display:flex;justify-content:space-between;align-items:center;gap:10px}\r\n.layer h3{font-size:24px;font-weight:800}\r\n.layer h3 em{font-style:normal;color:var(--aan-deep)}\r\n.layer[data-on=\"false\"] h3 em{color:var(--muted)}\r\n.layer .state{font-size:15px;color:var(--muted);min-height:4.8em}\r\n.layer .switch{--w:52px;--h:30px}\r\n.layer .tag{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}\r\n.layer[data-on=\"true\"] .tag{color:var(--aan-deep)}\r\n.tip{margin-top:18px;font-size:14px;color:var(--muted)}\r\n\r\n\/* Aanbod *\/\r\n.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.card{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:14px;padding:14px 14px 26px;border-radius:var(--r);background:var(--ink-2);min-width:0}\r\n.card .ph{aspect-ratio:16\/10;border-radius:14px;margin-bottom:6px}\r\n.card > :not(.ph){margin-inline:12px}\r\n.lock{display:inline-flex;align-items:center;font-family:var(--brand);font-weight:800;font-size:24px;line-height:1;color:#fff;width:max-content}\r\n.lock .pill{position:relative;display:inline-flex;align-items:center;height:1.32em;padding:0 1.36em 0 .44em;border-radius:1em;background:#fff;color:var(--ink);transition:padding .55s cubic-bezier(.3,1.3,.5,1)}\r\n.lock .pill i{position:absolute;top:.16em;left:calc(100% - 1.16em);width:1em;height:1em;border-radius:50%;background:var(--aan);transition:left .55s cubic-bezier(.3,1.3,.5,1),background .3s}\r\n.lock .rest{font-weight:400;letter-spacing:.05em;margin-left:.16em}\r\n.lock.off .pill{padding:0 .44em 0 1.36em}\r\n.lock.off .pill i{left:.16em;background:var(--off)}\r\n.card:hover .lock .pill i{transform:scale(1.06)}\r\n.card h3{font-size:26px;font-weight:800}\r\n.card p{color:#C3CDC8;font-size:16px}\r\n.card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;color:#E6ECE9;align-content:start}\r\n.card li{display:flex;gap:10px;align-items:baseline}\r\n.card li::before{content:\"\";flex:none;width:8px;height:8px;border-radius:50%;background:var(--aan);transform:translateY(-1px)}\r\n.card .for{font-size:13px;color:#93A39B;border-top:1px solid #3B443F;padding-top:14px}\r\n\r\n\/* Passend onderwijs *\/\r\n.fit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.fit article{display:grid;gap:10px;align-content:start;padding:26px;border-radius:var(--r);border:1px solid var(--line);min-width:0}\r\n.fit .tag{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--aan-deep)}\r\n.fit h3{font-size:22px;font-weight:800}\r\n.fit p{color:var(--muted);font-size:16px}\r\n.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;border-radius:999px;background:var(--soft);padding:6px}\r\n.lv{display:grid;gap:2px;padding:14px 22px;border-radius:999px;min-width:0}\r\n.lv b{font-family:var(--display);font-weight:800;font-size:17px}\r\n.lv span{font-size:14px;color:var(--muted)}\r\n.lv.on{background:var(--aan)}\r\n.lv.on span{color:var(--ink)}\r\n\r\n\/* Werkwijze *\/\r\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}\r\n.steps li{padding:24px 22px 0 0;display:grid;gap:10px;align-content:start;min-width:0}\r\n.steps .n{font-family:var(--display);font-weight:800;font-size:15px;display:flex;align-items:center;gap:10px}\r\n.steps .n i{width:14px;height:14px;border-radius:50%;background:var(--aan);box-shadow:0 0 0 4px var(--mint)}\r\n.steps h3{font-size:22px;font-weight:800}\r\n.steps p{color:var(--muted);font-size:16px}\r\n\r\n\/* Manifest *\/\r\n.manifest{background:var(--mint)}\r\n.manifest .lines{display:grid;gap:6px;font-family:var(--display);font-weight:800;font-size:clamp(28px,4.2vw,52px);line-height:1.12;letter-spacing:-.02em;max-width:22ch}\r\n.manifest .dim{color:#8FA59A}\r\n.manifest .on{background:var(--aan);padding:0 .15em;border-radius:.15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}\r\n.manifest .sig{margin-top:28px;font-weight:600;color:var(--muted)}\r\n\r\n\/* FAQ *\/\r\n.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}\r\n.faq details{border-bottom:1px solid var(--line)}\r\n.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-family:var(--display);font-weight:800;font-size:20px}\r\n.faq summary::-webkit-details-marker{display:none}\r\n.faq summary::after{content:\"+\";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--aan-deep);font:700 20px\/1 var(--body);transition:transform .2s}\r\n.faq details[open] summary::after{transform:rotate(45deg);background:var(--aan);color:var(--ink)}\r\n.faq details p{padding:0 0 22px;color:var(--muted);max-width:62ch}\r\n\r\n\/* Decoratie: schuifjes *\/\r\n.deco{display:block;pointer-events:none;max-width:100%;height:auto}\r\n.deco .k{fill:var(--bg)}\r\n.manifest .wrap{position:relative}\r\n.deco-manifest{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:50%;width:300px;transform:translateY(-50%)}\r\n.deco-manifest .k{fill:var(--mint)}\r\n.deco-contact{width:220px;margin-top:20px}\r\n@media (max-width:1100px){.deco-manifest{width:220px;opacity:.9}}\r\n@media (max-width:900px){.deco-manifest{position:static;transform:none;width:180px;margin-bottom:28px}.deco-contact{display:none}}\r\n\/* Contact *\/\r\n.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}\r\n.contact-grid h2{font-size:clamp(34px,4.6vw,58px);font-weight:800}\r\n.contact-info{display:grid;gap:22px}\r\n.contact-info > p{color:var(--muted);max-width:40ch}\r\n.facts{display:grid;gap:10px}\r\n.facts div{display:flex;gap:14px;align-items:center}\r\n.facts i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--mint);display:grid;place-items:center}\r\n.facts svg{width:18px;height:18px;stroke:var(--aan-deep);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.facts span{user-select:all;font-weight:600}\r\nform{display:grid;gap:16px;padding:28px;border-radius:var(--r);background:var(--soft)}\r\n.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\nlabel{display:grid;gap:6px;font-weight:600;font-size:14px;min-width:0}\r\ninput,textarea{font:400 16px var(--body);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}\r\ninput:focus,textarea:focus{outline:none;border-color:var(--aan-deep);box-shadow:0 0 0 3px rgba(22,196,110,.25)}\r\ntextarea{min-height:120px;resize:vertical}\r\n.who{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}\r\n.who legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}\r\n.who label{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}\r\n.who input{width:auto;accent-color:var(--aan-deep)}\r\n.who label:has(input:checked){border-color:var(--aan-deep);background:var(--mint)}\r\n.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted)}\r\n.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--aan-deep)}\r\n.sent{font-weight:600;color:var(--aan-deep);background:var(--mint);border-radius:12px;padding:12px 14px}\r\n.sent.err{color:#9B2C1F;background:#FDECEA}\r\n.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}\r\n.check a{color:var(--ink)}\r\n#f-send[disabled]{opacity:.6;cursor:wait}\r\n\r\n\/* Footer *\/\r\nfooter{background:var(--ink);color:#C3CDC8;padding-block:56px 36px;font-size:15px}\r\n.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}\r\nfooter h4{font:700 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 12px}\r\nfooter ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}\r\nfooter a{text-decoration:none}\r\nfooter a:hover{color:var(--aan)}\r\nfooter .logo{color:#fff;font-size:20px}\r\nfooter .logo .pill{background:#fff;color:var(--ink)}\r\n.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:20px;border-top:1px solid #3B443F;font-size:13px;color:#93A39B}\r\n.foot-bottom ul{display:flex;flex-wrap:wrap;gap:18px}\r\n\r\n\/* Motion *\/\r\n@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n@keyframes mark{from{transform:scaleX(0)}to{transform:scaleX(1)}}\r\n@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n.hero-copy > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}\r\n.hero-copy > :nth-child(2){animation-delay:.08s}\r\n.hero-copy > :nth-child(3){animation-delay:.16s}\r\n.hero-copy > :nth-child(4){animation-delay:.24s}\r\n.hero-copy > :nth-child(5){animation-delay:.32s}\r\n.hero > .wrap > .ph{animation:rise 1s .2s cubic-bezier(.2,.7,.2,1) both}\r\n.hero h1 .hl::before{animation:mark .7s .55s cubic-bezier(.3,1.2,.5,1) both}\r\n.rv{transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s ease}\r\n.rv.pre{opacity:.15;transform:translateY(30px)}\r\n.steps{border-top:0;position:relative}\r\n.steps::before{content:\"\";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}\r\n.steps.pre::before{transform:scaleX(0)}\r\n.deco .k,.deco .k2{transition:transform 1s cubic-bezier(.3,1.25,.5,1)}\r\n.deco.pre .k{transform:translateX(-175px)}\r\n.deco.pre .k2{transform:translateX(-120px)}\r\n.deco .dot{animation:bob 5s ease-in-out infinite}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hero-copy > *,.hero > .wrap > .ph,.hero h1 .hl::before,.deco .dot{animation:none}\r\n  .rv.pre{opacity:1;transform:none}\r\n  .steps.pre::before{transform:none}\r\n  .deco.pre .k,.deco.pre .k2{transform:none}\r\n}\r\n\/* Responsive breakpoints *\/\r\n@media (max-width:1020px){\r\n  nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line)}\r\n  nav.open{display:block}\r\n  nav ul{flex-direction:column;gap:0;padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}\r\n  nav li a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}\r\n  .menu-btn{display:block}\r\n  .bar .btn-ink{display:none}\r\n}\r\n@media (max-width:960px){\r\n  .hero-grid,.contact-grid,.faq-wrap{grid-template-columns:1fr}\r\n  .hero .ph{aspect-ratio:16\/11}\r\n  .layers{grid-template-columns:1fr 1fr}\r\n  .cards,.aud-grid{grid-template-columns:1fr}\r\n  .fit{grid-template-columns:1fr 1fr}\r\n  .levels{grid-template-columns:1fr;border-radius:var(--r)}\r\n  .lv{border-radius:16px}\r\n  .steps{grid-template-columns:1fr 1fr;row-gap:28px}\r\n  .foot{grid-template-columns:1fr 1fr}\r\n}\r\n@media (max-width:640px){\r\n  section{padding-block:64px}\r\n  .hero{padding-block:36px 56px}\r\n  .layers,.steps,.row2,.fit{grid-template-columns:1fr}\r\n  .layer .state{min-height:0}\r\n  .foot{grid-template-columns:1fr}\r\n  .logo{font-size:19px}\r\n  .flip{border-radius:var(--r)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n  <div class=\"wrap bar\">\r\n    <a class=\"logo\" href=\"#top\" aria-label=\"AAN Onderwijs, naar boven\"><span class=\"pill\">AAN<i class=\"knob\"><\/i><\/span><span class=\"rest\">NDERWIJS<\/span><\/a>\r\n    <nav id=\"nav\" aria-label=\"Hoofdmenu\">\r\n      <ul>\r\n        <li><a href=\"#van-uit-naar-aan\">Waarom AAN<\/a><\/li>\r\n        <li><a href=\"#aanbod\">Aanbod<\/a><\/li>\r\n        <li><a href=\"#passend-onderwijs\">Voor scholen<\/a><\/li>\r\n        <li><a href=\"#jongeren\">Voor jongeren<\/a><\/li>\r\n        <li><a href=\"#vragen\">Vragen<\/a><\/li>\r\n        <li><a href=\"#contact\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n    <a class=\"btn btn-ink\" href=\"#contact\"><i class=\"dot\"><\/i>Kennismaken<\/a>\r\n    <button class=\"menu-btn\" id=\"menuBtn\" aria-expanded=\"false\" aria-controls=\"nav\">Menu<\/button>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main id=\"top\">\r\n  <!-- HERO -->\r\n  <div class=\"hero\" id=\"hero\">\r\n    <div class=\"wrap hero-grid\">\r\n      <div class=\"hero-copy\">\r\n        <span class=\"eyebrow\"><span class=\"aan-only\">Jongeren in beweging<\/span><span class=\"uit-only\">Even helemaal uit<\/span><\/span>\r\n        <h1><span class=\"aan-only\">Ontdek wat jou <span class=\"hl\">AAN<\/span> zet.<\/span><span class=\"uit-only\">Geen zin. Geen energie. Geen plan.<\/span><\/h1>\r\n        <p><span class=\"aan-only\">AAN helpt jongeren die dreigen vast te lopen op school om weer perspectief, motivatie en richting te vinden. Met coaching en interactieve workshops.<\/span><span class=\"uit-only\">Zo voelt vastlopen soms. Er is niets mis met jou. Er is alleen nog niet ontdekt wat jou aanzet.<\/span><\/p>\r\n        <div class=\"ctas\">\r\n          <a class=\"btn btn-aan\" href=\"#jongeren\"><i class=\"dot\"><\/i>Ik ben jongere<\/a>\r\n          <a class=\"btn btn-ghost\" href=\"#passend-onderwijs\">Ik werk in het onderwijs<\/a>\r\n        <\/div>\r\n        <div class=\"flip\">\r\n          <button class=\"switch\" id=\"heroSwitch\" role=\"switch\" aria-checked=\"true\" aria-label=\"Zet AAN of UIT\"><\/button>\r\n          <span id=\"flipLabel\">Staat AAN<small>Zet hem eens uit. En weer aan.<\/small><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ph\" data-art=\"hero\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517486808906-6ca8b3f04846?auto=format&fit=crop&w=1000&h=1250&q=75\" alt=\"Groep jongeren zit samen op een bankje buiten in de zon\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- DOELGROEPEN -->\r\n  <section style=\"padding-top:0\">\r\n    <div class=\"wrap aud-grid\">\r\n      <a class=\"aud jong\" id=\"jongeren\" href=\"#contact\">\r\n        <div class=\"ph\" data-art=\"jong\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1614075530484-1dd2b2c1d52f?auto=format&fit=crop&w=800&h=600&q=75&crop=faces\" alt=\"Twee lachende jonge meiden naast elkaar\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n        <div class=\"body\">\r\n          <span class=\"eyebrow\">Voor jongeren<\/span>\r\n          <h3>Er is niets mis met jou.<\/h3>\r\n          <p>School voelt nu even niet als iets van jou? We gaan naast je staan en zoeken samen wat jou aanzet. Geen etiket, geen dossier.<\/p>\r\n          <span class=\"textlink\">Let's go<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"aud ouder\" id=\"ouders\" href=\"#contact\">\r\n        <div class=\"ph\" data-art=\"ouder\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1752652013282-2e007020cba6?auto=format&fit=crop&w=800&h=600&q=75\" alt=\"Moeder en dochter in gesprek in de keuken\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n        <div class=\"body\">\r\n          <span class=\"eyebrow\">Voor ouders<\/span>\r\n          <h3>Zorgen over school?<\/h3>\r\n          <p>Merkt u dat uw kind vastloopt of de motivatie kwijt is? Neem contact op voor een vrijblijvend gesprek.<\/p>\r\n          <span class=\"textlink\">Neem contact op<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"aud\" id=\"scholen\" href=\"#passend-onderwijs\">\r\n        <div class=\"ph\" data-art=\"school\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1776178320225-ce7d1f996f7c?auto=format&fit=crop&w=800&h=600&q=75\" alt=\"Leerlingen luisteren aandachtig in de klas\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n        <div class=\"body\">\r\n          <span class=\"eyebrow\">Voor scholen en gemeenten<\/span>\r\n          <h3>Eerder erbij, v\u00f3\u00f3r uitval.<\/h3>\r\n          <p>Een versterking van uw basisondersteuning. Snel inzetbaar, zonder indicatie, met zichtbare beweging bij leerlingen.<\/p>\r\n          <span class=\"textlink\">Bekijk de mogelijkheden<\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- VAN UIT NAAR AAN -->\r\n  <section id=\"van-uit-naar-aan\" style=\"padding-top:0\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"eyebrow\">Van uit naar AAN<\/span>\r\n        <h2>AAN gaat over meer dan motivatie.<\/h2>\r\n        <p>Een jongere die dreigt uit te vallen, voelt zich vaak letterlijk uit. Wij kijken op vier plekken waar het weer aan kan gaan.<\/p>\r\n      <\/div>\r\n      <div class=\"layers\">\r\n        <article class=\"layer\" data-on=\"true\" data-uit=\"Twijfelt aan zichzelf. Weet niet goed wie hij of zij is.\" data-aan=\"Zelfvertrouwen, een eigen identiteit en persoonlijke groei.\">\r\n          <div class=\"top\"><span class=\"tag\">Aan<\/span><button class=\"switch\" role=\"switch\" aria-checked=\"true\" aria-label=\"AAN in jezelf\"><\/button><\/div>\r\n          <h3>AAN <em>in jezelf<\/em><\/h3>\r\n          <p class=\"state\">Zelfvertrouwen, een eigen identiteit en persoonlijke groei.<\/p>\r\n        <\/article>\r\n        <article class=\"layer\" data-on=\"true\" data-uit=\"Komt te laat of niet. Zit in de klas, maar is er niet echt.\" data-aan=\"Motivatie, aanwezigheid en weer betrokken zijn bij school.\">\r\n          <div class=\"top\"><span class=\"tag\">Aan<\/span><button class=\"switch\" role=\"switch\" aria-checked=\"true\" aria-label=\"AAN op school\"><\/button><\/div>\r\n          <h3>AAN <em>op school<\/em><\/h3>\r\n          <p class=\"state\">Motivatie, aanwezigheid en weer betrokken zijn bij school.<\/p>\r\n        <\/article>\r\n        <article class=\"layer\" data-on=\"true\" data-uit=\"Voelt zich er niet bij horen. Trekt zich terug of gaat mee met de groep.\" data-aan=\"Sociale vaardigheden, communicatie en sterk staan bij groepsdruk.\">\r\n          <div class=\"top\"><span class=\"tag\">Aan<\/span><button class=\"switch\" role=\"switch\" aria-checked=\"true\" aria-label=\"AAN met anderen\"><\/button><\/div>\r\n          <h3>AAN <em>met anderen<\/em><\/h3>\r\n          <p class=\"state\">Sociale vaardigheden, communicatie en sterk staan bij groepsdruk.<\/p>\r\n        <\/article>\r\n        <article class=\"layer\" data-on=\"true\" data-uit=\"Geen idee wat na school komt. Waarom zou je dan je best doen?\" data-aan=\"Talenten ontdekken, doelen stellen en een richting voor opleiding of werk.\">\r\n          <div class=\"top\"><span class=\"tag\">Aan<\/span><button class=\"switch\" role=\"switch\" aria-checked=\"true\" aria-label=\"AAN richting de toekomst\"><\/button><\/div>\r\n          <h3>AAN <em>richting toekomst<\/em><\/h3>\r\n          <p class=\"state\">Talenten ontdekken, doelen stellen en een richting voor opleiding of werk.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n      <p class=\"tip\">Zet een schuifje uit om te zien waar een jongere vaak begint.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- AANBOD -->\r\n  <section class=\"dark\" id=\"aanbod\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"eyebrow\">Aanbod<\/span>\r\n        <h2>Drie manieren om in beweging te komen.<\/h2>\r\n        <p>Naast school, niet in plaats van school. Geen extra loket, geen extra dossier.<\/p>\r\n      <\/div>\r\n      <div class=\"cards\">\r\n        <article class=\"card\">\r\n          <div class=\"ph\" data-art=\"coach\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1758273240360-76b908e7582a?auto=format&fit=crop&w=800&h=500&q=75\" alt=\"Jongere in gesprek met een coach\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n          <span class=\"lock\" aria-label=\"AAN Coaching\"><span class=\"pill\"><b>AAN<\/b><i><\/i><\/span><span class=\"rest\">COACHING<\/span><\/span>\r\n          <h3>E\u00e9n op \u00e9\u00e9n, naast je.<\/h3>\r\n          <p>Een vaste coach die met je meekijkt. We beginnen bij wat je w\u00e9l hebt en zetten samen kleine stappen.<\/p>\r\n          <ul><li>Gesprekken op school, thuis of op een neutrale plek<\/li><li>Elk gesprek eindigt met een volgende stap<\/li><li>Samen met mentor en ouders waar dat helpt<\/li><\/ul>\r\n          <p class=\"for\">Voor jongeren van 12 tot 18 jaar<\/p>\r\n        <\/article>\r\n        <article class=\"card\">\r\n          <div class=\"ph\" data-art=\"workshop\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1776178320206-f42b9a9cf996?auto=format&fit=crop&w=800&h=500&q=75\" alt=\"Leerlingen werken samen aan tafel tijdens een workshop\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n          <span class=\"lock\" aria-label=\"AAN Workshops\"><span class=\"pill\"><b>AAN<\/b><i><\/i><\/span><span class=\"rest\">WORKSHOPS<\/span><\/span>\r\n          <h3>Doen in plaats van praten.<\/h3>\r\n          <p>Interactieve sessies in de klas of in kleine groepen over zelfvertrouwen, keuzes maken en toekomst.<\/p>\r\n          <ul><li>Losse workshops of een reeks per schooljaar<\/li><li>Thema's afgestemd op groep en school<\/li><li>Voor klassen, mentorgroepen en kleine groepen<\/li><\/ul>\r\n          <p class=\"for\">Voor vo en mbo<\/p>\r\n        <\/article>\r\n        <article class=\"card\">\r\n          <div class=\"ph\" data-art=\"opschool\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1633465623068-c34e257706c8?auto=format&fit=crop&w=800&h=500&q=75\" alt=\"Groep jongeren staat samen buiten\" loading=\"lazy\"><canvas aria-hidden=\"true\"><\/canvas><\/div>\r\n          <span class=\"lock\" aria-label=\"AAN op School\"><span class=\"pill\"><b>AAN<\/b><i><\/i><\/span><span class=\"rest\">OP SCHOOL<\/span><\/span>\r\n          <h3>Vast gezicht in de school.<\/h3>\r\n          <p>Een AAN-coach die een vast aantal dagdelen meedraait. Vroeg erbij, voordat het misgaat.<\/p>\r\n          <ul><li>Korte lijnen met mentor en ondersteuningsco\u00f6rdinator<\/li><li>Aanschuiven bij het schoolondersteuningsteam (SOT)<\/li><li>Heldere terugkoppeling per periode<\/li><\/ul>\r\n          <p class=\"for\">Voor scholen en gemeenten<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PASSEND ONDERWIJS -->\r\n  <section id=\"passend-onderwijs\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"eyebrow\">Voor scholen<\/span>\r\n        <h2>Past binnen passend onderwijs.<\/h2>\r\n        <p>AAN versterkt wat de school al doet. We sluiten aan op de uitgangspunten van passend onderwijs in de regio Rotterdam en werken in de taal en structuur van de school.<\/p>\r\n      <\/div>\r\n      <div class=\"fit\">\r\n        <article><span class=\"tag\">De jongere staat centraal<\/span><h3>De jongere wordt gehoord<\/h3><p>We werken met de jongere, niet over de jongere. Wat hij of zij wil bereiken, bepaalt de richting.<\/p><\/article>\r\n        <article><span class=\"tag\">Denken in mogelijkheden<\/span><h3>We beginnen bij talent<\/h3><p>Niet de vraag wat er mis is, maar wat iemand aanzet. Dat is de kern van onze aanpak.<\/p><\/article>\r\n        <article><span class=\"tag\">Altijd samen met ouders<\/span><h3>Ouders als partner<\/h3><p>Ouders zijn vanaf het eerste gesprek betrokken en weten wat we doen en waarom.<\/p><\/article>\r\n        <article><span class=\"tag\">De school als werkplaats<\/span><h3>Ondersteuning in de school<\/h3><p>Met AAN op School halen we ondersteuning naar binnen, dicht bij mentor en klas.<\/p><\/article>\r\n        <article><span class=\"tag\">Integraal werken<\/span><h3>Aansluiten bij het SOT<\/h3><p>We stemmen af met de ondersteuningsco\u00f6rdinator en schuiven aan bij het schoolondersteuningsteam.<\/p><\/article>\r\n        <article><span class=\"tag\">Meer jongeren blijven op school<\/span><h3>Vroeg erbij bij verzuim<\/h3><p>We richten ons op aanwezigheid en betrokkenheid, voordat verzuim uitgroeit tot thuiszitten.<\/p><\/article>\r\n      <\/div>\r\n      <div class=\"levels\" aria-label=\"Waar AAN past in de ondersteuning\">\r\n        <div class=\"lv\"><b>Basisondersteuning<\/b><span>Workshops voor klassen en mentorgroepen<\/span><\/div>\r\n        <div class=\"lv on\"><b>Basisplusondersteuning<\/b><span>Coaching en kleine groepen, snel toegankelijk<\/span><\/div>\r\n        <div class=\"lv\"><b>Extra ondersteuning<\/b><span>Via school en samenwerkingsverband; AAN schakelt door<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WERKWIJZE -->\r\n  <section id=\"werkwijze\" style=\"padding-top:0\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"eyebrow\">Zo werkt het<\/span>\r\n        <h2>In vier stappen weer in beweging.<\/h2>\r\n      <\/div>\r\n      <ol class=\"steps\">\r\n        <li><span class=\"n\"><i><\/i>Stap 1<\/span><h3>Kennismaken<\/h3><p>Een eerste gesprek, zonder formulieren. Met de jongere, en waar nodig met ouders of mentor.<\/p><\/li>\r\n        <li><span class=\"n\"><i><\/i>Stap 2<\/span><h3>Ontdekken<\/h3><p>We zoeken wat er al is: een interesse, een talent, een manier van denken.<\/p><\/li>\r\n        <li><span class=\"n\"><i><\/i>Stap 3<\/span><h3>In beweging<\/h3><p>Kleine, concrete stappen op school, in jezelf en met anderen.<\/p><\/li>\r\n        <li><span class=\"n\"><i><\/i>Stap 4<\/span><h3>Zelf weer sturen<\/h3><p>We evalueren samen met jongere en school, tot de jongere het zelf kan.<\/p><\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MANIFEST -->\r\n  <section class=\"manifest\">\r\n    <div class=\"wrap\">\r\n      <svg class=\"deco deco-manifest\" viewBox=\"0 0 400 360\" aria-hidden=\"true\" focusable=\"false\"><g transform=\"rotate(-16 200 140)\"><rect x=\"40\" y=\"70\" width=\"320\" height=\"140\" rx=\"70\" fill=\"#16C46E\"\/><circle cx=\"290\" cy=\"140\" r=\"56\" class=\"k\"\/><\/g><g transform=\"rotate(8 115 270)\"><rect x=\"0\" y=\"220\" width=\"230\" height=\"100\" rx=\"50\" fill=\"#1E2421\"\/><circle cx=\"180\" cy=\"270\" r=\"40\" fill=\"#FFE45C\" class=\"k2\"\/><\/g><circle cx=\"352\" cy=\"46\" r=\"26\" fill=\"#FFE45C\" class=\"dot\"\/><\/svg>\r\n      <div class=\"lines\">\r\n        <span class=\"dim\">Sommige jongeren lopen vast.<\/span>\r\n        <span class=\"dim\">Niet omdat er iets mis is met ze.<\/span>\r\n        <span>Maar omdat niemand nog ontdekte wat hen <span class=\"on\">AAN<\/span> zet.<\/span>\r\n      <\/div>\r\n      <p class=\"sig\">Iedere jongere heeft iets dat hem of haar aanzet.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section id=\"vragen\">\r\n    <div class=\"wrap faq-wrap\">\r\n      <div class=\"sec-head\" style=\"margin:0;align-content:start\">\r\n        <span class=\"eyebrow\">Veelgestelde vragen<\/span>\r\n        <h2>Goed om te weten.<\/h2>\r\n        <p>Staat je vraag er niet bij? Mail ons gerust.<\/p>\r\n      <\/div>\r\n      <div class=\"faq\">\r\n        <details open><summary>Voor wie is AAN bedoeld?<\/summary><p>Voor jongeren van 12 tot 18 jaar die dreigen vast te lopen op school. Bijvoorbeeld door weinig motivatie, veel verzuim, onzekerheid of geen idee welke kant ze op willen.<\/p><\/details>\r\n        <details><summary>Heb ik een verwijzing nodig?<\/summary><p>Nee. Jongeren en ouders kunnen zich zelf aanmelden. Scholen en gemeenten kunnen een leerling of een groep aanmelden via het contactformulier.<\/p><\/details>\r\n        <details><summary>Is AAN jeugdzorg?<\/summary><p>Nee. AAN werkt preventief, op school en zonder indicatie of dossier. We versterken de basis- en basisplusondersteuning van de school. Is er meer nodig, dan schakelen we via het schoolondersteuningsteam naar de juiste hulp.<\/p><\/details>\r\n        <details><summary>Hoe werken jullie samen met de school?<\/summary><p>Via de mentor en de ondersteuningsco\u00f6rdinator, en waar nodig sluiten we aan bij het schoolondersteuningsteam. We delen alleen gegevens met toestemming van jongere en ouders.<\/p><\/details>\r\n        <details><summary>Wat kost het?<\/summary><p>Voor scholen en gemeenten maken we een voorstel op maat. Voor ouders bespreken we in het kennismakingsgesprek wat de mogelijkheden zijn.<\/p><\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACT -->\r\n  <section id=\"contact\" style=\"padding-top:0\">\r\n    <div class=\"wrap contact-grid\">\r\n      <div class=\"contact-info\">\r\n        <span class=\"eyebrow\">Contact<\/span>\r\n        <h2>Zullen we kennismaken?<\/h2>\r\n        <p>Jongere, ouder, mentor of gemeente: laat een bericht achter. We reageren binnen twee werkdagen.<\/p>\r\n        <div class=\"facts\">\r\n          <div><i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/i><span>info@aanonderwijs.nl<\/span><\/div>\r\n          <div><i><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/i><span>Regio Rotterdam<\/span><\/div>\r\n        <\/div>\r\n        <svg class=\"deco deco-contact\" viewBox=\"0 0 400 360\" aria-hidden=\"true\" focusable=\"false\"><g transform=\"rotate(-16 200 140)\"><rect x=\"40\" y=\"70\" width=\"320\" height=\"140\" rx=\"70\" fill=\"#16C46E\"\/><circle cx=\"290\" cy=\"140\" r=\"56\" class=\"k\"\/><\/g><g transform=\"rotate(8 115 270)\"><rect x=\"0\" y=\"220\" width=\"230\" height=\"100\" rx=\"50\" fill=\"#1E2421\"\/><circle cx=\"180\" cy=\"270\" r=\"40\" fill=\"#FFE45C\" class=\"k2\"\/><\/g><circle cx=\"352\" cy=\"46\" r=\"26\" fill=\"#FFE45C\" class=\"dot\"\/><\/svg>\r\n      <\/div>\r\n      <form id=\"form\" novalidate>\r\n        <fieldset class=\"who\">\r\n          <legend>Ik ben<\/legend>\r\n          <label><input type=\"radio\" name=\"who\" id=\"who-j\" value=\"Jongere\" checked>Jongere<\/label>\r\n          <label><input type=\"radio\" name=\"who\" id=\"who-o\" value=\"Ouder\">Ouder<\/label>\r\n          <label><input type=\"radio\" name=\"who\" id=\"who-m\" value=\"Mentor\">Mentor<\/label>\r\n          <label><input type=\"radio\" name=\"who\" id=\"who-oc\" value=\"Ondersteuningsco\u00f6rdinator\">Ondersteuningsco\u00f6rdinator<\/label>\r\n          <label><input type=\"radio\" name=\"who\" id=\"who-g\" value=\"Gemeente\">Gemeente<\/label>\r\n        <\/fieldset>\r\n        <div class=\"row2\">\r\n          <label for=\"f-name\">Naam<input id=\"f-name\" name=\"name\" autocomplete=\"name\" placeholder=\"Je naam\" required maxlength=\"120\"><\/label>\r\n          <label for=\"f-mail\">E-mailadres<input id=\"f-mail\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"naam@voorbeeld.nl\" required maxlength=\"160\"><\/label>\r\n        <\/div>\r\n        <label for=\"f-msg\">Bericht<textarea id=\"f-msg\" name=\"msg\" placeholder=\"Waar loop je tegenaan, of waar ben je benieuwd naar?\" required maxlength=\"5000\"><\/textarea><\/label>\r\n        <label class=\"check\" for=\"f-ok\"><input id=\"f-ok\" name=\"consent\" type=\"checkbox\" value=\"1\" required><span>Ik ga akkoord met de verwerking van mijn gegevens volgens het <a href=\"\/privacybeleid\/\">privacybeleid<\/a>.<\/span><\/label>\r\n        <div class=\"hp\" aria-hidden=\"true\"><label for=\"f-web\">Website<input id=\"f-web\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div>\r\n        <input type=\"hidden\" name=\"t\" id=\"f-t\">\r\n        <button class=\"btn btn-aan\" type=\"submit\" id=\"f-send\" style=\"width:max-content\"><i class=\"dot\"><\/i>Verstuur bericht<\/button>\r\n        <p class=\"sent\" id=\"sent\" role=\"status\" aria-live=\"polite\" hidden><\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"foot\">\r\n      <div style=\"display:grid;gap:16px;align-content:start\">\r\n        <a class=\"logo\" href=\"#top\"><span class=\"pill\">AAN<i class=\"knob\"><\/i><\/span><span class=\"rest\">NDERWIJS<\/span><\/a>\r\n        <p>Ontdek wat jou AAN zet.<\/p>\r\n      <\/div>\r\n      <div><h4>Aanbod<\/h4><ul><li><a href=\"#aanbod\">AAN Coaching<\/a><\/li><li><a href=\"#aanbod\">AAN Workshops<\/a><\/li><li><a href=\"#aanbod\">AAN op School<\/a><\/li><\/ul><\/div>\r\n      <div><h4>Voor<\/h4><ul><li><a href=\"#jongeren\">Jongeren<\/a><\/li><li><a href=\"#ouders\">Ouders<\/a><\/li><li><a href=\"#passend-onderwijs\">Scholen en gemeenten<\/a><\/li><\/ul><\/div>\r\n      <div><h4>Contact<\/h4><ul><li>info@aanonderwijs.nl<\/li><li>Regio Rotterdam<\/li><\/ul><\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\"><span>\u00a9 2026 AAN Onderwijs is onderdeel van AAN Coaching \u00b7 KvK 91833264<\/span><ul><li><a href=\"\/privacybeleid\/\">Privacybeleid<\/a><\/li><li><a href=\"#top\">Algemene voorwaarden<\/a><\/li><\/ul><\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Menu\r\n  var mb=document.getElementById('menuBtn'),nav=document.getElementById('nav');\r\n  function setMenu(o){nav.classList.toggle('open',o);mb.setAttribute('aria-expanded',o);mb.textContent=o?'Sluit':'Menu';}\r\n  mb.addEventListener('click',function(){setMenu(!nav.classList.contains('open'));});\r\n  nav.addEventListener('click',function(e){if(e.target.tagName==='A')setMenu(false);});\r\n\r\n  \/\/ Hero switch\r\n  var hs=document.getElementById('heroSwitch'),hero=document.getElementById('hero'),fl=document.getElementById('flipLabel');\r\n  hs.addEventListener('click',function(){\r\n    var on=hs.getAttribute('aria-checked')!=='true';\r\n    hs.setAttribute('aria-checked',on);hero.classList.toggle('uit',!on);\r\n    fl.innerHTML=on?'Staat AAN<small>Zet hem eens uit. En weer aan.<\/small>':'Staat UIT<small>Zet hem weer aan.<\/small>';\r\n  });\r\n\r\n  \/\/ Pijlers\r\n  document.querySelectorAll('.layer').forEach(function(l){\r\n    var sw=l.querySelector('.switch'),st=l.querySelector('.state'),tag=l.querySelector('.tag');\r\n    sw.addEventListener('click',function(){\r\n      var on=l.dataset.on!=='true';\r\n      l.dataset.on=on;sw.setAttribute('aria-checked',on);\r\n      st.textContent=on?l.dataset.aan:l.dataset.uit;tag.textContent=on?'Aan':'Uit';\r\n    });\r\n  });\r\n\r\n  \/\/ Motion bij scrollen\r\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(!reduce&&'IntersectionObserver' in window){\r\n    var below=function(el){return el.getBoundingClientRect().top>window.innerHeight*0.92;};\r\n    var groups=['.sec-head','.aud-grid > .aud','.layers > .layer','.cards > .card','.fit > article','.levels','.steps > li','.manifest .lines > span','.manifest .sig','.faq details','.contact-info','#form'];\r\n    var items=[];\r\n    groups.forEach(function(sel){\r\n      document.querySelectorAll(sel).forEach(function(el,i){\r\n        if(!below(el))return;\r\n        el.classList.add('rv','pre');el.style.transitionDelay=(Math.min(i,5)*90)+'ms';items.push(el);\r\n      });\r\n    });\r\n    document.querySelectorAll('.steps,.deco').forEach(function(el){if(below(el)){el.classList.add('pre');items.push(el);}});\r\n    \/\/ Schuifjes in het aanbod: gaan aan als ze in beeld komen\r\n    document.querySelectorAll('.lock').forEach(function(el,i){if(below(el)){el.classList.add('off');el.dataset.i=i;items.push(el);}});\r\n    \/\/ Pijlers: beginnen uit en gaan een voor een aan\r\n    var layersWrap=document.querySelector('.layers');\r\n    if(layersWrap&&below(layersWrap)){\r\n      layersWrap.querySelectorAll('.layer').forEach(function(l){\r\n        l.dataset.on='false';l.querySelector('.switch').setAttribute('aria-checked','false');\r\n        l.querySelector('.state').textContent=l.dataset.uit;l.querySelector('.tag').textContent='Uit';\r\n      });\r\n      items.push(layersWrap);layersWrap.dataset.auto='1';\r\n    }\r\n    var io=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(!e.isIntersecting)return;\r\n        var el=e.target;io.unobserve(el);\r\n        if(el.classList.contains('lock')){setTimeout(function(){el.classList.remove('off');},350+(+el.dataset.i)*220);return;}\r\n        if(el.dataset.auto){\r\n          el.querySelectorAll('.layer').forEach(function(l,i){\r\n            setTimeout(function(){if(l.dataset.on==='false')l.querySelector('.switch').click();},900+i*450);\r\n          });\r\n          return;\r\n        }\r\n        el.classList.remove('pre');\r\n      });\r\n    },{rootMargin:'0px 0px -8% 0px',threshold:0.12});\r\n    items.forEach(function(el){io.observe(el);});\r\n  }\r\n\r\n  \/\/ Formulier\r\n  \/\/ Verstuurt via WordPress (admin-ajax) naar info@aanonderwijs.nl\r\n  var form=document.getElementById('form'),msgEl=document.getElementById('sent'),send=document.getElementById('f-send');\r\n  document.getElementById('f-t').value=Date.now();\r\n  function say(text,err){msgEl.textContent=text;msgEl.classList.toggle('err',!!err);msgEl.hidden=false;}\r\n  form.addEventListener('submit',function(e){\r\n    e.preventDefault();\r\n    var el=form.elements,name=el['name'].value.trim(),mail=el['email'].value.trim(),txt=el['msg'].value.trim();\r\n    if(!name||!txt||!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(mail)){say('Vul je naam, een geldig e-mailadres en je bericht in.',true);return;}\r\n    if(!el['consent'].checked){say('Vink aan dat je akkoord gaat met het privacybeleid.',true);return;}\r\n    var onSite=\/aanonderwijs\\.nl$\/.test(location.hostname);\r\n    if(!onSite){say('Dit is een voorbeeld. Op aanonderwijs.nl wordt je bericht echt verstuurd.');return;}\r\n    var data=new FormData(form);data.append('action','aan_contact');\r\n    send.disabled=true;say('Bezig met versturen\u2026');\r\n    fetch('\/wp-admin\/admin-ajax.php',{method:'POST',body:data,credentials:'same-origin'})\r\n      .then(function(r){return r.json().catch(function(){return {success:false};});})\r\n      .then(function(res){\r\n        if(res&&res.success){form.reset();document.getElementById('f-t').value=Date.now();say((res.data&&res.data.message)||'Bedankt! We reageren binnen twee werkdagen.');}\r\n        else{say((res&&res.data&&res.data.message)||'Versturen lukte niet. Mail ons direct op info@aanonderwijs.nl.',true);}\r\n      })\r\n      .catch(function(){say('Versturen lukte niet. Mail ons direct op info@aanonderwijs.nl.',true);})\r\n      .then(function(){send.disabled=false;});\r\n  });\r\n\r\n  \/\/ Foto's: als een foto niet laadt, tekenen we een schuifjes-illustratie\r\n  var pal={hero:['#E9F8EF','#16C46E','#1E2421','#FFE45C'],jong:['#FFF3B0','#1E2421','#16C46E','#FFFFFF'],ouder:['#FFFFFF','#16C46E','#1E2421','#FFE45C'],school:['#E9F8EF','#FFE45C','#16C46E','#1E2421'],coach:['#E9F8EF','#16C46E','#1E2421','#FFE45C'],workshop:['#FFF3B0','#16C46E','#1E2421','#FFFFFF'],opschool:['#E9F8EF','#1E2421','#16C46E','#FFE45C']};\r\n  function draw(box){\r\n    var c=box.querySelector('canvas'),p=pal[box.dataset.art]||pal.hero,k=Object.keys(pal).indexOf(box.dataset.art);\r\n    var w=box.clientWidth,h=box.clientHeight,d=window.devicePixelRatio||1;if(!w||!h)return;\r\n    c.width=w*d;c.height=h*d;var x=c.getContext('2d');x.scale(d,d);\r\n    x.fillStyle=p[0];x.fillRect(0,0,w,h);var u=Math.min(w,h);\r\n    function pill(cx,cy,pw,ph,col,kn,on,rot){x.save();x.translate(cx,cy);x.rotate(rot);x.fillStyle=col;x.beginPath();\r\n      if(x.roundRect)x.roundRect(-pw\/2,-ph\/2,pw,ph,ph\/2);else x.rect(-pw\/2,-ph\/2,pw,ph);x.fill();\r\n      x.fillStyle=kn;x.beginPath();x.arc(on?pw\/2-ph\/2:-pw\/2+ph\/2,0,ph\/2-ph*.12,0,Math.PI*2);x.fill();x.restore();}\r\n    pill(w*.56,h*.38,u*.95,u*.42,p[1],p[0],true,-.3+k*.04);\r\n    pill(w*.3,h*.74,u*.7,u*.3,p[2],p[3],k%2===0,.16);\r\n    x.fillStyle=p[3];x.beginPath();x.arc(w*.86,h*.13,u*.07,0,Math.PI*2);x.fill();\r\n  }\r\n  var boxes=document.querySelectorAll('.ph');\r\n  boxes.forEach(function(b){\r\n    var img=b.querySelector('img');\r\n    function fail(){b.classList.add('noimg');draw(b);}\r\n    if(img.complete&&img.naturalWidth===0)fail();\r\n    img.addEventListener('error',fail);\r\n  });\r\n  var t;window.addEventListener('resize',function(){clearTimeout(t);t=setTimeout(function(){document.querySelectorAll('.ph.noimg').forEach(draw);},120);});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AAN Onderwijs AANNDERWIJS Waarom AAN Aanbod Voor scholen Voor jongeren Vragen Contact Kennismaken Menu Jongeren in bewegingEven helemaal uit Ontdek wat jou AAN zet.Geen zin. Geen energie. Geen plan. AAN helpt jongeren die dreigen vast te lopen op school om weer perspectief, motivatie en richting te vinden. Met coaching en interactieve workshops.Zo voelt vastlopen soms. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":22,"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/aanonderwijs.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}