/* Section-Patterns und die beiden Signatur-Flächen des Themes:
   „Panel" (gerahmte Box mit Gold-Inset) und „Glow" (warmer Lichtschein wie die
   Lichterketten auf dem Flyer). */

.tsch-section {
	position: relative;
	padding-block: var(--space-3xl);
}

.tsch-section--sm { padding-block: var(--space-2xl); }
.tsch-section--lg { padding-block: var(--space-4xl); }

.tsch-section--ink   { background: var(--color-ink); }
.tsch-section--soft  { background: var(--color-ink-soft); }
.tsch-section--wood  { background: var(--color-wood); }

.tsch-section--cream {
	background: var(--color-cream);
	color: var(--color-wood);
}
.tsch-section--cream h1,
.tsch-section--cream h2,
.tsch-section--cream h3,
.tsch-section--cream h4 { color: var(--color-accent); }
.tsch-section--cream .tsch-lead { color: var(--color-wood-soft); }
.tsch-section--cream .tsch-eyebrow { color: var(--color-wood-light); }

/* Warmer Lichtschein im Hintergrund — ersetzt das Bokeh-Foto aus dem Flyer,
   kostet aber keinen Request. */
.tsch-section--glow::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(60% 45% at 15% 0%, rgb(var(--color-primary-rgb) / 0.16), transparent 70%),
		radial-gradient(50% 40% at 88% 12%, rgb(var(--color-accent-rgb) / 0.20), transparent 72%);
	pointer-events: none;
}
.tsch-section--glow > * { position: relative; }

/* Feine Goldlinie als Sectiontrenner. */
.tsch-section--ruled { border-block-start: var(--border-primary); }

/* ── Section-Kopf ────────────────────────────────────────────── */
.tsch-section__head {
	max-width: var(--container-text);
	margin-block-end: var(--space-2xl);
}
.tsch-section__head--center {
	margin-inline: auto;
	text-align: center;
}
.tsch-section__head > .tsch-lead { margin-block-start: var(--space-md); }

/* ── Signatur-Panel ──────────────────────────────────────────── */
.tsch-panel {
	position: relative;
	border-radius: var(--radius-lg);
	background: var(--color-ink-soft);
	box-shadow: var(--shadow-soft);
	overflow: hidden;
}
.tsch-panel::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--radius-lg);
	box-shadow: inset 0 0 0 1px rgb(var(--color-primary-rgb) / 0.45);
	z-index: 10;
	pointer-events: none;
}
.tsch-panel--cream { background: var(--color-cream); color: var(--color-wood); }
.tsch-panel--wood  { background: var(--color-wood); }
.tsch-panel--pad   { padding: clamp(var(--space-lg), 4vw, var(--space-2xl)); }

/* Bild als Panel-Hintergrund. */
.tsch-panel__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

@media (max-width: 768px) {
	.tsch-section,
	.tsch-section--lg { padding-block: var(--space-2xl); }
	.tsch-section__head { margin-block-end: var(--space-xl); }
}