/* =========================
FRUIT & VITAAL RESPONSIVE FIX
========================= */
* {
	box-sizing: border-box;
}

html,
body {
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* =========================
TABLET & MOBIEL
========================= */
@media (max-width:768px) {
	```
	/* Hoofdcontainer */
	div[style*="max-width:1100px"] {
		padding: 15px !important;
	}
	
	/* Hero */
	div[style*="gap:48px"] {
		gap: 30px !important;
		margin: 40px 0 !important;
	}
	
	div[style*="flex:1;min-width:300px"] {
		min-width: 100% !important;
	}
	
	/* Typografie */
	h1 {
		font-size: 32px !important;
		line-height: 1.2 !important;
	}
	
	h2 {
		font-size: 26px !important;
		line-height: 1.3 !important;
	}
	
	h3 {
		font-size: 18px !important;
	}
	
	p {
		font-size: 16px !important;
	}
	
	/* Grote secties minder padding */
	div[style*="padding:55px"],
	div[style*="padding:50px"],
	div[style*="padding:60px"],
	div[style*="padding:65px"] {
		padding: 25px !important;
	}
	
	/* Alle grids naar 1 kolom */
	div[style*="grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"],
	div[style*="grid-template-columns:repeat(auto-fit,minmax(280px,1fr))"],
	div[style*="grid-template-columns:repeat(auto-fit,minmax(240px,1fr))"],
	div[style*="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))"] {
		grid-template-columns: 1fr !important;
	}
	
	/* Logo's 2 per rij */
	div[style*="grid-template-columns:repeat(auto-fit,minmax(150px,1fr))"] {
		grid-template-columns: repeat(2,1fr) !important;
	}
	
	/* CTA knoppen */
	a[href="#contact"],
	a[href="/watwijdoen/"],
	a[href="#formulier"] {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
	}
	
	/* Minder witruimte */
	div[style*="margin-bottom:80px"] {
		margin-bottom: 50px !important;
	}
}

/* =========================
KLEINE TELEFOONS
========================= */
@media (max-width:480px) {
	```
	h1 {
		font-size: 28px !important;
	}
	
	h2 {
		font-size: 22px !important;
	}
	
	p {
		font-size: 15px !important;
	}
	
	div[style*="padding:55px"],
	div[style*="padding:50px"],
	div[style*="padding:60px"],
	div[style*="padding:65px"] {
		padding: 20px !important;
	}
	
	/* Logo's onder elkaar */
	div[style*="grid-template-columns:repeat(auto-fit,minmax(150px,1fr))"] {
		grid-template-columns: 1fr !important;
	}
}