/* STIJL: WITTE ACHTERGROND, RECHTE BLOKKEN, NEUTRALE BASIS MET SUBTIELE KLEURACCENTEN */
:root{
  --paper:#ffffff;--ink:#141414;--ink-2:#4a4a4a;
  --c-black:#0e0e0e;--c-dark:#2a2a2c;--c-pearl:#e7e6e2;--c-light:#f3f3f1;--c-white:#ffffff;
  --a-red:#c4382c;--a-yellow:#e0ac25;--a-green:#2e8a57;--a-blue:#2f5fd0;
  --float:0 24px 48px -28px rgba(0,0,0,.45),0 6px 16px -10px rgba(0,0,0,.2)
}
html,html body{background:var(--paper)!important}
/* alles recht */
html body *:not(.status-dot):not(.ah-dot):not(.ah-live):not(.msg-av):not(.chat-send):not(img.chat-avatar):not(.hx-cb-hd img):not(i:empty):not(.av){border-radius:0!important}
/* menu en footer */
body>nav{position:sticky;top:12px;margin:12px auto 0;width:calc(100% - 32px);max-width:1240px;border:0!important;box-shadow:var(--float);background:var(--c-black)!important}
html body>nav{padding-left:24px!important;padding-right:24px!important}
@media(min-width:1101px) and (max-width:1360px){html body>nav .nav-links{gap:18px!important}html body>nav .nav-links a{font-size:13px}}
@media(max-width:1100px){html body>nav .nav-links.open{top:72px!important;left:16px!important;right:16px!important;box-shadow:var(--float)}}
body>.footer-nav{width:calc(100% - 32px);max-width:1240px;margin:28px auto 24px;box-shadow:var(--float);border:0;background:var(--c-black)!important}
/* blokken */
.tl{width:calc(100% - 32px)!important;max-width:1240px!important;margin:28px auto!important;overflow:hidden;box-shadow:var(--float);border:0!important}
main>.tl:first-child,body>nav+.tl{margin-top:20px!important}
body>main{background:transparent!important}
body>section.hx-band,body>section.ah{background:transparent!important;padding:0!important}
body>section.hx-band .hx-card,body>section.ah .ah-inner{max-width:1240px}
body>div[style*="height:80px"]{height:0!important}
.hx-card.tl,.ah-card.tl{margin:28px auto!important}
html body>main.bo{width:calc(100% - 32px);max-width:1240px;padding-left:0!important;padding-right:0!important}
main.bo>.tl,main.bo>.bo-grid,main.bo>.bl,main.bo>.cs-group{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
main.bo>.tl{margin-top:28px!important;margin-bottom:28px!important}
main.bo>.tl:first-child{margin-top:0!important}
main.bo{padding-top:8px}
main.bo .bo-card,main.bo .bl>*{box-shadow:var(--float)}
main.bo .cs-group{color:var(--ink)!important}
main.bo .bo-card-soon{opacity:1!important;background:var(--c-light)!important;border:1px dashed rgba(0,0,0,.2)!important;box-shadow:none!important}
main.bo .bo-card-soon :is(h2,h3){color:var(--ink)!important}
main.bo .bo-card-soon :is(p,span){color:var(--ink-2)!important}
main.bo .bo-card-soon .bo-soon{border-color:rgba(0,0,0,.2)!important}
/* basiskleuren van de blokken */
.tl-n-black{background:var(--c-black)!important}
.tl-n-dark{background:var(--c-dark)!important}
.tl-n-pearl{background:var(--c-pearl)!important}
.tl-n-light{background:var(--c-light)!important}
.tl-n-white{background:var(--c-white)!important;box-shadow:0 0 0 1px rgba(0,0,0,.06),var(--float)!important}
/* lichte blokken: donkere tekst */
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper){color:var(--ink)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(h1,h2,h3,h4,h5,strong,b,summary,th,dt):not(.bl-cta *){color:var(--ink)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(p,li,td,dd,span,em,small,blockquote,figcaption,label,div,cite,q):not(.bl-cta *){color:var(--ink-2)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(h1,h2,h3) span:not(.bl-cta *),:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(.lg-label,[class*=eyebrow],[class*=-label],[class*=-num],.ly-n,.vd-num):not(.bl-cta *){color:var(--acc,#b8510a)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) a:not([class*=btn]):not([class*=cta]):not(.bl-cta *){color:var(--acc,#b8510a)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(div,section,aside,figure,table,tr,td,th,details,summary,ul,li,p,nav,hr,article,a):not(.bl-cta *):not(.bl-cta){border-color:rgba(0,0,0,.12)!important}
.tl-n-pearl :is([class*=card],[class*=item]:not(li),.vd-item,.cs-teaser-side,.bl-def,.lg-contact,.cmp-wrap,.dsf details):not(.bl-cta *){background:#fff!important}
:is(.tl-n-light,.tl-n-white,.tl-paper) :is([class*=card],[class*=item]:not(li),.vd-item,.cs-teaser-side,.bl-def,.lg-contact,.cmp-wrap,.pv-grid>*,.dsf details,.bl-table-wrap):not(.bl-cta *){background:var(--c-pearl)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(a,button)[class*=btn]:not(.bl-cta *){color:var(--ink)!important;border-color:rgba(0,0,0,.35)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(a,button)[class*=btn]:not(.bl-cta *) *{color:inherit!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(a,button)[class*=btn]:is([class*=orange],[class*=primary],[class*=solid],[class*=main],.vd-primary):not(.bl-cta *){color:#fff!important;border-color:transparent!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) :is(.bl-q,blockquote){border-left-color:var(--acc,#e8630a)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper) .ly-item{border-top-color:var(--ink)!important}
.tl-paper{background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.06),var(--float)!important;padding-left:max(24px,calc((100% - 820px)/2))!important;padding-right:max(24px,calc((100% - 820px)/2))!important}
.tl-paper .bl-cta{border-radius:0}
.tl-paper .bl-q{color:var(--ink)!important}
.tl-paper thead :is(th,td):not(#_),.tl-paper thead :is(th,td) *:not(#_){color:#fff!important}
.tl-paper thead :is(th,td){background:var(--c-black)!important}
/* subtiele kleuraccenten: een dunne lijn boven het blok en de labels in dezelfde kleur */
.tl-a-red{--acc:var(--a-red)}.tl-a-yellow{--acc:#a87a0c}.tl-a-green{--acc:var(--a-green)}.tl-a-blue{--acc:var(--a-blue)}
.tl-a-red,.tl-a-yellow,.tl-a-green,.tl-a-blue{position:relative}
.tl-a-red:before,.tl-a-yellow:before,.tl-a-green:before,.tl-a-blue:before{content:'';position:absolute;left:0;top:0;width:96px;height:5px;z-index:3;pointer-events:none}
.tl-a-red:before{background:var(--a-red)}.tl-a-yellow:before{background:var(--a-yellow)}.tl-a-green:before{background:var(--a-green)}.tl-a-blue:before{background:var(--a-blue)}
:is(.tl-n-black,.tl-n-dark):is(.tl-a-yellow) :is([class*=eyebrow],.lg-label,.hs-eyebrow){color:var(--a-yellow)!important}
:is(.tl-n-black,.tl-n-dark):is(.tl-a-green) :is([class*=eyebrow],.lg-label,.hs-eyebrow){color:#4cc07f!important}
:is(.tl-n-black,.tl-n-dark):is(.tl-a-blue) :is([class*=eyebrow],.lg-label,.hs-eyebrow){color:#7ea2ff!important}
:is(.tl-n-black,.tl-n-dark):is(.tl-a-red) :is([class*=eyebrow],.lg-label,.hs-eyebrow){color:#ff7b6e!important}
/* hero: Henk groot en vrij */
.hx-card.tl{background:var(--c-dark)!important}
@media(max-width:600px){body>nav{top:8px;width:calc(100% - 16px);margin-top:8px}.tl{width:calc(100% - 16px)!important;margin:16px auto!important}.hx-card.tl,.ah-card.tl{margin:16px auto!important}body>.footer-nav{width:calc(100% - 16px)}html body>main.bo{width:calc(100% - 16px)}}
.bo-head.tl{padding:44px 48px!important}@media(max-width:600px){.bo-head.tl{padding:28px 22px!important}}
/* lichte blokken met oorspronkelijk donkere kaarten: kaarten worden licht */
.tl-force *:not(a[class*=btn]):not(button[class*=btn]):not(img):not(picture):not(input):not(textarea):not(select):not(.chat-send):not([class*=bar]):not([class*=fill]):not([class*=track]):not(.status-dot):not(i:empty):not(svg *){background-color:transparent!important;background-image:none!important}
.tl-force :is([class*=card],[class*=item]:not(li),[class*=col]:not(col),[class*=step],[class*=pillar],[class*=box],details,.vd-item,blockquote,table){background-color:#fff!important}
:is(.tl-n-white,.tl-n-light).tl-force :is([class*=card],[class*=item]:not(li),[class*=col]:not(col),[class*=step],[class*=pillar],[class*=box],details,.vd-item,blockquote,table){background-color:var(--c-pearl)!important}
.tl-force :is([class*=card],[class*=item]:not(li),[class*=col]:not(col),[class*=step],[class*=pillar],[class*=box],details,.vd-item,table){border:1px solid rgba(0,0,0,.1)!important}
.tl-force input,.tl-force textarea{background:#fff!important;color:var(--ink)!important;border-color:rgba(0,0,0,.25)!important}
.footer-nav :is(p,em,small){color:rgba(255,255,255,.6)!important}
.hx-chat .chat-disclaimer{color:rgba(255,255,255,.6)!important}
.tl-paper .bl-cta>*{background:var(--c-black)!important}
.tl-paper .bl-cta :is(p,span,small){color:rgba(255,255,255,.75)!important}
.tl-paper .bl-cta .bl-cta-label{color:#ff9a52!important}
.tl-paper .bl-cta a.bl-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.tl-paper .bl-cta :is(h2,h3,h4,strong){color:#fff!important}
body>section.ah .ah-inner{width:calc(100% - 32px);max-width:1240px;margin:0 auto;padding:0!important}.ah-inner>.ah-card.tl{width:100%!important}@media(max-width:600px){body>section.ah .ah-inner{width:calc(100% - 16px)}}
/* containers en lijnitems krijgen geen eigen vlak */
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper,.tl-force) :is([class*=cards],[class*=grid],[class*=list],[class*=-row]):not(table *):not(#_){background:transparent!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper,.tl-force) .ly-item:not(#_){background:transparent!important;border:0!important;border-top:3px solid var(--ink)!important;padding-top:18px!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper,.tl-force) [class*=title]:not(.bl-cta *):not(#_){color:var(--ink)!important}
/* rood actieblok */
.tl-red{background:var(--a-red)!important}
.tl-red .cta-strip{background:none!important;border:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;padding:44px 48px!important}
.tl-red .cta-strip:before,.tl-red .cta-strip:after{display:none!important}
.tl-red .cta-left h3{color:#fff!important}
.tl-red .cta-left p{color:rgba(255,255,255,.88)!important}
.tl-red .cta-btn{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.tl-red .cta-btn:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
@media(max-width:600px){.tl-red .cta-strip{padding:28px 22px!important}}
/* binnenruimte die rekende met de schermbreedte: nu met de blokbreedte */
.tl .dv-wrap{padding-left:max(24px,calc((100% - 1080px)/2))!important;padding-right:max(24px,calc((100% - 1080px)/2))!important}
.tl .lead-text{padding-left:max(28px,calc((100% - 1080px)/2))!important}
body>.dv{background:transparent!important}
.dv>.tl{border-bottom:0!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper,.tl-force) svg text:is([fill="#fff"],[fill="#ffffff"],[fill="white"]){fill:var(--ink)!important}
:is(.tl-n-pearl,.tl-n-light,.tl-n-white,.tl-paper,.tl-force) svg text:is([fill="#ccc"],[fill="#aaa"],[fill="#999"]){fill:#555!important}
html body svg rect{rx:0!important;ry:0!important}
/* koppen nooit met een los woord op de laatste regel */
html body :is(h1,h2,h3){text-wrap:balance}
.chat-suggestions{padding-left:20px!important;padding-right:20px!important}