.site-footer {
	padding-block: var(--footer-padding-y);
	background-color: var(--color-midnight);
	color: var(--color-silver);
}

.site-footer a {
	color: var(--color-silver);
	text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color: var(--color-white);
}

.site-footer__logo img {
	display: block;
	width: var(--footer-logo-width-mobile);
	max-width: 100%;
	height: auto;
}

.site-footer__social {
	gap: var(--footer-icon-gap);
	margin-top: 2rem;
}

.site-footer__social img {
	display: block;
	width: var(--footer-icon-size);
	height: var(--footer-icon-size);
	transition: opacity 0.2s ease;
}

.site-footer__social a:hover img {
	opacity: 0.7;
}

.site-footer__main {
	row-gap: 2.5rem;
	margin-top: 2.5rem;
}

.site-footer__adresse {
	font-style: normal;
}

.site-footer__menu {
	display: grid;
	grid-template-rows: repeat(4, auto);
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	column-gap: var(--footer-menu-col-gap);
	row-gap: 0.5rem;
}

.site-footer__zertifikate {
	gap: var(--footer-siegel-gap);
}

.site-footer__zertifikate img {
	display: block;
	width: var(--footer-siegel-size);
	height: auto;
}

.site-footer__rechtliches {
	column-gap: 1.5rem;
	row-gap: 0.5rem;
	margin-top: 2.5rem;
}

@media (min-width: 992px) {
	.site-footer__social {
		margin-top: 0;
	}

	.site-footer__logo img {
		width: var(--footer-logo-width);
	}

	.site-footer__adresse {
		padding-left: var(--footer-adresse-einzug);
	}

	.site-footer__main {
		margin-top: var(--footer-main-offset);
	}

	.site-footer__rechtliches {
		margin-top: var(--footer-rechtliches-offset);
	}
}