/* ============================================================
   CTA-Band „Projekt geplant?" — globales, wiederverwendbares
   Element (EINE Quelle). Markup rendert inc/cta.php
   (bury_cta_render), Inhalt je Seite über ACF (group_bury_cta).
   Das „BURY"-Wasserzeichen sitzt mittig im Container.

   Der vertikale Außenabstand (margin-top/bottom) gehört zum
   Seitenkontext und bleibt in der jeweiligen Seiten-CSS —
   hier nur der horizontale (var(--pad), damit er automatisch
   mit _shared-responsive.css mitskaliert: 40 → 24 → 16px).
   Site-weit NACH der Seiten-CSS geladen (functions.php).
   ============================================================ */
.cta-band {
	margin-left: var(--pad);
	margin-right: var(--pad);
	background: var(--warm-900);
	border-radius: var(--radius-xl);
	padding: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	position: relative;
	overflow: hidden;
}
.cta-band-watermark {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--font-display);
	font-size: 180px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -6px;
	white-space: nowrap;
	color: rgba(255, 255, 255, 0.02);
	pointer-events: none;
	z-index: 0;
}
.cta-band-text {
	position: relative;
	z-index: 2;
}
.cta-band-text .t-lg { color: var(--white); }
.cta-band-text p {
	color: var(--warm-400);
	font-size: 16px;
	margin-top: 12px;
	max-width: 440px;
}
.cta-band-actions {
	display: flex;
	gap: 16px;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

/* ── Tablet ── */
@media (max-width: 900px) {
	.cta-band {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		padding: 56px 40px;
	}
	.cta-band-text p { max-width: 100%; }
	.cta-band-watermark { font-size: 120px; }
}

/* ── Handy ── */
@media (max-width: 640px) {
	.cta-band {
		padding: 40px 24px;
		border-radius: var(--radius-lg);
	}
	.cta-band-text .t-lg { font-size: clamp(30px, 10.5vw, 44px); }
	.cta-band-actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}
	.cta-band-actions .btn { width: 100%; justify-content: center; }
	.cta-band-watermark { display: none; }
}