/* De kop van een rubriekpagina: titel, inleiding, ruimte. */

#categorie_header_text h1 {
  margin-bottom: 14px !important;
}

#categorie_header_text #introText {
  /* <text> is geen HTML-element en dus inline: zonder dit doet de regelafstand
     het niet als blok. */
  display: block;
  /* Geen max-width. Die stond er eerst wel (72 tekens, de leesbare bovengrens),
     maar dan valt er rechts een gat van 280 px terwijl de kolom eronder wél tot
     de rand loopt — en dat gat valt harder op dan de lange regel. De rust komt
     nu van de regelafstand. */
  line-height: 1.65 !important;
}

#categorie_header_text .lees-meer {
  display: inline-block;
  margin-top: 12px !important;
}

/* Het blok heeft nu zelf lucht; daarmee mag het gat naar de filterbalk terug.
   De balk staat als raster met de knoppen verticaal gecentreerd, dus dit is de
   afstand tot de bovenkant van dat raster — de knoppen zelf staan daar nog een
   paar pixels onder. */
#right_container_content #pagination_top {
  /* `#right_container_content` is een raster met 16 px rijafstand. Die is
     prima tussen de balk en de kaartjes, maar boven de balk kwam er ook nog de
     lucht van de regelafstand van de laatste tekstregel bij. Vandaar dat het
     hier 8 px terug mag. */
  margin-top: -8px;
}

@media (max-width: 639px) {
  #categorie_header_text h1 { margin-bottom: 10px !important; }
  #categorie_header_text #introText { line-height: 1.6 !important; }
  #right_container_content #pagination_top { margin-top: 0; }
}