/* ==========================================================================
   SA Footer
   ========================================================================== */

.sa-footer {
	font-family: 'Inter', sans-serif;
	font-size: 16px; /* em-Basis – alle Kindwerte in em */
}

/* --------------------------------------------------
   Block 1 – Kontakt
   -------------------------------------------------- */

.sa-footer__contact {
	background: #181818;
	padding: 3em 2.5em;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	text-align: center;
}

.sa-footer__contact-title {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
	color: #E9530E;
	margin: 0 0 .5em 0;
	line-height: 1.2;
}

.sa-footer__contact-link {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.3;
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin-bottom: 0.5em;
}

.sa-footer__contact-link:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------
   Block 2 – Partner
   -------------------------------------------------- */

.sa-footer__partner {
	background: #181818;
	padding: 2em 2.5em 0 2.5em;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
}

.sa-footer__partner-label {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 0.75em;
	color: #999999;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 1.25em 0;
}

.sa-footer__partner-logos {
	display: flex;
	align-items: center;
	column-gap: 4em;
	row-gap: 2em;
	flex-wrap: wrap;
	padding-bottom: 1em;
}

.sa-footer__partner-logo {
	max-height: 10em;
	width: auto;
}

/* Dummy-Logo-Placeholder (wird durch echte Logos ersetzt) */
.sa-partner-logo-dummy {
	display: block;
	width: 6em;
	height: 3.75em;
	flex-shrink: 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	overflow: hidden;
}

.sa-partner-logo-dummy svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* --------------------------------------------------
   Block 3 – Copyright + Legal
   -------------------------------------------------- */

.sa-footer__bottom {
	background: #181818;
	padding: 1em 2.5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sa-footer__copyright {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 0.875em;
	color: #999999;
}

.sa-footer__legal {
	display: flex;
	align-items: center;
}

.sa-footer__legal-link {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 0.875em;
	color: #999999;
	text-decoration: none;
	transition: color 0.2s ease;
}

.sa-footer__legal-link:hover {
	color: #ffffff;
}

.sa-footer__legal-sep {
	width: 1.25em;
}

/* =============================================================
   RESPONSIVE – Tablet  601px – 1180px  (−30%)
   ============================================================= */
@media (min-width: 601px) and (max-width: 1180px) {
	.sa-footer {
		font-size: 12.8px;
	}
	.sa-footer__bottom {
			padding: 2em 2.5em;
	}
}

/* =============================================================
   RESPONSIVE – Mobile  max-width: 600px  (−50%)
   ============================================================= */
@media (max-width: 600px) {
	.sa-footer {
		font-size: 12.8px;
	}

	.sa-footer__bottom {
		padding: 2em 2.5em;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5em;
	}
}