footer {
	background-color: var(--color-brown);
	padding: 0 var(--spacing--uno) var(--spacing--kilo);
	color: var(--color-white);
}

.footer__navigation {
	max-width: 70rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing--kilo);
	padding: var(--spacing--giga) 0;
}
footer .footer__link {
	color: var(--color-white);
}

.footer__start svg{
	display: block;
	width: 250px;
	height: auto;
	fill: var(--color-white);
}

.footer__start > svg path{
	fill: var(--color-white);
	stroke: var(--color-white);
}

.footer__navigation--list {
	display: flex;
	gap: var(--spacing--mega);
}

.footer__navigation--separator {
	display: block;
	background-color: var(--color-white);
	width: 1px;
}

.footer__top {
	display: block;
	margin: 0 auto;
	background-color: var(--color-background);
	border-radius: 100%;
	outline: none;
	width: 2rem;
	height: 2rem;
}

.footer__top:hover svg{
	fill: var(--color-background);
}

address > div {
	display: flex;
	align-items: center;
	gap: .5rem;
}


.Copyright {
	padding-top: var(--spacing--mega);
	margin: 0 auto;
	font-size: var(--font-size--uno);
	max-width: 70rem;
	text-align: center;
}

@media(min-width: 55rem) {
	.footer__kontakt--list {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		font-style: normal;
		margin: 0 auto;
		max-width: 70rem;
	}

	.footer__navigation {
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex: 1 0 0;
		align-items: center;
		padding: var(--spacing--giga) 0 0;
	}

	.Copyright {
		text-align: right;
	}
}

@media(min-width: 75.0625rem) {
	.footer__kontakt--list {
		font-size: var(--font-size--kilo);
	}

	.footer__navigation--link {
		font-size: var(--font-size--kilo);
	}

	.footer__top {
		width: 2rem;
		height: 2rem;
	}

}