/* BLOCK TYPE 1 - title + text */
/* BLOCK TYPE 1 - title + text */
/* BLOCK TYPE 1 - title + text */

.block_type_1 {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: lightgray;
	gap: 5vw;
	padding: 12vw 10vw;
}
/* THEME */
.block_type_1.theme_licht {
	background-color: var(--bg-light);
	color: var(--txt-light);
}
.block_type_1.theme_donker {
	background-color: var(--bg-dark);
	color: var(--txt-dark);
}

.block_type_1::before {
	content: '1';
	background-color: #84de02;
}
.block_type_1 .left {
	width: 100%;
	height: 100%;

	display: grid;
	align-items: center;
	justify-content: center;

	font-size: var(--txt-header-1);
	font-weight: 400;
	line-height: 1.3em;

	transform: translateX(-150px);
	opacity: 0;
	transition: 0.5s ease-in-out;
}
.block_type_1 .left keep {
	white-space: nowrap;
}
.block_type_1 .right {
	display: grid;
	align-items: center;
	justify-content: center;
	font-family: 'Open Sans';

	font-size: var(--txt-bigtext);
	font-weight: 400;
	line-height: 1.5em;

	transform: translateX(150px);
	opacity: 0;
	transition: 0.5s ease-in-out;
}
.block_type_1.into-view .left,
.block_type_1.into-view .right {
	transform: translateX(0px);
	opacity: 1;
}

@media (max-width: 1000px) {
	.block_type_1 {
		grid-template-columns: 1fr;
		grid-template-row: 1fr auto;
		text-align: center;
		padding: 20vw 10vw;
	}
}