/* =====================================================================
   WIENINGER · Zitat-Band  —  wgn-quote.css
   Vollflächiges Bild + Zitat (dunkel) als Auflockerung zwischen Abschnitten.
   Reusable für Fritz-Zitate auf allen Unterseiten.
   Tokens aus wgn-ui.css. rem/em/%/clamp · Safari-gehärtet.
   ===================================================================== */

.wgn-quote {
	position: relative; isolation: isolate; overflow: hidden;
	display: flex; align-items: center; justify-content: center; text-align: center;
	color: #fff; font-family: var(--wgn-sans);
	padding: clamp(4rem, 11vw, 8rem) var(--wgn-pad-x);
	-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.wgn-quote * { box-sizing: border-box; }
.wgn-quote--compact { padding-block: clamp(3rem, 7vw, 5rem); }
.wgn-quote--large   { padding-block: clamp(5rem, 14vw, 10rem); }

.wgn-quote__bg { position: absolute; inset: 0; z-index: -2; background: #1a1a1a; }
.wgn-quote__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.wgn-quote__overlay { position: absolute; inset: 0; z-index: -1; background: rgba(20,18,16, var(--wgn-quote-ov, .6)); }

.wgn-quote__inner { max-width: 48rem; margin-inline: auto; }
.wgn-quote__mark {
	display: block; font-family: var(--wgn-serif); color: var(--wgn-bordeaux);
	font-size: clamp(3rem, 7vw, 4.5rem); line-height: .4; margin-bottom: 1.25rem;
}
.wgn-quote__text {
	margin: 0; font-family: var(--wgn-serif); font-weight: 500; font-style: italic;
	font-size: clamp(1.5rem, 3.4vw, 2.5rem); line-height: 1.35; letter-spacing: -.01em;
	text-shadow: 0 2px 18px rgba(0,0,0,.3);
}
.wgn-quote__author {
	margin-top: clamp(1.25rem, 3vw, 2rem);
	display: inline-flex; flex-direction: column; align-items: center; gap: .65rem;
	font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; opacity: .92;
}
.wgn-quote__author::before { content: ""; width: 2.5rem; height: 1.5px; background: var(--wgn-gold); }
.wgn-quote__btn { margin-top: clamp(1.5rem, 3vw, 2.25rem); }

/* Parallax: Bild als fixierter CSS-Hintergrund (mobil/reduced-motion statisch) */
.wgn-quote--parallax { background-size: cover; background-position: center; background-attachment: fixed; }
.wgn-quote--parallax .wgn-quote__bg { display: none; }
@media (max-width: 900px) { .wgn-quote--parallax { background-attachment: scroll; } }
@media (prefers-reduced-motion: reduce) { .wgn-quote--parallax { background-attachment: scroll; } }