/* DIA Installatie Advies: zwarte opmaak met eigen logo en groepsbalk (27-10-2026) */
body.hs-dia-ia{--ia-y:#ffbc25;--ia-gb:34px;--ia-hdr:120px}
@media (max-width:1023px){body.hs-dia-ia{--ia-hdr:72px}}
@media (max-width:799px){body.hs-dia-ia{--ia-gb:30px;--ia-hdr:64px}}
body.hs-dia-ia #wrapper{overflow-x:clip}
/* groepsbalk donker */
body.hs-dia-ia .hs-groupbar{background:#141414!important;border-bottom:1px solid #2b2b2b!important;--hs-text:#fff;--hs-accent:#ffbc25}
body.hs-dia-ia .hs-groupbar .hs-gb-dia{color:#fff!important}
body.hs-dia-ia .hs-groupbar .hs-gb-sep{background:#4a4a4a}
body.hs-dia-ia .hs-groupbar li+li::before{color:#666}
body.hs-dia-ia .hs-groupbar li a{color:#b9b9b9!important}
body.hs-dia-ia .hs-groupbar li a:hover{color:var(--ia-y)!important}
body.hs-dia-ia .hs-groupbar li a.is-current{color:#fff!important;box-shadow:inset 0 -2px 0 var(--ia-y)}
@media (max-width:420px){body.hs-dia-ia .hs-groupbar{font-size:10.5px!important}body.hs-dia-ia .hs-gb-in{gap:6px!important;padding:0 3%!important}body.hs-dia-ia .hs-groupbar li+li::before{margin:0 4px!important}}
/* vaste zwarte kopbalk onder de groepsbalk */
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia:not(.nav) #wrapper .site-header{position:fixed!important;transform:none!important;top:var(--ia-gb)!important;left:0!important;right:0!important;height:var(--ia-hdr)!important;background:#000!important;box-shadow:0 1px 0 #1f1f1f!important;pointer-events:all}
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia.nav #wrapper .site-header{transform:none!important;top:0!important}
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia #wrapper{padding-top:calc(var(--ia-gb) + var(--ia-hdr))!important}
body.hs-dia-ia #content .header-spacer{display:none!important}
/* logo */
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia #wrapper .site-header .wrap .site-logo.hs-brand{position:absolute!important;left:2em!important;top:0!important;height:var(--ia-hdr)!important;max-width:none!important;width:auto!important;display:flex!important;align-items:center;transform:none!important;pointer-events:all}
body.hs-dia-ia .hs-brand a{text-decoration:none!important}
body.hs-dia-ia .hs-brand .hs-brand-logo{display:block;line-height:0}
body.hs-dia-ia .hs-brand .hs-brand-logo img{display:block;height:74px;width:auto;max-width:none}
@media (max-width:1023px){body.hs-dia-ia .hs-brand .hs-brand-logo img{height:52px}}
@media (max-width:799px){html body.hs-dia-ia.hs-dia-ia.hs-dia-ia #wrapper .site-header .wrap .site-logo.hs-brand{left:5%!important}body.hs-dia-ia .hs-brand .hs-brand-logo img{height:44px}}
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia.nav #wrapper .site-header .wrap .site-logo.hs-brand{height:72px!important}
/* menu (desktop) */
@media (min-width:1024px){
 html body.hs-dia-ia.hs-dia-ia #wrapper nav.desktop-nav{top:0!important;height:var(--ia-hdr)!important;background:transparent!important}
}
/* hamburger (mobiel/tablet): geel op zwart */
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia:not(.nav) #wrapper#wrapper .site-header .wrap .hamburger{top:calc((var(--ia-hdr) - 2.4em)/2)!important;right:5%!important;border-color:var(--ia-y)!important;background-color:transparent!important}
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia:not(.nav) #wrapper#wrapper .site-header .wrap .hamburger span,
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia:not(.nav) #wrapper#wrapper .site-header .wrap .hamburger span::before,
html body.hs-dia-ia.hs-dia-ia.hs-dia-ia:not(.nav) #wrapper#wrapper .site-header .wrap .hamburger span::after{background-color:var(--ia-y)!important}
/* hero hoofdpagina: medewerker rechts, tekst links */
body.hs-dia-ia #content .home-intro #homepage-slider img{object-fit:cover!important;object-position:50% 20%!important;top:0!important;height:100%!important;left:0!important;right:0!important}
@media (min-width:800px){
 body.hs-dia-ia #content .home-intro #homepage-slider{left:auto!important;right:0!important;width:46%!important;z-index:1!important}
 body.hs-dia-ia #content .home-intro #homepage-slider::after{content:'';position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(to right,#000,rgba(0,0,0,0))}
 body.hs-dia-ia #content .home-intro .wrap-title{width:54%!important;max-width:none!important;margin:0!important;padding-left:max(5vw,calc((100vw - 1300px)/2))!important;padding-right:2em!important;box-sizing:border-box!important}
 body.hs-dia-ia #content .home-intro .wrap-title p.green-after-span{padding-left:.8em}
 body.hs-dia-ia #content .home-intro .wrap-title p{font-size:min(5em,4.4vw)!important}
}
body.hs-dia-ia #content .home-intro #homepage-slider-txt.hs-person-cap{display:block!important;position:absolute;z-index:8;left:auto;right:0;top:auto;bottom:0;width:46%;padding:2.4em 1.4em 1.2em;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));text-decoration:none!important;color:#fff;font-style:normal;box-sizing:border-box}
body.hs-dia-ia #content .home-intro #homepage-slider-txt .hs-cap-in{display:block;line-height:1.3;font-size:15px}
body.hs-dia-ia #content .home-intro #homepage-slider-txt strong{display:block;font-size:1.15em;color:#fff}
body.hs-dia-ia #content .home-intro #homepage-slider-txt .hs-cap-in span{display:block;color:rgba(255,255,255,.88)}
@media (max-width:799px){
 body.hs-dia-ia #content .home-intro .wrap-title{height:auto!important;min-height:0!important;padding-top:2.5em!important;padding-bottom:1.5em!important}
 body.hs-dia-ia #content .home-intro #homepage-slider{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0 5%;aspect-ratio:5/4;border-radius:14px}
 body.hs-dia-ia #content .home-intro #homepage-slider img{position:absolute!important}
 body.hs-dia-ia #content .home-intro #homepage-slider-txt.hs-person-cap{left:5%;right:5%;width:auto;bottom:0;border-radius:0 0 14px 14px}
 body.hs-dia-ia #content .home-intro{padding-bottom:1em}
}
/* subpagina's: portret op zwart */
body.hs-dia-ia .specialisme-intro .hs-person-intro{border-radius:14px 14px 0 0;background:#111}
/* tabellen en tegels: nooit breder dan het scherm */
body.hs-dia-ia #content table{display:block;max-width:100%;overflow-x:auto}
/* footer: onderdeel van DIA Groep */
body.hs-dia-ia .footer-endorse{display:flex;align-items:center;gap:12px;margin-top:1em;font-size:15px;color:#fff}
body.hs-dia-ia .footer-endorse img{height:22px;width:auto;display:block}
body.hs-dia-ia .footer-endorse a{color:var(--ia-y)!important;text-decoration:underline}
/* projectpagina's: logo-kaart niet dubbel naast het kopbalklogo */
body.hs-dia-ia .page-intro-image .company-logo.bedrijf-297:only-of-type{box-shadow:none}
body.hs-dia-ia .hs-ov-sub{color:#fff;margin:.3em 0 0;font-size:1.15em;opacity:.85}