/* bx-content-45 – aus Brixies „Content Section 45“ (0655-content-section-45.json) */
.bx-content-45 { background-color: var(--wf-color-white); }
.bx-content-45__container { flex-direction: column; row-gap: var(--wf-space-3xl); }
.bx-content-45__inner-container-info { row-gap: var(--wf-space-xl); justify-content: center; }
@media (max-width: 767px) {
	.bx-content-45__inner-container-info { flex-direction: column; align-items: stretch; }
}
.bx-content-45__description { width: 540px; }
.bx-content-45__container-img { position: relative; aspect-ratio: 16 / 9; }
.bx-content-45__img { object-fit: cover; object-position: 50%; overflow: hidden; height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; }
@media (max-width: 767px) {
	.bx-content-45__img { width: 100%; }
}
.bx-content-45__heading { font-size: var(--wf-text-2xl); }
.bx-content-45__container-info { display: grid; grid-template-columns: var(--wf-grid-2); gap: var(--wf-space-xl); align-items: stretch; }
@media (max-width: 991px) {
	.bx-content-45__container-info { column-gap: var(--wf-space-m); gap: var(--wf-space-m); }
}
@media (max-width: 767px) {
	.bx-content-45__container-info { grid-template-columns: var(--wf-grid-1); gap: var(--wf-space-xl); }
}
.bx-content-45__container-list { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: var(--wf-grid-3); gap: var(--wf-space-xl); align-items: initial; }
@media (max-width: 991px) {
	.bx-content-45__container-list { gap: var(--wf-space-m); }
}
@media (max-width: 767px) {
	.bx-content-45__container-list { grid-template-columns: var(--wf-grid-1); gap: var(--wf-space-3xl); }
}
.bx-content-45__element { row-gap: var(--wf-space-s); flex-direction: column; }

/* ---- Dart-Treff, Gestaltung 3 (stil.md): nur --wf-*-Variablen ---- */
/* 3 Angebot: dunkle Section in Rauchbraun. Kopf links, Foto der Automaten rechts im Abendlook. Sechs Punkte in zwei
   Reihen, je Messing-Linie oben und Strich-Icon. Unten das Schlusssatz-Band: Satz links, „Anrufen“ rechts. */
.bx-content-45 { background-color: var(--wf-color-neutral-950); color: var(--wf-color-white-trans-80); }
.bx-content-45 .wf-graft { background: transparent; padding: 0; }
.bx-content-45__container { row-gap: var(--wf-space-3xl); }
.bx-content-45__container-info { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: var(--wf-space-3xl); align-items: center; }
.bx-content-45__inner-container-info { row-gap: var(--wf-space-m); }
.bx-content-45__heading { font-size: var(--wf-text-3xl); font-weight: 800; line-height: 1.08; color: var(--wf-color-white); text-wrap: wrap; }
.bx-content-45 .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-content-45 .wf-eyebrow::after { content: ""; width: 4rem; border-top: 1px solid currentColor; }
.bx-content-45 .bx-content-39__description { font-size: var(--wf-text-l); line-height: 1.5; color: var(--wf-color-white-trans-80); max-width: 46ch; }
.bx-content-45__container-img { aspect-ratio: 4 / 3; border-radius: var(--wf-radius-s); overflow: hidden; }
.bx-content-45__img img { filter: sepia(.18) saturate(1.1) contrast(1.06) brightness(.94); }

.bx-content-45__container-list { column-gap: var(--wf-space-2xl); row-gap: var(--wf-space-2xl); }
.bx-content-45__element { row-gap: var(--wf-space-2xs); padding-top: var(--wf-space-m); border-top: 1px solid var(--wf-color-primary-trans-40); }
.bx-content-45 .bx-card-content-52__icon svg { display: none; }
.bx-content-45 .bx-card-content-52__icon { display: block; width: 3.2rem; height: 3.2rem; background: var(--wf-color-primary);
	-webkit-mask: url("../../assets/vendor/tabler/target.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/target.svg") center / contain no-repeat; }
