/* Huisstijl-voorstel Prime Advice */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(/inc/fonts/huisstijl/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/inc/fonts/huisstijl/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/inc/fonts/huisstijl/montserrat-latin-700-normal.woff2) format('woff2')}
body.huisstijl-prime{--hs-accent:#73a241;--hs-accent-dark:#557a2f;--hs-on-accent:#ffffff;--hs-text:#2d1a46;--hs-soft:#f2f6ee;--hs-dark:#2d1a46;--hs-link:#557a2f;--hs-menu-bg:#2d1a46;--hs-footer-bg:#2d1a46;--hs-footer-text:#ffffff;--hs-footer-link:#a9d47c;--hs-iso-filter:none;--hs-radius-l:28px;--hs-radius-s:6px;--hs-head:'Montserrat',Arial,sans-serif;--hs-body:'Montserrat',Arial,sans-serif}
/* Huisstijl – lichte variant per bedrijfspagina. Alleen geladen op pagina's met body.huisstijl */
body.huisstijl{background:#fff;color:var(--hs-text);font-family:var(--hs-body)}
body.huisstijl #content{color:var(--hs-text)}
body.huisstijl h1,body.huisstijl h2,body.huisstijl h3,body.huisstijl .title-row,body.huisstijl .h2-cta,
body.huisstijl #wrapper nav.desktop-nav,body.huisstijl .button,body.huisstijl .uitklapper-title,
body.huisstijl #content .home-intro .wrap-title p{font-family:var(--hs-head)}
/* DIA-accentlijn bovenaan: DIA blijft zichtbaar */
body.huisstijl #wrapper::before{content:'';position:fixed;z-index:1005;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hs-accent) 0 78%,#00b482 78% 100%)}

/* ---------- header: altijd wit met donkere tekst ---------- */
body.huisstijl:not(.nav) #wrapper .site-header{position:fixed!important;top:0!important;left:0;right:0;height:6.2em;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
body.huisstijl.scrolled:not(.nav) #wrapper .site-header{height:6.2em!important}
body.huisstijl .company-logo .subtext{font-family:rajdhani,sans-serif}
body.huisstijl:not(.nav) #wrapper .site-header .site-logo .company-logo{top:.35em!important}
body.huisstijl #wrapper nav.desktop-nav{top:0;height:6.2em;background:transparent!important}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li a,body.huisstijl #wrapper nav.desktop-nav ul.menu-bottom>li a:not(.button){color:var(--hs-text)!important}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li a.active,body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li a:hover,
body.huisstijl #wrapper nav.desktop-nav ul.menu-bottom>li a:not(.button):hover{color:var(--hs-accent-dark)!important}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li a{text-shadow:none!important}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li a.has-submenu{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.17 20.169"><path d="M20.17 10.085l-1.777-1.777-7.047 7.034V0H8.825v15.342L1.79 8.308 0 10.098l10.085 10.071z" fill="%23353535"/></svg>')}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li ul.submenu,body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li ul.submenu li{background:#fff!important}
body.huisstijl #wrapper nav.desktop-nav ul.mainnav>li ul.submenu{box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:0 0 var(--hs-radius-s) var(--hs-radius-s)}
body.huisstijl #wrapper nav.desktop-nav ul.menu-bottom>li a.button{background:var(--hs-accent)!important;border-color:var(--hs-accent)!important;color:var(--hs-on-accent)!important;border-radius:var(--hs-radius-s)}
body.huisstijl #wrapper nav.desktop-nav ul.menu-bottom>li a.button:hover{background:var(--hs-accent-dark)!important;border-color:var(--hs-accent-dark)!important}
body.huisstijl:not(.nav) #wrapper .site-header .wrap .hamburger.hamburger{top:1.4em!important;border-color:var(--hs-text)!important;background:#fff!important}
body.huisstijl:not(.nav) #wrapper .site-header .wrap .hamburger.hamburger span,body.huisstijl:not(.nav) #wrapper .site-header .wrap .hamburger.hamburger span::before,body.huisstijl:not(.nav) #wrapper .site-header .wrap .hamburger.hamburger span::after{background-color:var(--hs-text)!important}
body.huisstijl #wrapper .site-header .wrap .mainmenu .mainmenu-inner{background:var(--hs-menu-bg)}
/* het witte logoblok krijgt een dunne rand zodat het op wit niet wegvalt */
body.huisstijl #wrapper .site-header .site-logo .company-logo{box-shadow:0 0 0 1px rgba(0,0,0,.08)}

/* ---------- hero ---------- */
body.huisstijl #content .home-intro{position:relative;overflow:hidden}
body.huisstijl #content .home-intro .wrap-title{height:auto;min-height:24em;max-height:none;padding-top:4em}
body.huisstijl #content .home-intro .hs-hero{position:absolute;z-index:1;top:0;right:0;width:44%;height:100%;object-fit:cover;border-radius:var(--hs-radius-l) 0 0 0}
@media (max-width:799px){body.huisstijl #content .home-intro .hs-hero{display:none}}
body.huisstijl #content .home-intro{background:var(--hs-soft);color:var(--hs-text);margin-top:6.2em;border-radius:0 0 0 var(--hs-radius-l)}
body.huisstijl #content .home-intro::before,body.huisstijl #content .home-intro::after{display:none}
body.huisstijl #content .home-intro .wrap-title p,body.huisstijl #content .home-intro .wrap-title h1{color:var(--hs-text)}
body.huisstijl #content .home-intro .wrap-title p{font-weight:600;letter-spacing:-.01em}
body.huisstijl #content .home-intro .company-logo{box-shadow:0 10px 30px rgba(0,0,0,.10)}
body.huisstijl .bg-dia,body.huisstijl .specialisme-intro.bg-dia{background:var(--hs-soft)!important;background-image:none!important;color:var(--hs-text)}
body.huisstijl .specialisme-intro{border-radius:0 0 0 var(--hs-radius-l)}
body.huisstijl .specialisme-intro h1,body.huisstijl .specialisme-intro .h1,body.huisstijl .specialisme-intro .wrap,body.huisstijl .specialisme-intro a:not(.button){color:var(--hs-text)!important}
body.huisstijl .specialisme-intro .intro-cta a.button.outline.white{color:var(--hs-text)!important;border-color:var(--hs-text)!important}

/* accentstreepjes (green-after) in eigen kleur */
body.huisstijl .divider:not(.white),body.huisstijl #content .divider:not(.white){background-color:var(--hs-accent)!important}

/* ---------- inhoud ---------- */
body.huisstijl #content .home-content{background:#fff!important;color:var(--hs-text)}
body.huisstijl #content .home-content h2{color:var(--hs-text)}
body.huisstijl #content .kennis-overzicht{background:var(--hs-soft)!important;border-radius:var(--hs-radius-l) 0 0 0;padding-top:2em}
body.huisstijl #content .kennis-overzicht .title-row,body.huisstijl #content .kennis-overzicht strong.white{color:var(--hs-text)!important}
body.huisstijl #content .kennis-overzicht ul .tile>a{box-shadow:0 2px 12px rgba(0,0,0,.08);border-radius:var(--hs-radius-s)}
body.huisstijl #content .kennis-overzicht ul .tile>a .the-content .meta .type,body.huisstijl #content .kennis-overzicht h2.green{color:var(--hs-accent-dark)!important}
body.huisstijl #content .vakexperts-kop,body.huisstijl #content .vakexperts-kop *{color:var(--hs-text)}
body.huisstijl #content .team-grid .gridder .gridder-show,body.huisstijl #content .team-grid .gridder .gridder-show .gridder-padding .gridder-expanded-content .the-content{background:var(--hs-dark)!important}
body.huisstijl #content .team-grid .gridder .gridder-list .the-content{background-color:var(--hs-accent)!important;color:var(--hs-on-accent)}
body.huisstijl #content .wrap .text h1,body.huisstijl #content .wrap .text h2,body.huisstijl #content .wrap .text h3{color:var(--hs-accent-dark)}
body.huisstijl #content a:not(.button):not(.cta-text):not(.uitklapper-title){color:var(--hs-link)}
body.huisstijl #content .wrap.specialismen ul li a{color:var(--hs-text)!important}
body.huisstijl #content .wrap.specialismen ul li a:hover{color:var(--hs-accent-dark)!important}
body.huisstijl #content .uitklapper-title{color:var(--hs-text)}
body.huisstijl body:not(.top_werken-bij) #content .cta,body.huisstijl:not(.top_werken-bij) #content .cta{background:var(--hs-soft)!important;color:var(--hs-text)!important;border-radius:var(--hs-radius-l) 0 0 0}
body.huisstijl:not(.top_werken-bij) #content .cta *{color:var(--hs-text)}
body.huisstijl #content .cta-quote,body.huisstijl #content .cta-quote *{color:var(--hs-text)}

/* knoppen: afgerond, eigen kleur */
body.huisstijl #content .button{border-radius:var(--hs-radius-s)}
body.huisstijl #content .button:not(.outline){background:var(--hs-accent)!important;border-color:var(--hs-accent)!important;color:var(--hs-on-accent)!important}
body.huisstijl #content .button:not(.outline):hover{background:var(--hs-accent-dark)!important;border-color:var(--hs-accent-dark)!important}
body.huisstijl #content .button.outline:not(.white){background:transparent!important;border-color:var(--hs-accent-dark)!important;color:var(--hs-accent-dark)!important}
body.huisstijl #content .button.outline:not(.white):hover{background:var(--hs-accent-dark)!important;color:#fff!important}
body.huisstijl #content .cta-footer .wrap a.cta-text{background:var(--hs-accent)!important;color:var(--hs-on-accent)!important;border-radius:var(--hs-radius-s)}

/* ---------- footer: licht, eigen kleur, DIA-onderschrift ---------- */
body.huisstijl #footer.site-footer{background:var(--hs-footer-bg)!important;background-image:none!important;color:var(--hs-footer-text);border-radius:0 var(--hs-radius-l) 0 0;border-top:6px solid var(--hs-accent)}
body.huisstijl #footer .footer-slagon .h2-cta{color:var(--hs-footer-text)}
body.huisstijl #footer .footer-details .footer-columns .column>div a,body.huisstijl #footer strong,body.huisstijl #footer .menu-last{color:var(--hs-footer-text)!important}
body.huisstijl #footer .footer-details .footer-columns .column.column3 .menu2 a{color:var(--hs-footer-link)!important}
body.huisstijl #footer .footer-details .footer-columns .column .naar-contact a:hover,body.huisstijl #footer a:hover{color:var(--hs-accent-dark)!important}
body.huisstijl #footer .follow-socialmedia ul li a{background:var(--hs-footer-text)}
body.huisstijl #footer .follow-socialmedia ul li a svg{fill:var(--hs-footer-bg)}
body.huisstijl #footer .iso img{filter:var(--hs-iso-filter)}
body.huisstijl #footer .footer-search form{border-color:var(--hs-footer-text)!important;box-shadow:inset 0 0 0 2px var(--hs-footer-text);border-radius:var(--hs-radius-s)}
body.huisstijl #footer .footer-search form input,body.huisstijl #footer .footer-search form ::placeholder{color:var(--hs-footer-text)}
body.huisstijl #footer .footer-search form button{filter:var(--hs-iso-filter)}
body.huisstijl .footer-endorse{display:flex;align-items:center;gap:.9em;margin:0 0 1.2em;font-size:.95em;color:var(--hs-footer-text)}
body.huisstijl .footer-endorse img{height:2.4em;width:auto}
body.huisstijl .footer-endorse a{color:var(--hs-footer-text)!important;text-decoration:underline}
@media (max-width:799px){
 body.huisstijl.huisstijl:not(.nav) #wrapper .site-header{height:4.6em!important}
 body.huisstijl:not(.nav) #wrapper .site-header .wrap .site-logo{top:.3em!important}
 body.huisstijl:not(.nav) #wrapper .site-header .site-logo .company-logo{top:0!important;transform:scale(.72);transform-origin:left top}
 body.huisstijl:not(.nav) #wrapper .site-header .wrap .hamburger.hamburger{top:.9em!important}
 body.huisstijl #content .home-intro{margin-top:4.6em;border-radius:0 0 0 calc(var(--hs-radius-l)*.6)}
}

body.huisstijl #content .kennis-overzicht ul .tile>a,body.huisstijl #content .kennis-overzicht ul .tile>a *{color:var(--hs-text)!important}
body.huisstijl #content .kennis-overzicht ul .tile>a h2,body.huisstijl #content .kennis-overzicht ul .tile>a .meta .type{color:var(--hs-accent-dark)!important}
body.huisstijl .cta-quote{background:var(--hs-soft)!important;color:var(--hs-text)!important}
body.huisstijl .cta-quote .wrap .cta-quote-block{background:var(--hs-accent)!important;color:var(--hs-on-accent)!important;border-radius:var(--hs-radius-s)}
body.huisstijl .cta-quote .wrap .cta-quote-block *{color:var(--hs-on-accent)!important}
/* bestaande fotoslider (Sinis) als foto rechts i.p.v. donkere achtergrond */
body.huisstijl #content .home-intro #homepage-slider{left:auto;width:44%;z-index:1;border-radius:var(--hs-radius-l) 0 0 0}
body.huisstijl #content .home-intro #homepage-slider img{top:0;height:100%;object-fit:cover;object-position:center}
body.huisstijl #content .home-intro #homepage-slider-txt{display:none}
@media (max-width:799px){
 body.huisstijl #content .home-intro #homepage-slider{display:none}
 body.huisstijl h1,body.huisstijl .h1{overflow-wrap:break-word;hyphens:auto}
 body.huisstijl .specialisme-intro h1{font-size:170%}
}
@media (min-width:800px) and (max-width:1100px){body.huisstijl #content .home-intro .hs-hero,body.huisstijl #content .home-intro #homepage-slider{width:38%}}
body.huisstijl #wrapper{overflow-x:clip}
@media (max-width:799px){body.huisstijl h1 span{white-space:normal!important;overflow-wrap:anywhere}}
@media (min-width:800px){body.huisstijl #content .home-intro .wrap-title p,body.huisstijl #content .home-intro .wrap-title h1{max-width:calc(56vw - 9em)}body.huisstijl #content .home-intro .wrap-title p{font-size:min(5em,4.6vw)}}
@media (min-width:800px) and (max-width:1100px){body.huisstijl #content .home-intro .wrap-title p,body.huisstijl #content .home-intro .wrap-title h1{max-width:calc(62vw - 7em)}body.huisstijl #content .home-intro .wrap-title p{font-size:min(4em,4.4vw)}}
@media (min-width:800px){body.huisstijl #content .home-intro .wrap-title h1 br{display:none}}