/* bx-hero-6 – aus Brixies „Hero Section 6“ (0964-hero-section-6.json) */
.bx-hero-6__container { display: grid; grid-template-columns: var(--wf-grid-2); gap: var(--wf-grid-gap); align-items: center; }
@media (max-width: 767px) {
	.bx-hero-6__container { grid-template-columns: var(--wf-grid-1); }
}
.bx-hero-6__container-info { row-gap: var(--wf-content-gap); }
.bx-hero-6__heading { font-size: var(--wf-text-2xl); color: var(--wf-color-neutral-950); }
.bx-hero-6__description { font-size: var(--wf-text-m); color: var(--wf-color-neutral-trans-80); width: 540px; }
.bx-hero-6__btn__container { display: flex; flex-direction: row; column-gap: var(--wf-space-m); row-gap: var(--wf-space-m); align-items: stretch; }
.bx-hero-6__video { width: 100%; object-fit: cover; border-top-left-radius: var(--wf-radius-m); border-top-right-radius: var(--wf-radius-m); border-bottom-right-radius: var(--wf-radius-m); border-bottom-left-radius: var(--wf-radius-m); overflow: hidden; aspect-ratio: 4 / 3; object-position: 50%; }
:is([data-bx-id="qrhzjn"], .bx-id-qrhzjn) { font-size: var(--wf-text-s); }

/* ---- Dart-Treff, Gestaltung 3 (stil.md): nur --wf-*-Variablen ---- */
/* 7 Feiern: der wiederkehrende Effekt des Heros. Der Schankraum mit dem geschwungenen Tresen steht über die ganze
   Fläche, Schatten von links, rechts bleiben Lampen, Bänke und Vitrine offen. Text links. Ausschnitt ohne
   Spiegelung rechts; die Pril-Flasche liegt unten links im Schatten. Mobil steht das Foto nach dem Knopf. */
.bx-hero-6 { position: relative; isolation: isolate; background-color: var(--wf-color-neutral-950); color: var(--wf-color-white-trans-80);
	min-height: 84rem; justify-content: center; }
.bx-hero-6::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background:
	linear-gradient(180deg, var(--wf-color-neutral-trans-40) 0, transparent 18%, transparent 80%, var(--wf-color-neutral-trans-50) 100%),
	linear-gradient(90deg, var(--wf-color-neutral-trans-90) 0, var(--wf-color-neutral-trans-80) 36%, var(--wf-color-neutral-trans-50) 49%,
		var(--wf-color-neutral-trans-10) 62%, transparent 68%); }
.bx-hero-6__container { display: flex; align-items: flex-start; }
.bx-hero-6__container-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; overflow: hidden; }
.bx-hero-6__video { display: block; width: 110%; max-width: none; height: 100%; aspect-ratio: auto; border-radius: 0; }
.bx-hero-6__video img { object-position: 0% 60%; filter: sepia(.2) saturate(1.15) contrast(1.08) brightness(.9); }

.bx-hero-6__container-info { row-gap: var(--wf-space-l); width: 66rem; max-width: 100%; }
.bx-hero-6 .bx-hero-81__inner-container-info { width: auto; row-gap: 0; }
.bx-hero-6 .bx-hero-81__heading { font-size: var(--wf-text-3xl); font-weight: 800; line-height: 1.08; color: var(--wf-color-white); }
.bx-hero-6 .wf-eyebrow { display: flex; align-items: 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-primary); }
.bx-hero-6 .wf-eyebrow::after { content: ""; width: 4rem; border-top: 1px solid currentColor; }
.bx-hero-6 .bx-content-39__description { font-size: var(--wf-text-l); line-height: 1.5; color: var(--wf-color-white-trans-80); }
.bx-hero-6 .bx-feature-24__features-list { column-gap: var(--wf-space-xl); row-gap: var(--wf-space-m); width: 100%; }
.bx-hero-6 .bx-feature-24__feature { row-gap: var(--wf-space-2xs); padding-top: var(--wf-space-s); border-top: 1px solid var(--wf-color-primary-trans-40); }
.bx-hero-6 .bx-feature-24__feature-heading { font-size: var(--wf-text-l); font-weight: 800; color: var(--wf-color-white); }
.bx-hero-6 .bx-feature-24__feature-description { font-size: var(--wf-text-m); color: var(--wf-color-white-trans-70); }
.bx-hero-6 .bx-card-content-62__heading { margin-top: var(--wf-space-xs); font-size: var(--wf-text-xl); font-weight: 600; line-height: 1.2; color: var(--wf-color-white); }
.bx-hero-6 .bx-hero-25__description { font-size: var(--wf-text-s); color: var(--wf-color-white-trans-60); margin-top: calc(var(--wf-space-xs) * -1); }
.bx-hero-6 .wp-block-button__link { font-family: var(--wf-font-body); font-size: var(--wf-text-m); font-weight: 700; letter-spacing: .02em;
	padding: var(--wf-space-s) var(--wf-space-l); border-radius: var(--wf-button-radius); border: 1px solid var(--wf-color-primary);
	background: var(--wf-color-primary); color: var(--wf-color-neutral-950); }
.bx-hero-6 .wp-block-button__link:hover { background: var(--wf-color-primary-trans-90); }
.bx-hero-6 a[href^="tel:"].wp-block-button__link::before { content: ""; width: 1.1em; height: 1.1em; background: currentColor;
	-webkit-mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; }
@media (max-width: 767px) {
	.bx-hero-6 { min-height: 0; }
	.bx-hero-6::before { display: none; }
	.bx-hero-6__container { row-gap: var(--wf-space-2xl); }
	.bx-hero-6__container-video { position: static; z-index: auto; aspect-ratio: 5 / 4; border-radius: var(--wf-radius-s); }
	.bx-hero-6__video { width: 100%; }
	.bx-hero-6__video img { object-position: 45% 50%; }
}

/* ---- Änderungen Runde 1 (Deniz’ Auswahl, 11.11.2026) ---- */
.bx-hero-6 .bx-feature-24__features-list { display: flex; flex-direction: column; row-gap: var(--wf-space-xs); }
.bx-hero-6 .bx-feature-24__feature { display: block; position: relative; padding: 0 0 0 1.6em; border-top: 0; }
.bx-hero-6 .bx-feature-24__feature::before { content: ""; position: absolute; left: .2em; top: .6em; width: .5em; height: .5em; border-radius: 50%; background: var(--wf-color-primary); }
.bx-hero-6 .bx-feature-24__feature-heading { display: inline; font-family: var(--wf-font-body); font-size: var(--wf-text-m); font-weight: 700; color: var(--wf-color-white); }
.bx-hero-6 .bx-feature-24__feature-heading::after { content: ": "; }
.bx-hero-6 .bx-feature-24__feature-description { display: inline; font-size: var(--wf-text-m); }
.bx-hero-6 .bx-card-content-62__heading { border-top: 0; padding-top: 0; }
.bx-hero-6 { min-height: 0; }
.bx-hero-6::before { display: none; }
.bx-hero-6__container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--wf-space-4xl); align-items: center; }
.bx-hero-6__container-video { position: static; inset: auto; z-index: auto; width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: var(--wf-radius-s); overflow: hidden; }
.bx-hero-6__video { width: 100%; height: 100%; }
.bx-hero-6__video img { object-position: 50% 50%; }
@media (max-width: 767px) { .bx-hero-6__container { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { .bx-hero-6 .wp-block-button__link { width: auto; align-self: flex-start; }
	.bx-hero-6 .wp-block-buttons, .bx-hero-6 .wf-buttons { align-items: flex-start; } }

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