.bx-content-45__element:nth-child(2) .bx-card-content-52__icon { -webkit-mask-image: url("../../assets/vendor/tabler/target-arrow.svg"); mask-image: url("../../assets/vendor/tabler/target-arrow.svg"); }
.bx-content-45__element:nth-child(3) .bx-card-content-52__icon { -webkit-mask-image: url("../../assets/vendor/tabler/school.svg"); mask-image: url("../../assets/vendor/tabler/school.svg"); }
.bx-content-45__element:nth-child(4) .bx-card-content-52__icon { -webkit-mask-image: url("../../assets/vendor/tabler/music.svg"); mask-image: url("../../assets/vendor/tabler/music.svg"); }
.bx-content-45__element:nth-child(5) .bx-card-content-52__icon { -webkit-mask-image: url("../../assets/vendor/tabler/device-tv.svg"); mask-image: url("../../assets/vendor/tabler/device-tv.svg"); }
.bx-content-45__element:nth-child(6) .bx-card-content-52__icon { -webkit-mask-image: url("../../assets/vendor/tabler/moon.svg"); mask-image: url("../../assets/vendor/tabler/moon.svg"); }
.bx-content-45__element-heading { font-size: var(--wf-text-xl); font-weight: 800; color: var(--wf-color-white); }
.bx-content-45__element-description { font-size: var(--wf-text-m); color: var(--wf-color-white-trans-70); max-width: 34ch; }

/* Schlusssatz-Band */
.bx-content-45 .bx-content-11__container-heading { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto;
	column-gap: var(--wf-space-2xl); row-gap: var(--wf-space-xs); align-items: center; padding-top: var(--wf-space-2xl);
	border-top: 1px solid var(--wf-color-primary-trans-40); }
.bx-content-45 .bx-content-11__heading { grid-column: 1; font-size: var(--wf-text-xl); font-weight: 600; line-height: 1.2; color: var(--wf-color-white); }
.bx-content-45 .bx-content-11__btn-container { grid-column: 2; grid-row: 1 / span 2; }
.bx-content-45 .bx-cta-25__description { grid-column: 1; font-size: var(--wf-text-s); color: var(--wf-color-white-trans-60); }
.bx-content-45 .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-content-45 .wp-block-button__link:hover { background: var(--wf-color-primary-trans-90); }
.bx-content-45 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: 991px) {
	.bx-content-45__container-list { grid-template-columns: var(--wf-grid-2); }
}
@media (max-width: 767px) {
	.bx-content-45__container-info { grid-template-columns: var(--wf-grid-1); row-gap: var(--wf-space-xl); }
	.bx-content-45__container-list { grid-template-columns: var(--wf-grid-1); row-gap: var(--wf-space-xl); }
	.bx-content-45 .bx-content-11__container-heading { grid-template-columns: var(--wf-grid-1); }
	.bx-content-45 .bx-content-11__btn-container { grid-column: 1; grid-row: auto; }
}

/* ---- Änderungen Runde 1 (Deniz’ Auswahl, 11.11.2026) ---- */
.bx-content-45 a[href*="google.com/maps"].wp-block-button__link { display: inline-flex; align-items: center; gap: .6rem; }
.bx-content-45 a[href*="google.com/maps"].wp-block-button__link::before { content: ""; width: 1.1em; height: 1.1em; background: currentColor; -webkit-mask: url("../../assets/vendor/tabler/map-pin.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/map-pin.svg") center / contain no-repeat; }
.bx-content-45 .bx-content-11__btn-container { display: flex; flex-wrap: wrap; gap: var(--wf-space-s); }
.bx-content-45 .wf-variant-outline > .wp-block-button__link { background: transparent; color: var(--wf-color-white); border-color: var(--wf-color-white-trans-70); }
@media (max-width: 767px) { .bx-content-45 .wp-block-button__link { width: auto; align-self: flex-start; }
	.bx-content-45 .wp-block-buttons, .bx-content-45 .wf-buttons { align-items: flex-start; } }

/* ---- Texte von Deniz (12.11.2026): Karte 2 „Kostenlose Pfeile“ mit dem Pfeil, Karte 3 „Auch für Anfänger“ mit dem Zähler ---- */

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