/* bx-pricing-16 – aus Brixies „Pricing Section 16“ (0515-pricing-section-16.json) */
.bx-pricing-16__grid { display: grid; grid-template-columns: var(--wf-grid-3-2); grid-template-rows: var(--wf-grid-1); align-items: stretch; gap: var(--wf-container-gap) var(--wf-grid-gap); }
@media (max-width: 767px) {
	.bx-pricing-16__grid { grid-template-columns: var(--wf-grid-1); }
}
.bx-pricing-16__img { aspect-ratio: 1 / 1; object-fit: cover; object-position: 50%; height: 100%; }
.bx-pricing-16__container { align-items: center; row-gap: var(--wf-container-gap); }
.bx-pricing-16__tagline { font-size: var(--wf-text-m); font-weight: 600; color: var(--wf-color-neutral-950); }
.bx-pricing-16__heading { text-align: center; font-size: var(--wf-text-2xl); width: 810px; max-width: 100%; margin-top: 0px; }
.bx-pricing-16__description { text-align: center; width: 540px; max-width: 100%; }
.bx-pricing-16__container-info { row-gap: var(--wf-space-s); align-items: center; }
.bx-pricing-16__list { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; row-gap: var(--wf-container-gap); }
.bx-pricing-16__list-element { flex-direction: row; column-gap: var(--wf-space-s); row-gap: var(--wf-space-s); flex-wrap: nowrap; }
.bx-pricing-16__list-container-name { row-gap: var(--wf-space-s); }
.bx-pricing-16__list-price-wrapper { flex-direction: row; flex-wrap: nowrap; align-items: center; font-weight: 700; color: var(--wf-color-neutral-950); font-size: var(--wf-text-l); margin-top: 0px; width: fit-content; }
.bx-pricing-16__list-heading-wrapper { position: relative; column-gap: var(--wf-space-s); flex-wrap: nowrap; align-items: center; flex-direction: row; }
.bx-pricing-16__list-heading { font-weight: 600; font-size: var(--wf-text-l); flex-shrink: 0; }
.bx-pricing-16__list-divider { --wf-el-style: dashed; --wf-el-color: var(--wf-color-neutral-trans-20); }

/* ---- Dart-Treff, Gestaltung 3 (stil.md): nur --wf-*-Variablen ---- */
/* 4 Preise: Papiergrund. Preisliste wie auf der Karte (Name, Punktlinie, Preis) zwischen zwei Kupferlinien; daneben
   die Getränkekarte als schräg gelegter Abzug mit hellem Rand (einmal auf der Seite, wie an der Pinnwand).
   Darunter die Stimme zu den Preisen. */
.bx-pricing-16 { background-color: var(--wf-color-neutral-25); }
.bx-pricing-16__container { row-gap: var(--wf-space-3xl); }
.bx-pricing-16__container-info { row-gap: var(--wf-space-m); }
.bx-pricing-16__heading { font-size: var(--wf-text-3xl); font-weight: 800; line-height: 1.08; color: var(--wf-color-neutral-950); }
.bx-pricing-16 .wf-eyebrow { display: flex; align-items: center; justify-content: center; gap: var(--wf-space-s);
	margin-bottom: var(--wf-space-m); font-family: var(--wf-font-body); font-size: var(--wf-text-s); font-weight: 700;
	letter-spacing: .2em; line-height: 1.4; text-transform: uppercase; color: var(--wf-color-secondary); }
.bx-pricing-16 .wf-eyebrow::before,
.bx-pricing-16 .wf-eyebrow::after { content: ""; width: 4rem; border-top: 1px solid currentColor; }
.bx-pricing-16 .bx-content-5__description { width: 62rem; max-width: 100%; font-size: var(--wf-text-l); line-height: 1.5;
	color: var(--wf-color-neutral-trans-80); }
.bx-pricing-16 .bx-cta-24__feature-list { margin-top: var(--wf-space-m); column-gap: var(--wf-space-xl); }
.bx-pricing-16 .bx-hero-42__feature-icon svg { display: none; }
.bx-pricing-16 .bx-hero-42__feature-icon { width: 2rem; height: 2rem; background: var(--wf-color-secondary);
	-webkit-mask: url("../../assets/vendor/tabler/check.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/check.svg") center / contain no-repeat; }
.bx-pricing-16 .bx-cta-24__feature-info { font-size: var(--wf-text-m); font-weight: 600; color: var(--wf-color-neutral-950); }

.bx-pricing-16__grid { width: 108rem; max-width: 100%; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	column-gap: var(--wf-space-4xl); align-items: center; }
.bx-pricing-16__list { row-gap: 0; border-top: 1px solid var(--wf-color-secondary-trans-50);
	border-bottom: 1px solid var(--wf-color-secondary-trans-50); padding-block: var(--wf-space-s); }
