/* 95-raster.css — één container voor de hele site.
 *
 * Laadt als laatste, zodat het de per-pagina breedtes overschrijft die er in de
 * loop van de bouw ingeslopen zijn: 1440, 1320, 1200, 1120 en vollebreedte,
 * allemaal op dezelfde pagina. Vijf uitlijningen is waarom een pagina los oogt,
 * los van hoeveel velden erop staan.
 *
 * De regel: banden mogen volle breedte zijn, inhoud nooit. Wat inhoud draagt
 * zit in de container; wat een achtergrond draagt loopt door.
 */

/* De inhoudscontainer. */
main.tb-archive,
main.tb-detail,
main.tb-profiel,
main.tb-redactie,
main.tb-app,
main.tb-blog,
main.tb-stad{
  --tb-page-pad:0px;
  max-width:var(--tb-container);
  margin-inline:auto;
  padding-inline:24px;
  box-sizing:border-box;
}

/* Blokken binnen die containers hebben zelf geen zijruimte meer nodig. */
main.tb-archive > *,
main.tb-detail > *,
main.tb-profiel > *,
main.tb-blog > *,
main.tb-stad > *{
  padding-left:0;
  padding-right:0;
}

/* Rasters en banden die al bínnen een container staan, tellen niet nog een
   keer padding op — anders begint de kop op 168 waar de rest op 144 staat. */
:is(main.tb-archive, main.tb-detail, main.tb-profiel, main.tb-redactie,
    main.tb-app, main.tb-blog, main.tb-stad) :is(.tb-raster, .tb-hero-in){
  padding-inline:0;max-width:none;
}

/* Volle-breedte banden: de band loopt door, de inhoud erin niet. */
.tb-hero-in,
.tb-home-blok,
.tb-home-verkoop,
.tb-header-in,
.tb-foot-cta-in,
.tb-foot-merk,
.tb-foot-kolommen,
.tb-foot-onder{
  max-width:var(--tb-container);
  margin-inline:auto;
  padding-inline:24px;
  box-sizing:border-box;
}
.tb-home-verkoop{margin-left:auto;margin-right:auto;}

@media (max-width:599px){
  main.tb-archive, main.tb-detail, main.tb-profiel, main.tb-redactie,
  main.tb-app, main.tb-blog, main.tb-stad,
  .tb-hero-in, .tb-home-blok, .tb-home-verkoop, .tb-header-in,
  .tb-foot-cta-in, .tb-foot-merk, .tb-foot-kolommen, .tb-foot-onder{
    padding-inline:20px;
  }
}

/* ---- verticale schaal --------------------------------------------------
   De afstand tussen de laatste sectie en de voettekst was 136 px: 72 px
   onderruimte van de pagina plus 64 px marge van de voettekst, allebei
   bedoeld als "de afstand". Eén van de twee draagt hem nu. */
main.tb-archive,
main.tb-detail,
main.tb-profiel,
main.tb-redactie,
main.tb-app,
main.tb-blog,
main.tb-stad,
main.tb-home{padding-bottom:var(--tb-ruimte-m);}

.tb-footer{margin-top:0;}