:root{--bg:#f4f8fb;--bg2:#eaf3f8;--panel:#ffffff;--panel2:#edf6fa;--text:#173341;--muted:#617985;--accent:#9bd4ef;--accent2:#c6eaf7;--gold:#b49352;--green:#52c58b;--amber:#f4b942;--red:#ef6b6b;--line:rgba(18,67,89,.14);--shadow:0 18px 45px rgba(27,72,92,.10);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f8fbfd,var(--bg) 60%,#eef6f9);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{font-size:.85rem;color:#496b7a;background:#e8f3f8;border-bottom:1px solid var(--line)}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:30px}.brand img{width:310px;max-width:42vw}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{color:#365b6b;font-size:.96rem}.navlinks a:hover,.navlinks a.active{color:#0a2836}.nav-cta{padding:11px 17px;border-radius:999px;background:var(--accent);color:#07202c!important;font-weight:800}.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:#173341;border-radius:12px;padding:10px 12px;font-size:1.1rem}.hero{padding:88px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(155,212,239,.16),transparent 67%);right:-130px;top:-120px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(155,212,239,.25);background:rgba(155,212,239,.08);color:#315f73;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700;letter-spacing:.02em}.hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:.98;margin:18px 0 22px;letter-spacing:-.055em}.hero h1 span{color:var(--accent)}.lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:720px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:13px;border:1px solid var(--line);font-weight:800}.btn-primary{background:var(--accent);color:#06202d;border-color:transparent}.btn-secondary{background:#ffffff}.btn:hover{transform:translateY(-1px)}.hero-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f3f8fb);box-shadow:var(--shadow);border-radius:28px;padding:26px}.hero-card .metric{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.metric div{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.72)}.metric strong{font-size:1.7rem;display:block}.metric span{font-size:.88rem;color:var(--muted)}.section{padding:74px 0}.section.alt{background:rgba(255,255,255,.72);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.035em;margin:0}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));border-radius:var(--radius);padding:25px;min-height:220px}.card h3{margin:14px 0 7px;font-size:1.22rem}.card p{color:var(--muted);margin:0}.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(155,212,239,.12);border:1px solid rgba(155,212,239,.19);font-size:1.35rem}.project{display:flex;flex-direction:column}.project .tag{font-size:.78rem;color:#315f73}.project a.more{margin-top:auto;padding-top:20px;color:var(--accent);font-weight:800}.anniversary{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;border:1px solid rgba(180,147,82,.35);background:linear-gradient(135deg,rgba(180,147,82,.12),rgba(155,212,239,.04));border-radius:28px;padding:28px}.anniversary .years{font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:.8;color:#e4cb92;letter-spacing:-.07em}.anniversary p{margin:8px 0 0;color:#506c78}.status-strip{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 24px;border:1px solid rgba(82,197,139,.25);background:rgba(82,197,139,.07);border-radius:20px}.status-good{display:inline-flex;align-items:center;gap:8px;color:#b8f2d2;font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(82,197,139,.12)}.page-hero{padding:64px 0 44px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,5vw,4.7rem);margin-bottom:18px}.breadcrumbs{font-size:.88rem;color:var(--muted)}.service-list{display:grid;gap:14px}.service-row,.status-row{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.72)}.service-row h3,.status-row h3{margin:0 0 3px}.service-row p,.status-row p{margin:0;color:var(--muted)}.pill{font-size:.77rem;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#365b6b}.pill.ok{border-color:rgba(82,197,139,.35);color:#b8f2d2;background:rgba(82,197,139,.08)}.form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:.86rem;font-weight:700;margin-bottom:6px;color:#365b6b}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff;color:#173341;font:inherit;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(155,212,239,.6)}.notice{font-size:.9rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:13px}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.partner{border:1px solid var(--line);border-radius:18px;padding:22px;background:#ffffff}.partner small{color:var(--muted)}.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.link-item{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:18px;padding:21px;background:rgba(255,255,255,.72)}.link-item strong{display:block}.link-item span{color:var(--muted);font-size:.9rem}.footer{border-top:1px solid var(--line);padding:48px 0 24px;margin-top:50px;background:#e7f1f6}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:35px}.footer img{width:260px;margin-bottom:16px}.footer h4{margin:0 0 12px}.footer p,.footer a{color:var(--muted);font-size:.94rem}.footer-links{display:grid;gap:7px}.copyright{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;color:#6b8490;font-size:.84rem;display:flex;justify-content:space-between;gap:20px}.muted{color:var(--muted)}
@media(max-width:920px){.navlinks{display:none;position:absolute;top:88px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.menu-btn{display:block}.brand img{width:255px;max-width:65vw}.hero-grid,.grid-3,.footer-grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.hero{padding-top:62px}.section-head{align-items:start;flex-direction:column}.anniversary{grid-template-columns:1fr}.partner-grid,.link-list{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(calc(100% - 26px),var(--max))}.topbar .container{font-size:.75rem}.topbar .hide-mobile{display:none}.nav{min-height:74px}.navlinks{top:74px}.brand img{width:225px}.hero{padding:48px 0}.hero h1,.page-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.hero-card{padding:20px}.hero-card .metric{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.service-row,.status-row{grid-template-columns:46px 1fr}.service-row>:last-child,.status-row>:last-child{grid-column:2}.form-row{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.status-strip{grid-template-columns:1fr}.copyright{flex-direction:column}.section{padding:56px 0}}

/* V2 light theme: improve readability of original Sentrex logo */
.brand img,.footer img{background:#fff;border-radius:10px;padding:7px 10px;filter:none}.footer{color:var(--text)}

/* V3: nadrukkelijkere tegels */
.card,.hero-card,.project,.partner,.link-item,.service-row,.status-row{background:#fff;border:1px solid rgba(18,67,89,.18);box-shadow:0 10px 30px rgba(27,72,92,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover,.project:hover,.partner:hover,.link-item:hover,.service-row:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(27,72,92,.14);border-color:rgba(26,145,198,.35)}
.card .icon,.service-row .icon,.status-row .icon{background:#e8f6fc;border-color:#bfe4f5;color:#0b78b2}

/* Dynamische status */
.status-title{display:flex;align-items:center;gap:9px;font-weight:850;font-size:1.06rem}.status-updated{display:block;margin-top:7px;color:var(--muted)}
.status-strip.status-operational{border-color:rgba(82,197,139,.35);background:#f0fbf6}.status-strip.status-maintenance{border-color:rgba(244,185,66,.42);background:#fff9ea}.status-strip.status-incident{border-color:rgba(239,107,107,.42);background:#fff2f2}.status-strip.status-critical{border-color:rgba(198,52,52,.5);background:#ffecec}
.status-maintenance .dot{background:var(--amber);box-shadow:0 0 0 5px rgba(244,185,66,.14)}.status-incident .dot,.status-critical .dot{background:var(--red);box-shadow:0 0 0 5px rgba(239,107,107,.14)}
.pill.operational{border-color:rgba(50,160,105,.35);color:#21754c;background:#eefaf4}.pill.maintenance{border-color:rgba(210,145,20,.35);color:#8a5d00;background:#fff7df}.pill.incident{border-color:rgba(210,74,74,.35);color:#a13232;background:#fff0f0}.pill.critical{border-color:rgba(180,30,30,.45);color:#8f1616;background:#ffe8e8;font-weight:800}
.status-admin-link{text-align:right;margin-top:18px;font-size:.78rem}.status-admin-link a{color:#78909a}

/* Statusbeheer */
.admin-wrap{max-width:760px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.admin-alert{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:700}.admin-alert.error{background:#fff0f0;color:#9b2f2f;border:1px solid #f1caca}.admin-alert.success{background:#eefaf4;color:#21754c;border:1px solid #c9ead9}

/* WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;background:#25D366;color:#fff;font-weight:850;padding:13px 17px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.whatsapp-float:before{content:'◉';font-size:1.2rem}.whatsapp-float:hover{transform:translateY(-2px)}
@media(max-width:620px){.whatsapp-float{right:14px;bottom:14px;padding:12px;width:48px;height:48px;justify-content:center}.whatsapp-float span{display:none}}


/* V4: logo nadrukkelijk groter op desktop */
@media(min-width:921px){
  .nav{min-height:122px}
  .brand img{width:430px;max-width:46vw;padding:9px 13px}
  .header .container{width:min(calc(100% - 40px),1240px)}
}

/* V4 final: jubileumlabel */
.anniversary .years{white-space:nowrap;font-size:clamp(2.5rem,5.5vw,5rem)}

/* V5: compact logo artwork (decorative bottom rule removed) and much larger visual presence */
@media(min-width:921px){
  .nav{min-height:148px}
  .brand img{width:680px;max-width:52vw;padding:6px 8px}
}
@media(max-width:920px) and (min-width:621px){
  .brand img{width:390px;max-width:68vw;padding:5px 7px}
}
@media(max-width:620px){
  .brand img{width:285px;max-width:72vw;padding:4px 6px}
}
.footer img{width:360px;max-width:100%;padding:5px 7px}


/* V6: logo teruggebracht naar 70% van V5 na controle van desktop/tablet/mobiel */
@media(min-width:921px){
  .brand img{width:476px;max-width:52vw;padding:6px 8px}
}
@media(max-width:920px) and (min-width:621px){
  .brand img{width:273px;max-width:68vw;padding:5px 7px}
}
@media(max-width:620px){
  .brand img{width:200px;max-width:72vw;padding:4px 6px}
}
.footer img{width:252px;max-width:100%;padding:5px 7px}

@media(min-width:921px){.nav{min-height:118px}}

/* V7: corrected logo crop; full original mark and subtitle visible */
@media(min-width:921px){
  .brand img{width:430px;max-width:46vw;padding:5px 7px}
  .nav{min-height:116px}
}
@media(max-width:920px) and (min-width:621px){
  .brand img{width:310px;max-width:62vw;padding:4px 6px}
}
@media(max-width:620px){
  .brand img{width:235px;max-width:72vw;padding:3px 5px}
}
.footer img{width:260px;max-width:100%;padding:4px 6px}


/* V8 polished visual layer — structure and functionality unchanged */
:root{
  --bg:#f7fafc;
  --surface:#ffffff;
  --surface-soft:#f1f7fa;
  --text:#18333f;
  --muted:#5e7883;
  --line:#d8e7ed;
  --accent:#8ecbe6;
  --accent-deep:#244b5a;
  --accent-soft:#eaf5fa;
  --shadow:0 14px 34px rgba(24,51,63,.08);
  --shadow-soft:0 8px 24px rgba(24,51,63,.06);
}
body{
  background:linear-gradient(180deg,#fbfdfe 0%,#f7fafc 58%,#eef5f8 100%);
  color:var(--text);
}
.topbar{
  background:#eef6fa;
  color:#4f6d79;
  border-bottom:1px solid var(--line);
}
.header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(216,231,237,.95);
  box-shadow:0 4px 18px rgba(24,51,63,.035);
}
.navlinks a{
  color:#42606c;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}
.navlinks a:hover,.navlinks a.active{color:var(--accent-deep)}
.nav-cta{
  background:var(--accent-deep);
  color:#fff!important;
  box-shadow:0 7px 18px rgba(36,75,90,.16);
}
.nav-cta:hover{transform:translateY(-1px);background:#1e4351}
.hero:before{
  background:radial-gradient(circle,rgba(142,203,230,.18),transparent 68%);
}
.eyebrow{
  border-color:rgba(142,203,230,.38);
  background:var(--accent-soft);
  color:var(--accent-deep);
}
.hero h1 span{color:#4aa9d2}
.lead{color:var(--muted)}
.btn{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.btn-primary{
  background:var(--accent-deep);
  color:#fff;
  box-shadow:0 8px 20px rgba(36,75,90,.14);
}
.btn-primary:hover{background:#1e4351;box-shadow:0 10px 24px rgba(36,75,90,.19)}
.btn-secondary{
  background:#fff;
  border-color:#cfe0e7;
  color:var(--accent-deep);
}
.btn-secondary:hover{background:var(--accent-soft);border-color:#bcd8e3}
.hero-card{
  background:linear-gradient(180deg,#fff,#f2f8fb);
  border-color:#d7e8ee;
  box-shadow:0 20px 48px rgba(24,51,63,.09);
}
.hero-card .metric div{
  background:#fff;
  border-color:#dce9ee;
  box-shadow:0 3px 12px rgba(24,51,63,.035);
}
.section.alt{
  background:rgba(255,255,255,.7);
  border-color:#dfeaf0;
}
.card,.project,.partner,.link-item,.service-row,.status-row{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfc 100%);
  border-color:#d7e6ec;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.card:hover,.project:hover,.partner:hover,.link-item:hover,.service-row:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(24,51,63,.09);
  border-color:#bfd9e4;
}
.icon{
  background:var(--accent-soft);
  border-color:#c9e3ee;
  color:var(--accent-deep);
}
.project .tag,.field label{color:#4c6f7c}
.project a.more{color:#2e8fba}
.anniversary{
  border-color:#c9e2ec;
  background:linear-gradient(135deg,#edf7fb,#ffffff 58%,#f4f9fb);
  box-shadow:var(--shadow-soft);
}
.anniversary .years{
  color:var(--accent-deep);
  text-shadow:none;
}
.anniversary p{color:var(--muted)}
.status-strip{
  background:#f2fbf6;
  border-color:#cde8d7;
  box-shadow:0 8px 22px rgba(24,51,63,.04);
}
.status-good{color:#287f54}
.pill.ok{
  color:#287f54;
  background:#eef9f3;
  border-color:#c8e6d4;
}
.page-hero{
  background:linear-gradient(180deg,#fbfdfe,#f5fafc);
  border-bottom-color:#dce8ed;
}
.field input,.field select,.field textarea{
  background:#fff;
  border-color:#cfdee5;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#7fc4e2;
  box-shadow:0 0 0 3px rgba(142,203,230,.17);
}
.notice{border-left-color:#4aa9d2}
.footer{
  background:#edf5f8;
  border-top-color:#d7e5eb;
}
.footer a:hover{color:var(--accent-deep)}
.whatsapp-float{
  box-shadow:0 12px 28px rgba(24,51,63,.18);
  transition:transform .18s ease,box-shadow .18s ease;
}
.whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(24,51,63,.22);
}
@media(max-width:920px){
  .navlinks{
    border-color:#d6e4ea;
    box-shadow:0 18px 40px rgba(24,51,63,.12);
  }
}


/* V9 content & beheer polish */
.card-more{display:inline-flex;margin-top:18px;color:#2e8fba;font-weight:800;font-size:.92rem}
.card-more:hover{color:var(--accent-deep)}
.service-link{color:inherit;text-decoration:none}
.service-link:hover{transform:translateY(-2px);border-color:#b7d6e2;box-shadow:0 12px 28px rgba(24,51,63,.08)}

.anniversary-celebrate{
  position:relative;overflow:hidden;
  grid-template-columns:minmax(220px,.72fr) 1.35fr;
  gap:42px;padding:42px;
  background:
    radial-gradient(circle at 9% 12%,rgba(142,203,230,.30),transparent 28%),
    radial-gradient(circle at 92% 90%,rgba(36,75,90,.08),transparent 26%),
    linear-gradient(135deg,#edf8fc 0%,#ffffff 55%,#f1f8fb 100%);
}
.anniversary-celebrate:before,.anniversary-celebrate:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;
}
.anniversary-celebrate:before{width:180px;height:18px;right:-32px;top:28px;background:rgba(142,203,230,.28);transform:rotate(-18deg)}
.anniversary-celebrate:after{width:120px;height:12px;left:34%;bottom:24px;background:rgba(36,75,90,.10);transform:rotate(14deg)}
.anniversary-mark{
  min-height:230px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(145deg,var(--accent-deep),#31697d);
  color:#fff;box-shadow:0 20px 44px rgba(36,75,90,.20);position:relative;
}
.anniversary-mark:before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.22);border-radius:20px;
}
.anniversary-number{font-size:clamp(5.5rem,10vw,8.4rem);line-height:.72;font-weight:900;letter-spacing:-.09em}
.anniversary-word{text-transform:uppercase;letter-spacing:.28em;font-weight:900;font-size:1.05rem;margin:14px 0 11px}
.anniversary-since{font-size:.78rem;letter-spacing:.12em;opacity:.78}
.anniversary-copy h2{font-size:clamp(2.4rem,5vw,4.4rem);margin:14px 0 14px;letter-spacing:-.045em}
.anniversary-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.anniversary-pills span{padding:7px 11px;border:1px solid #cfe2ea;border-radius:999px;background:#fff;color:#466673;font-size:.8rem;font-weight:800}

.empty-state{padding:28px;border:1px dashed #c9dce4;border-radius:18px;color:var(--muted);background:rgba(255,255,255,.6);grid-column:1/-1}
.download-item b{font-size:1.15rem;color:var(--accent-deep)}

.admin-divider{height:1px;background:var(--line);margin:48px 0}
.admin-section-head{margin-bottom:20px}
.admin-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.admin-list-title{margin:30px 0 10px}
.admin-items{display:grid;gap:9px}
.admin-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f8fbfc}
.admin-item strong,.admin-item small{display:block}
.admin-item small{color:var(--muted);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-delete{border:1px solid #efcaca;background:#fff7f7;color:#a34444;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700}
.admin-delete:hover{background:#fff0f0}
@media(max-width:920px){
  .anniversary-celebrate{grid-template-columns:1fr;padding:28px;gap:26px}
  .anniversary-mark{min-height:210px}
  .admin-content-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .anniversary-celebrate{padding:20px}
  .anniversary-mark{min-height:185px}
  .anniversary-number{font-size:5.3rem}
  .admin-item{align-items:flex-start;flex-direction:column}
}

/* V11 — Sentrex refreshed blue identity */
:root{
  --bg:#f6fafc;
  --surface:#ffffff;
  --surface-soft:#edf6fb;
  --text:#162c38;
  --muted:#5c7480;
  --line:#d4e5ed;
  --accent:#72bde8;
  --accent-deep:#315f78;
  --accent-soft:#e8f5fc;
  --shadow:0 14px 34px rgba(30,70,90,.08);
  --shadow-soft:0 8px 24px rgba(30,70,90,.06);
}
body{background:linear-gradient(180deg,#fbfdfe 0%,#f5fafc 58%,#eaf4f9 100%);color:var(--text)}
.topbar{background:#eaf5fb;color:#4e7182;border-bottom-color:#cfe3ed}
.header{background:rgba(255,255,255,.97);border-bottom-color:#d4e6ee}
.navlinks a{color:#416677}.navlinks a:hover,.navlinks a.active{color:#315f78}
.nav-cta,.btn-primary{background:#315f78}.nav-cta:hover,.btn-primary:hover{background:#284f65}
.hero h1 span{color:#63b7e7}
.eyebrow,.icon{background:#e8f5fc;border-color:#c5e5f5;color:#315f78}
.card,.project,.partner,.link-item,.service-row,.status-row{
 border-color:#d3e5ed;background:linear-gradient(180deg,#fff,#f5fafc)
}
.card:hover,.project:hover,.partner:hover,.link-item:hover,.service-row:hover{border-color:#acd4e7}
.anniversary{background:linear-gradient(135deg,#e7f5fc,#fff 58%,#eef8fc);border-color:#c5e3f1}
.anniversary .years{color:#315f78}
.page-hero{background:linear-gradient(180deg,#fbfdfe,#f1f8fb)}
.footer{background:#e9f3f7;border-top-color:#d1e4ec}
.brand img{width:min(430px,44vw);height:auto;object-fit:contain}
.footer img{width:min(270px,100%);height:auto;object-fit:contain}
@media(max-width:920px){.brand img{width:min(310px,65vw)}}
@media(max-width:620px){.brand img{width:min(235px,72vw)}}

/* V15 — twee volwaardige pijlers: Management & Processen + ICT & Technologie */
.nav-status{
  padding:10px 14px;border:1px solid #b8d8e7;border-radius:999px;
  background:#f2f9fc;color:#315f78!important;font-weight:800;white-space:nowrap
}
.nav-status:hover{background:#e4f3fa;border-color:#8fc6df}
.btn-status{background:#f1f8fb;color:#315f78;border-color:#bddbe8}
.pillar-intro{color:#315f78}
.pillar-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
.pillar-card{
  display:block;padding:20px;border:1px solid var(--line);border-radius:18px;
  background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.pillar-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(27,72,92,.12);border-color:#abd4e6}
.pillar-card strong{display:block;font-size:1.18rem;color:#173341;margin-bottom:6px}
.pillar-card span{display:block;color:var(--muted);font-size:.94rem;line-height:1.55}
.pillar-card em{display:block;margin-top:12px;color:#315f78;font-style:normal;font-weight:800;font-size:.9rem}
.card-featured{min-height:245px;border-width:2px}
.card-management{
  background:linear-gradient(145deg,#edf8fd,#fff 72%);
  border-color:#9dcfe5!important
}
.card-ict{
  background:linear-gradient(145deg,#f3f8fb,#fff 72%);
  border-color:#bdd9e5!important
}
.card-more{display:inline-block;margin-top:18px;color:#315f78;font-weight:800}
.value-strip-section{padding:0 0 28px}
.value-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;
  border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(27,72,92,.08);overflow:hidden
}
.value-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:20px;border-right:1px solid var(--line)}
.value-item:last-child{border-right:0}
.value-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f5fc;color:#315f78;font-weight:900}
.value-item strong{display:block;color:#173341}
.value-item span{display:block;color:var(--muted);font-size:.83rem;line-height:1.4;margin-top:2px}
.service-featured{
  border:2px solid #9dcfe5!important;background:linear-gradient(90deg,#edf8fd,#fff)!important;
  box-shadow:0 13px 32px rgba(27,72,92,.11)!important
}
.service-featured h3{font-size:1.3rem}
@media(max-width:1120px){
  .navlinks{gap:12px}.navlinks a{font-size:.9rem}.nav-status,.nav-cta{padding:9px 12px}
}
@media(max-width:920px){
  .value-strip{grid-template-columns:repeat(2,1fr)}
  .value-item:nth-child(2){border-right:0}
  .value-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .nav-status{display:block;text-align:center}
}
@media(max-width:620px){
  .value-strip{grid-template-columns:1fr}
  .value-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .value-item:last-child{border-bottom:0!important}
  .hero .actions .btn-status{order:3}
}

/* V16 — rustige header + robuuste mobiele paginatitels */
.page-hero h1{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
@media(max-width:760px){
  .page-hero{padding:54px 0 48px}
  .page-hero h1{
    font-size:clamp(2.25rem,9.2vw,3.15rem);
    line-height:1.02;
    letter-spacing:-.035em;
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .page-hero .lead{
    font-size:1.05rem;
    line-height:1.65;
  }
  .breadcrumbs{
    font-size:.9rem;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
}
@media(max-width:420px){
  .page-hero h1{
    font-size:clamp(2rem,8.7vw,2.55rem);
    line-height:1.05;
    letter-spacing:-.03em;
  }
}

.mobile-title-break{display:inline}
@media(max-width:760px){.mobile-title-break{display:block;margin-top:.08em}}