/* SLIDER */
	.component_grid-product-features { position: relative; background: #fff; }

/* CONTENT */
	.component_grid-product-features .initial { padding: 40px 30px 0 30px; }
	.component_grid-product-features .initial .image { margin: 10px auto 5px auto; width: 150px; height: 90px; background: center bottom / contain no-repeat; }
	.component_grid-product-features .initial p { display: none; }
	.component_grid-product-features .initial .headline { margin: 20px 0 0; text-align: center; font-weight: bold; color: #009090; }
	.component_grid-product-features .expanded p { margin: 10px 20px 0; padding: 0 0 40px; text-align: center; border-bottom: 2px solid #f6f6f6; }
	.component_grid-product-features [data-js-action="hide"] { display: none; }

/* DYNAMIC */
	.component_grid-product-features.active-1 > div:nth-child(1) { left: 0; }
	.component_grid-product-features.active-1 > div:nth-child(2) { left: 640px; background: linear-gradient(to right, #f6f6f6 0%, #fff 10%); }
	.component_grid-product-features.active-1 > div:nth-child(3) { left: 800px; background: linear-gradient(to right, #f6f6f6 0%, #fff 10%); }

	.component_grid-product-features.active-2 > div:nth-child(1) { left: 0; background: linear-gradient(to right, #fff 0%, #fff 10%, #f6f6f6 25%); }
	.component_grid-product-features.active-2 > div:nth-child(2) { left: 160px; }
	.component_grid-product-features.active-2 > div:nth-child(3) { left: 800px; background: linear-gradient(to right, #f6f6f6 0%, #fff 10%); }

	.component_grid-product-features.active-3 > div:nth-child(1) { left: 0; background: linear-gradient(to right, #fff 0%, #fff 10%, #f6f6f6 25%); }
	.component_grid-product-features.active-3 > div:nth-child(2) { left: 160px; background: linear-gradient(to right, #fff 0%, #fff 10%, #f6f6f6 25%); }
	.component_grid-product-features.active-3 > div:nth-child(3) { left: 320px; }

	.component_grid-product-features > div.active [data-js-action="show"] { display: none; }
	.component_grid-product-features > div.active [data-js-action="hide"] { display: block; }

	.component_grid-product-features.active > div.active { width: 640px; }
	.component_grid-product-features.active > div:not(.active) .initial { padding: 30px 20px; width: 220px; }

	.component_grid-product-features > div:nth-child(3)::after,
	.component_grid-product-features > div:nth-child(2)::after { content: ' '; position: absolute; background: #efefef; width: 1px; height: 180px; left: 0; top: 46px; opacity: 1; transition: opacity 0.5s; }
	.component_grid-product-features.active > div::after { opacity: 0; }


@media (min-width: 980px) {
	/* SLIDER */
		.component_grid-product-features > div { position: absolute; width: 640px; height: 100%; top: 0; background: #fff; transition: all .3s; }
		.component_grid-product-features > div:nth-child(1) { left: 0; }
		.component_grid-product-features > div:nth-child(2) { left: 320px; }
		.component_grid-product-features > div:nth-child(3) { left: 640px; }

	/* CONTENT */
		.component_grid-product-features .initial { padding: 30px; width: 320px; float: left; text-align: center; color: #006567; transition: all .3s; }
		.component_grid-product-features .initial p { display: block; }
		.component_grid-product-features .initial .headline { width: 260px; margin: 20px 0; font-weight: normal; }
		.component_grid-product-features .expanded { width: 320px; float: left; line-height: 270px; height: 100% }
		.component_grid-product-features .expanded p { margin: 20px 0; padding: 0 40px 0 0; line-height: 24px; vertical-align: middle; display: inline-block; text-align: left; border: 0; }

}