/* Footer kommt später *//* =========================================================
   MARKTHYR FOOTER
   ========================================================= */

.mk-footer {
	position: relative;

	margin-top: 70px;

	background: #111111;

	border-top: 1px solid #252525;

	color: #fff;
}


/* =========================================================
   MAIN
   ========================================================= */

.mk-footer-inner {
	width: min(
		calc(100% - 48px),
		1400px
	);

	margin: 0 auto;

	padding: 55px 0 50px;

	display: grid;

	grid-template-columns:
		1.6fr
		1fr
		1fr;

	gap: 80px;
}


/* =========================================================
   BRAND
   ========================================================= */

.mk-footer-brand {
	min-width: 0;
}

.mk-footer-logo {
	margin-bottom: 22px;
}

.mk-footer-logo .custom-logo-link {
	display: inline-flex;

	align-items: center;
}

.mk-footer-logo img {
	display: block;

	max-width: 230px;
	height: auto;
}

.mk-footer-text-logo {
	color: #fff;

	font-size: 28px;
	font-weight: 900;

	letter-spacing: .04em;

	text-decoration: none;
}

.mk-footer-description {
	max-width: 430px;

	margin: 0;

	color: #999;

	font-size: 15px;
	line-height: 1.7;
}


/* =========================================================
   SOCIAL
   ========================================================= */

.mk-footer-social {
	display: flex;

	gap: 9px;

	margin-top: 25px;
}

.mk-footer-social-link {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	border: 1px solid #2b2b2b;
	border-radius: 10px;

	background: #181818;

	color: #888;

	text-decoration: none;

	transition:
		color .2s ease,
		border-color .2s ease,
		background .2s ease,
		transform .2s ease;
}

.mk-footer-social-link:hover {
	color: #ff7a00;

	border-color: rgba(255, 122, 0, .45);

	background: #1d1d1d;

	transform: translateY(-2px);
}


/* =========================================================
   COLUMNS
   ========================================================= */

.mk-footer-column h3 {
	margin: 3px 0 18px;

	color: #fff;

	font-size: 15px;
	font-weight: 800;

	letter-spacing: .06em;

	text-transform: uppercase;
}

.mk-footer-nav,
.mk-footer-legal {
	display: flex;

	flex-direction: column;

	gap: 10px;
}

.mk-footer-nav ul {
	display: flex;

	flex-direction: column;

	gap: 10px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.mk-footer-nav li {
	margin: 0;
	padding: 0;
}

.mk-footer-nav a,
.mk-footer-legal a {
	display: inline-block;

	color: #999;

	font-size: 14px;
	line-height: 1.5;

	text-decoration: none;

	transition:
		color .2s ease,
		transform .2s ease;
}

.mk-footer-nav a:hover,
.mk-footer-legal a:hover {
	color: #ff7a00;

	transform: translateX(3px);
}


/* =========================================================
   BOTTOM
   ========================================================= */

.mk-footer-bottom {
	border-top: 1px solid #242424;
}

.mk-footer-bottom-inner {
	width: min(
		calc(100% - 48px),
		1400px
	);

	margin: 0 auto;

	padding: 18px 0;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 25px;

	color: #666;

	font-size: 12px;
	line-height: 1.5;
}

.mk-footer-disclaimer {
	text-align: right;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

	.mk-footer-inner {
		grid-template-columns:
			1fr
			1fr;

		gap: 45px;
	}

	.mk-footer-brand {
		grid-column: 1 / -1;
	}

	.mk-footer-bottom-inner {
		flex-direction: column;

		align-items: flex-start;
	}

	.mk-footer-disclaimer {
		text-align: left;
	}

}


@media (max-width: 600px) {

	.mk-footer {
		margin-top: 45px;
	}

	.mk-footer-inner {
		width: min(
			calc(100% - 36px),
			1400px
		);

		grid-template-columns: 1fr;

		gap: 35px;

		padding: 40px 0;
	}

	.mk-footer-brand {
		grid-column: auto;
	}

	.mk-footer-logo img {
		max-width: 200px;
	}

	.mk-footer-bottom-inner {
		width: min(
			calc(100% - 36px),
			1400px
		);

		padding: 17px 0;
	}

}