/* Text Columns — Design 2 (Leiste). Design 1 bleibt in main.css. */

.m-title:has(+ .m-text-columns--band),
.m-text-columns.m-text-columns--band {
	--band-inset: max(0.625rem, calc(var(--container-gutter-x) * 0.28));
	position: relative;
	z-index: 0;
	background: transparent;
	overflow: visible;
}

.m-title:has(+ .m-text-columns--band)::before,
.m-text-columns.m-text-columns--band::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc((100% - min(100%, var(--container-width))) / 2 + var(--band-inset));
	right: calc((100% - min(100%, var(--container-width))) / 2 + var(--band-inset));
	background: #f6efe3;
	box-shadow:
		-8px 0 14px -6px rgba(40, 28, 10, 0.18),
		8px 0 14px -6px rgba(40, 28, 10, 0.18);
	clip-path: inset(0 -24px);
	pointer-events: none;
}

.m-title:has(+ .m-text-columns--band) {
	display: flow-root;
	margin: 0 !important;
	padding: 2.15rem 0 0;
}

.m-title:has(+ .m-text-columns--band) .c-title,
.m-title:has(+ .m-text-columns--band) .c-title.let-no-margin {
	text-align: left !important;
	font-weight: 700 !important;
	font-size: 1.85rem;
	line-height: 1.15;
	color: #141414;
	margin: 0 0 1.45rem !important;
}

.m-text-columns.m-text-columns--band {
	margin: 0 !important;
	padding: 0 0 2.35rem;
}

.m-text-columns--band .row {
	row-gap: 1.75rem;
	--bs-gutter-x: 2.25rem;
}

.m-text-columns--band .text_column {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	height: auto;
}

.m-text-columns--band .text_column p.text_column__number {
	display: block;
	margin: 0;
	padding: 0 0 0.4rem;
	border-bottom: 2px solid #f59100;
	color: #141414;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
}

.m-text-columns--band .text_column h3.text_column__title {
	margin: 0.65rem 0 0.2rem;
	color: #141414;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
}

.m-text-columns--band .text_column .editor {
	display: block;
	height: auto;
	padding: 0;
	border-bottom: 0;
}

.m-text-columns--band .text_column .editor p {
	margin: 0;
	color: #5c5c5c;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.4;
}

@media (max-width: 767.98px) {
	.m-title:has(+ .m-text-columns--band) {
		padding-top: 1.6rem;
	}

	.m-title:has(+ .m-text-columns--band) .c-title,
	.m-title:has(+ .m-text-columns--band) .c-title.let-no-margin {
		margin-bottom: 1.15rem !important;
		font-size: 1.35rem;
	}

	.m-text-columns.m-text-columns--band {
		padding-bottom: 1.75rem;
	}

	.m-text-columns--band .text_column p.text_column__number {
		font-size: 1.5rem;
	}
}