.faq-teaser .box {
	grid-area: 1/3/1/span 10;
}

.faq-teaser .box .icon-container {
	width: max(40px, 2.34375vw);
	aspect-ratio: 1/1;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.faq-teaser .box .headline {
	grid-area: 1/2/1/span 8;
}

.faq-teaser .box .text-container {
	grid-area: 2/3/2/span 6;
}

.faq-teaser .box .accordion {
	grid-area: 3/2/3/span 8;
	width: 100%;
	justify-self: center;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: max(16px, 2.8125vw);
	grid-row-gap: var(--m-sm);
}

.faq-teaser .box .accordion .accordion-item {
	grid-column: span 2;
}

.faq-teaser .box .accordion .accordion-item:last-of-type:nth-child(odd) {
	grid-column: 2/span 2;
}

@media (max-width: 1499.98px) {
	.faq-teaser .box {
		grid-area: 1/2/1/span 12;
	}

	.faq-teaser .box .headline {
		grid-area: 1/2/1/span 10;
	}

	.faq-teaser .box .text-container {
		grid-area: 2/3/2/span 8;
	}

	.faq-teaser .box .accordion {
		grid-area: 3/2/3/span 10;
	}
}

@media (max-width: 1199.98px) {
	.faq-teaser .box {
		padding: var(--m-md) var(--grid-gap);
	}

	.faq-teaser .box .accordion {
		grid-area: 3/1/3/span 12;
	}
}

@media (max-width: 991.98px) {
	.faq-teaser .box .text-container {
		grid-area: 2/2/2/span 10;
	}

	.faq-teaser .box .accordion {
		display: flex;
	}
	
	.faq-teaser .box .accordion .btns-container {
		align-self: center;
		justify-content: center;
	}
}