/* VVU 6.5.20 — één globale siteshell voor alle publieke pagina's.
   Header, content en footer-inner gebruiken exact dezelfde maximale breedte. */
:root{
  --vvu-shell-max:1440px;
  --vvu-shell-gutter:32px;
  --vvu-shell-width:min(var(--vvu-shell-max),calc(100% - (var(--vvu-shell-gutter) * 2)));
}
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
body{overflow-x:hidden!important}

/* Header: exact dezelfde shell als alle pagina-inhoud. */
body>#vvu-unified-header.vvu645-header{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;
  position:sticky!important;top:0!important;z-index:10000!important
}
body>#vvu-unified-header .vvu645-inner{
  width:var(--vvu-shell-width)!important;max-width:var(--vvu-shell-max)!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important
}

/* Iedere primaire publieke pagina exact dezelfde buitenbreedte. */
body>main,
body>.v650-home,
body>.v5-project,
body>.projects-page,
body>.solutions-page,
body>.page489-main,
body>.vvu-public-main{
  box-sizing:border-box!important;
  width:var(--vvu-shell-width)!important;
  max-width:var(--vvu-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Home mocht in oudere CSS tot bijna schermbreedte groeien. Binnen de shell nooit meer. */
.v650-home,
.v650-home .v650-hero,
.v650-home .v650-main,
.v6518-home-marquee,
.v6518-home-marquee .v6512-track,
.v6512-home-solutions-only,
.v6512-home-solutions-only .v6518-home-marquee{
  max-width:100%!important;
}
.v650-home{width:100%!important}

/* Onze oplossingen: dezelfde lijn als home en andere pagina's. */
.v6518-solutions-list,
.v6518-solutions-list .v6512-track,
.solutions-list,
.solutions489-list{
  width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important
}

/* Footer blijft over de volle achtergrondbreedte, inhoud lijnt gelijk met header/main. */
.v648-footer-grid,.v648-footer-bottom,
.v650-footer-grid,.v650-footer-bottom,
footer .vvu-footer-inner,
footer .footer-inner{
  box-sizing:border-box!important;
  width:var(--vvu-shell-width)!important;
  max-width:var(--vvu-shell-max)!important;
  margin-left:auto!important;margin-right:auto!important
}

@media(max-width:1100px){
  :root{--vvu-shell-gutter:20px}
}
@media(max-width:760px){
  :root{--vvu-shell-gutter:14px}
  body>main,body>.v650-home,body>.v5-project,body>.projects-page,body>.solutions-page,body>.page489-main,body>.vvu-public-main{
    width:var(--vvu-shell-width)!important
  }
}