.bx-pricing-16__list-element { align-items: baseline; padding-block: var(--wf-space-xs); }
.bx-pricing-16__list-heading-wrapper { align-items: baseline; }
.bx-pricing-16__list-heading { font-family: var(--wf-font-heading); font-size: var(--wf-text-l); font-weight: 600;
	letter-spacing: .01em; color: var(--wf-color-neutral-950); }
.bx-pricing-16__list-divider { --wf-el-style: dotted; --wf-el-height: 2px; --wf-el-color: var(--wf-color-secondary-trans-50); align-self: flex-end;
	margin-bottom: .6rem; }
.bx-pricing-16__list-price-wrapper { font-family: var(--wf-font-heading); font-size: var(--wf-text-l); font-weight: 700; color: var(--wf-color-neutral-950); }
.bx-pricing-16 .bx-testimonial-26__social-proof-info { padding-top: var(--wf-space-s); font-size: var(--wf-text-s); color: var(--wf-color-neutral-trans-60); }

.bx-pricing-16__img { height: auto; aspect-ratio: 4 / 3; padding: 1rem; background: var(--wf-color-white);
	border-radius: var(--wf-radius-xs); transform: rotate(2.4deg); box-shadow: 0 2px 6px var(--wf-color-neutral-trans-20); }
.bx-pricing-16__img img { border-radius: 0; filter: sepia(.15) saturate(1.1) contrast(1.05); }

.bx-pricing-16 .bx-card-testimonial-5__blockquote { row-gap: var(--wf-space-xs); }
.bx-pricing-16 .bx-card-testimonial-5__testimonial { display: flex; flex-direction: column; align-items: center; row-gap: var(--wf-space-xs); }
.bx-pricing-16 .bx-card-testimonial-5__testimonial > p { font-family: var(--wf-font-heading); font-size: var(--wf-text-xl); font-weight: 400;
	line-height: 1.2; color: var(--wf-color-neutral-950); }
.bx-pricing-16 .bx-card-testimonial-5__author-name { margin-top: 0; font-size: var(--wf-text-m); font-weight: 700; color: var(--wf-color-neutral-950); }
.bx-pricing-16 .bx-card-testimonial-5__author-position { font-size: var(--wf-text-s); color: var(--wf-color-neutral-trans-60); }
@media (max-width: 767px) {
	.bx-pricing-16__grid { grid-template-columns: var(--wf-grid-1); row-gap: var(--wf-space-2xl); }
	.bx-pricing-16__img { transform: rotate(1.5deg); }
	.bx-pricing-16__list-heading { font-size: var(--wf-text-m); }
	.bx-pricing-16__list-price-wrapper { font-size: var(--wf-text-m); }
}

/* ---- Änderungen Runde 1 (Deniz’ Auswahl, 11.11.2026) ---- */
.bx-pricing-16__img { position: relative; cursor: zoom-in; }
.bx-pricing-16__img::after { content: ""; position: absolute; right: 2rem; bottom: 2rem; width: 4.8rem; height: 4.8rem; border-radius: 50%; background: var(--wf-color-neutral-950) url("../../assets/vendor/tabler/zoom-in.svg") center / 2.4rem no-repeat; box-shadow: 0 2px 8px var(--wf-color-neutral-trans-40); }
.bx-pricing-16 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .18 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
/* Großansicht der Getränkekarte (script.js) */
.bx-pricing-16__img:focus-visible { outline: 3px solid var(--wf-color-secondary); outline-offset: 4px; }
.bx-pricing-16__gross { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center;
	padding: var(--wf-space-xl); background: var(--wf-color-neutral-trans-90); cursor: zoom-out; }
.bx-pricing-16__gross img { max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 1rem 4rem var(--wf-color-neutral-trans-60); cursor: default; }
.bx-pricing-16__gross-zu { position: absolute; top: var(--wf-space-m); right: var(--wf-space-m); font-family: var(--wf-font-body);
	font-size: var(--wf-text-m); font-weight: 700; padding: var(--wf-space-2xs) var(--wf-space-m); border: 0; border-radius: var(--wf-button-radius);
	background: var(--wf-color-white); color: var(--wf-color-neutral-950); cursor: pointer; }
.bx-pricing-16__gross-zu:focus-visible { outline: 3px solid var(--wf-color-primary); outline-offset: 3px; }

/* ---- Stimme unter der Preisliste als echte Blöcke (12.11.2026): Zitat-Block, Autor als Gruppe mit Absätzen ---- */
/* Autorzeile wie bisher als Bildunterschrift (content.css: figcaption); die Position ohne Absatzabstand des Fließtexts. */
.bx-pricing-16 .bx-card-testimonial-5__author-container { margin-top: var(--wf-space-xs); font-size: var(--wf-text-s); line-height: 1.4;
	color: var(--wf-color-neutral-600); }
.bx-pricing-16 .bx-card-testimonial-5__author-position { margin-top: 0; }

/* ---- Icons: Tabler Icons (assets/vendor/tabler/, MIT) statt selbst gezeichneter Masken (Deniz, 12.11.2026) ---- */