@media (max-width: 1350px) {
	.articleBlock.layout3 .articles {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1280px) {
	.siteSearch {
		margin-left: auto;
		margin-right: auto;
		padding-left: 25px;
		padding-right: 25px;
	}

	.siteSearch input[type="text"] {
		width: 100%;
	}

	.siteSearch form span.iz-icon {
		margin-left: -78px;
	}

	.blockContainer.bg-image {
		aspect-ratio: 2 / 1;
	}

}

@media (max-width: 1280px) {
	.product-wrapper {
		display: grid;
		gap: 65px;
		grid-template-columns: auto 375px;
		margin-left: 105px;
	}

	.new-customer-grid .cart .products .product {
		display: grid;
		gap: 1px;
		grid-template-areas:
			"image title"
			"image price"
			"image actions"
			"image price-wrapper";

		grid-template-columns: 148px auto;
	}

	.cart-overview .cart.small .products .image {
		padding-right: 20px;
	}


	.cart-overview .cart.small .products .price,
	.cart-overview .cart.small .products .actions,
	.cart-overview .cart.small .products .total {
		justify-content: right;
	}

	.cart-overview .cart.small .products .currency {
		float: left;
		margin-left: 0;
	}

	.cart .products .product .maintitle {
		margin-top: 0;
		padding-top: 0;
	}

}

@media (max-width: 1220px) {
	.new-customer-grid {
		display: grid;
		grid-column-gap: 40px;
		grid-row-gap: 40px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
        'button-top button-top'
        'address cart'
        'button button';
		padding-bottom: 40px;
	}
}

@media (max-width: 1180px) {

	.articleBlock.layout2 .articles {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Blauwe achtergrond 3 kolommen */
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(n) {
		background-color: unset;
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+1),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+5),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+9),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+13) {
		background-color: var(--color-bg-green-light);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+1) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+5) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+9) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+13) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-black);
		overflow-wrap: break-word;
		hyphens: auto;
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+6),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+10),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+14) {
		background-color: var(--color-bg-green);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+2) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+6) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+10) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+14) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-white);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+3),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+7),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+11),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+15) {
		background-color: var(--color-bg-blue-light);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+3) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+7) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+11) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+15) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-black);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+4),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+8),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+12),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+16) {
		background-color: var(--color-bg-orange);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+4) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+8) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+12) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+16) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-white);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+4) a.button-orange,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+8) a.button-orange,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+12) a.button-orange,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+16) a.button-orange {
		background-color: var(--color-bg-white);
		color: var(--color-text-orange);
	}

	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+4) a.button-orange:hover,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+8) a.button-orange:hover,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+12) a.button-orange:hover,
	.blockContainer.blockColor-2 .articleBlock.layout1 .articles .article:nth-child(16n+16) a.button-orange:hover {
		background-color: var(--color-bg-orange);
		border: 1px solid var(--color-bg-white);
		color: var(--color-text-white);
	}


	/* Groene achtergrond 3 kolommen */
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(n) {
		background-color: unset;
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+1),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+5),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+9),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+13) {
		background-color: var(--color-bg-green-light);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+1) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+5) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+9) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+13) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-black);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+6),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+10),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+14) {
		background-color: var(--color-bg-blue);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+2) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+6) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+10) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+14) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-white);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+3),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+7),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+11),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+15) {
		background-color: var(--color-bg-blue-light);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+3) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+7) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+11) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+15) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-black);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+4),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+8),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+12),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+16) {
		background-color: var(--color-bg-orange);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+4) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+8) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+12) :is(p, a:not(.button-orange):not(.category), h1, h2),
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+16) :is(p, a:not(.button-orange):not(.category), h1, h2) {
		color: var(--color-text-white);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+4) a.button-orange,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+8) a.button-orange,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+12) a.button-orange,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+16) a.button-orange {
		background-color: var(--color-bg-white);
		color: var(--color-text-orange);
	}

	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+4) a.button-orange:hover,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+8) a.button-orange:hover,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+12) a.button-orange:hover,
	.blockContainer.blockColor-4 .articleBlock.layout1 .articles .article:nth-child(16n+16) a.button-orange:hover {
		background-color: var(--color-bg-orange);
		border: 1px solid var(--color-bg-white);
		color: var(--color-text-white);
	}


	/* Blauwe achtergrond 3 kolommen  Kennisbank */
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(n) {
		background-color: unset;
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(n) .articleContent {
		background-color: unset;
	}

	/* Color 1 */
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+1),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+5),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+9),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+13) {
		background-color: var(--color-bg-green-light);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+1) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+5) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+9) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+13) .articleContent {
		background-color: var(--color-bg-blue);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+1) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+5) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+9) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+13) :is(h2.title, h2.title a) {
		color: var(--color-text-light-green);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+1) .articleContent p,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+5) .articleContent p,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+9) .articleContent p,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+13) .articleContent p {
		color: var(--color-text-light-green);
	}

	/* Color 2 */
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+2),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+6),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+10),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+14) {
		background-color: var(--color-bg-green);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+2) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+6) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+10) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+14) .articleContent {
		background-color: var(--color-bg-blue-light);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+2) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+6) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+10) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+14) :is(h2.title, h2.title a) {
		color: var(--color-text-green);
	}

	/* Color 4 */
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+3),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+7),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+11),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+15) {
		background-color: var(--color-bg-blue-light);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+3) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+7) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+11) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+15) .articleContent {
		background-color: var(--color-bg-orange);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+3) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+7) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+11) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+15) :is(h2.title, h2.title a) {
		color: var(--color-text-white);
	}

	/* Color 5 */
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+4),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+8),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+12),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+16) {
		background-color: var(--color-bg-orange);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+4) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+8) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+12) .articleContent,
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+16) .articleContent {
		background-color: var(--color-bg-blue);
	}

	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+4) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+8) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+12) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-2) .articleBlock.layout3 .article:nth-child(16n+16) :is(h2.title, h2.title a) {
		color: var(--color-text-orange);
	}


	/* Groene achtergrond 3 kolommen  Kennisbank */
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(n) {
		background-color: unset;
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(n) .articleContent {
		background-color: unset;
	}

	/* Color 1 */
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+1),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+5),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+9),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+13) {
		background-color: var(--color-bg-green-light);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+1) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+5) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+9) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+13) .articleContent {
		background-color: var(--color-bg-blue);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+1) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+5) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+9) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+13) :is(h2.title, h2.title a) {
		color: var(--color-text-light-green);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+1) .articleContent p,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+5) .articleContent p,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+9) .articleContent p,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+13) .articleContent p {
		color: var(--color-text-light-green);
	}

	/* Color 3 */
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+2),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+6),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+10),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+14) {
		background-color: var(--color-bg-blue);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+2) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+6) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+10) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+14) .articleContent {
		background-color: var(--color-bg-green-light);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+2) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+6) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+10) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+14) :is(h2.title, h2.title a) {
		color: var(--color-text-blue);
	}

	/* Color 4 */
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+3),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+7),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+11),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+15) {
		background-color: var(--color-bg-blue-light);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+3) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+7) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+11) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+15) .articleContent {
		background-color: var(--color-bg-orange);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+3) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+7) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+11) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+15) :is(h2.title, h2.title a) {
		color: var(--color-text-white);
	}

	/* Color 5 */
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+4),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+8),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+12),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+16) {
		background-color: var(--color-bg-orange);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+4) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+8) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+12) .articleContent,
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+16) .articleContent {
		background-color: var(--color-bg-blue);
	}

	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+4) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+8) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+12) :is(h2.title, h2.title a),
	.blockContainer:where(.blockColor-4) .articleBlock.layout3 .article:nth-child(16n+16) :is(h2.title, h2.title a) {
		color: var(--color-text-orange);
	}


	footer .footer-columns {
		grid-template-columns: repeat(3, 1fr);
	}

	.custom-content .knowledge-wrapper {
		grid-template-columns: auto 275px;
		margin-right: 100px;
	}
}

