.linked-box {
	background:#f4f4f4;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	scale:1;
	justify-content:space-between;
}
.linked-box-image {
	display:block;
	object-fit:cover;
	width:100%;
}
.square {
	aspect-ratio:1;
}
.linked-box-header {
	background:#fff;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	height:100%;
	justify-content:space-between;
	z-index:1;
}
.linked-box-headline {
	display:block;
	font-weight:500;
	line-height:1.25;
}
.linked-box-text {
	display:block;
}
.linked-box-footer {
	align-items:center;
	background-color:rgba(0,63,131,.64);
	color:#fff;
	display:flex;
	font-weight:600;
	justify-content:flex-end;
	width:100%;
}
.small_border_radius {
	border-radius:calc(var(--vertical-spacing) / 3);
}
.medium_border_radius {
	border-radius:calc(var(--vertical-spacing) / 2);
}
.large_border_radius {
	border-radius:calc(var(--vertical-spacing) / 3 * 2);
}
.linked-box.ce-hidden:before {
	margin-top:0;
	margin-left:0;
	z-index:2;
}




@media (hover:hover) {
	.linked-box {
		transform:translateY(0);
	}
	.linked-box-image {
		transition:all .24s ease-in-out;
	}
	.linked-box-footer {
		/* position:relative; */
		transition:all .2s ease-in-out;
	}
	.linked-box:hover .linked-box-image {
		transform:translateY(-20px);
		transition:all .24s ease-in-out;
	}
	.linked-box:hover .linked-box-footer {
		transform:translateY(0px);
		transition:all .2s ease-in-out;
	}
	.linked-box:hover .square {
		scale:1.125;
	}
	.linked-box:hover .automatic {
		scale:1.25;
	}
}
@media (pointer:coarse) {
	.linked-box-footer {
		position:relative;
	}
}
@media screen and (max-width:639px) {
	.flex {
		display:flex;
		flex-direction:column;
	}
	.linked-box-headline {
		padding:calc(var(--vertical-spacing) * 2) calc(var(--horizontal-spacing) * 2);
	}
	.linked-box-text {
		padding:0 calc(var(--horizontal-spacing) * 2) var(--vertical-spacing);
	}
	.linked-box-footer {
		height:calc(var(--vertical-spacing) * 4);
		line-height:calc(var(--vertical-spacing) * 4);
		margin-top:calc(var(--vertical-spacing) * -4);
		padding-right:calc(var(--horizontal-spacing) * 2);
		padding-left:calc(var(--horizontal-spacing) * 2);
	}
	.linked-box:not(:last-child) {
		margin-bottom:calc(var(--horizontal-spacing) * 2);
	}
	@media (hover:hover) {
		.linked-box-footer {
			transform:translateY(calc(var(--vertical-spacing) * 4));
		}
	}
}
@media screen and (min-width:640px) and (max-width:959px) {
	.linked-box-headline {
		padding:calc(var(--vertical-spacing) * 2) calc(var(--horizontal-spacing) * 2);
	}
	.linked-box-text {
		padding:0 calc(var(--horizontal-spacing) * 2) var(--vertical-spacing);
	}
	.linked-box-footer {
		height:calc(var(--vertical-spacing) * 3);
		line-height:calc(var(--vertical-spacing) * 3);
		margin-top:calc(var(--vertical-spacing) * -3);
		padding-right:calc(var(--horizontal-spacing) * 1.5);
		padding-left:calc(var(--horizontal-spacing) * 1.5);
	}
	@media (hover:hover) {
		.linked-box-footer {
			transform:translateY(calc(var(--vertical-spacing) * 3));
		}
	}
}
@media screen and (max-width:959px) {
	.linked-box-headline {
		font-size:24px;
	}
	.linked-box-footer {
		font-size:18px;
	}
}
@media screen and (min-width:960px) {
	.linked-box-headline {
		padding:calc(var(--vertical-spacing) / 2) calc(var(--horizontal-spacing) / 2);
	}
	.linked-box-text {
		padding:0 calc(var(--horizontal-spacing) / 2) calc(var(--vertical-spacing) / 2);
	}
	.linked-box-footer {
		height:calc(var(--vertical-spacing) / 3 * 4);
		line-height:calc(var(--vertical-spacing) / 3 * 4);
		margin-top:calc(var(--vertical-spacing) / 3 * -4);
		padding-right:calc(var(--horizontal-spacing) / 2);
		padding-left:calc(var(--horizontal-spacing) / 2);
	}
	@media (hover:hover) {
		.linked-box-footer {
			transform:translateY(calc(var(--vertical-spacing) / 3 * 4));
		}
	}
}
@media screen and (min-width:960px) and (max-width:1439px) {
	.linked-box-headline {
		font-size:28px;
	}
	.linked-box-footer {
		font-size:21px;
	}
}
@media screen and (min-width:1440px) {
	.linked-box-headline {
		font-size:32px;
	}
	.linked-box-footer {
		font-size:24px;
	}
}