/* COOKIE */
@media screen and (max-width: 999px) {
    div.cc-window.cc-banner.cc-bottom > div { font-size: 14px; line-height: calc(1em * (24 / 16)); }
}
@media screen and (max-width: 599px) {
    div.cc-window.cc-banner.cc-bottom { padding: 20px 20px; }
}



/* FILTER */
@media screen and (max-width: 999px) {
	div.filterWrapper > div { width: calc((100% / 2) - 40px); }
}
@media screen and (max-width: 599px) {
	div.filterWrapper { left: 0; width: 100%; }
	div.filterWrapper > div { width: 100%; border-top-width: 0; margin-left: 0; margin-bottom: 0; }
	div.filterWrapper > div:nth-of-type(1) { border-top-width: 1px; }

}



/* GALLERY */
@media screen and (max-width: 1059px) {
	div.galleryWrapper > div { width: calc((100% / 2) - 40px); }
}
@media screen and (max-width: 719px) {
	div.galleryWrapper > div { width: calc((100% / 1) - 40px); }
}



/* NEWS */
@media screen and (max-width: 999px) {
	div.newsWrapper > article > div { width: 100%; }
	div.newsWrapper > article > div.pict { float: none; text-align: center; padding-top: 40px; }
	div.newsWrapper > article > div.pict img { max-width: 440px; }
	div.newsWrapper > article:nth-child(even) > div.pict { float: none; }
	div.newsWrapper > article > div.text { float: none; padding: 40px !important; text-align: center !important; }
	div.newsWrapper > article > div.text > h2 { text-align: center !important; }
}
@media screen and (max-width: 599px) {
	div.newsWrapper > article > div.pict { padding-top: 20px; }
	div.newsWrapper > article > div.text { padding: 40px 20px !important; }
}
@media screen and (max-width: 519px) {
	div.newsWrapper > article > div.pict { padding-left: 20px; padding-right: 20px; }
}



/* MATRIX */
@media screen and (max-width: 999px) {
	div.matrixWrapper { left: -40px; width: calc(100% + 40px); }
	/*div.matrixWrapper > div { margin-bottom: 40px; }*/
	div.matrixWrapper > div:nth-of-type(1) { display: none; }
	div.matrixWrapper > div > div:nth-of-type(1) { display: none; }
	div.matrixWrapper > div > div { width: calc((100% / 4) - 40px); margin: 0 0 40px 40px; }
	div.matrixWrapper > div > div > div.pict { padding: 0; }
	div.matrixWrapper > div > div > div.info { top: 0; width: calc(200% + 40px); }
	div.matrixWrapper > div > div:nth-of-type(2) > div.info,
	div.matrixWrapper > div > div:nth-of-type(3) > div.info {
		left: calc(100% + 40px);
	}
	div.matrixWrapper > div > div:nth-of-type(4) > div.info,
	div.matrixWrapper > div > div:nth-of-type(5) > div.info {
		right: calc(100% + 40px);
	}
}
@media screen and (max-width: 749px) {
	div.matrixWrapper > div > div > div.info { top: calc(100% + 20px); width: calc(300% + (2 * 40px)); }
	div.matrixWrapper > div > div > div.info > p { padding: 0 20px; }
	div.matrixWrapper > div > div:nth-of-type(2) > div.info,
	div.matrixWrapper > div > div:nth-of-type(3) > div.info {
		left: 0;
	}
	div.matrixWrapper > div > div:nth-of-type(4) > div.info,
	div.matrixWrapper > div > div:nth-of-type(5) > div.info {
		right: 0;
	}
	div.matrixWrapper > div > div > div.info::after {
		top: auto;
		bottom: 100%;
		width: 25px;
		height: 25px;
	}
	div.matrixWrapper > div > div:nth-of-type(2) > div.info::after,
	div.matrixWrapper > div > div:nth-of-type(3) > div.info::after {
		right: calc(100% - 25px - 20px);
		background-image: url('../Images/graphics/matrix/infobox-arrow-top@3x.png');
	}
	div.matrixWrapper > div > div:nth-of-type(4) > div.info::after,
	div.matrixWrapper > div > div:nth-of-type(5) > div.info::after {
		left: calc(100% - 25px - 20px);
		background-image: url('../Images/graphics/matrix/infobox-arrow-top@3x.png');
	}
}
@media screen and (max-width: 599px) {
	div.matrixWrapper { left: -20px; width: calc(100% + 20px); }
	div.matrixWrapper > div > div { width: calc((100% / 4) - 20px); margin: 0 0 20px 20px; }
	div.matrixWrapper > div > div > div.info { top: calc(100% + 20px); width: calc(300% + (2 * 20px)); }
}
@media screen and (max-width: 499px) {
	div.matrixWrapper > div > div > div.info { width: calc(400% + (3 * 20px)); }
	div.matrixWrapper > div > div:nth-of-type(3) > div.info { left: calc(-100% - 20px); }
	div.matrixWrapper > div > div:nth-of-type(4) > div.info { right: calc(-100% - 20px); }
	div.matrixWrapper > div > div:nth-of-type(2) > div.info::after { left: calc(((100% - (3 * 20px)) / 4) * 0.5 + (0 * 20px) - (25px / 2)); }
	div.matrixWrapper > div > div:nth-of-type(3) > div.info::after { left: calc(((100% - (3 * 20px)) / 4) * 1.5 + (1 * 20px) - (25px / 2)); }
	div.matrixWrapper > div > div:nth-of-type(4) > div.info::after { left: calc(((100% - (3 * 20px)) / 4) * 2.5 + (2 * 20px) - (25px / 2)); }
	div.matrixWrapper > div > div:nth-of-type(5) > div.info::after { left: calc(((100% - (3 * 20px)) / 4) * 3.5 + (3 * 20px) - (25px / 2)); }
}



/* PRODUCTS */
@media screen and (max-width: 1199px) {
	div.productsWrapper > div { width: calc((100% / 4) - 40px); }
}
@media screen and (max-width: 999px) {
	div.productsWrapper > div { width: calc((100% / 3) - 40px); }
}
@media screen and (max-width: 599px) {
	div.productsWrapper { left: 0; width: 100%; padding-top: 40px; }
	div.productsWrapper > div { width: 100%; margin-left: 0; }
}
@media screen and (max-width: 413px) {
	div.productsWrapper > div { width: calc((100% / 1) - 40px); }
}