:root{--blauw:#1682bd;--blauw-donker:#106190;--blauw-licht:#e8f4fb;--wit:#fff;--grijs-licht:#f4f6f9;--grijs-rand:#dfe4ec;--grijs-tekst:#64748b;--donker:#1f2937;--groen:#16a34a;--oranje:#d97706;--rood:#b91c1c;--radius:16px;--schaduw:0 10px 30px #182c4a14}.sleutelmetnaam *{box-sizing:border-box}.sleutelmetnaam{background:var(--wit);color:var(--donker);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55}.sleutelmetnaam a{color:var(--blauw)}.sleutelmetnaam img{max-width:100%}.sleutelmetnaam .container{max-width:1180px;margin:0 auto;padding:0 20px}.sleutelmetnaam .container-breed{max-width:1500px;margin:0 auto;padding:0 20px}.sleutelmetnaam .site-header{z-index:50;border-bottom:1px solid var(--grijs-rand);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;position:sticky;top:0}.sleutelmetnaam .site-header .inner{align-items:center;gap:22px;min-height:68px;display:flex}.sleutelmetnaam .logo{color:var(--blauw);letter-spacing:-.4px;white-space:nowrap;font-size:20px;font-weight:800;text-decoration:none}.sleutelmetnaam .logo span{color:var(--donker)}.sleutelmetnaam .hoofdmenu{flex-wrap:wrap;align-items:center;gap:20px;margin-left:auto;display:flex}.sleutelmetnaam .hoofdmenu a{color:var(--donker);border-bottom:2px solid #0000;padding:6px 2px;font-size:15px;font-weight:600;text-decoration:none}.sleutelmetnaam .hoofdmenu a:hover,.sleutelmetnaam .hoofdmenu a.actief{color:var(--blauw);border-bottom-color:var(--blauw)}.sleutelmetnaam .menu-knop{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:24px;display:none}.sleutelmetnaam .mand-link{background:var(--blauw);border-radius:999px;color:#fff!important;border-bottom:0!important;padding:8px 16px!important}.sleutelmetnaam .mand-link:hover{background:var(--blauw-donker)}.sleutelmetnaam .mand-teller{color:var(--blauw);background:#fff;border-radius:999px;margin-left:6px;padding:0 7px;font-size:13px;font-weight:800}.sleutelmetnaam .knop{background:var(--blauw);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.sleutelmetnaam .knop:hover{background:var(--blauw-donker)}.sleutelmetnaam .knop:disabled{opacity:.5;cursor:not-allowed}.sleutelmetnaam .knop-2{background:var(--grijs-licht);color:var(--donker);border:1px solid var(--grijs-rand)}.sleutelmetnaam .knop-2:hover{background:#e8ecf2}.sleutelmetnaam .knop-klein{border-radius:9px;padding:7px 13px;font-size:14px}.sleutelmetnaam .knop-rood{background:var(--rood)}.sleutelmetnaam .knop-rood:hover{background:#911616}.sleutelmetnaam .knop-groen{background:var(--groen)}.sleutelmetnaam .knop-groen:hover{background:#12813b}.sleutelmetnaam .kaart{background:var(--wit);border:1px solid var(--grijs-rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:22px}.sleutelmetnaam .kaart-vlak{box-shadow:none}.sleutelmetnaam .kaart-grijs{background:var(--grijs-licht);box-shadow:none}.sleutelmetnaam .raster{gap:20px;display:grid}.sleutelmetnaam .raster-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sleutelmetnaam .raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sleutelmetnaam .raster-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sleutelmetnaam .hero{background:linear-gradient(180deg, var(--blauw-licht), #fff);padding:60px 0 50px}.sleutelmetnaam .hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;display:grid}.sleutelmetnaam .hero h1{letter-spacing:-.8px;margin:0 0 14px;font-size:clamp(30px,4.4vw,46px);line-height:1.1}.sleutelmetnaam .hero p.lead{color:var(--grijs-tekst);margin:0 0 26px;font-size:18px}.sleutelmetnaam .hero-knoppen{flex-wrap:wrap;gap:12px;display:flex}.sleutelmetnaam .badge-rij{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.sleutelmetnaam .badge{border:1px solid var(--grijs-rand);color:var(--grijs-tekst);background:#fff;border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600}.sleutelmetnaam .sectie{padding:54px 0}.sleutelmetnaam .sectie-grijs{background:var(--grijs-licht)}.sleutelmetnaam .sectie h2{letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.sleutelmetnaam .sectie .onderschrift{color:var(--grijs-tekst);margin:0 0 30px;font-size:17px}.sleutelmetnaam .stap{text-align:center}.sleutelmetnaam .stap-nummer{background:var(--blauw);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 14px;font-size:19px;font-weight:800;display:flex}.sleutelmetnaam .voorbeeld-kaart{text-align:center;padding:14px}.sleutelmetnaam .voorbeeld-kaart img{border-radius:10px}.sleutelmetnaam .voorbeeld-kaart .naam{margin-top:10px;font-size:14.5px;font-weight:700}.sleutelmetnaam .ontwerp-indeling{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:26px;display:grid}.sleutelmetnaam .voorbeeld-paneel{position:sticky;top:88px}.sleutelmetnaam .voorbeeld-vlak{border:1px solid var(--grijs-rand);background:linear-gradient(45deg,#f2f4f7 25%,#0000 25%) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#f2f4f7 75%) 0 0/22px 22px,linear-gradient(45deg,#0000 75%,#f2f4f7 75%) 11px -11px/22px 22px,linear-gradient(45deg,#f2f4f7 25%,#fff 25%) 11px -11px/22px 22px;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:16px;display:flex;position:relative;overflow:hidden}.sleutelmetnaam .voorbeeld-vlak img{object-fit:contain;max-height:300px;transition:transform .18s}.sleutelmetnaam .voorbeeld-status{border:1px solid var(--grijs-rand);color:var(--grijs-tekst);background:#ffffffeb;border-radius:8px;padding:5px 9px;font-size:12px;position:absolute;bottom:12px;right:12px}.sleutelmetnaam .voorbeeld-knoppen,.sleutelmetnaam .maat-rij{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sleutelmetnaam .maat{background:var(--grijs-licht);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:700}.sleutelmetnaam label{margin-bottom:6px;font-size:14.5px;font-weight:700;display:block}.sleutelmetnaam input[type=text],.sleutelmetnaam input[type=email],.sleutelmetnaam input[type=tel],.sleutelmetnaam input[type=number],.sleutelmetnaam input[type=password],.sleutelmetnaam input[type=date],.sleutelmetnaam input[type=datetime-local],.sleutelmetnaam select,.sleutelmetnaam textarea{width:100%;font:inherit;color:var(--donker);background:#fff;border:1px solid #cfd6e2;border-radius:11px;outline:none;padding:11px 13px}.sleutelmetnaam input:focus,.sleutelmetnaam select:focus,.sleutelmetnaam textarea:focus{border-color:var(--blauw);box-shadow:0 0 0 3px #1682bd29}.sleutelmetnaam textarea{resize:vertical;min-height:96px}.sleutelmetnaam .hint{color:var(--grijs-tekst);margin-top:5px;font-size:13px}.sleutelmetnaam .veld{margin-bottom:16px}.sleutelmetnaam .veld-fout{color:var(--rood);margin-top:5px;font-size:13px;font-weight:600}.sleutelmetnaam input.fout,.sleutelmetnaam select.fout{border-color:var(--rood)}.sleutelmetnaam .keuze-rij{flex-wrap:wrap;gap:10px;display:flex}.sleutelmetnaam .keuze{border:1px solid var(--grijs-rand);cursor:pointer;background:#fff;border-radius:12px;flex:1;align-items:center;gap:9px;min-width:130px;padding:12px 14px;font-weight:600;display:flex}.sleutelmetnaam .keuze:hover{border-color:var(--blauw)}.sleutelmetnaam .keuze input{width:auto;margin:0}.sleutelmetnaam .keuze.gekozen{border-color:var(--blauw);background:var(--blauw-licht)}.sleutelmetnaam .prijsblok{background:var(--grijs-licht);border-radius:12px;margin-top:18px;padding:16px}.sleutelmetnaam .prijsregel{justify-content:space-between;padding:5px 0;font-size:15px;display:flex}.sleutelmetnaam .prijsregel.totaal{border-top:1px solid var(--grijs-rand);margin-top:8px;padding-top:11px;font-size:18.5px;font-weight:800}.sleutelmetnaam .prijsregel .korting{color:var(--groen);font-weight:700}.sleutelmetnaam .melding{border:1px solid;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:12px 16px;font-weight:600;display:flex}.sleutelmetnaam .melding-info{background:var(--blauw-licht);color:#10537a;border-color:#bfdff2}.sleutelmetnaam .melding-success{color:#14663a;background:#e9f8ee;border-color:#b6e6c6}.sleutelmetnaam .melding-error{color:var(--rood);background:#fff1f0;border-color:#ffcdc9}.sleutelmetnaam .melding-warning{color:#92600a;background:#fff8e6;border-color:#fbe0a2}.sleutelmetnaam .tabel-omhulsel{-webkit-overflow-scrolling:touch;overflow-x:auto}.sleutelmetnaam table.tabel{border-collapse:collapse;width:100%;font-size:14.5px}.sleutelmetnaam table.tabel th,.sleutelmetnaam table.tabel td{text-align:left;border-bottom:1px solid var(--grijs-rand);vertical-align:middle;padding:11px 12px}.sleutelmetnaam table.tabel th{text-transform:uppercase;letter-spacing:.4px;color:var(--grijs-tekst);background:var(--grijs-licht);white-space:nowrap;font-size:12.5px}.sleutelmetnaam table.tabel tbody tr:hover{background:#fafbfd}.sleutelmetnaam .status-vlag{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:800;display:inline-flex}.sleutelmetnaam .vlag-grijs{background:var(--grijs-tekst)}.sleutelmetnaam .prioriteit-hoog{color:var(--rood);font-weight:800}.sleutelmetnaam .beheer-omhulsel{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sleutelmetnaam .zijbalk{color:#cbd5e1;background:#0f2233;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.sleutelmetnaam .zijbalk .logo{color:#fff;margin-bottom:4px;font-size:17px;display:block}.sleutelmetnaam .zijbalk .logo span{color:#7cc4e8}.sleutelmetnaam .zijbalk .wie{color:#94a3b8;margin-bottom:18px;font-size:13px}.sleutelmetnaam .zijbalk nav a{color:#cbd5e1;border-radius:9px;margin-bottom:3px;padding:9px 12px;font-size:14.5px;font-weight:600;text-decoration:none;display:block}.sleutelmetnaam .zijbalk nav a:hover{color:#fff;background:#1b3348}.sleutelmetnaam .zijbalk nav a.actief{background:var(--blauw);color:#fff}.sleutelmetnaam .zijbalk .groep{text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin:16px 12px 6px;font-size:11.5px;font-weight:800}.sleutelmetnaam .beheer-inhoud{background:var(--grijs-licht);min-width:0;padding:26px 28px 60px}.sleutelmetnaam .beheer-kop{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.sleutelmetnaam .beheer-kop h1{letter-spacing:-.5px;margin:0;font-size:26px}.sleutelmetnaam .beheer-kop .rechts{flex-wrap:wrap;gap:9px;margin-left:auto;display:flex}.sleutelmetnaam .stat-raster{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:13px;display:grid}.sleutelmetnaam .stat{border:1px solid var(--grijs-rand);color:inherit;background:#fff;border-radius:12px;padding:14px 16px;text-decoration:none;display:block}.sleutelmetnaam .stat:hover{border-color:var(--blauw)}.sleutelmetnaam .stat .getal{font-size:27px;font-weight:800;line-height:1.1}.sleutelmetnaam .stat .naam{color:var(--grijs-tekst);margin-top:3px;font-size:13px}.sleutelmetnaam .filterbalk{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.sleutelmetnaam .filterbalk a{border:1px solid var(--grijs-rand);color:var(--donker);background:#fff;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.sleutelmetnaam .filterbalk a.actief{background:var(--blauw);color:#fff;border-color:var(--blauw)}.sleutelmetnaam .zoekbalk{flex-wrap:wrap;gap:9px;margin-bottom:16px;display:flex}.sleutelmetnaam .zoekbalk input,.sleutelmetnaam .zoekbalk select{max-width:260px}.sleutelmetnaam .paneel-titel{border-bottom:1px solid var(--grijs-rand);margin:0 0 13px;padding-bottom:9px;font-size:15.5px;font-weight:800}.sleutelmetnaam .checklijst{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px;display:grid}.sleutelmetnaam .checklijst label{cursor:pointer;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.sleutelmetnaam .checklijst input{width:auto}.sleutelmetnaam .notitie{border-left:3px solid var(--blauw);background:var(--grijs-licht);border-radius:0 8px 8px 0;margin-bottom:10px;padding:8px 12px}.sleutelmetnaam .notitie .meta{color:var(--grijs-tekst);font-size:12.5px}.sleutelmetnaam .qr-vak{text-align:center}.sleutelmetnaam .qr-vak svg{width:148px;height:148px}.sleutelmetnaam .tijdlijn{margin:0;padding:0;list-style:none}.sleutelmetnaam .tijdlijn li{align-items:flex-start;gap:13px;padding:11px 0;display:flex}.sleutelmetnaam .tijdlijn .bol{background:var(--grijs-rand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:800;display:flex}.sleutelmetnaam .tijdlijn li.klaar .bol{background:var(--groen)}.sleutelmetnaam .tijdlijn li.nu .bol{background:var(--blauw)}.sleutelmetnaam .tijdlijn li.nu .naam{color:var(--blauw);font-weight:800}.sleutelmetnaam .tijdlijn .naam{font-weight:600}.sleutelmetnaam .site-footer{color:#94a3b8;background:#0f2233;margin-top:60px;padding:44px 0 26px}.sleutelmetnaam .site-footer a{color:#cbd5e1;text-decoration:none}.sleutelmetnaam .site-footer a:hover{color:#fff}.sleutelmetnaam .site-footer h4{color:#fff;margin:0 0 12px;font-size:15px}.sleutelmetnaam .footer-raster{grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;display:grid}.sleutelmetnaam .footer-onder{border-top:1px solid #1e3448;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:18px;font-size:13px;display:flex}.sleutelmetnaam .beheer-link{opacity:.6;font-size:12.5px}.sleutelmetnaam .verborgen{display:none!important}.sleutelmetnaam .rechts-uit{text-align:right}.sleutelmetnaam .klein{color:var(--grijs-tekst);font-size:13px}.sleutelmetnaam .dik{font-weight:800}.sleutelmetnaam .mt{margin-top:18px}.sleutelmetnaam .mb{margin-bottom:18px}@media (width<=980px){.sleutelmetnaam .hero-inner,.sleutelmetnaam .ontwerp-indeling{grid-template-columns:1fr}.sleutelmetnaam .voorbeeld-paneel{order:-1;position:static}.sleutelmetnaam .raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sleutelmetnaam .footer-raster{grid-template-columns:repeat(2,1fr)}.sleutelmetnaam .beheer-omhulsel{grid-template-columns:1fr}.sleutelmetnaam .zijbalk{height:auto;position:static}.sleutelmetnaam .zijbalk nav{flex-wrap:wrap;gap:5px;display:flex}.sleutelmetnaam .zijbalk nav a{flex:none}.sleutelmetnaam .zijbalk .groep{width:100%;margin:10px 12px 4px}}@media (width<=760px){.sleutelmetnaam .menu-knop{display:block}.sleutelmetnaam .hoofdmenu{border-bottom:1px solid var(--grijs-rand);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;display:none;position:absolute;top:68px;left:0;right:0}.sleutelmetnaam .hoofdmenu.open{display:flex}.sleutelmetnaam .hoofdmenu a{border-bottom:1px solid var(--grijs-rand);padding:11px 0}.sleutelmetnaam .mand-link{text-align:center;margin-top:10px}.sleutelmetnaam .raster-2,.sleutelmetnaam .raster-3,.sleutelmetnaam .raster-4,.sleutelmetnaam .footer-raster{grid-template-columns:1fr}.sleutelmetnaam .beheer-inhoud{padding:18px 15px 40px}.sleutelmetnaam .sectie{padding:38px 0}.sleutelmetnaam table.tabel{font-size:13.5px}.sleutelmetnaam table.tabel th,.sleutelmetnaam table.tabel td{padding:9px 8px}}@media print{.sleutelmetnaam .site-header,.sleutelmetnaam .site-footer,.sleutelmetnaam .zijbalk,.sleutelmetnaam .knop,.sleutelmetnaam .filterbalk,.sleutelmetnaam .beheer-kop .rechts{display:none!important}.sleutelmetnaam .beheer-omhulsel{grid-template-columns:1fr}.sleutelmetnaam .beheer-inhoud{background:#fff;padding:0}.sleutelmetnaam .kaart{box-shadow:none;break-inside:avoid;border:1px solid #ccc}}