@media (max-width: 1080px) {

	header .topBar:not(.topBar-mobile) {
		display: none;
	}

	header .topBar-mobile .icons a {
		color: var(--color-text-orange);
		font-size: 1.8rem;
	}

	header .topBar-mobile {
		display: grid;
		grid-template-columns: auto 100px;
		max-width: 1600px;
		padding: 20px 20px 15px;
	}

	header .topBar {
		display: none;
	}

	header .topBar-mobile {
		display: grid;
	}

	.swiper-container.header-slider .header-content .blockContainer :is(h1, h2, h3) {
		font-size: 3rem;
	}

	.swiper-container.header-slider .header-content .blockContainer :is(p.label) {
		font-size: 0.8125rem;
	}

	.articleBlock .filter .category-wrapper {
		display: block;
		grid-template-columns: unset;
	}

	.articleBlock .filter .category-wrapper .category-list span {
		margin-bottom: 8px;
		display: inline-block;
		white-space: nowrap;
	}

	.articleBlock .filter .category-wrapper > div {
		margin-bottom: 6px;
	}

	.articleBlock.layout3 .articles {
		grid-template-columns: repeat(2, 1fr);
	}

	.cart .products {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1024px) {
	.product-wrapper {
		display: block;
		margin-left: 0;
	}

	.product-order-block {
		min-height: 0;
	}

	.new-customer-grid {
		grid-template-areas: none;
		grid-template-columns: repeat(1, 1fr);
	}

	.new-customer-grid > div {
		grid-area: unset !important;
	}

	.account-grid {
		display: block;
	}

	.account-navigation {
		padding: 0 0 30px;
	}

	.custom-content {
		padding-left: 25px;
		padding-right: 25px;
	}

	.custom-content .knowledge-wrapper {
		margin-right: 0;
		margin-top: 0;
		padding-top: 0;
	}

}

@media (max-width: 860px) {

	.articleBlock.layout2 .articles {
		grid-template-columns: repeat(2, 1fr);
	}

	.blockContainer.bg-image {
		aspect-ratio: 1.5 / 1;
	}

	.cart .products {
		grid-template-columns: repeat(2, 1fr);
	}

	.addresses {
		grid-template-columns: repeat(1, 1fr);
	}

	.tablecart .cart .products {
		grid-template-columns: repeat(2, 1fr);
	}

	.custom-content .knowledge-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media (max-width: 768px) {

	.desktop,
	.onlyDesktop {
		display: none;
	}

	.mobile,
	.onlyMobile {
		display: block;
	}

	.swiper-container.header-slider .header-content .blockContainer :is(h1, h2, h3) {
		font-size: 1.875rem;
	}

	.swiper-container.header-slider .header-content .blockContainer > div {
		padding: 25px;
	}

	.articleBlock.layout3 .filter .category-wrapper {
		display: inline-block;
		margin-left: 33px;
	}

	.articleBlock.layout3 .filter-group-label {
		display: block;
		width: 100%;
	}

	.articleBlock.layout3 .filter .category-wrapper {
		margin-left: 0;
	}

	.articleBlock.layout3 .filter .category-wrapper .category {
		display: inline-block;
		margin-bottom: 10px;
	}

	footer .footer-columns {
		grid-template-columns: repeat(2, 1fr);
	}

	.orderFinished .cart .products {
		grid-template-columns: repeat(1, 1fr);
	}

	.orderFinished .cart .products .image {
		text-align: center;
	}

	.orderFinished .cart .products .image img {
		width: 200px;
	}

	.orderFinished .cart .products .title {
		text-align: center;
	}

	.swiper-container.header-slider,
	.swiper-container.header-slider .swiper-wrapper,
	.swiper-container.header-slider .swiper-slide {
		aspect-ratio: 1 / 1;
		height: unset;
		padding-bottom: unset;
		/*padding-bottom: 100%;*/
	}

	.swiper-container.header-slider .swiper-slide img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	body[data-headerposition="0"] .swiper-container.header-slider .swiper-slide img {
		object-position: left;
	}
	body[data-headerposition="1"] .swiper-container.header-slider .swiper-slide img {
		object-position: center;
	}
	body[data-headerposition="2"] .swiper-container.header-slider .swiper-slide img {
		object-position: right;
	}

}

@media (max-width: 640px) {

	.articleBlock.layout2 .articles {
		grid-template-columns: repeat(1, 1fr);
		margin: 0 auto;
		/*max-width: 360px;*/
	}

	.articleBlock.layout2 .article .articleContent h2,
	.articleBlock.layout2 .article .articleContent .categories {
		font-size: 1.7rem;
		line-height: 1.3;
	}

	.articleBlock.layout2 .article .articleContent h2 {
		margin-top: 0;
		padding-top: 0;
	}

	.articleBlock.layout2 .article .articleContent .text-wrapper {
		aspect-ratio: 1.25;
	}

	.articleBlock.layout2 .article .articleContent .text-wrapper {
		padding: 25px;
	}

	.new-customer-grid .customer-name-grid,
	.new-customer-grid .customer-address-grid,
	.new-customer-grid .customer-postal-city-phone-grid {
		grid-template-columns: unset;
	}

	.account-content .account-field {
		display: block;
	}

	.tablecart .cart .products {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media (max-width: 540px) {
	.blockContainer.bg-image {
		aspect-ratio: 0.67;
	}

	.articleBlock.layout3 .articles {
		grid-template-columns: repeat(1, 1fr);
		margin: 0 auto;
		max-width: 100%;
		width: 380px;
	}

}

@media (max-width: 490px) {
	.cart .products {
		grid-template-columns: repeat(1, 1fr);
	}

	.orderFinished .cart .products {
		grid-template-columns: repeat(1, 1fr);
	}

	.new-customer-grid .cart .products .product {
		display: grid;
		gap: 1px;
		grid-template-areas:
			"image"
			"title"
			"price"
			"actions"
			"total";
		grid-template-columns: repeat(1, 1fr);
	}

	.new-customer-grid .cart .products .product .image {
		padding-right: 0;
	}

	.new-customer-grid .cart .products .product > div {
		text-align: center;
	}

	.new-customer-grid .cart .products .product .image img {
		width: 200px;
	}

	.cart .totals > div,
	.tablecart .totals > div {
		grid-template-columns: unset;
	}

	.cart .totals,
	.tablecart .totals {
		width: 100%;
	}

	.cart .products .product .title {
		display: block;
	}

	.cart-overview .cart.small .products .price,
	.cart-overview .cart.small .products .actions,
	.cart-overview .cart.small .products .total {
		justify-content: center;
	}

}