.products .headline {
    grid-area: 1/3/1/span 7;
    max-width: 20ch;
}

.products .products-sort-container {
    grid-area: 1/10/1/span 3;
}

.products .filter-toggle {
	display: none;
}

.products .products-filter-container {
    grid-area: 2/3/2/span 3;
    width: fit-content;
}

.products .products-filter-container .products-filter {
    padding: var(--m-50) max(16px, 1.25vw);
    border: 2px solid currentColor;
    gap: var(--m-50);
}

.products .products-filter-container .product-categories {
	font-family: "DM Sans";
	font-size: var(--fs-20);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	gap: .5em;
}

.products .products-filter-container .default-btn {
	width: 100%;
}

.products .products-container {
	grid-area: 2/6/2/span 7;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: var(--grid-gap);
	grid-row-gap: var(--m-50);
}

.products .products-container .product {
	width: 100%;
    gap: 15px;
}

.products .products-container .product .product-img,
.products .products-container .product .product-img img {
    aspect-ratio: 1/1;
    width: 100%;
}

.products .products-container .product .product-img .tag-customizable {
    top: max(12px, 0.78125vw);
    right: max(12px, 0.78125vw);
	font-family: "Montserrat";
	font-size: var(--fs-20);
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	padding: .25em 1em;
	background: var(--black);
	color: var(--white);
	border-radius: 100vmin;
}

@media (max-width: 1199.98px) {
	.products .headline {
		grid-area: 1/2/1/span 7;
	}

	.products .products-sort-container {
		grid-area: 1/8/1/span 6;
	}

	.products .products-filter-container {
		grid-area: 2/2/2/span 4;
	}

	.products .products-container {
		grid-area: 2/6/2/span 8;
	}
}

@media (max-width: 991.98px) {
	.products#produkte {
		position: relative;
	}

	.products .headline {
		grid-area: 1/2/1/span 12;
		text-align: center;
		justify-self: center;
    	margin-bottom: var(--m-small);
	}

	.products .products-filter-container {
		grid-area: 2/3/2/span 5;
		position: absolute;
		top: 100%;
		left: 0;
		background: var(--white);
		z-index: 99;
		width: 100%;
		min-width: fit-content;
		height: fit-content;
		margin-top: 0;
		transition: var(--def-trans);
		max-height: 0;
		overflow: hidden;
	}

	.products .products-filter-container .products-filter {
		width: 100%;
		min-width: fit-content;
		height: fit-content;
    	border-top: 0 none;
	}

	.products .products-filter-container.active {
    	max-height: 1000px;
	}

	.products .filter-toggle {
		display: flex;
		grid-area: 2/3/2/span 5;
		width: 100%;
		height: 100%;
	}

	.products .products-sort-container {
		grid-area: 2/8/2/span 5;
		width: 100%;
	}

	.products .products-sort-container select {
		width: 100%;
	}

	.products .products-container {
		grid-area: 3/3/3/span 10;
	}
}



@media (max-width: 767.98px) {
	.products .products-filter-container {
		grid-area: 2/2/2/span 6;
	}

	.products .filter-toggle {
		grid-area: 2/2/2/span 6;
	}

	.products .products-sort-container {
		grid-area: 2/8/2/span 6;
	}

	.products .products-container {
		grid-area: 3/2/3/span 12;
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 575.98px) {
	.products .products-container {
		grid-template-columns: 1fr;
	}
}