html {
	--color-basis:#feca3a;
	--color-basis-rgb:254,204,0;
	--color-basis-donkerder:#F5A74F;
	--color-basis-accent:#feca3a;
	--color-extra-accent:#1c81b0;
	--color-tekst:#292929;
	--color-tekst-button:#000;
	--color-button-hover:#000;
	--color-tekst-button-hover:#fff;
	--color-link:#F5A950;
	--color-link-hover:#feca3a;
	--color-menu-basis:#feca3a;
	--color-menu-basis-donkerder:#f9af19;
	--color-menu-tekst:#000;
	--color-menu-tekst-hover:#fff;
	--color-topBG:#000;
	--color-top:#fff;
	--color-sectionBg:#f7f7f7;
	--color-sectionBg-tekst:#000;
}

.home .hero:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;  }

.home .heroTekst {padding: 100px 5vw 0 25px; justify-content:flex-start; }
.home .txt:not(.heroTekst) h1 {font-size: 4em; color:var(--color-basis)}
.home .txt:not(.heroTekst) h2 {font-size: 4em; color:var(--color-basis)}

.home .tegels {margin-bottom: 40px; }
.home .tegels .main.txt h2 {color: var(--color-basis); font-size: 3.6em; margin-bottom: 0.7em;}
.home .tegels .blokkenoverzicht {display: flex; justify-content: center; gap: 4%; flex-wrap: wrap; max-width: 1900px; margin: 0 auto; }
.home .tegels .blokkenoverzicht .blokken-thumb {display: flex; flex-direction: column; align-content: center; text-align: center; width: 18%; min-width: 220px; }
.home .tegels .blokkenoverzicht .blokken-thumb img {width: 100%; max-width: 250px; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; margin: 0 auto 1.5em auto;}
.home .tegels .blokkenoverzicht .blokken-thumb strong {font-family: 'Montserrat-Bold'; font-size: 2.1em; font-weight: normal; line-height: 1em; margin: 0 auto 0.5em auto;}
.home .tegels .blokkenoverzicht .blokken-thumb .descr p { font-size: 1.7em; line-height: 1.25em;}
.home .tegels .main.txt .wepButton1 {font-size: 1.25em; margin: 1em auto 0 auto; padding: 10px 20px; border-radius: 30px}

.home section.sectionBg {background: #f5f5f5}
.home section.sectionBg .eenkolom {max-width: 1700px; }
.home section.sectionBg .main.txt h2 {color: var(--color-basis); font-size: 3.6em; margin-bottom: 0.7em;}

.home .companies_short {display: flex; justify-content: center; gap: 3%; flex-wrap: wrap;}
.home .companies_short .comp {display: flex; flex-direction: column; align-content: center; text-align: center; width: 14%; min-width: 150px; cursor: pointer; aspect-ratio: 1 / 1; }
.home .companies_short .comp .comp_logo_container {background: var(--color-wit); border: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; order: 1}
.home .companies_short .comp .comp_logo_container .comp_logo { display: flex; justify-content: center; align-content: center; aspect-ratio: 1.3 / 1; padding: 15px; }
.home .companies_short .comp .comp_logo img { max-width: 100%; max-height: 100%; object-fit:contain}
.home .companies_short .comp .comp_name {display: flex; order: 2; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; padding: 0 10px; font-size: 1em; line-height: 1em; height:3.5em; background: var(--color-wit); }
.home .companies_short .comp .comp_stand {display: flex; order: 3; justify-content: center; align-content: center;  width: 100%; font-size: 1.8em; line-height: 2.2em;  aspect-ratio: 4.3 / 1; background: #ddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 20%;}
.home .companies_short .comp .comp_stand strong {font-family: 'Montserrat-Bold'; font-weight: normal; margin: auto 0; }

@media screen and (max-width:860px) {
	.home .companies_short .comp .comp_stand {font-size: 1.25em;}
}
@media screen and (max-width:600px) {
	.home .tegels .blokkenoverzicht .blokken-thumb {min-width: 80%; }
}