{% include "header" %}
<main class="np-main np-learning-paths np-subpage-container">	
	{% include "learning_paths_index", items: learning_paths.available %}
</main>
{% include "footer" %}

<style>

	body[data-lang='EN'] .card-learning-path[data-lang='DE'],
	body[data-lang='DE'] .card-learning-path[data-lang='EN'] {
			display: none !important;
	}

	body[data-lang='EN'] .card-learning-path[data-lang='EN'],
	body[data-lang='DE'] .card-learning-path[data-lang='DE'] {
			display: block !important;
	}

	.card-learning-path[data-lang='DE'] {display:block;}
	.card-learning-path[data-lang='EN'] {display:none;}

.np-learning-paths {
	background: #8B78FA;
}

.np-resource-title {
	color:#fff;
}

.np-learning-paths-resources {
  max-width: 1200px;
}

.np-learning-paths-resources .np-card-container {
	overflow:hidden;
}

.np-learning-paths-resources .image-wrapper {
    position: relative;
}

	.np-learning-paths-resources .image-wrapper img {
    width:100%;
		height:100%;
	}

.np-learning-paths-resources .np-card-ribbon {
	position: absolute;
	right: 16px;
	top: 12px;
}

.np-learning-paths-resources .np-card-content-title {
	font-size:18px;
}

@media screen and (min-width: 768px) {
	.np-learning-paths .np-learning-path-image {
		min-height: 300px;
	}

	.np-learning-paths-resources .image-wrapper {
    width: 35%;
	}

	.np-learning-paths-resources .np-card-text-wrapper {
    width:65%;
	}

	.np-learning-paths-resources .np-card-content-title {
		font-size:24px;
	}
}
</style>