/* Werkplekbeheer — pagina-specifieke afwijkingen t.o.v. de gedeelde blok-CSS.
   Wordt alleen op /werkplekbeheer/ geladen (techdog_page_slug() === 'werkplekbeheer').
   Alle waarden zijn gemeten op de live pagina (1600 / 980 / 600px).

   Blokvolgorde in .td-main:
     1 hero  ·  2 blauwe band "Ingericht op uw organisatie"
     3 Wij helpen u graag  ·  4 Alles-in-één partner
     5 blauwe band "Vertrouwd bellen vanaf uw vaste toestel"              */

/* ------------------------------------------------------------------ *
 * Desktop
 * ------------------------------------------------------------------ */
@media (min-width:981px){
	/* Divi's goot is een percentage van de rij, niet een vast aantal pixels.
	   De hero en beide tekst+afbeelding-rijen staan op de standaardgoot 3
	   (5,5%); daarmee is de illustratiekolom 605px op een 1600px-scherm,
	   precies zoals live. */
	.page-werkplekbeheer .block-hero__inner,
	.page-werkplekbeheer .block-text-image__inner{gap:5.5%;}

	/* Divi zet de kop van deze hero op 70px; de thema-standaard is 65px.
	   (Tablet 60px en telefoon 40px komen al uit de hero-CSS.) */
	.page-werkplekbeheer .block-hero__text h1{font-size:70px;line-height:70px;}

	/* Onder elke Divi-rij staat 2% van de schermbreedte; de blauwe banden
	   zetten alleen de bovenpadding op 0, dus die 2% blijft onderin staan
	   bovenop de 100px sectiepadding. */
	.page-werkplekbeheer .block-two-col.block--blue{padding-bottom:calc(100px + 2%);}

	/* Ruimte boven de icoon-lijst is de ondermarge van de Divi-tekstmodule:
	   2,75% van de rij = 5,82% van de kolom waarin hij staat. */
	.page-werkplekbeheer .block-two-col__iconlist{margin-top:5.82%;}
}

/* Boven 1350px bevriest Divi die rijpadding op 27px. */
@media (min-width:1350px){
	.page-werkplekbeheer .block-two-col.block--blue{padding-bottom:127px;}
}

/* ------------------------------------------------------------------ *
 * Tablet en telefoon — gestapeld; de rijpadding is dan 30px.
 * ------------------------------------------------------------------ */
@media (max-width:980px){
	.page-werkplekbeheer .block-two-col.block--blue{padding-bottom:130px;}
	.page-werkplekbeheer .block-two-col__iconlist{margin-top:30px;}

}

@media (max-width:767px){
	.page-werkplekbeheer .block-two-col.block--blue{padding-bottom:80px;}

	/* Divi houdt onder deze kop ook op telefoon 7px aan (blok 2 zet die op 0),
	   bovenop de 10px kop-padding en de 30px tussen de gestapelde kolommen. */
	.page-werkplekbeheer .td-main>.block:nth-child(5) .block-two-col__inner{gap:47px;}
}

/* "Alles-in-één partner" heeft in Divi geen telefoonmaat: blijft 50px. */
@media (max-width:767px){
	.page-werkplekbeheer .td-main>.block:nth-child(4) .block-text-image__text h2{font-size:50px;line-height:60px;}
}