:root{--ink:#111;--yellow:#f6ca28;--cream:#f7f5ef}*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid #eee}.nav{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:28px}.brand img{max-height:58px;max-width:200px}.brandmark{color:var(--yellow);font-size:48px}.nav nav{display:flex;background:#f5f5f3;border-radius:40px;padding:7px}.nav nav a{padding:13px 16px}.menu{display:none;border:0;border-radius:50%;background:var(--yellow);font-size:22px;width:45px;height:45px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding:50px 0}.hero h1,.page-hero h1,.contact h1,.detail h1{font-size:clamp(48px,6vw,84px);line-height:1;letter-spacing:-4px;margin:16px 0}.hero>div:first-child>p:not(.eyebrow){font-size:20px;line-height:1.6;color:#666}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:bold;font-size:12px;color:#806400}.button{display:inline-block;background:#111;color:#fff;border-radius:30px;padding:16px 24px;margin-top:18px}.hero-image{height:530px;border-radius:50% 50% 42% 42%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:100px}.features article{padding:35px;border:1px solid #ddd;min-height:260px}.features .yellow{background:var(--yellow);border-color:var(--yellow)}.features h2{font-size:28px}.features p{line-height:1.6;color:#555}.features a{font-weight:bold}.partners{padding:90px 0;background:var(--cream);text-align:center}.partners h2,.about h2,.news h2{font-size:clamp(38px,4vw,58px)}.partner-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.partner-row a{background:#fff;padding:30px 55px;border-radius:15px;font-weight:bold}.about{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about>img{height:550px;width:100%;object-fit:cover;border-radius:45% 45% 10px 10px}.about p{font-size:19px;line-height:1.7;color:#666}.news{padding-bottom:110px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards>a{border:1px solid #ddd;padding-bottom:22px}.cards img{height:220px;width:100%;object-fit:cover}.cards h3,.cards p{margin-left:22px;margin-right:22px}.page-hero{padding:100px 0 60px}.page-hero p{font-size:21px;color:#666}.listing{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;padding-bottom:100px}.listing>a{display:grid;grid-template-columns:42% 1fr;border:1px solid #ddd;min-height:270px}.listing img{height:100%;width:100%;object-fit:cover}.listing a div{padding:25px}.detail{padding:70px 0 110px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-grid img{height:480px;width:100%;object-fit:cover;border-radius:50% 50% 10px 10px}.detail-grid p,.prose{font-size:20px;line-height:1.7;color:#555}.prose{max-width:760px;margin:60px auto}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:100px 0}.contact aside{background:var(--yellow);padding:45px;display:flex;flex-direction:column;gap:15px}footer{background:#111;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-grid p,.footer-grid a{color:#aaa}.copyright{border-top:1px solid #333;padding-top:25px;margin-top:45px;color:#777}
@media(max-width:800px){.shell{width:calc(100% - 28px)}.nav{height:75px}.menu{display:block}.nav nav{display:none;position:absolute;top:75px;left:14px;right:14px;flex-direction:column;border-radius:15px}.nav nav.open{display:flex}.hero,.features,.about,.cards,.listing,.detail-grid,.contact,.footer-grid{grid-template-columns:1fr}.hero{gap:35px}.hero-image{grid-row:1;height:420px}.hero h1,.page-hero h1,.contact h1,.detail h1{letter-spacing:-2px}.about{padding:75px 0}.listing>a{grid-template-columns:1fr}.listing img{height:250px}.detail-grid img{grid-row:1;height:350px}}

/* Beheerbare huisstijl en dropdownnavigatie */
.site-header{background:var(--header-bg,#fff);color:var(--header-text,#111)}
.nav nav{background:var(--nav-bg,#f5f5f3)}
.button{background:var(--button-bg,#111);color:var(--button-text,#fff)}
footer{background:var(--footer-bg,#111);color:var(--footer-text,#fff)}
footer .footer-grid p,footer .footer-grid a,footer .copyright{color:var(--footer-text,#fff);opacity:.72}
.nav-item{position:relative;display:flex;align-items:center}.nav-item>a{padding-right:7px!important}.dropdown-toggle{appearance:none;display:grid;place-items:center;align-self:center;width:32px;height:32px;margin-right:7px;padding:0 0 3px;border:0;border-radius:50%;background:transparent;color:inherit;font:700 18px/1 Arial,sans-serif;cursor:pointer}.dropdown-toggle:hover,.dropdown-toggle:focus-visible{background:#0000000d;outline:2px solid var(--yellow);outline-offset:1px}.dropdown{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:250px;padding:10px;background:var(--header-bg,#fff);border:1px solid #ddd;border-radius:14px;box-shadow:0 14px 35px #0002}.dropdown:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px}.dropdown a{display:block;border-radius:9px;white-space:nowrap}.has-dropdown:hover>.dropdown,.has-dropdown:focus-within>.dropdown,.dropdown-open>.dropdown{display:block}
.footer-intro{align-items:flex-start}.footer-brand{display:inline-flex;align-items:center;min-height:64px}.footer-logo{display:block;width:auto;max-width:220px;max-height:72px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.footer-brand b{font-size:28px}.footer-intro p{max-width:520px;margin:0;line-height:1.6}
@media(max-width:800px){.nav-item{display:grid;grid-template-columns:1fr auto}.dropdown{position:static;grid-column:1/-1;box-shadow:none;margin:0 8px 8px}.dropdown a{white-space:normal}.dropdown-toggle{width:40px;height:40px;margin-right:8px;padding:0 0 3px}.footer-logo{max-width:190px;max-height:64px}}

/* Moderne presentatiestijl + navigatie in de stijl van NAAST */
html{scroll-behavior:smooth}body{font-family:"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.5}.site-header{backdrop-filter:blur(16px);background:var(--header-bg,#fff);border-bottom:1px solid #1111110d}.nav{height:92px}.nav nav{align-items:center;gap:28px;padding:0;background:transparent;border-radius:0}.nav nav>a,.nav-item>a{padding:12px 0!important;transition:color .3s ease,opacity .3s ease}.nav nav>a:hover,.nav-item>a:hover{color:var(--yellow);opacity:.9}
.nav-item{padding-right:17px}.dropdown-toggle{position:absolute;right:0;top:50%;width:14px;height:18px;margin:0;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;outline:0!important;font-size:0}.dropdown-toggle:before{content:"";display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .3s ease}.dropdown-toggle:hover,.dropdown-toggle:focus,.dropdown-toggle:focus-visible{background:transparent;outline:0}.dropdown-open>.dropdown-toggle:before{transform:rotate(225deg) translate(-1px,-1px)}
.dropdown{display:block;right:0;left:auto;top:100%;min-width:300px;padding:0;background:#e6fcf7;border:0;border-radius:0;box-shadow:none;visibility:hidden;opacity:0;transform:translateY(6px);transition:visibility .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.dropdown:before{top:-12px;height:12px}.dropdown a{width:100%;padding:13px 10px!important;color:#000;line-height:24px;transition:padding-left .3s ease-out,color .3s ease}.dropdown a:hover,.dropdown a:focus{padding-left:18px!important;color:#000}.has-dropdown:hover>.dropdown,.has-dropdown:focus-within>.dropdown,.dropdown-open>.dropdown{visibility:visible;opacity:1;transform:translateY(0)}
.hero{min-height:680px;gap:80px;padding:72px 0 88px}.hero h1,.page-hero h1,.contact h1,.detail h1{font-weight:750;letter-spacing:-.055em}.hero>div:first-child>p:not(.eyebrow){max-width:620px;color:#5f6368}.hero-image{height:560px;border-radius:32px 180px 32px 180px;box-shadow:0 30px 70px #20261f1f;transform:rotate(1deg)}.hero-image img{transform:scale(1.02);transition:transform .7s ease}.hero-image:hover img{transform:scale(1.06)}
.button{border-radius:999px;padding:16px 26px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.features{gap:24px}.features article{min-height:280px;padding:38px;border:1px solid #11111112;border-radius:24px;box-shadow:0 10px 30px #11111108;transition:transform .3s ease,box-shadow .3s ease}.features article:hover{transform:translateY(-8px);box-shadow:0 20px 45px #1112}.features .yellow{border-color:transparent}.partners{background:#f7f7f3}.partner-row a{border:1px solid #1111;box-shadow:0 10px 30px #1111;transition:transform .3s ease}.partner-row a:hover{transform:translateY(-5px)}.about{gap:90px}.about>img{border-radius:160px 32px 160px 32px;box-shadow:0 30px 70px #20261f1a}.cards>a,.listing>a{overflow:hidden;border:1px solid #11111112;border-radius:22px;box-shadow:0 10px 30px #1111110a;transition:transform .3s ease,box-shadow .3s ease}.cards>a:hover,.listing>a:hover{transform:translateY(-7px);box-shadow:0 20px 45px #1112}.contact aside{border-radius:28px}.page-hero{padding-top:120px}
@media(max-width:1000px){.nav nav{gap:18px}.hero{gap:44px}.hero-image{height:500px;border-radius:28px 120px 28px 120px}}
@media(max-width:800px){.nav{height:76px}.nav nav{top:76px;gap:0;padding:12px;background:var(--header-bg,#fff);box-shadow:0 18px 40px #0002}.nav nav>a,.nav-item>a{padding:13px 14px!important}.nav-item{padding-right:0}.dropdown-toggle{position:static;width:42px;height:42px;margin-right:2px;transform:none}.dropdown{position:static;display:none;grid-column:1/-1;min-width:0;margin:0;background:#e6fcf7;visibility:visible;opacity:1;transform:none}.dropdown-open>.dropdown{display:block}.hero{min-height:0;padding:35px 0 70px}.hero-image{height:420px;border-radius:24px 90px 24px 90px;transform:none}.features article{min-height:0}.about>img{border-radius:90px 24px 90px 24px}}

/* Kleuren die vanuit het beheerpaneel instelbaar zijn */
.page-hero>.eyebrow,.detail-grid .eyebrow{display:none}
.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.footer-grid a[href="/admin/"]{display:none}
.nav nav>a:hover,.nav-item>a:hover{color:var(--menu-hover,var(--yellow))}.dropdown{background:var(--dropdown-bg,#e6fcf7)}.dropdown a{color:var(--dropdown-text,#000);transition:padding-left .3s ease-out,color .3s ease,background .3s ease}.dropdown a:hover,.dropdown a:focus{color:var(--dropdown-text,#000);background:var(--dropdown-hover-bg,#d2f5ed)}
@media(max-width:800px){.dropdown{background:var(--dropdown-bg,#e6fcf7)}}

/* Contactpagina */
.contact-page{overflow:hidden}.contact-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;padding:110px 0 85px}.contact-intro h1{max-width:780px;margin:14px 0 24px;font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.055em}.contact-intro p{max-width:680px;color:#62666a;font-size:20px;line-height:1.7}.contact-intro aside{display:flex;flex-direction:column;gap:10px;padding:35px;border-radius:28px;background:var(--yellow);font-size:18px}.contact-intro aside b{font-size:24px;margin-bottom:8px}.contact-form-section{padding:90px 0 110px;background:#f7f7f3}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.contact-layout>div h2{margin:0 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em}.contact-layout>div p{color:#62666a;font-size:18px;line-height:1.7}.contact-form{display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:28px;background:#fff;box-shadow:0 20px 55px #11111110}.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:650}.contact-form input,.contact-form textarea{width:100%;padding:15px 16px;border:1px solid #1112;border-radius:12px;background:#fff;color:var(--ink);font:inherit;transition:border .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--yellow);outline:0;box-shadow:0 0 0 4px #f6ca2825}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .privacy{display:grid;grid-template-columns:20px 1fr;align-items:start;font-weight:400;line-height:1.5}.contact-form .privacy input{width:18px;height:18px;margin-top:3px}.contact-form .button{align-self:flex-start;border:0;cursor:pointer;font:inherit;font-weight:700;margin-top:0}.form-success,.form-error{padding:16px 18px;border-radius:12px;font-weight:700}.form-success{background:#e6fcf7;color:#125b4c}.form-error{background:#fff0ed;color:#9a2415}.honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.application-section{margin-top:90px;padding:100px 0 115px;background:#f7f7f3}.application-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.application-layout>div{position:sticky;top:130px}.application-layout h2{margin:14px 0 20px;font-size:clamp(40px,4.5vw,64px);line-height:1;letter-spacing:-.045em}.application-layout>div>p:last-child{max-width:480px;color:#62666a;font-size:18px;line-height:1.7}.application-form small{color:#777;font-weight:400}.application-form input[type=file]{padding:12px;background:#fafafa}.application-form input[type=file]::file-selector-button{margin-right:14px;padding:10px 14px;border:0;border-radius:9px;background:var(--nav-bg);color:var(--ink);font-weight:700;cursor:pointer}.application-form input[type=file]::file-selector-button:hover{background:var(--accent)}
@media(max-width:800px){.contact-intro,.contact-layout,.application-layout{grid-template-columns:1fr;gap:35px}.contact-intro{padding:65px 0}.contact-form-section,.application-section{padding:65px 0}.application-section{margin-top:60px}.application-layout>div{position:static}.contact-form{padding:24px}.form-row{grid-template-columns:1fr}.contact-intro h1{font-size:clamp(48px,14vw,72px)}}