/* =========================================================
   TRUENTO FOOTER – LAYOUT
   Version 2 – kompakt + dunkel wie Topbar
   ========================================================= */

.truento-footer {
	width: 100%;
	color: var(--truento-text-topbar);
	background: var(--truento-anthrazit) !important;
}

.truento-footer__container {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: var(--truento-content-width);
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

.truento-footer__main {
	width: 100%;
	padding: 46px 0 42px;
	color: var(--truento-text-topbar);
	background: var(--truento-anthrazit) !important;
}

.truento-footer__columns {
	--footer-column-gap: clamp(36px, 3vw, 54px);
	--footer-column-width: clamp(190px, 16vw, 240px);

	display: grid;
	grid-template-columns: repeat(4, var(--footer-column-width));
	column-gap: var(--footer-column-gap);
	width: max-content;
	max-width: 100%;
	margin: 0;
}

.truento-footer__column {
	position: relative;
	min-width: 0;
	padding: 0;
	text-align: left;
}

.truento-footer__column:not(:first-child)::before {
	display: none;
	content: none;
}

.truento-footer__heading {
	margin: 0 0 18px;
	color: var(--truento-text-topbar);
	font-family: var(--truento-font-navigation);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.3;
	text-align: left;
	text-transform: uppercase;
}

.truento-footer__heading::after {
	display: none;
	content: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1100px) {

	.truento-footer__columns {
		--footer-column-gap: 48px;
		--footer-column-width: minmax(0, 1fr);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 36px;
		width: 100%;
	}

	.truento-footer__column::before,
	.truento-footer__column:nth-child(even)::before {
		display: none;
		content: none;
	}
}


/* =========================================================
   MOBIL
   ========================================================= */

@media screen and (max-width: 650px) {

	.truento-footer__main {
		padding: 34px 0 30px;
	}

	.truento-footer__columns {
		grid-template-columns: 1fr;
		row-gap: 28px;
		width: 100%;
	}

	.truento-footer__column::before,
	.truento-footer__column:nth-child(even)::before {
		display: none;
	}

	.truento-footer__column + .truento-footer__column {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	.truento-footer__heading {
		margin-bottom: 12px;
		font-size: 12px;
	}
}