2231 lines
110 KiB
HTML
2231 lines
110 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="nl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>BvPS — Fortes Change Cloud, PPM & Portfoliomanagement | Bureau voor Project Structurering</title>
|
||
|
||
<!-- Primary SEO meta tags -->
|
||
<meta name="description" content="BvPS is specialist in Portfoliomanagement (PPM), Strategisch Portfoliomanagement (SPM), Capaciteitsmanagement en implementatie van Fortes Change Cloud (FCC) voor overheden, gemeenten en publieke organisaties. Verbinden, structureren, realiseren." />
|
||
<meta name="keywords" content="Fortes Change Cloud, FCC, PPM, Portfoliomanagement, Strategisch Portfoliomanagement, SPM, Capaciteitsmanagement, PM-CM, projectmanagement overheid, portfoliomanagement publieke sector, Fortes implementatie, resourcemanagement, verandercapaciteit, projectportfolio overheid, Bureau voor Project Structurering, BvPS" />
|
||
<meta name="author" content="BvPS — Bureau voor Project Structurering" />
|
||
<meta name="robots" content="index, follow" />
|
||
<link rel="canonical" href="https://www.bvps.nl/" />
|
||
|
||
<!-- Open Graph / LinkedIn -->
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://www.bvps.nl/" />
|
||
<meta property="og:title" content="BvPS — Fortes Change Cloud, PPM & Portfoliomanagement" />
|
||
<meta property="og:description" content="Specialist in Fortes Change Cloud (FCC), PPM, Strategisch Portfoliomanagement en Capaciteitsmanagement voor de publieke sector. Marco Efftink & Erik Engbers." />
|
||
<meta property="og:site_name" content="BvPS — Bureau voor Project Structurering" />
|
||
<meta property="og:locale" content="nl_NL" />
|
||
|
||
<!-- Structured data: Organization -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ProfessionalService",
|
||
"name": "BvPS — Bureau voor Project Structurering",
|
||
"alternateName": "BvPS",
|
||
"url": "https://www.bvps.nl",
|
||
"email": "info@bvps.nl",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "Oude Beekbergerweg 111",
|
||
"postalCode": "7331 HN",
|
||
"addressLocality": "Apeldoorn",
|
||
"addressCountry": "NL"
|
||
},
|
||
"description": "BvPS is specialist in Strategisch Portfoliomanagement (SPM), Capaciteitsmanagement (PM-CM) en implementatie van Fortes Change Cloud (FCC) voor overheden, gemeenten, provincies en publieke organisaties.",
|
||
"founder": [
|
||
{ "@type": "Person", "name": "Marco Efftink", "sameAs": "https://www.linkedin.com/in/efftinkconsulting/" },
|
||
{ "@type": "Person", "name": "Erik Engbers", "sameAs": "https://www.linkedin.com/in/erik-engbers-28912112/" }
|
||
],
|
||
"areaServed": "NL",
|
||
"serviceType": [
|
||
"Strategisch Portfoliomanagement",
|
||
"PPM",
|
||
"Capaciteitsmanagement",
|
||
"PM-CM",
|
||
"Fortes Change Cloud implementatie",
|
||
"FCC implementatie",
|
||
"Portfoliomanagement overheid"
|
||
],
|
||
"knowsAbout": [
|
||
"Fortes Change Cloud",
|
||
"FCC",
|
||
"PPM",
|
||
"Portfoliomanagement",
|
||
"Strategisch Portfoliomanagement",
|
||
"SPM",
|
||
"Capaciteitsmanagement",
|
||
"PM-CM",
|
||
"SAFe",
|
||
"Agile portfoliomanagement",
|
||
"Projectmanagement overheid"
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- Structured data: WebPage -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebPage",
|
||
"name": "BvPS — Fortes Change Cloud, PPM & Portfoliomanagement publieke sector",
|
||
"description": "Specialist in Fortes Change Cloud (FCC), Strategisch Portfoliomanagement (SPM), PPM en Capaciteitsmanagement voor overheden en publieke organisaties.",
|
||
"url": "https://www.bvps.nl",
|
||
"inLanguage": "nl",
|
||
"about": [
|
||
{ "@type": "Thing", "name": "Fortes Change Cloud" },
|
||
{ "@type": "Thing", "name": "Portfoliomanagement" },
|
||
{ "@type": "Thing", "name": "Strategisch Portfoliomanagement" },
|
||
{ "@type": "Thing", "name": "Capaciteitsmanagement" },
|
||
{ "@type": "Thing", "name": "PPM" }
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- Structured data: Article (SPM-artikel — SEO + GEO) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Article",
|
||
"headline": "Wat is strategisch portfoliomanagement? Een praktische gids voor overheidsorganisaties",
|
||
"description": "Strategisch portfoliomanagement (SPM) helpt overheidsorganisaties bewust te kiezen welke initiatieven zij uitvoeren. Dit artikel legt uit wat SPM is, hoe het werkt bij de overheid en wat de vijf kerncomponenten zijn.",
|
||
"datePublished": "2025-05-01",
|
||
"dateModified": "2025-05-01",
|
||
"inLanguage": "nl",
|
||
"author": [
|
||
{ "@type": "Person", "name": "Marco Efftink", "url": "https://www.linkedin.com/in/efftinkconsulting/" },
|
||
{ "@type": "Person", "name": "Erik Engbers", "url": "https://www.linkedin.com/in/erik-engbers-28912112/" }
|
||
],
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "BvPS — Bureau voor Project Structurering",
|
||
"url": "https://www.bvps.nl"
|
||
},
|
||
"mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.bvps.nl/#spm-artikel" },
|
||
"keywords": [
|
||
"strategisch portfoliomanagement", "SPM", "PPM", "portfoliomanagement overheid",
|
||
"portfoliobeheer gemeente", "portfoliocyclus", "capaciteitsmanagement overheid",
|
||
"Fortes Change Cloud", "FCC", "portfoliofunctie", "PMO overheid"
|
||
],
|
||
"about": [
|
||
{ "@type": "Thing", "name": "Strategisch portfoliomanagement", "sameAs": "https://en.wikipedia.org/wiki/Portfolio_management" },
|
||
{ "@type": "Thing", "name": "Portfoliomanagement" },
|
||
{ "@type": "Thing", "name": "Fortes Change Cloud" },
|
||
{ "@type": "Thing", "name": "Overheidsorganisatie" }
|
||
],
|
||
"mentions": [
|
||
{ "@type": "Thing", "name": "SAFe — Scaled Agile Framework" },
|
||
{ "@type": "Thing", "name": "OKR's" },
|
||
{ "@type": "Thing", "name": "Fortes Change Cloud (FCC)" },
|
||
{ "@type": "Thing", "name": "PPM — Project Portfolio Management" },
|
||
{ "@type": "Thing", "name": "PMO — Project Management Office" },
|
||
{ "@type": "Thing", "name": "Planning & Control-cyclus" }
|
||
],
|
||
"speakable": {
|
||
"@type": "SpeakableSpecification",
|
||
"cssSelector": [".artikel-modal-body h2", ".artikel-modal-body .intro", ".artikel-modal-quote"]
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- Structured data: FAQPage (SPM-vragen — featured snippets + AI-antwoorden) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "Wat is strategisch portfoliomanagement (SPM)?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Strategisch portfoliomanagement is het proces waarmee een organisatie bewust keuzes maakt over welke initiatieven, programma's en projecten zij uitvoert — en welke niet. SPM beantwoordt de vraag 'doen we de goede dingen?', terwijl projectmanagement beantwoordt 'doen we de dingen goed?'. Drie kernvragen staan centraal: strategische aansluiting, haalbaarheid en prioritering."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Wat is het verschil tussen SPM en PPM?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "SPM (strategisch portfoliomanagement) richt zich op de afstemming tussen het portfolio en de organisatiestrategie — de 'waarom'-vraag. PPM (project portfolio management) richt zich meer op het operationele beheer van initiatieven in het portfolio — de 'hoe'-vraag. In de praktijk overlappen beide, maar SPM opereert op een hoger strategisch niveau."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Waarom is SPM bij de overheid anders dan in de private sector?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Bij de overheid gelden vier unieke kenmerken: (1) politieke sturing — prioriteiten worden bepaald door coalitieakkoorden en bestuursagenda's; (2) complexe stakeholders — overheidsorganisaties opereren in een web van afhankelijkheden; (3) beperkte uitvoeringscapaciteit door vaste formaties en begrotingscycli; (4) verantwoording en transparantie richting politiek en samenleving."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Is strategisch portfoliomanagement ook geschikt voor kleine gemeenten?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Ja. Ook kleine gemeenten hebben baat bij een gestructureerd intake- en prioriteringsproces, ook al is dat eenvoudiger van opzet. De aanpak en het volwassenheidsniveau dienen passend te zijn bij de organisatieomvang."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Welke software wordt gebruikt voor portfoliomanagement bij de overheid?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Overheidsorganisaties gebruiken uiteenlopende PPM-tools, waaronder Microsoft Project Online, Planisware en Jira Align. Een vooraanstaande Nederlandse oplossing is de Fortes Change Cloud (FCC) — breed ingezet bij gemeenten, provincies, ministeries en uitvoeringsorganisaties. FCC ondersteunt de volledige SPM-cyclus: van ideemanagement en portfoliobeheer tot capaciteitsplanning en rapportage. De keuze voor tooling volgt altijd op een helder ingericht portfolioproces — niet andersom."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Hoe lang duurt de invoering van strategisch portfoliomanagement?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Een basisopzet van SPM kan binnen drie tot zes maanden operationeel zijn. Volledige volwassenheid vraagt doorgaans twee tot drie jaar van doorontwikkeling. De doorlooptijd hangt sterk af van de organisatieomvang en het huidige volwassenheidsniveau."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Hoe verhoudt SPM zich tot de Planning & Control-cyclus?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "SPM en de Planning & Control-cyclus zijn nauw verbonden. De portfoliocyclus is idealiter gesynchroniseerd met de begrotingscyclus, zodat portfoliobeslissingen tijdig worden vertaald naar budgettaire kaders."
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- Structured data: Article (Capaciteitsmanagement overheidsportfolio's — SEO + GEO) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Article",
|
||
"headline": "Capaciteitsmanagement in overheidsportfolio's — van knelpunt naar strategisch stuurmiddel",
|
||
"description": "Capaciteitsmanagement is de kern van portfoliomanagement bij de overheid. Leer hoe je vraag en aanbod in balans brengt en capaciteit inzet als strategisch stuurmiddel.",
|
||
"datePublished": "2025-05-01",
|
||
"dateModified": "2025-05-01",
|
||
"inLanguage": "nl",
|
||
"author": {
|
||
"@type": "Person",
|
||
"name": "Marco Efftink",
|
||
"url": "https://www.linkedin.com/in/efftinkconsulting/"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "BvPS — Bureau voor Project Structurering",
|
||
"url": "https://www.bvps.nl"
|
||
},
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https://www.bvps.nl/artikelen/capaciteitsmanagement-overheidsportfolios.html"
|
||
},
|
||
"about": [
|
||
{ "@type": "Thing", "name": "Capaciteitsmanagement" },
|
||
{ "@type": "Thing", "name": "Portfoliomanagement" },
|
||
{ "@type": "Thing", "name": "PM-CM" },
|
||
{ "@type": "Thing", "name": "Netto verandercapaciteit" }
|
||
],
|
||
"keywords": "capaciteitsmanagement overheid, portfoliomanagement, PM-CM, netto verandercapaciteit, resourcemanagement publieke sector"
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
:root {
|
||
--dark-blue: #003F7D;
|
||
--mid-blue: #0072BC;
|
||
--cyan: #0099CC;
|
||
--steel: #4A6080;
|
||
--light-grey: #F0F4F8;
|
||
--text: #1A2A3A;
|
||
--white: #FFFFFF;
|
||
}
|
||
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
|
||
html { scroll-behavior: smooth; }
|
||
|
||
body {
|
||
font-family: Arial, sans-serif;
|
||
color: var(--text);
|
||
background: var(--white);
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
/* ─── NAV ─────────────────────────────────────────────── */
|
||
nav {
|
||
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
padding: 0 2.5rem; height: 72px;
|
||
background: rgba(255,255,255,0.97);
|
||
backdrop-filter: blur(10px);
|
||
border-bottom: 1px solid rgba(0,63,125,0.08);
|
||
box-shadow: 0 2px 24px rgba(0,63,125,0.07);
|
||
}
|
||
|
||
.nav-logo {
|
||
height: 52px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.nav-links {
|
||
display: flex; gap: 2.2rem;
|
||
}
|
||
|
||
.nav-links a {
|
||
color: var(--steel);
|
||
text-decoration: none;
|
||
font-size: 0.88rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.03em;
|
||
transition: color 0.2s;
|
||
}
|
||
.nav-links a:hover { color: var(--dark-blue); }
|
||
|
||
.nav-cta {
|
||
background: var(--mid-blue);
|
||
color: white;
|
||
border: none;
|
||
padding: 0.55rem 1.4rem;
|
||
border-radius: 6px;
|
||
font-size: 0.88rem;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: background 0.2s, transform 0.15s;
|
||
font-family: inherit;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
.nav-cta:hover { background: var(--dark-blue); transform: translateY(-1px); }
|
||
|
||
/* ─── HERO ─────────────────────────────────────────────── */
|
||
.hero {
|
||
position: relative;
|
||
min-height: 100vh;
|
||
display: flex; align-items: center; justify-content: center;
|
||
background: linear-gradient(135deg, var(--dark-blue) 0%, #005A9E 55%, #006FB3 100%);
|
||
overflow: hidden;
|
||
padding: 6rem 2rem 3rem;
|
||
}
|
||
|
||
.hero-bg-pattern {
|
||
position: absolute; inset: 0;
|
||
background-image:
|
||
radial-gradient(circle at 20% 80%, rgba(0,153,204,0.18) 0%, transparent 50%),
|
||
radial-gradient(circle at 80% 20%, rgba(0,114,188,0.22) 0%, transparent 45%),
|
||
radial-gradient(circle at 50% 50%, rgba(0,63,125,0.15) 0%, transparent 70%);
|
||
}
|
||
|
||
.hero-grid-overlay {
|
||
position: absolute; inset: 0; opacity: 0.04;
|
||
background-image: linear-gradient(rgba(255,255,255,1) 1px, transparent 1px),
|
||
linear-gradient(90deg, rgba(255,255,255,1) 1px, transparent 1px);
|
||
background-size: 60px 60px;
|
||
}
|
||
|
||
.hero-content {
|
||
position: relative; z-index: 2;
|
||
text-align: center;
|
||
max-width: 820px;
|
||
}
|
||
|
||
.hero-tagline {
|
||
display: inline-block;
|
||
font-size: 0.78rem;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
color: rgba(255,255,255,0.65);
|
||
border: 1px solid rgba(255,255,255,0.2);
|
||
padding: 0.35rem 1.1rem;
|
||
border-radius: 100px;
|
||
margin-bottom: 2rem;
|
||
font-family: Arial, sans-serif;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.hero h1 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: clamp(2.1rem, 5vw, 3.4rem);
|
||
font-weight: 800;
|
||
color: white;
|
||
line-height: 1.18;
|
||
margin-bottom: 1.4rem;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
|
||
.hero p {
|
||
font-size: 1.1rem;
|
||
color: rgba(255,255,255,0.78);
|
||
line-height: 1.7;
|
||
max-width: 580px;
|
||
margin: 0 auto 2.5rem;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.hero-btns {
|
||
display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;
|
||
}
|
||
|
||
.btn-primary {
|
||
background: var(--cyan);
|
||
color: white;
|
||
border: none;
|
||
padding: 0.8rem 2rem;
|
||
border-radius: 8px;
|
||
font-size: 0.95rem;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
font-family: inherit;
|
||
}
|
||
.btn-primary:hover { background: #007BA8; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,153,204,0.35); }
|
||
|
||
.btn-outline {
|
||
background: transparent;
|
||
color: white;
|
||
border: 1.5px solid rgba(255,255,255,0.45);
|
||
padding: 0.8rem 2rem;
|
||
border-radius: 8px;
|
||
font-size: 0.95rem;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
font-family: inherit;
|
||
}
|
||
.btn-outline:hover { border-color: white; background: rgba(255,255,255,0.08); transform: translateY(-2px); }
|
||
|
||
.hero-scroll {
|
||
position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
|
||
display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
|
||
color: rgba(255,255,255,0.4);
|
||
font-size: 0.72rem;
|
||
letter-spacing: 0.12em;
|
||
text-transform: uppercase;
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
|
||
.scroll-arrow {
|
||
width: 20px; height: 20px;
|
||
border-right: 2px solid rgba(255,255,255,0.35);
|
||
border-bottom: 2px solid rgba(255,255,255,0.35);
|
||
transform: rotate(45deg);
|
||
animation: scrollBounce 1.8s infinite;
|
||
}
|
||
|
||
@keyframes scrollBounce {
|
||
0%, 100% { transform: rotate(45deg) translateY(0); opacity: 0.4; }
|
||
50% { transform: rotate(45deg) translateY(4px); opacity: 0.9; }
|
||
}
|
||
|
||
|
||
|
||
/* ─── SECTION HELPERS ─────────────────────────────────── */
|
||
.section-wrap {
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
padding: 5rem 2rem;
|
||
}
|
||
|
||
.section-label {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 0.72rem;
|
||
letter-spacing: 0.2em;
|
||
text-transform: uppercase;
|
||
color: var(--cyan);
|
||
font-weight: 700;
|
||
margin-bottom: 0.7rem;
|
||
}
|
||
|
||
.section-title {
|
||
font-family: Arial, sans-serif;
|
||
font-size: clamp(1.7rem, 3.5vw, 2.4rem);
|
||
font-weight: 800;
|
||
color: var(--dark-blue);
|
||
line-height: 1.22;
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.section-lead {
|
||
font-size: 1.05rem;
|
||
color: var(--steel);
|
||
line-height: 1.7;
|
||
max-width: 620px;
|
||
font-weight: 300;
|
||
}
|
||
|
||
/* ─── DIENSTEN ─────────────────────────────────────────── */
|
||
#diensten {
|
||
background: var(--light-grey);
|
||
}
|
||
|
||
#diensten .section-wrap {
|
||
padding-top: 3rem;
|
||
}
|
||
|
||
.diensten-intro {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 4rem;
|
||
margin-bottom: 3.5rem;
|
||
align-items: center;
|
||
}
|
||
|
||
.diensten-intro-img {
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
height: 320px;
|
||
box-shadow: 0 20px 50px rgba(0,63,125,0.15);
|
||
}
|
||
|
||
.diensten-intro-img img {
|
||
width: 100%; height: 100%;
|
||
object-fit: cover;
|
||
filter: saturate(0.85);
|
||
}
|
||
|
||
.dienst-cards {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 1.8rem;
|
||
}
|
||
|
||
.dienst-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 2rem;
|
||
border: 1px solid rgba(0,63,125,0.08);
|
||
box-shadow: 0 4px 20px rgba(0,63,125,0.06);
|
||
transition: transform 0.2s, box-shadow 0.2s;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.dienst-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0; left: 0; right: 0;
|
||
height: 4px;
|
||
background: linear-gradient(90deg, var(--dark-blue), var(--cyan));
|
||
transform: scaleX(0);
|
||
transform-origin: left;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.dienst-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 16px 40px rgba(0,63,125,0.14);
|
||
}
|
||
|
||
.dienst-card:hover::before {
|
||
transform: scaleX(1);
|
||
}
|
||
|
||
.dienst-card--klikbaar {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.dienst-number {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 2.5rem;
|
||
font-weight: 800;
|
||
color: rgba(0,63,125,0.08);
|
||
line-height: 1;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.dienst-card h3 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1.1rem;
|
||
font-weight: 700;
|
||
color: var(--dark-blue);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.dienst-tagline {
|
||
font-size: 0.82rem;
|
||
color: var(--cyan);
|
||
font-weight: 600;
|
||
font-family: Arial, sans-serif;
|
||
margin-bottom: 1rem;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
|
||
.dienst-card p {
|
||
font-size: 0.9rem;
|
||
color: var(--steel);
|
||
line-height: 1.65;
|
||
margin-bottom: 1.2rem;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.dienst-voor {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 0.4rem;
|
||
margin-bottom: 1.2rem;
|
||
}
|
||
|
||
.dienst-voor-label {
|
||
font-size: 0.65rem;
|
||
font-weight: 700;
|
||
font-family: Arial, sans-serif;
|
||
letter-spacing: 0.06em;
|
||
text-transform: uppercase;
|
||
color: var(--dark-blue);
|
||
background: var(--light-grey);
|
||
border: 1px solid rgba(0,63,125,0.15);
|
||
border-radius: 100px;
|
||
padding: 0.25rem 0.7rem;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* ─── WERKWIJZE ────────────────────────────────────────── */
|
||
#werkwijze {
|
||
background: white;
|
||
}
|
||
|
||
.werkwijze-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 5rem;
|
||
align-items: center;
|
||
}
|
||
|
||
.werkwijze-img {
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
height: 420px;
|
||
box-shadow: 0 20px 60px rgba(0,63,125,0.15);
|
||
position: relative;
|
||
}
|
||
|
||
.werkwijze-img img {
|
||
width: 100%; height: 100%;
|
||
object-fit: cover;
|
||
filter: saturate(0.85);
|
||
}
|
||
|
||
.werkwijze-img-overlay {
|
||
position: absolute; inset: 0;
|
||
background: linear-gradient(135deg, rgba(0,63,125,0.25) 0%, transparent 60%);
|
||
}
|
||
|
||
.stappen {
|
||
display: flex; flex-direction: column; gap: 1.8rem;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
.stap {
|
||
display: flex; gap: 1.2rem;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.stap-icon {
|
||
width: 44px; height: 44px;
|
||
border-radius: 10px;
|
||
background: linear-gradient(135deg, var(--dark-blue), var(--mid-blue));
|
||
display: flex; align-items: center; justify-content: center;
|
||
flex-shrink: 0;
|
||
color: white;
|
||
}
|
||
|
||
.stap-icon svg {
|
||
width: 20px; height: 20px;
|
||
fill: white;
|
||
}
|
||
|
||
.stap h4 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1rem;
|
||
font-weight: 700;
|
||
color: var(--dark-blue);
|
||
margin-bottom: 0.3rem;
|
||
}
|
||
|
||
.stap p {
|
||
font-size: 0.9rem;
|
||
color: var(--steel);
|
||
line-height: 1.6;
|
||
font-weight: 300;
|
||
}
|
||
|
||
/* ─── QUOTE BAND ───────────────────────────────────────── */
|
||
.quote-band {
|
||
background: linear-gradient(135deg, var(--dark-blue), #005A9E);
|
||
padding: 3.5rem 2rem;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.quote-band::before {
|
||
content: '';
|
||
position: absolute; inset: 0;
|
||
background: radial-gradient(circle at 30% 50%, rgba(0,153,204,0.2) 0%, transparent 50%),
|
||
radial-gradient(circle at 70% 50%, rgba(0,114,188,0.15) 0%, transparent 50%);
|
||
}
|
||
|
||
.quote-text {
|
||
position: relative; z-index: 1;
|
||
font-family: Arial, sans-serif;
|
||
font-size: clamp(1.2rem, 2.5vw, 1.7rem);
|
||
font-weight: 600;
|
||
color: white;
|
||
max-width: 700px;
|
||
margin: 0 auto 1rem;
|
||
line-height: 1.45;
|
||
font-style: italic;
|
||
}
|
||
|
||
.quote-attr {
|
||
position: relative; z-index: 1;
|
||
font-size: 0.8rem;
|
||
color: rgba(255,255,255,0.55);
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
font-family: Arial, sans-serif;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ─── OVER ONS ─────────────────────────────────────────── */
|
||
#over {
|
||
background: var(--light-grey);
|
||
}
|
||
|
||
.over-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 5rem;
|
||
align-items: center;
|
||
}
|
||
|
||
.team-cards {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 1.2rem;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
.team-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 1.8rem;
|
||
border: 1px solid rgba(0,63,125,0.07);
|
||
box-shadow: 0 4px 16px rgba(0,63,125,0.06);
|
||
}
|
||
|
||
.team-card-role {
|
||
font-size: 0.75rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.12em;
|
||
color: var(--cyan);
|
||
font-family: Arial, sans-serif;
|
||
font-weight: 700;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.team-card-name {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1.15rem;
|
||
font-weight: 800;
|
||
color: var(--dark-blue);
|
||
margin-bottom: 0.7rem;
|
||
}
|
||
|
||
.team-card p {
|
||
font-size: 0.87rem;
|
||
color: var(--steel);
|
||
line-height: 1.6;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.linkedin-link {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.5rem;
|
||
margin-top: 0.5rem;
|
||
color: #0072BC;
|
||
text-decoration: none;
|
||
font-size: 0.85rem;
|
||
font-weight: 600;
|
||
transition: color 0.2s;
|
||
}
|
||
.linkedin-link:hover { color: #003F7D; }
|
||
.linkedin-link svg {
|
||
width: 20px; height: 20px;
|
||
fill: #0072BC;
|
||
flex-shrink: 0;
|
||
transition: fill 0.2s;
|
||
}
|
||
.linkedin-link:hover svg { fill: #003F7D; }
|
||
|
||
.waarden-list {
|
||
list-style: none;
|
||
margin-top: 1.8rem;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0.8rem;
|
||
}
|
||
|
||
.waarden-list li {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 0.8rem;
|
||
font-size: 0.92rem;
|
||
color: var(--steel);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.waarden-dot {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--cyan);
|
||
margin-top: 0.4rem;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
/* ─── OVER FOTO ────────────────────────────────────────── */
|
||
.over-img-wrap {
|
||
position: relative;
|
||
}
|
||
|
||
.over-img {
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
height: 500px;
|
||
box-shadow: 0 20px 60px rgba(0,63,125,0.15);
|
||
}
|
||
|
||
.over-img img {
|
||
width: 100%; height: 100%;
|
||
object-fit: cover;
|
||
filter: saturate(0.85);
|
||
}
|
||
|
||
.over-img-badge {
|
||
position: absolute;
|
||
bottom: -1.5rem;
|
||
right: -1.5rem;
|
||
background: var(--dark-blue);
|
||
color: white;
|
||
padding: 1.2rem 1.5rem;
|
||
border-radius: 12px;
|
||
font-family: Arial, sans-serif;
|
||
font-size: 0.8rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.05em;
|
||
text-align: center;
|
||
box-shadow: 0 8px 24px rgba(0,63,125,0.3);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.over-img-badge span {
|
||
display: block;
|
||
font-size: 1.6rem;
|
||
font-weight: 800;
|
||
color: var(--cyan);
|
||
}
|
||
|
||
/* ─── CONTACT ──────────────────────────────────────────── */
|
||
#contact {
|
||
background: white;
|
||
}
|
||
|
||
.contact-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 5rem;
|
||
align-items: start;
|
||
}
|
||
|
||
.contact-info {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1.5rem;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
.contact-item {
|
||
display: flex;
|
||
gap: 1rem;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.contact-icon {
|
||
width: 42px; height: 42px;
|
||
border-radius: 8px;
|
||
background: var(--light-grey);
|
||
display: flex; align-items: center; justify-content: center;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.contact-icon svg {
|
||
width: 18px; height: 18px;
|
||
fill: var(--mid-blue);
|
||
}
|
||
|
||
.contact-item-label {
|
||
font-size: 0.75rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
color: var(--cyan);
|
||
font-family: Arial, sans-serif;
|
||
font-weight: 700;
|
||
margin-bottom: 0.2rem;
|
||
}
|
||
|
||
.contact-item-val {
|
||
font-size: 0.95rem;
|
||
color: var(--text);
|
||
font-weight: 400;
|
||
}
|
||
|
||
.contact-form-wrap {
|
||
background: var(--light-grey);
|
||
border-radius: 16px;
|
||
padding: 2.5rem;
|
||
}
|
||
|
||
.form-row {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 1rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.form-group {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0.4rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.form-group label {
|
||
font-size: 0.82rem;
|
||
font-weight: 600;
|
||
color: var(--dark-blue);
|
||
font-family: Arial, sans-serif;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.form-group input,
|
||
.form-group textarea,
|
||
.form-group select {
|
||
padding: 0.75rem 1rem;
|
||
border-radius: 8px;
|
||
border: 1.5px solid rgba(0,63,125,0.15);
|
||
font-size: 0.9rem;
|
||
font-family: inherit;
|
||
color: var(--text);
|
||
background: white;
|
||
transition: border-color 0.2s;
|
||
outline: none;
|
||
}
|
||
|
||
.form-group input:focus,
|
||
.form-group textarea:focus,
|
||
.form-group select:focus {
|
||
border-color: var(--mid-blue);
|
||
}
|
||
|
||
.form-group textarea {
|
||
height: 120px;
|
||
resize: vertical;
|
||
}
|
||
|
||
.form-submit {
|
||
background: var(--dark-blue);
|
||
color: white;
|
||
border: none;
|
||
padding: 0.85rem 2.2rem;
|
||
border-radius: 8px;
|
||
font-size: 0.92rem;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
font-family: inherit;
|
||
width: 100%;
|
||
letter-spacing: 0.03em;
|
||
}
|
||
|
||
.form-submit:hover {
|
||
background: var(--mid-blue);
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 8px 24px rgba(0,63,125,0.25);
|
||
}
|
||
|
||
/* ─── ARTIKEL LINK ─────────────────────────────────────── */
|
||
.dienst-artikel-link {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.4rem;
|
||
margin-top: 0.8rem;
|
||
color: var(--mid-blue);
|
||
text-decoration: none;
|
||
font-size: 0.88rem;
|
||
font-weight: 600;
|
||
font-family: Arial, sans-serif;
|
||
border-bottom: 1.5px solid transparent;
|
||
transition: border-color 0.2s, color 0.2s;
|
||
cursor: pointer;
|
||
background: none;
|
||
border-left: none;
|
||
border-right: none;
|
||
border-top: none;
|
||
padding: 0;
|
||
}
|
||
.dienst-artikel-link:hover {
|
||
color: var(--dark-blue);
|
||
border-bottom-color: var(--dark-blue);
|
||
}
|
||
.dienst-artikel-link svg { flex-shrink: 0; transition: transform 0.2s; }
|
||
.dienst-artikel-link:hover svg { transform: translateX(3px); }
|
||
|
||
/* ─── ARTIKEL MODAL ─────────────────────────────────────── */
|
||
.artikel-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
inset: 0;
|
||
background: rgba(0, 20, 50, 0.72);
|
||
z-index: 500;
|
||
overflow-y: auto;
|
||
padding: 2rem 1rem;
|
||
}
|
||
.artikel-overlay.open { display: block; }
|
||
|
||
.artikel-modal {
|
||
max-width: 760px;
|
||
margin: 0 auto;
|
||
background: white;
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
box-shadow: 0 24px 64px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.artikel-modal-header {
|
||
background: linear-gradient(135deg, var(--dark-blue) 0%, #005A9E 60%, var(--cyan) 100%);
|
||
padding: 2.5rem 2.5rem 2rem;
|
||
}
|
||
.artikel-modal-dienst {
|
||
display: inline-block;
|
||
background: rgba(255,255,255,0.15);
|
||
border: 1px solid rgba(255,255,255,0.3);
|
||
color: rgba(255,255,255,0.9);
|
||
font-size: 0.7rem;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
font-weight: 700;
|
||
font-family: Arial, sans-serif;
|
||
padding: 0.3rem 0.9rem;
|
||
border-radius: 100px;
|
||
margin-bottom: 1rem;
|
||
}
|
||
.artikel-modal-header h1 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: clamp(1.3rem, 3vw, 1.8rem);
|
||
font-weight: 800;
|
||
color: white;
|
||
line-height: 1.2;
|
||
margin-bottom: 0.5rem;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
.artikel-modal-header .subtitel {
|
||
color: rgba(255,255,255,0.78);
|
||
font-size: 0.95rem;
|
||
margin-bottom: 1.2rem;
|
||
}
|
||
.artikel-modal-meta {
|
||
display: flex;
|
||
gap: 1.5rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
.artikel-modal-meta span {
|
||
font-size: 0.78rem;
|
||
color: rgba(255,255,255,0.65);
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
|
||
.artikel-modal-body {
|
||
padding: 2.5rem;
|
||
position: relative;
|
||
}
|
||
.artikel-modal-close {
|
||
position: absolute;
|
||
top: 1.2rem;
|
||
right: 1.2rem;
|
||
width: 34px; height: 34px;
|
||
border-radius: 50%;
|
||
background: var(--light-grey);
|
||
border: none;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
color: var(--steel);
|
||
display: flex; align-items: center; justify-content: center;
|
||
transition: background 0.2s, color 0.2s;
|
||
font-family: Arial, sans-serif;
|
||
line-height: 1;
|
||
}
|
||
.artikel-modal-close:hover { background: var(--mid-blue); color: white; }
|
||
|
||
.artikel-modal-body .intro {
|
||
font-size: 1rem;
|
||
color: var(--text);
|
||
line-height: 1.75;
|
||
margin-bottom: 1.5rem;
|
||
font-weight: 600;
|
||
}
|
||
.artikel-modal-body h2 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1.2rem;
|
||
font-weight: 800;
|
||
color: var(--dark-blue);
|
||
margin: 2rem 0 0.6rem;
|
||
padding-top: 1.2rem;
|
||
border-top: 1px solid var(--light-grey);
|
||
letter-spacing: -0.01em;
|
||
}
|
||
.artikel-modal-body h2:first-of-type { margin-top: 0; border-top: none; padding-top: 0; }
|
||
.artikel-modal-body h3 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1rem;
|
||
font-weight: 700;
|
||
color: var(--mid-blue);
|
||
margin: 1.4rem 0 0.4rem;
|
||
}
|
||
.artikel-modal-body p {
|
||
font-size: 0.92rem;
|
||
color: var(--steel);
|
||
line-height: 1.75;
|
||
margin-bottom: 0.9rem;
|
||
}
|
||
.artikel-modal-body ol,
|
||
.artikel-modal-body ul {
|
||
padding-left: 1.5rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
.artikel-modal-body li {
|
||
font-size: 0.92rem;
|
||
color: var(--steel);
|
||
line-height: 1.75;
|
||
margin-bottom: 0.4rem;
|
||
}
|
||
.artikel-modal-quote {
|
||
background: var(--light-grey);
|
||
border-left: 4px solid var(--cyan);
|
||
padding: 1rem 1.4rem;
|
||
border-radius: 0 8px 8px 0;
|
||
margin: 1.4rem 0;
|
||
font-style: italic;
|
||
font-size: 0.97rem;
|
||
color: var(--dark-blue);
|
||
line-height: 1.6;
|
||
}
|
||
.artikel-modal-table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
margin: 1.4rem 0;
|
||
font-size: 0.87rem;
|
||
}
|
||
.artikel-modal-table th {
|
||
background: var(--dark-blue);
|
||
color: white;
|
||
padding: 0.7rem 1rem;
|
||
text-align: left;
|
||
font-family: Arial, sans-serif;
|
||
font-weight: 700;
|
||
}
|
||
.artikel-modal-table td {
|
||
padding: 0.7rem 1rem;
|
||
border-bottom: 1px solid var(--light-grey);
|
||
color: var(--text);
|
||
vertical-align: top;
|
||
line-height: 1.5;
|
||
}
|
||
.artikel-modal-table tr:nth-child(even) td { background: var(--light-grey); }
|
||
|
||
.faq-item { border: 1px solid rgba(0,63,125,0.1); border-radius: 8px; margin-bottom: 0.7rem; overflow: hidden; }
|
||
.faq-vraag {
|
||
width: 100%; background: none; border: none;
|
||
padding: 0.9rem 1.1rem;
|
||
text-align: left; cursor: pointer;
|
||
font-family: Arial, sans-serif; font-size: 0.9rem; font-weight: 700; color: var(--dark-blue);
|
||
display: flex; justify-content: space-between; align-items: center;
|
||
transition: background 0.2s;
|
||
}
|
||
.faq-vraag:hover, .faq-vraag.open { background: var(--light-grey); }
|
||
.faq-arrow { font-size: 11px; color: var(--mid-blue); transition: transform 0.2s; }
|
||
.faq-vraag.open .faq-arrow { transform: rotate(180deg); }
|
||
.faq-antwoord { display: none; padding: 0 1.1rem 0.9rem; font-size: 0.88rem; color: var(--steel); line-height: 1.7; }
|
||
.faq-antwoord.open { display: block; }
|
||
|
||
.artikel-modal-cta {
|
||
background: linear-gradient(135deg, var(--dark-blue), var(--mid-blue));
|
||
padding: 1.8rem 2.5rem;
|
||
margin-top: 1rem;
|
||
}
|
||
.artikel-modal-cta p { color: white; font-size: 0.95rem; margin-bottom: 0.9rem; }
|
||
.artikel-modal-cta a {
|
||
display: inline-block;
|
||
background: white; color: var(--dark-blue);
|
||
padding: 0.65rem 1.5rem; border-radius: 6px;
|
||
text-decoration: none; font-weight: 700; font-size: 0.88rem;
|
||
transition: background 0.2s, color 0.2s;
|
||
}
|
||
.artikel-modal-cta a:hover { background: var(--cyan); color: white; }
|
||
|
||
/* ─── INZICHTEN ────────────────────────────────────────── */
|
||
#inzichten {
|
||
background: var(--light-grey);
|
||
}
|
||
|
||
.inzichten-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 1.8rem;
|
||
margin-top: 3rem;
|
||
}
|
||
|
||
.inzicht-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
border: 1px solid rgba(0,63,125,0.08);
|
||
box-shadow: 0 4px 20px rgba(0,63,125,0.06);
|
||
overflow: hidden;
|
||
transition: transform 0.2s, box-shadow 0.2s;
|
||
display: flex;
|
||
flex-direction: column;
|
||
text-decoration: none;
|
||
color: inherit;
|
||
}
|
||
|
||
.inzicht-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 16px 40px rgba(0,63,125,0.14);
|
||
}
|
||
|
||
.inzicht-card-top {
|
||
height: 6px;
|
||
background: linear-gradient(90deg, var(--dark-blue), var(--cyan));
|
||
}
|
||
|
||
.inzicht-card-body {
|
||
padding: 1.8rem;
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.inzicht-meta {
|
||
display: flex;
|
||
gap: 0.8rem;
|
||
align-items: center;
|
||
margin-bottom: 1rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.inzicht-label {
|
||
font-size: 0.65rem;
|
||
font-weight: 700;
|
||
font-family: Arial, sans-serif;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
color: white;
|
||
background: var(--mid-blue);
|
||
border-radius: 100px;
|
||
padding: 0.25rem 0.75rem;
|
||
}
|
||
|
||
.inzicht-date {
|
||
font-size: 0.75rem;
|
||
color: var(--steel);
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
|
||
.inzicht-card h3 {
|
||
font-family: Arial, sans-serif;
|
||
font-size: 1.05rem;
|
||
font-weight: 800;
|
||
color: var(--dark-blue);
|
||
line-height: 1.3;
|
||
margin-bottom: 0.75rem;
|
||
letter-spacing: -0.01em;
|
||
}
|
||
|
||
.inzicht-card p {
|
||
font-size: 0.88rem;
|
||
color: var(--steel);
|
||
line-height: 1.7;
|
||
margin-bottom: 1.2rem;
|
||
flex: 1;
|
||
}
|
||
|
||
.inzicht-readmore {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.4rem;
|
||
font-size: 0.82rem;
|
||
font-weight: 700;
|
||
font-family: Arial, sans-serif;
|
||
color: var(--mid-blue);
|
||
letter-spacing: 0.02em;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.inzicht-readmore svg { transition: transform 0.2s; }
|
||
|
||
.inzicht-card:hover .inzicht-readmore { color: var(--dark-blue); }
|
||
.inzicht-card:hover .inzicht-readmore svg { transform: translateX(4px); }
|
||
|
||
.inzichten-meer {
|
||
text-align: center;
|
||
margin-top: 2.5rem;
|
||
}
|
||
|
||
.inzichten-meer a {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.5rem;
|
||
font-size: 0.88rem;
|
||
font-weight: 700;
|
||
font-family: Arial, sans-serif;
|
||
color: var(--mid-blue);
|
||
text-decoration: none;
|
||
border: 2px solid var(--mid-blue);
|
||
padding: 0.65rem 1.6rem;
|
||
border-radius: 8px;
|
||
transition: all 0.2s;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.inzichten-meer a:hover {
|
||
background: var(--mid-blue);
|
||
color: white;
|
||
}
|
||
|
||
/* ─── FOOTER ───────────────────────────────────────────── */
|
||
footer {
|
||
background: #111B27;
|
||
padding: 2rem;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
gap: 1rem;
|
||
}
|
||
|
||
.footer-logo {
|
||
height: 28px;
|
||
filter: brightness(0) invert(1);
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.footer-text {
|
||
font-size: 0.78rem;
|
||
color: rgba(255,255,255,0.35);
|
||
text-align: center;
|
||
}
|
||
|
||
.footer-links {
|
||
display: flex;
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.footer-links a {
|
||
font-size: 0.78rem;
|
||
color: rgba(255,255,255,0.4);
|
||
text-decoration: none;
|
||
transition: color 0.2s;
|
||
}
|
||
.footer-links a:hover { color: rgba(255,255,255,0.8); }
|
||
|
||
/* ─── RESPONSIVE ───────────────────────────────────────── */
|
||
@media (max-width: 900px) {
|
||
.dienst-cards { grid-template-columns: 1fr; }
|
||
.inzichten-grid { grid-template-columns: 1fr; }
|
||
.werkwijze-grid,
|
||
.over-grid,
|
||
.contact-grid,
|
||
.diensten-intro { grid-template-columns: 1fr; gap: 2.5rem; }
|
||
.photo-band { height: 200px; }
|
||
.team-cards { grid-template-columns: 1fr; }
|
||
.over-img { height: 320px; }
|
||
.werkwijze-img { height: 280px; }
|
||
.over-img-badge { right: 1rem; bottom: 1rem; }
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
nav { padding: 0 1.2rem; }
|
||
.nav-links { display: none; }
|
||
.photo-band { grid-template-columns: 1fr; height: 200px; }
|
||
.photo-band-item:not(:first-child) { display: none; }
|
||
.form-row { grid-template-columns: 1fr; }
|
||
}
|
||
|
||
/* ─── KLANTEN LOGO BANNER ───────────────────────────────────── */
|
||
.klanten-banner {
|
||
background: #003F7D;
|
||
padding: 0;
|
||
overflow: hidden;
|
||
border-top: 1px solid rgba(0,0,0,0.22);
|
||
}
|
||
.klanten-label {
|
||
text-align: center;
|
||
font-family: Arial, sans-serif;
|
||
font-size: 0.66rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.17em;
|
||
text-transform: uppercase;
|
||
color: rgba(255,255,255,0.35);
|
||
margin: 0;
|
||
padding: 0.9rem 0 0;
|
||
}
|
||
.klanten-marquee-outer {
|
||
position: relative;
|
||
overflow: hidden;
|
||
height: 200px;
|
||
mask-image: linear-gradient(to right, transparent 0%, #003F7D 7%, #003F7D 93%, transparent 100%);
|
||
-webkit-mask-image: linear-gradient(to right, transparent 0%, #003F7D 7%, #003F7D 93%, transparent 100%);
|
||
}
|
||
.klanten-marquee-track {
|
||
display: flex;
|
||
align-items: center;
|
||
width: max-content;
|
||
animation: klanten-scroll 42s linear infinite;
|
||
animation-play-state: paused;
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.klanten-marquee-track { animation: none; }
|
||
}
|
||
.klanten-marquee-track:hover { animation-play-state: paused; }
|
||
@keyframes klanten-scroll {
|
||
0% { transform: translateX(0); }
|
||
100% { transform: translateX(var(--klanten-scroll-px, -50%)); }
|
||
}
|
||
.klanten-slot {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 0 48px;
|
||
height: 200px;
|
||
flex-shrink: 0;
|
||
border-right: 1px solid rgba(255,255,255,0.07);
|
||
}
|
||
.klanten-slot img {
|
||
max-height: 150px;
|
||
max-width: 480px;
|
||
width: auto;
|
||
object-fit: contain;
|
||
opacity: 0.5;
|
||
transition: opacity 0.3s ease, transform 0.3s ease;
|
||
/* Logos zijn wit-op-transparant — geen filter nodig */
|
||
}
|
||
.klanten-slot:hover img {
|
||
opacity: 1;
|
||
transform: scale(1.07);
|
||
}
|
||
.klanten-marquee-outer.is-dragging {
|
||
cursor: grabbing;
|
||
}
|
||
.klanten-marquee-outer {
|
||
cursor: grab;
|
||
}
|
||
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav>
|
||
<img src="data:image/png;base64,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" class="nav-logo" alt="BvPS logo"
|
||
onclick="document.getElementById('home').scrollIntoView({behavior:'smooth'})" />
|
||
<div class="nav-links">
|
||
<a href="#diensten">Diensten</a>
|
||
<a href="#werkwijze">Werkwijze</a>
|
||
<a href="#over">Over ons</a>
|
||
<a href="#inzichten">Inzichten</a>
|
||
<a href="#contact">Contact</a>
|
||
</div>
|
||
<button class="nav-cta" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Neem contact op</button>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero" id="home">
|
||
<div class="hero-bg-pattern"></div>
|
||
<div class="hero-grid-overlay"></div>
|
||
<div class="hero-content">
|
||
<div class="hero-tagline">Verbinden · Structureren · Realiseren</div>
|
||
<h1>Portfoliomanagement in de publieke sector</h1>
|
||
<p>Wij helpen overheden, gemeenten, rijksdiensten en publieke organisaties zoals ziekenhuizen en opleidingsinstituten om hun portfolio- en projectmanagementorganisatie te versterken — zodat verandering niet vastloopt, maar écht van de grond komt.</p>
|
||
<div class="hero-btns">
|
||
<button class="btn-primary" onclick="document.getElementById('diensten').scrollIntoView({behavior:'smooth'})">Ontdek onze diensten</button>
|
||
<button class="btn-outline" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Neem contact op</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- DIENSTEN -->
|
||
<section id="diensten">
|
||
<div class="section-wrap">
|
||
<div class="diensten-intro">
|
||
<div>
|
||
<div class="section-label">Wat wij doen</div>
|
||
<h2 class="section-title">Onze diensten: PPM, SPM & FCC</h2>
|
||
<p class="section-lead">Wij helpen publieke organisaties bij het inrichten van strategisch portfoliomanagement (SPM) — zodat initiatieven aansluiten op de strategie en in de juiste volgorde worden opgepakt. We brengen grip op capaciteit via een structureel PM-CM proces, zodat de organisatie weet wat ze kan en bewuste keuzes maakt. Ook implementeren we Fortes Change Cloud van A tot Z: van configuratie en inrichting tot training en beheer. Drie diensten, één doel: een projectmanagementorganisatie die écht werkt.</p>
|
||
</div>
|
||
<div class="diensten-intro-img">
|
||
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=800&auto=format&fit=crop" alt="Samenwerken aan portfoliostructuur" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dienst-cards">
|
||
<!-- Dienst 1 -->
|
||
<div class="dienst-card dienst-card--klikbaar" onclick="openArtikel()" role="button" tabindex="0" aria-label="Lees artikel over strategisch portfoliomanagement" onkeydown="if(event.key==='Enter'||event.key===' ')openArtikel()">
|
||
<div class="dienst-number">01</div>
|
||
<h3>Strategisch portfoliomanagement & organisatie-inrichting</h3>
|
||
<div class="dienst-voor">
|
||
<span class="dienst-voor-label">Gemeenten</span>
|
||
<span class="dienst-voor-label">Provincies</span>
|
||
<span class="dienst-voor-label">Rijksdiensten</span>
|
||
<span class="dienst-voor-label">Publieke samenwerkingsverbanden</span>
|
||
</div>
|
||
<div class="dienst-tagline">Van losse initiatieven naar een samenhangende veranderagenda die aansluit op de strategie</div>
|
||
<p>We brengen de huidige portfoliostructuur in kaart en bepalen samen welke processen, rollen en verantwoordelijkheden nodig zijn. We helpen bij het inrichten van SPM-processen — van idee tot initiatiefbeslissing — en zorgen dat de verbinding met de lijnorganisatie en capaciteit goed is belegd.</p>
|
||
<p>Of je nu traditioneel werkt, volledig Agile, of ergens daartussenin: wij zorgen dat strategie en uitvoering op elkaar aansluiten — zodat de juiste initiatieven worden uitgevoerd, in de juiste volgorde, met de juiste mensen.</p>
|
||
</div>
|
||
|
||
<!-- Dienst 2 -->
|
||
<div class="dienst-card dienst-card--klikbaar" onclick="openCapaciteit()" role="button" tabindex="0" aria-label="Lees artikel over capaciteitsmanagement in overheidsportfolio's" onkeydown="if(event.key==='Enter'||event.key===' ')openCapaciteit()">
|
||
<div class="dienst-number">02</div>
|
||
<h3>Capaciteitsmanagement naar een hogere volwassenheid</h3>
|
||
<div class="dienst-voor">
|
||
<span class="dienst-voor-label">Organisaties met meerdere portfolio's</span>
|
||
<span class="dienst-voor-label">Resourcemanagers</span>
|
||
<span class="dienst-voor-label">PMO-teams</span>
|
||
<span class="dienst-voor-label">Lijnmanagers</span>
|
||
</div>
|
||
<div class="dienst-tagline">Grip op wie wanneer beschikbaar is — en wat dat betekent voor je veranderplannen</div>
|
||
<p>We richten het PM-CM proces in: van het bepalen van netto verandercapaciteit, tot het koppelen van capaciteitsvraag aan het portfolio-overzicht. We werken op drie niveaus: strategisch plannen, tactisch afwegen en operationeel aanvragen en alloceren.</p>
|
||
<p>Daarbij besteden we aandacht aan rollen, verantwoordelijkheden en de benodigde PDCA-cyclus om het proces actueel te houden — zodat de organisatie bewuste keuzes kan maken over welke veranderwensen wanneer uitvoerbaar zijn.</p>
|
||
</div>
|
||
|
||
<!-- Dienst 3 -->
|
||
<div class="dienst-card">
|
||
<div class="dienst-number">03</div>
|
||
<h3>Implementatie Fortes Change Cloud</h3>
|
||
<div class="dienst-voor">
|
||
<span class="dienst-voor-label">Nieuwe FCC-gebruikers</span>
|
||
<span class="dienst-voor-label">Organisaties die herinrichten</span>
|
||
<span class="dienst-voor-label">Teams zonder intern FCC-beheer</span>
|
||
<span class="dienst-voor-label">Uitbesteding beheer</span>
|
||
</div>
|
||
<div class="dienst-tagline">Tooling die werkt, omdat de processen erachter kloppen</div>
|
||
<p>We begeleiden al ruim 25 jaar de volledige implementatie van Fortes Change Cloud: inrichting van portfolio-, programma- en initiatiefmanagementprocessen in de tool, configuratie op basis van de organisatiespecifieke situatie, training van gebruikers en beheerders, en structurele begeleiding na livegang.</p>
|
||
<p>Na de implementatie stopt onze betrokkenheid niet. Via een flexibele strippenkaartconstructie kunnen organisaties het FCC-beheer geheel of gedeeltelijk aan BvPS overdragen — zonder vast contract of lange doorlooptijden.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- QUOTE BAND -->
|
||
<div class="quote-band">
|
||
<p class="quote-text">"Wij verkopen geen mooie verhalen. Wij zorgen dat de structuur klopt, de mensen verbonden zijn en de verandering daadwerkelijk landt."</p>
|
||
<div class="quote-attr">Bureau voor Project Structurering</div>
|
||
</div>
|
||
|
||
<!-- WERKWIJZE -->
|
||
<section id="werkwijze">
|
||
<div class="section-wrap">
|
||
<div class="werkwijze-grid">
|
||
<div class="werkwijze-img">
|
||
<img src="https://images.unsplash.com/photo-1582213782179-e0d53f98f2ca?w=800&auto=format&fit=crop" alt="Samenwerken aan project" />
|
||
<div class="werkwijze-img-overlay"></div>
|
||
</div>
|
||
<div>
|
||
<div class="section-label">Hoe wij werken</div>
|
||
<h2 class="section-title">Onze aanpak</h2>
|
||
<p class="section-lead">We starten altijd vanuit de vraag achter de vraag: hoe zorgen we dat de organisatie regie houdt over haar veranderagenda?</p>
|
||
<div class="stappen">
|
||
<div class="stap">
|
||
<div class="stap-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Vraag achter de vraag</h4>
|
||
<p>We beginnen niet met een standaard aanpak, maar onderzoeken eerst wat de organisatie écht nodig heeft. De vraag achter de vraag bepaalt de richting.</p>
|
||
</div>
|
||
</div>
|
||
<div class="stap">
|
||
<div class="stap-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Structuur aanbrengen</h4>
|
||
<p>We bouwen een heldere structuur — van processen en rollen tot besluitvorming en capaciteitsplanning — afgestemd op de specifieke situatie van de organisatie.</p>
|
||
</div>
|
||
</div>
|
||
<div class="stap">
|
||
<div class="stap-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Mensen verbinden</h4>
|
||
<p>Structuur werkt pas als mensen ermee werken. Wij zorgen voor verbinding tussen alle betrokken partijen — van bestuur tot uitvoerend team.</p>
|
||
</div>
|
||
</div>
|
||
<div class="stap">
|
||
<div class="stap-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Resultaat realiseren</h4>
|
||
<p>Wat wij beloven, maken wij waar. We blijven betrokken tot de verandering écht is geland — niet tot de opdracht op papier klaar is.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- OVER ONS -->
|
||
<section id="over">
|
||
<div class="section-wrap">
|
||
<div class="over-grid">
|
||
<div>
|
||
<div class="section-label">Over ons</div>
|
||
<h2 class="section-title">Geen anoniem bureau</h2>
|
||
<p class="section-lead">Achter BvPS staan Marco Efftink en Erik Engbers — twee partners met jarenlange inhoudelijke kennis en praktijkervaring in projectstructurering.</p>
|
||
|
||
|
||
<ul class="waarden-list">
|
||
<li><div class="waarden-dot"></div><span><strong>Verbinding</strong> — wij zoeken altijd de mens achter de opdracht</span></li>
|
||
<li><div class="waarden-dot"></div><span><strong>Inhoud boven imago</strong> — wij verkopen geen praatjes, wij leveren resultaat</span></li>
|
||
<li><div class="waarden-dot"></div><span><strong>Helderheid</strong> — overzicht en structuur, ook als het ingewikkeld wordt</span></li>
|
||
<li><div class="waarden-dot"></div><span><strong>Betrouwbaarheid</strong> — wat wij beloven, maken wij waar</span></li>
|
||
</ul>
|
||
|
||
<div class="team-cards" style="margin-top:2rem;">
|
||
<div class="team-card">
|
||
<div class="team-card-role">Partner</div>
|
||
<div class="team-card-name">Marco Efftink</div>
|
||
<a href="https://www.linkedin.com/in/efftinkconsulting/?skipRedirect=true" target="_blank" class="linkedin-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
||
Bekijk LinkedIn-profiel
|
||
</a>
|
||
</div>
|
||
<div class="team-card">
|
||
<div class="team-card-role">Partner</div>
|
||
<div class="team-card-name">Erik Engbers</div>
|
||
<a href="https://www.linkedin.com/in/erik-engbers-28912112/" target="_blank" class="linkedin-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
||
Bekijk LinkedIn-profiel
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="over-img-wrap">
|
||
<div class="over-img">
|
||
<img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?w=800&auto=format&fit=crop" alt="Overleg in publieke sector" />
|
||
</div>
|
||
<div class="over-img-badge">
|
||
<span>20+</span>
|
||
jaar ervaring<br>in de publieke sector
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- INZICHTEN -->
|
||
<section id="inzichten">
|
||
<div class="section-wrap">
|
||
<div class="section-label">Kennisbank</div>
|
||
<h2 class="section-title">Inzichten uit de praktijk</h2>
|
||
|
||
<div class="inzichten-grid" id="inzichten-grid">
|
||
<!-- Gevuld door artikelen/artikelen.js -->
|
||
</div>
|
||
|
||
<div class="inzichten-meer">
|
||
<a href="artikelen/index.html">
|
||
Alle inzichten
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CONTACT -->
|
||
<section id="contact">
|
||
<div class="section-wrap">
|
||
<div class="contact-grid">
|
||
<div>
|
||
<div class="section-label">Contact</div>
|
||
<h2 class="section-title">Laten we kennismaken</h2>
|
||
<p class="section-lead">De uitdaging zit zelden in de goede wil — iedereen werkt hard en doet zijn best. Maar als geheel loopt de verandering toch vast. Herken je dat? Neem gerust contact op voor een vrijblijvend gesprek.</p>
|
||
|
||
<div class="contact-info">
|
||
<div class="contact-item">
|
||
<div class="contact-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="contact-item-label">E-mail</div>
|
||
<div class="contact-item-val">info@bvps.nl</div>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="contact-item-label">Adres</div>
|
||
<div class="contact-item-val">Oude Beekbergerweg 111<br>7331 HN Apeldoorn</div>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<div class="contact-icon">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 100 20A10 10 0 0012 2zm1 17.93V18a1 1 0 00-2 0v1.93A8.001 8.001 0 014.07 13H6a1 1 0 000-2H4.07A8.001 8.001 0 0111 4.07V6a1 1 0 002 0V4.07A8.001 8.001 0 0119.93 11H18a1 1 0 000 2h1.93A8.001 8.001 0 0113 19.93z"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="contact-item-label">Website</div>
|
||
<div class="contact-item-val">www.bvps.nl</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-form-wrap">
|
||
<div id="form-success" style="display:none; background:#e6f4ea; border:1px solid #0099CC; border-radius:8px; padding:1.2rem 1.5rem; margin-bottom:1.2rem; color:#003F7D; font-size:0.95rem; line-height:1.6;">
|
||
✓ <strong>Uw bericht is verzonden.</strong> Wij nemen zo spoedig mogelijk contact met u op.
|
||
</div>
|
||
<div id="form-error" style="display:none; background:#fdecea; border:1px solid #e53935; border-radius:8px; padding:1.2rem 1.5rem; margin-bottom:1.2rem; color:#b71c1c; font-size:0.95rem; line-height:1.6;">
|
||
✕ <strong>Er is iets misgegaan.</strong> Probeer het opnieuw of mail direct naar <a href="mailto:info@bvps.nl" style="color:#b71c1c;">info@bvps.nl</a>.
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="f-naam">Naam <span style="color:#e53935">*</span></label>
|
||
<input id="f-naam" type="text" placeholder="Uw naam" required />
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="f-org">Organisatie</label>
|
||
<input id="f-org" type="text" placeholder="Uw organisatie" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="f-email">E-mailadres <span style="color:#e53935">*</span></label>
|
||
<input id="f-email" type="email" placeholder="uw@email.nl" required />
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="f-onderwerp">Onderwerp</label>
|
||
<select id="f-onderwerp">
|
||
<option value="">Selecteer onderwerp...</option>
|
||
<option>Portfoliomanagement & organisatie-inrichting</option>
|
||
<option>Capaciteitsmanagement</option>
|
||
<option>Fortes Change Cloud implementatie</option>
|
||
<option>Vrijblijvend kennismaken</option>
|
||
<option>Anders</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="f-bericht">Bericht <span style="color:#e53935">*</span></label>
|
||
<textarea id="f-bericht" placeholder="Stel uw vraag." required></textarea>
|
||
</div>
|
||
<button class="form-submit" id="form-btn" onclick="submitForm(event)">Verstuur bericht</button>
|
||
</div>
|
||
|
||
<script>
|
||
async function submitForm(e) {
|
||
e.preventDefault();
|
||
const naam = document.getElementById('f-naam').value.trim();
|
||
const email = document.getElementById('f-email').value.trim();
|
||
const bericht = document.getElementById('f-bericht').value.trim();
|
||
const org = document.getElementById('f-org').value.trim();
|
||
const onderwerp = document.getElementById('f-onderwerp').value;
|
||
|
||
document.getElementById('form-success').style.display = 'none';
|
||
document.getElementById('form-error').style.display = 'none';
|
||
|
||
if (!naam || !email || !bericht) {
|
||
alert('Vul alle verplichte velden in (naam, e-mailadres en bericht).');
|
||
return;
|
||
}
|
||
|
||
const btn = document.getElementById('form-btn');
|
||
btn.textContent = 'Verzenden...';
|
||
btn.disabled = true;
|
||
|
||
try {
|
||
const res = await fetch('contact.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ naam, email, org, onderwerp, bericht })
|
||
});
|
||
const data = await res.json();
|
||
if (data.success) {
|
||
document.getElementById('form-success').style.display = 'block';
|
||
document.getElementById('f-naam').value = '';
|
||
document.getElementById('f-org').value = '';
|
||
document.getElementById('f-email').value = '';
|
||
document.getElementById('f-onderwerp').value = '';
|
||
document.getElementById('f-bericht').value = '';
|
||
} else {
|
||
document.getElementById('form-error').style.display = 'block';
|
||
}
|
||
} catch(err) {
|
||
document.getElementById('form-error').style.display = 'block';
|
||
}
|
||
|
||
btn.textContent = 'Verstuur bericht';
|
||
btn.disabled = false;
|
||
}
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SEO text block -->
|
||
<section style="background:#F0F4F8; padding:2.5rem 2rem; border-top:1px solid rgba(0,63,125,0.07);">
|
||
<div style="max-width:1100px; margin:0 auto;">
|
||
<h2 style="font-family:Arial,sans-serif; font-size:1rem; font-weight:700; color:#003F7D; margin-bottom:0.8rem;">
|
||
Specialist in Fortes Change Cloud, PPM, Strategisch Portfoliomanagement en Capaciteitsmanagement
|
||
</h2>
|
||
<p style="font-size:0.82rem; color:#4A6080; line-height:1.7; max-width:900px;">
|
||
BvPS — Bureau voor Project Structurering — is dé specialist op het gebied van <strong>Portfoliomanagement (PPM)</strong>, <strong>Strategisch Portfoliomanagement (SPM)</strong>, <strong>Capaciteitsmanagement (PM-CM)</strong> en de implementatie van <strong>Fortes Change Cloud (FCC)</strong> voor de publieke sector. Wij helpen overheden, gemeenten, provincies, rijksdiensten, ziekenhuizen en opleidingsinstituten bij het inrichten en verbeteren van hun projectmanagementorganisatie — van strategie tot operationele uitvoering. Met meer dan 25 jaar ervaring in <strong>FCC-implementatie</strong>, <strong>resourcemanagement</strong> en <strong>PPM-organisatie-inrichting</strong> zijn Marco Efftink en Erik Engbers uw vaste partners voor structurele verbetering van uw veranderportfolio.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- KLANTEN BANNER -->
|
||
<section class="klanten-banner">
|
||
<p class="klanten-label">Organisaties waarvoor wij werken</p>
|
||
<div class="klanten-marquee-outer">
|
||
<div class="klanten-marquee-track">
|
||
|
||
<!-- Blok 1 (origineel) -->
|
||
<div class="klanten-slot"><img src="logos/klanten/belastingdienst.svg" alt="Belastingdienst" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/bzk.svg" alt="Ministerie van Binnenlandse Zaken en Koninkrijksrelaties" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/financien.svg" alt="Ministerie van Financiën" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/franciscus.svg" alt="Franciscus Vlietland" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/hes.svg" alt="HES International" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/iw.svg" alt="Ministerie van Infrastructuur en Waterstaat" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/kadaster.svg" alt="Kadaster" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/stantonius.svg" alt="St. Antonius Ziekenhuis" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/uwv.svg" alt="UWV" loading="lazy"></div>
|
||
<div class="klanten-slot"><img src="logos/klanten/vrd.svg" alt="VRD" loading="lazy"></div>
|
||
|
||
<!-- Blok 2 (kopie voor naadloze loop) -->
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/belastingdienst.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/bzk.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/financien.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/franciscus.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/hes.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/iw.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/kadaster.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/stantonius.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/uwv.svg" alt="" loading="lazy"></div>
|
||
<div class="klanten-slot" aria-hidden="true"><img src="logos/klanten/vrd.svg" alt="" loading="lazy"></div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- /KLANTEN BANNER -->
|
||
<script>
|
||
(function() {
|
||
function initMarquee() {
|
||
var outer = document.querySelector('.klanten-marquee-outer');
|
||
var track = document.querySelector('.klanten-marquee-track');
|
||
if (!track || !outer) return;
|
||
|
||
// Measure first block width (non-duplicated slots)
|
||
var slots = track.querySelectorAll('.klanten-slot:not([aria-hidden])');
|
||
var firstBlockWidth = 0;
|
||
slots.forEach(function(s) { firstBlockWidth += s.offsetWidth; });
|
||
if (firstBlockWidth === 0) return;
|
||
|
||
track.style.setProperty('--klanten-scroll-px', '-' + firstBlockWidth + 'px');
|
||
track.style.animationPlayState = 'running';
|
||
|
||
// Helper: read current translateX from computed style
|
||
function getCurrentTranslate() {
|
||
var tr = window.getComputedStyle(track).transform;
|
||
if (!tr || tr === 'none') return 0;
|
||
var m = tr.match(/matrix.*\((.+)\)/);
|
||
if (!m) return 0;
|
||
return parseFloat(m[1].split(', ')[4]) || 0;
|
||
}
|
||
|
||
// Resume auto-scroll from a given pixel offset
|
||
function resumeAuto(fromOffset) {
|
||
var duration = 42;
|
||
// Normalise offset into [0, firstBlockWidth)
|
||
var pos = ((fromOffset % firstBlockWidth) + firstBlockWidth) % firstBlockWidth;
|
||
var elapsed = (pos / firstBlockWidth) * duration;
|
||
track.style.transition = 'none';
|
||
track.style.transform = '';
|
||
track.style.animationDelay = '-' + elapsed + 's';
|
||
track.style.animationPlayState = 'running';
|
||
}
|
||
|
||
// --- Drag ---
|
||
var dragging = false;
|
||
var dragStartX = 0;
|
||
var dragStartOffset = 0;
|
||
var dragOffset = 0;
|
||
var resumeTimer = null;
|
||
|
||
outer.addEventListener('mousedown', function(e) {
|
||
if (e.button !== 0) return;
|
||
dragging = true;
|
||
dragStartX = e.clientX;
|
||
dragStartOffset = getCurrentTranslate();
|
||
dragOffset = dragStartOffset;
|
||
track.style.animationPlayState = 'paused';
|
||
track.style.transition = 'none';
|
||
track.style.transform = 'translateX(' + dragOffset + 'px)';
|
||
outer.classList.add('is-dragging');
|
||
e.preventDefault();
|
||
});
|
||
|
||
document.addEventListener('mousemove', function(e) {
|
||
if (!dragging) return;
|
||
var delta = e.clientX - dragStartX;
|
||
dragOffset = dragStartOffset + delta;
|
||
// Wrap within the looping range so it never jumps
|
||
dragOffset = ((dragOffset % firstBlockWidth) - firstBlockWidth) % firstBlockWidth;
|
||
track.style.transform = 'translateX(' + dragOffset + 'px)';
|
||
});
|
||
|
||
document.addEventListener('mouseup', function() {
|
||
if (!dragging) return;
|
||
dragging = false;
|
||
outer.classList.remove('is-dragging');
|
||
clearTimeout(resumeTimer);
|
||
resumeTimer = setTimeout(function() {
|
||
resumeAuto(-dragOffset);
|
||
}, 1200);
|
||
});
|
||
|
||
// Pause on hover (only when not dragging)
|
||
outer.addEventListener('mouseenter', function() {
|
||
if (!dragging) track.style.animationPlayState = 'paused';
|
||
});
|
||
outer.addEventListener('mouseleave', function() {
|
||
if (!dragging) track.style.animationPlayState = 'running';
|
||
});
|
||
}
|
||
|
||
if (document.readyState === 'complete') {
|
||
initMarquee();
|
||
} else {
|
||
window.addEventListener('load', initMarquee);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="footer-text">© 2026 BvPS — Bureau voor Project Structurering · KvK 51981025</div>
|
||
</footer>
|
||
|
||
<!-- ARTIKEL MODAL: SPM -->
|
||
<div id="artikelOverlay" class="artikel-overlay" onclick="overlayClick(event)">
|
||
<div class="artikel-modal" id="artikelModal">
|
||
|
||
<div class="artikel-modal-header">
|
||
<div class="artikel-modal-dienst">Dienst 01 · Strategisch portfoliomanagement</div>
|
||
<h1>Wat is strategisch portfoliomanagement?</h1>
|
||
<p class="subtitel">Een praktische gids voor overheidsorganisaties</p>
|
||
<div class="artikel-modal-meta">
|
||
<span>mei 2025</span>
|
||
<span>Leestijd: circa 12 minuten</span>
|
||
<span>Portfoliomanagers, CIO's, directeuren, beleidsadviseurs</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="artikel-modal-body">
|
||
<button class="artikel-modal-close" onclick="closeArtikel()" title="Sluiten">✕</button>
|
||
|
||
<p class="intro">Veel overheidsorganisaties herkennen het patroon: er zijn meer ambities dan er capaciteit is om ze te realiseren. Initiatieven stapelen zich op, prioriteiten zijn onduidelijk en het management heeft weinig grip op wat er werkelijk in het portfolio zit. Strategisch portfoliomanagement (SPM) biedt uitkomst — niet door meer te plannen, maar door beter te kiezen.</p>
|
||
|
||
<h2>Wat is strategisch portfoliomanagement?</h2>
|
||
<p>Strategisch portfoliomanagement is het proces waarmee een organisatie bewust keuzes maakt over welke initiatieven, programma's en projecten zij uitvoert — en welke niet. Het gaat niet om het beheren van afzonderlijke projecten, maar om het sturen op de totale verzameling van veranderinspanningen in relatie tot de strategische doelstellingen.</p>
|
||
<div class="artikel-modal-quote">SPM beantwoordt de vraag "doen we de goede dingen?" — terwijl projectmanagement beantwoordt "doen we de dingen goed?"</div>
|
||
<p>Drie kernvragen staan centraal:</p>
|
||
<ol>
|
||
<li><strong>Strategische aansluiting</strong> — Dragen onze initiatieven bij aan de organisatiedoelstellingen?</li>
|
||
<li><strong>Haalbaarheid</strong> — Hebben we de capaciteit, het budget en de middelen om alles te realiseren?</li>
|
||
<li><strong>Prioritering</strong> — Als we moeten kiezen: welke initiatieven leveren de meeste waarde?</li>
|
||
</ol>
|
||
|
||
<h2>Waarom is SPM anders bij de overheid?</h2>
|
||
<p>SPM bestaat al decennia in de private sector. Bij de overheid gelden echter een aantal unieke kenmerken die maken dat commerciële modellen niet zonder aanpassing werken.</p>
|
||
<h3>Politieke sturing</h3>
|
||
<p>Strategische prioriteiten worden mede bepaald door coalitieakkoorden, bestuursagenda's en moties. Een wisseling van het college of de raad kan de koers veranderen, ongeacht de lopende agenda. Goed SPM bouwt die flexibiliteit in en standaardiseert herprioriteringsprocessen.</p>
|
||
<h3>Complexe stakeholders</h3>
|
||
<p>Overheidsorganisaties opereren in een web van afhankelijkheden: politiek bestuur, ambtelijke organisatie, toezichthouders, ketenpartners en burgers. SPM maakt belangen transparant en onderbouwt expliciete keuzes.</p>
|
||
<h3>Beperkte uitvoeringscapaciteit</h3>
|
||
<p>Publieke organisaties zijn gebonden aan vaste formaties, aanbestedingsregels en begrotingscycli. Capaciteitsmanagement is daardoor geen bijzaak in overheids-SPM, maar een centrale activiteit.</p>
|
||
<h3>Verantwoording en transparantie</h3>
|
||
<p>Overheidsorganisaties moeten hun keuzes kunnen verantwoorden aan politiek, samenleving en toezichthouders. SPM levert de onderbouwing die daarvoor nodig is.</p>
|
||
|
||
<h2>De vijf kerncomponenten van SPM</h2>
|
||
<p>Een volwassen SPM-proces bestaat uit vijf samenhangende componenten:</p>
|
||
<ol>
|
||
<li><strong>Portfoliodefinitie</strong> — Breng in kaart wat er in het portfolio zit: alle lopende en geplande veranderinspanningen, geïnventariseerd, gecategoriseerd en geregistreerd. In de praktijk is dit verrassend moeilijk — en tegelijk de onmisbare basis.</li>
|
||
<li><strong>Strategische afstemming</strong> — Elk initiatief wordt beoordeeld op de bijdrage aan de strategische doelstellingen. Dat vereist een strategie die helder en operationeel genoeg is om als toetsingskader te dienen.</li>
|
||
<li><strong>Capaciteits- en resourceplanning</strong> — Breng beschikbare capaciteit — mensen, budget, externe resources — in beeld en weeg die af tegen de totale vraag vanuit het portfolio. Overschrijdingen worden zichtbaar; keuzes worden onvermijdelijk.</li>
|
||
<li><strong>Prioritering en selectie</strong> — Op basis van strategische waarde, haalbaarheid en risico worden initiatieven geprioriteerd. De gehanteerde criteria moeten transparant en consistent zijn.</li>
|
||
<li><strong>Portfoliobesturing en governance</strong> — SPM is een doorlopende cyclus, geen eenmalige exercitie. Dat vraagt om heldere governance: wie beslist over portfoliowijzigingen, hoe vaak wordt herijkt en hoe worden afwijkingen gesignaleerd en geëscaleerd?</li>
|
||
</ol>
|
||
|
||
<h2>De portfoliocyclus in de praktijk</h2>
|
||
<p>In de meeste overheidsorganisaties is SPM georganiseerd rond een jaarlijkse of halfjaarlijkse portfoliocyclus, afgestemd op de begrotings- en planningscyclus. Een typische cyclus bestaat uit vijf fasen:</p>
|
||
<table class="artikel-modal-table">
|
||
<thead><tr><th>Fase</th><th>Omschrijving</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>Fase 1 — Intake en inventarisatie</td><td>Alle nieuwe initiatiefvoorstellen worden aangemeld via een gestandaardiseerde intake. Bestaande initiatieven worden heroverwogen op voortgang en strategische relevantie.</td></tr>
|
||
<tr><td>Fase 2 — Analyse en beoordeling</td><td>Elk initiatief wordt beoordeeld op strategische bijdrage, capaciteitsbehoefte, risico en afhankelijkheden met andere initiatieven.</td></tr>
|
||
<tr><td>Fase 3 — Prioritering en besluitvorming</td><td>Het portfoliomanagementteam stelt een prioriteitsvolgorde op en legt die voor aan het bestuur of de directie.</td></tr>
|
||
<tr><td>Fase 4 — Uitvoering en monitoring</td><td>Het goedgekeurde portfolio gaat in uitvoering. Portfoliovoortgang wordt periodiek gemonitord en gerapporteerd.</td></tr>
|
||
<tr><td>Fase 5 — Herijking</td><td>Op vaste momenten — en ad hoc bij significante wijzigingen — wordt het portfolio herijkt. Initiatieven kunnen worden versneld, vertraagd, samengevoegd of gestopt.</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h2>Veelgemaakte fouten bij de invoering van SPM</h2>
|
||
<p>De invoering van SPM bij overheidsorganisaties loopt regelmatig vast op dezelfde problemen. Herkenning is de eerste stap:</p>
|
||
<h3>Te veel tegelijk willen</h3>
|
||
<p>Organisaties proberen soms in één keer een volledig volwassen systeem neer te zetten. Beter: begin met een basale intake, een prioriteringsproces en een bestuursstructuur, en groei van daaruit door.</p>
|
||
<h3>Geen mandaat voor de portfoliofunctie</h3>
|
||
<p>SPM werkt alleen als de portfoliofunctie bevoegd is om keuzes aan het bestuur voor te leggen — en als dat bestuur er ook iets mee doet. Zonder mandaat wordt SPM een registratieadministratie.</p>
|
||
<h3>Strategie als abstracte notie</h3>
|
||
<p>Als de strategie te vaag is om als beoordelingskader te dienen, wordt prioritering een politieke of relationele aangelegenheid. SPM vereist een operationele strategie met concrete doelstellingen.</p>
|
||
<h3>Capaciteit structureel onderschat</h3>
|
||
<p>Veel overheidsorganisaties hanteren optimistische capaciteitsaannames. Een realistisch model — inclusief regulier werk, ziekteverzuim en vakantie — is een basisvereiste voor geloofwaardig portfoliomanagement.</p>
|
||
|
||
<h2>Wat levert SPM op?</h2>
|
||
<table class="artikel-modal-table">
|
||
<thead><tr><th>Voordeel</th><th>Toelichting</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>Meer focus</td><td>Minder initiatieven, beter uitgevoerd, met meer impact.</td></tr>
|
||
<tr><td>Betere verantwoording</td><td>Transparante keuzes die bestuurlijk en maatschappelijk uitlegbaar zijn.</td></tr>
|
||
<tr><td>Minder verstoring</td><td>Capaciteitsproblemen worden vroegtijdig gesignaleerd in plaats van achteraf geconstateerd.</td></tr>
|
||
<tr><td>Hogere slagingskans</td><td>Initiatieven die goed geprioriteerd zijn, hebben vaker de benodigde middelen en aandacht.</td></tr>
|
||
<tr><td>Bestuurlijk vertrouwen</td><td>Management en bestuur hebben actueel inzicht in de staat van het portfolio.</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h2>SPM en digitalisering</h2>
|
||
<p>Naarmate overheidsorganisaties meer digitale transformatieprojecten uitvoeren, neemt de behoefte aan professioneel portfoliomanagement toe. IV/ICT-portfolio's zijn vaak groot, complex en sterk onderling afhankelijk. SPM biedt de besturingsstructuur die nodig is om deze portfolio's beheersbaar te houden en te verbinden met de bredere organisatiestrategie.</p>
|
||
|
||
<h2>Veelgestelde vragen</h2>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Wat is het verschil tussen SPM en PPM? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">SPM richt zich op de afstemming tussen het portfolio en de organisatiestrategie — de 'waarom'-vraag. PPM richt zich meer op het operationele beheer van initiatieven in het portfolio — de 'hoe'-vraag. In de praktijk overlappen beide, maar SPM opereert op een hoger strategisch niveau.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Is SPM geschikt voor kleine gemeenten? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Ja — maar de aanpak en het volwassenheidsniveau dienen passend te zijn bij de omvang van de organisatie. Ook kleine gemeenten hebben baat bij een gestructureerd intake- en prioriteringsproces, ook al is dat eenvoudiger van opzet.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Hoe verhoudt SPM zich tot de Planning & Control-cyclus? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">SPM en P&C zijn nauw verbonden. De portfoliocyclus is idealiter gesynchroniseerd met de begrotingscyclus, zodat portfoliobeslissingen tijdig worden vertaald naar budgettaire kaders.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Welke software wordt gebruikt voor portfoliomanagement bij de overheid? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Overheidsorganisaties gebruiken uiteenlopende PPM-tools, waaronder Microsoft Project Online, Planisware en Jira Align. Een vooraanstaande Nederlandse oplossing is de Fortes Change Cloud (FCC) — inmiddels breed ingezet bij gemeenten, provincies, ministeries en uitvoeringsorganisaties. FCC ondersteunt de volledige SPM-cyclus: van ideemanagement en portfoliobeheer tot capaciteitsplanning en rapportage, met de flexibiliteit om organisatiespecifieke processen in te richten. De keuze voor tooling volgt altijd op een helder ingericht portfolioproces — niet andersom.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Hoe lang duurt de invoering van SPM? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Dat hangt sterk af van de organisatieomvang en het huidige volwassenheidsniveau. Een basisopzet kan binnen drie tot zes maanden operationeel zijn; volledige volwassenheid vraagt doorgaans twee tot drie jaar van doorontwikkeling.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Wat is een PMO in relatie tot SPM? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Een Project Management Office (PMO) is de organisatorische eenheid die het portfoliomanagementproces ondersteunt en faciliteert. Het PMO zorgt voor standaardisatie, rapportage en kennisdeling rond het portfolio.</div>
|
||
</div>
|
||
|
||
<h2>Conclusie</h2>
|
||
<p>Strategisch portfoliomanagement is voor overheidsorganisaties geen luxe maar een noodzaak. De combinatie van politieke dynamiek, beperkte capaciteit en grote veranderopgaven maakt professioneel portfoliobeheer essentieel voor elke publieke organisatie die haar doelstellingen wil realiseren.</p>
|
||
<div class="artikel-modal-quote">De sleutel tot succes is niet het perfecte systeem, maar de juiste balans tussen structuur, besluitvaardigheid en bestuurlijke betrokkenheid. SPM werkt als de organisatie bereid is echte keuzes te maken — en die keuzes transparant te verantwoorden.</div>
|
||
</div>
|
||
|
||
<div class="artikel-modal-cta">
|
||
<p>Wilt u weten hoe SPM in uw organisatie kan worden ingericht?</p>
|
||
<a href="#contact" onclick="closeArtikel(); setTimeout(function(){ document.getElementById('contact').scrollIntoView({behavior:'smooth'}); }, 100);">Neem contact op voor een vrijblijvend gesprek</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function openArtikel() {
|
||
document.getElementById('artikelOverlay').classList.add('open');
|
||
document.body.style.overflow = 'hidden';
|
||
document.getElementById('artikelOverlay').scrollTop = 0;
|
||
}
|
||
function closeArtikel() {
|
||
document.getElementById('artikelOverlay').classList.remove('open');
|
||
document.body.style.overflow = '';
|
||
}
|
||
function overlayClick(e) {
|
||
if (e.target === document.getElementById('artikelOverlay')) closeArtikel();
|
||
}
|
||
// Escape key handler combined — see capaciteitsmanagement modal script block below
|
||
function toggleFaq(btn) {
|
||
btn.classList.toggle('open');
|
||
btn.nextElementSibling.classList.toggle('open');
|
||
}
|
||
</script>
|
||
|
||
<!-- ARTIKEL MODAL: CAPACITEITSMANAGEMENT -->
|
||
<div id="capaciteitOverlay" class="artikel-overlay" onclick="overlayClickCapaciteit(event)">
|
||
<div class="artikel-modal" id="capaciteitModal">
|
||
|
||
<div class="artikel-modal-header">
|
||
<div class="artikel-modal-dienst">Dienst 02 · Capaciteitsmanagement</div>
|
||
<h1>Capaciteitsmanagement in overheidsportfolio's</h1>
|
||
<p class="subtitel">Van knelpunt naar strategisch stuurmiddel</p>
|
||
<div class="artikel-modal-meta">
|
||
<span>mei 2025</span>
|
||
<span>Leestijd: circa 11 minuten</span>
|
||
<span>Portfoliomanagers, HR-adviseurs, P&C-adviseurs, CIO's en directeuren</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="artikel-modal-body">
|
||
<button class="artikel-modal-close" onclick="closeCapaciteit()" title="Sluiten">✕</button>
|
||
|
||
<p class="intro">Er is geen onderwerp dat in gesprekken over portfoliomanagement bij de overheid sneller tot herkenning leidt dan capaciteitsmanagement. "We hebben te veel op ons bord." "Iedereen is al bezet." "We kunnen dit initiatief niet opstarten omdat de capaciteit er niet is." Het zijn zinnen die portfoliomanagers dagelijks horen — en die erop wijzen dat capaciteitsmanagement niet werkt zoals het zou moeten.</p>
|
||
|
||
<h2>Wat is capaciteitsmanagement in portfoliomanagement?</h2>
|
||
<p>Capaciteitsmanagement in portfoliomanagement is het proces waarmee een organisatie de beschikbare capaciteit — mensen, budget en middelen — in balans brengt met de totale vraag vanuit het portfolio aan initiatieven, programma's en veranderingen.</p>
|
||
<p>Drie samenhangende vragen staan centraal:</p>
|
||
<ol>
|
||
<li><strong>Wat is de totale vraag?</strong> — Hoeveel capaciteit vragen alle initiatieven in het portfolio gezamenlijk?</li>
|
||
<li><strong>Wat is het aanbod?</strong> — Hoeveel capaciteit is er werkelijk beschikbaar, rekening houdend met regulier lijnwerk, vakantie en ziekteverzuim?</li>
|
||
<li><strong>Hoe lossen we het gat op?</strong> — Als vraag het aanbod overstijgt — en dat is bijna altijd het geval — welke keuzes maken we dan?</li>
|
||
</ol>
|
||
<div class="artikel-modal-quote">Capaciteitsmanagement in de portfoliocontext is strategisch: kan de organisatie haar totale veranderopgave waarmaken? Dat is een andere vraag dan wie er morgen beschikbaar is voor welk initiatief.</div>
|
||
|
||
<h2>Waarom is capaciteitsmanagement bij de overheid zo complex?</h2>
|
||
<p>Overheidsorganisaties hebben structureel te maken met een combinatie van factoren die capaciteitsmanagement extra uitdagend maakt.</p>
|
||
<h3>Vaste formatie, variabele vraag</h3>
|
||
<p>In de publieke sector is de vaste formatie relatief stabiel, terwijl de vraag naar verandercapaciteit sterk fluctueert — als gevolg van nieuwe wetgeving, politieke prioriteiten of maatschappelijke ontwikkelingen. Dit creërt een structurele mismatch.</p>
|
||
<h3>Dubbele belasting: lijn én portfolio</h3>
|
||
<p>Veel medewerkers zijn zowel verantwoordelijk voor regulier lijnwerk als voor bijdragen aan veranderinitiatieven. Die dubbele belasting is zelden volledig zichtbaar in capaciteitsmodellen, waardoor beschikbaarheid stelselmatig wordt overschat.</p>
|
||
<h3>Silo's en eigenaarschap van capaciteit</h3>
|
||
<p>Capaciteit is bij de overheid typisch eigendom van directies of afdelingen. Organisatiebrede initiatieven stuiten op de grenzen van die silo's. Een portfoliobreed overzicht vereist actieve samenwerking tussen lijnmanagers die hun eigen prioriteiten hebben.</p>
|
||
<h3>Lange doorlooptijden en trage signalering</h3>
|
||
<p>Capaciteitsproblemen worden vaak laat gesignaleerd — soms pas als een initiatief al maanden vertraging heeft opgelopen. Vroege signalering vereist zowel betrouwbare registratie als de bereidheid om slecht nieuws op tijd te melden.</p>
|
||
<h3>Politieke druk om alles te doen</h3>
|
||
<p>Bestuurders zeggen zelden 'nee' tegen nieuwe beleidsambities. Portfoliomanagement moet de ruimte krijgen om de consequenties van die keuzes zichtbaar te maken.</p>
|
||
|
||
<h2>Capaciteitsmanagement als strategisch stuurmiddel</h2>
|
||
<p>Capaciteitsmanagement wordt pas krachtig als het wordt ingezet als strategisch stuurmiddel — niet alleen als operationele planningsoefening. Een volwassen aanpak in portfolioverband heeft de volgende kenmerken:</p>
|
||
<h3>Integraal capaciteitsoverzicht</h3>
|
||
<p>Er is één gedeeld beeld van de totale capaciteitsvraag vanuit het portfolio en het totale aanbod vanuit de lijnorganisatie. Niet perfect — maar realistisch genoeg om strategische portfoliobesluiten op te baseren.</p>
|
||
<h3>Onderscheid tussen types capaciteit</h3>
|
||
<p>Niet alle capaciteit is inwisselbaar. Een volwassen model onderscheidt specialistische capaciteit (juridische expertise, data-engineers, security-specialisten), generieke projectcapaciteit (projectleiders, verandermanagers, PMO) en lijnbijdragen (materiedeskundigen die parttime meewerken aan initiatieven).</p>
|
||
<h3>Koppeling met portfolioprioritering</h3>
|
||
<p>Een initiatief dat hoog scoort op strategische waarde maar niet haalbaar is gegeven de beschikbare capaciteit, kan niet worden opgestart — of vraagt om een bewuste keuze om iets anders te stoppen of uit te stellen.</p>
|
||
<h3>Scenarioplanning</h3>
|
||
<p>Wat als dit initiatief naar voren schuift? Wat als een sleutelmedewerker uitvalt? Scenarioplanning maakt kwetsbaarheden zichtbaar en stelt het bestuur in staat proactief besluiten te nemen.</p>
|
||
<h3>Periodieke herijking</h3>
|
||
<p>Capaciteit is dynamisch. Een periodieke herijking — gekoppeld aan de portfoliocyclus — zorgt ervoor dat het beeld actueel blijft.</p>
|
||
<div class="artikel-modal-quote">Capaciteitsmanagement is uiteindelijk geen technisch vraagstuk — het is een bestuurlijk vraagstuk.</div>
|
||
|
||
<h2>Veelgemaakte fouten in capaciteitsmanagement</h2>
|
||
<table class="artikel-modal-table">
|
||
<thead><tr><th>Fout</th><th>Toelichting</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>Capaciteit meten op papierniveau</td><td>Realistisch inzetbaar voor verandercapaciteit is typisch 30–50% van de contractuele uren voor mensen die ook lijnverantwoordelijkheid hebben. Regulier werk, vergaderingen, ziekteverzuim en vakantie eten de rest op.</td></tr>
|
||
<tr><td>Capaciteit niet koppelen aan rollen</td><td>Een generiek model dat alleen personen telt, mist de kern. Een overschot aan generalisten lost een tekort aan ICT-architecten niet op.</td></tr>
|
||
<tr><td>Capaciteit als probleem van projectmanagers</td><td>Portfoliobreed capaciteitsmanagement vereist centrale coördinatie — geen capaciteitsstrijd tussen individuele projectleiders.</td></tr>
|
||
<tr><td>Capaciteitsmodel pas invullen als het te laat is</td><td>Capaciteitsmanagement heeft alleen waarde als het vóórdat besluiten worden genomen inzicht geeft in de haalbaarheid.</td></tr>
|
||
<tr><td>Geen onderscheid tussen start- en doorloopbelasting</td><td>Een initiatief opstarten kost doorgaans meer capaciteit dan het in stand houden ervan. Modellen die dit onderscheid niet maken, onderschatten de opstartfase systematisch.</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h2>Praktische stappen om te starten</h2>
|
||
<p>Voor overheidsorganisaties die capaciteitsmanagement serieus willen nemen, is een gefaseerde aanpak het meest werkbaar:</p>
|
||
<ol>
|
||
<li><strong>Maak de vraag zichtbaar.</strong> Inventariseer alle lopende en geplande initiatieven met per initiatief een indicatie van de benodigde capaciteit per roltype. Een grove schatting is beter dan niets.</li>
|
||
<li><strong>Maak het aanbod realistisch.</strong> Stel per afdeling vast hoeveel capaciteit beschikbaar is voor veranderwerk — na aftrek van lijnwerk en overhead. Betrek lijnmanagers actief bij dit gesprek.</li>
|
||
<li><strong>Visualiseer het gat.</strong> Breng vraag en aanbod samen in een eenvoudig overzicht. Het gat dat zichtbaar wordt, is het startpunt voor de portfoliodiscussie.</li>
|
||
<li><strong>Verbind aan portfoliobesluiten.</strong> Zorg dat capaciteitsinformatie structureel onderdeel is van iedere portfoliobespreking en prioriteringsronde.</li>
|
||
<li><strong>Herhaal en verfijn.</strong> Capaciteitsmanagement is een cyclisch proces. Start eenvoudig en verfijn het model op basis van ervaring.</li>
|
||
</ol>
|
||
|
||
<h2>Capaciteitsmanagement en tooling</h2>
|
||
<p>Voor basisniveau capaciteitsmanagement volstaat een goed ingericht Excel-model of een eenvoudige PPM-tool. Voor organisaties met grotere en complexere portfolio's bieden gespecialiseerde tools meerwaarde: real-time inzicht in capaciteitsbelasting per afdeling, automatische koppeling met initiatiefplanningen en scenarioplanning-functionaliteit.</p>
|
||
<p>De keuze voor tooling volgt altijd op een ingericht proces — niet andersom.</p>
|
||
|
||
<h2>Veelgestelde vragen</h2>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Wat is het verschil tussen capaciteitsmanagement en resourcemanagement? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Resourcemanagement is operationeel: het toewijzen van specifieke mensen aan taken in initiatieven. Capaciteitsmanagement in portfolioverband is strategisch: het bewaken van de totale balans tussen de verandervraag en de beschikbare capaciteit op organisatieniveau.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Is capaciteitsmanagement hetzelfde als personeelsplanning? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Nee. Personeelsplanning richt zich op de bezetting van reguliere functies. Capaciteitsmanagement in portfolioverband richt zich op de beschikbaarheid voor veranderwerk, náást de reguliere bezetting.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Hoe realistisch moet een capaciteitsmodel zijn? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Realistisch genoeg om betrouwbare portfoliobesluiten op te baseren — niet perfect. Een globaal model dat structureel te optimistisch is, is schadelijker dan een gedetailleerd model met onzekerheden.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Hoe ga ik om met capaciteitsmanagement bij een sterk silo-georiënteerde organisatie? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Begin met het zichtbaar maken van het probleem: een portfoliobreed overzicht dat de cumulatieve belasting op schaarse specialisten toont. Dat beeld maakt de noodzaak van samenwerking zichtbaar zonder meteen in governance-discussies te belanden.</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-vraag" onclick="toggleFaq(this)">Hoe koppel ik capaciteitsmanagement aan de begrotingscyclus? <span class="faq-arrow">▼</span></button>
|
||
<div class="faq-antwoord">Zorg dat capaciteitsplanning onderdeel is van de jaarlijkse portfolio- en begrotingsronde. Initiatieven die in de begroting worden opgenomen, moeten ook capaciteitsmatig onderbouwd zijn.</div>
|
||
</div>
|
||
|
||
<h2>Conclusie</h2>
|
||
<p>Capaciteitsmanagement is voor overheidsorganisaties geen sluitstuk van portfoliomanagement — het is de kern. Zonder realistisch inzicht in beschikbare capaciteit zijn portfoliobesluiten gebaseerd op aannames die structureel te optimistisch zijn.</p>
|
||
<p>De organisaties die hierin slagen, bouwen een portfoliofunctie die echt stuurt — en die de kloof tussen bestuurlijke ambities en uitvoeringsrealiteit consistent en beheersbaar maakt.</p>
|
||
</div>
|
||
|
||
<div class="artikel-modal-cta">
|
||
<p>Wilt u weten hoe capaciteitsmanagement in uw organisatie beter kan worden ingericht?</p>
|
||
<a href="#contact" onclick="closeCapaciteit(); setTimeout(function(){ document.getElementById('contact').scrollIntoView({behavior:'smooth'}); }, 100);">Neem contact op voor een quick scan</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function openCapaciteit() {
|
||
document.getElementById('capaciteitOverlay').classList.add('open');
|
||
document.body.style.overflow = 'hidden';
|
||
document.getElementById('capaciteitOverlay').scrollTop = 0;
|
||
}
|
||
function closeCapaciteit() {
|
||
document.getElementById('capaciteitOverlay').classList.remove('open');
|
||
document.body.style.overflow = '';
|
||
}
|
||
function overlayClickCapaciteit(e) {
|
||
if (e.target === document.getElementById('capaciteitOverlay')) closeCapaciteit();
|
||
}
|
||
document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeArtikel(); closeCapaciteit(); } });
|
||
</script>
|
||
|
||
<script src="artikelen/artikelen.js"></script>
|
||
<script>
|
||
(function() {
|
||
var grid = document.getElementById('inzichten-grid');
|
||
if (!grid) return;
|
||
getBvpsArtikelen(3).forEach(function(artikel) {
|
||
grid.insertAdjacentHTML('beforeend', renderArtikelKaart(artikel));
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |