/* Techdog — basis: reset, typografie, knoppen. Waarden gemeten uit de bestaande site. */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	font-family:var(--td-font-body);
	font-size:var(--td-fs-base);
	line-height:var(--td-lh-base);
	font-weight:var(--td-fw-base);
	color:var(--td-text);
	background:var(--td-bg);
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:#2EA3F2;text-decoration:none;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6{
	font-family:var(--td-font-head);
	font-weight:500;
	margin:0;
	color:var(--td-blue);
	/* Divi zet word-wrap:break-word op koppen: een woord dat breder is dan de
	   kolom (bv. "Samenwerkingsverbanden" op 390px) breekt af in plaats van
	   de kolom op te rekken en de pagina horizontaal te laten scrollen. */
	overflow-wrap:break-word;
}
h1{font-size:var(--td-h1-size);line-height:var(--td-h1-lh);}
h2{font-size:var(--td-h2-size);line-height:var(--td-h2-lh);}
h3{font-size:var(--td-h3-size);line-height:var(--td-h3-lh);color:var(--td-ink);}
p{margin:0 0 1em;}

/* Knop — wit met blauwe rand, pill-vorm (gemeten). */
.td-btn{
	display:inline-block;
	font-family:var(--td-font-btn);
	font-size:15px;
	font-weight:500;
	line-height:1.7;
	color:var(--td-blue);
	background:#fff;
	border:2px solid var(--td-blue);
	border-radius:100px;
	padding:10px 30px;
	transition:background .2s,color .2s;
	cursor:pointer;
}
.td-btn:hover{background:var(--td-blue);color:#fff;}

/* Gevulde variant — blauw met witte tekst (o.a. contact-hero). */
.td-btn--fill{background:var(--td-blue);color:#fff;}
.td-btn--fill:hover{background:#fff;color:var(--td-blue);}

/* Sectie-achtergrond helper. */
.block--grey{background:var(--td-bg-alt);}

/* Scrollbar — blauwe thumb op lichte track (gemeten uit de bestaande site). */
body::-webkit-scrollbar{width:15px;}
body::-webkit-scrollbar-track{background:var(--td-bg-alt);}
body::-webkit-scrollbar-thumb{
	background-color:var(--td-blue);
	border-radius:20px;
	border:3px solid var(--td-bg-alt);
}

/* De zwevende illustratie (Divi Supreme "Floating Images") staat in
   blocks/float-image.css: daar animeert alleen de afbeelding, niet de
   container. Animeren ze allebei, dan verdubbelt de uitslag naar 40px. */

/* Divi-maat knop (14px / regelhoogte 23,8px → 47,8px hoog). */
.td-btn--sm{font-size:14px;line-height:23.8px;}