@charset "UTF-8";
/* CSS Document */

.product-template {
	padding: 30px;
}

.product-template .back-btn {
}

.product-template .product-specs {
	grid-template-columns: 0.9fr 1fr;
	gap: var(--std-gap);
	border-bottom: 2px solid var(--shd-mid);
	padding: 80px 0;
}

.product-template .meta {
	gap: 30px;
	align-items: start;
}

.product-template .product-specs h1 {
	font-size: 40px;
	line-height: 46px;
}

.product-template .product-specs .variaties {
	gap: 10px;
}

.product-template .product-specs select {
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
}

.product-template .attributen {
	align-items: start;
	gap: 5px;
}

.product-template .attributen h4 {
	color: var(--act-primary);
	font-size: 20px;
}

@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
    .product-template .product-specs h1 {
		font-size: 30px;
		line-height: 36px;
	}
}

@media screen and (max-width: 768px) {
	.product-template .product-specs {
		grid-template-columns: 1fr;
		gap: 50px;
	}
}