/* Huisstijl New Concept Group (newconceptgroup.nl): lettertype, kleuren en de NCG-topbalk. */
/* Montserrat (SIL Open Font License, zie /fonts/Montserrat-OFL.txt), zelf gehost: geen verzoeken naar Google. */
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/montserrat-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/montserrat-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Inlogpagina in de huisstijl van New Concept Group (newconceptgroup.nl) */
:root{--ncg:#023F5B;--ncg-donker:#01304a;--ncg-licht:#104A65}
body.ncg{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f7f7f7}

/* ---------- topbalk (NCG-variant) ---------- */
.topbalk.ncg{background:var(--ncg);border-bottom:none}
.topbalk.ncg .wrap{height:64px}
.topbalk.ncg .tb-titel{color:#fff;gap:14px}
.tb-ncg-logo{height:26px;width:auto;display:block}
.tb-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.8);padding-left:14px;border-left:1px solid rgba(255,255,255,.3);white-space:nowrap}
.topbalk.ncg .tb-knop{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;border-radius:3px}
.topbalk.ncg .tb-knop:hover{background:rgba(255,255,255,.08)}
.topbalk.ncg .tb-avatar{background:#fff;color:var(--ncg);border-radius:3px}
.topbalk.ncg .tb-menu{border-radius:3px}
@media(max-width:600px){.tb-label{display:none}.tb-ncg-logo{height:20px}}

/* ---------- bedrijfskeuze ---------- */
.ncg-hero{background:var(--ncg);color:#fff;padding:44px 0 96px;position:relative;overflow:hidden}
.ncg-hero:after{content:'';position:absolute;right:-30px;top:0;bottom:0;width:340px;opacity:.07;
  background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 22px)}
.ncg-hero .wrap{position:relative;z-index:1}
.hero-kicker{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:.75;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.hero-kicker:before{content:'';width:28px;height:2px;background:#fff;opacity:.8}
.ncg-hero h1{font-size:34px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.15}
.ncg-hero p{font-size:15px;opacity:.85;margin-top:10px;max-width:560px;line-height:1.6}
.ncg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:-56px;position:relative;z-index:2}
.nk-kaart{background:#fff;border-radius:3px;box-shadow:0 2px 10px rgba(2,63,91,.08);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s;overflow:hidden;border-top:4px solid var(--kk,var(--ncg))}
.nk-kaart:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(2,63,91,.16)}
.nk-kaart .nk-logo{height:104px;display:flex;align-items:center;justify-content:center;padding:18px 24px;border-bottom:1px solid #eef0f2}
.nk-kaart .nk-logo img{max-height:44px;max-width:220px;display:block}
.nk-kaart .nk-init{width:52px;height:52px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;letter-spacing:1px}
.nk-kaart .nk-tekst{padding:18px 22px 6px;flex:1}
.nk-kaart .nk-naam{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#222}
.nk-kaart .nk-sub{font-size:12.5px;color:#616161;margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nk-kaart .nk-meta{display:flex;gap:6px;flex-wrap:wrap;padding:12px 22px 0}
.nk-kaart .pil{border-radius:3px}
.nk-kaart .nk-open{margin:16px 22px 18px;padding-top:14px;border-top:1px solid #eef0f2;font-size:11.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ncg);display:flex;justify-content:space-between;align-items:center}
.nk-kaart .nk-open span{transition:transform .18s}
.nk-kaart:hover .nk-open span{transform:translateX(4px)}
.nk-kaart.nieuw{border:2px dashed #c9d2da;border-top-width:2px;background:transparent;box-shadow:none;align-items:center;justify-content:center;min-height:240px;color:#616161;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.nk-kaart.nieuw:hover{border-color:var(--ncg);color:var(--ncg);box-shadow:none}
.ncg-leeg{background:#fff;border-radius:3px;padding:32px;text-align:center;color:#616161;margin-top:-56px;position:relative;box-shadow:0 2px 10px rgba(2,63,91,.08)}
@media(max-width:600px){.ncg-hero{padding:28px 0 84px}.ncg-hero h1{font-size:24px}.ncg-hero:after{width:160px}}