.region-footer {
	padding: 1em 0;
	font: 400 1em Sequel-Neue, sans-serif;
	text-transform: uppercase;
	background-color: var(--color-light-green);
	color: white;
	position: relative;
	padding-bottom: calc(var(--hambuger-height) + 2 * var(--hamburger-pad));
}

.region-footer::before {
	content: '';
	display: block;
	width: min(33.33%, 315px);
	aspect-ratio: 315 / 279;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	background: url(../../images/kb/kb-both-sit.webp) no-repeat center / contain;
}

.region-footer > .block-system-branding-block {
	margin-bottom: -60px;
}

.region-footer > .block-menu {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	padding: 1.125em 2em;
}

.region-footer > .block-menu + .block-menu {
	border-top: 2px solid currentColor;
}

@media screen and (min-width: 768px) {

	.region-footer {
		padding: 4.75em 0 3.75em;
		font-size: 1.125em;
	}

}