section.elementcatalog {
	padding: 40px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 50px;
		row-gap: 50px;
		@media (width < 910px) {
			grid-template-columns: repeat(3, 1fr);
		}
		@media (width < 670px) {
			grid-template-columns: repeat(2, 1fr);
			column-gap: 20px;
		}
		> div {
			> figure {
				> img {
					box-shadow: 0px 0px 12px rgba(0,0,0, 0.3);
					max-width: 100%;
				}
			}
			> p {
				padding-block: 15px;
				font-size: min(1.0rem, 5vw);
				line-height: 1.4;
				font-weight: 600;
				color: #333;
				text-align: center;
			}
			> a {
				text-decoration: none;
				&:hover {
					opacity: 0.6;
				}
				> p {
					color: #143282;
					font-size: min(0.9rem, 4.5vw);
					padding-block: 10px;
					line-height: 1.0;
					text-align: center;
					border: 1px solid #143282;
				}
			}
		}
	}
}