/* Lange woorden mogen ook binnen mobiele grids afbreken. */
@media(max-width:700px){
  main h1,main h2,main h3{min-width:0;max-width:100%;overflow-wrap:anywhere}
  main section>div,main section>div>div{min-width:0}
  .care-model-heading,.care-model-heading>*,.section-heading,.section-heading>*,.boundary-grid>*{min-width:0}
  .care-model-heading h2,.section-heading h2,.boundaries h2,.billing h2,.carefree-contact h2,.care-move-heading h2{font-size:clamp(30px,9vw,44px)!important;line-height:1.05!important}
  /* Modaltitels blijven uit volledige woorden bestaan; de kleinere schaal laat
     ook "websiteontwikkeling" op een smal telefoonscherm intact. */
  .service-modal h2{font-size:clamp(23px,7.5vw,34px)!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
}
.site-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;clear:both;max-width:100%;padding:18px 20px;font:400 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0}
.site-legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.85}
.site-legal-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Houd de compacte, horizontale hoofdnavigatie op ieder scherm bereikbaar. */
.shared-site-header{position:fixed}
