/* bx-content-63 – aus Brixies „Content Section 63“ (0478-content-section-63.json) */
.bx-content-63__container { flex-direction: column; row-gap: var(--wf-container-gap); padding-top: var(--wf-space-2xl); padding-right: var(--wf-space-2xl); padding-bottom: var(--wf-space-2xl); padding-left: var(--wf-space-2xl); background-color: var(--wf-color-neutral-25); border-top-left-radius: var(--wf-radius-l); border-top-right-radius: var(--wf-radius-l); border-bottom-right-radius: var(--wf-radius-l); border-bottom-left-radius: var(--wf-radius-l); }
.bx-content-63__inner-container-info { row-gap: var(--wf-space-s); justify-content: center; }
@media (max-width: 767px) {
	.bx-content-63__inner-container-info { flex-direction: column; align-items: stretch; }
}
.bx-content-63__description { width: 540px; }
.bx-content-63__img { object-fit: cover; object-position: 50%; overflow: hidden; height: 100%; width: 100%; 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); aspect-ratio: 16 / 9; }
@media (max-width: 991px) {
	.bx-content-63__img { aspect-ratio: 1; }
}
@media (max-width: 767px) {
	.bx-content-63__img { width: 100%; }
}
.bx-content-63__heading { font-size: var(--wf-text-2xl); }
.bx-content-63__container-info { display: grid; grid-template-columns: var(--wf-grid-2); gap: var(--wf-grid-gap); align-items: stretch; grid-template-rows: var(--wf-grid-1); }
@media (max-width: 991px) {
	.bx-content-63__container-info { column-gap: var(--wf-space-m); }
}
@media (max-width: 767px) {
	.bx-content-63__container-info { grid-template-columns: var(--wf-grid-1); }
}
.bx-content-63__container-list { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: var(--wf-grid-4); gap: var(--wf-grid-gap); grid-template-rows: var(--wf-grid-1); align-items: stretch; }
@media (max-width: 991px) {
	.bx-content-63__container-list { grid-template-columns: var(--wf-grid-2); }
}
@media (max-width: 478px) {
	.bx-content-63__container-list { grid-template-columns: var(--wf-grid-1); }
}
.bx-content-63__element { row-gap: var(--wf-space-s); flex-direction: column; }
.bx-content-63__element-counter { color: var(--wf-color-neutral-950); font-size: var(--wf-text-2xl); font-weight: 700; }
.bx-content-63__element-heading { font-size: var(--wf-text-m); }
.bx-content-63__tagline { color: var(--wf-color-neutral-950); font-weight: 600; }

/* ---- Dart-Treff, Gestaltung 3 (stil.md): nur --wf-*-Variablen ---- */
/* 6 Anfänger: Papiergrund ohne Kasten. Antwort links, Bedienfeld rechts im Abendlook. Vier Schritte mit großen
   Ziffern in Kupfer dunkel, je eine Linie oben. Unten dasselbe Schlusssatz-Band wie in 3. */
.bx-content-63 { background-color: var(--wf-color-neutral-25); }
.bx-content-63__container { padding: 0; background: transparent; border: 0; border-radius: 0; row-gap: var(--wf-space-3xl); }
.bx-content-63__container-info { column-gap: var(--wf-space-3xl); align-items: center; }
.bx-content-63__inner-container-info { row-gap: var(--wf-space-m); }
.bx-content-63__heading { font-size: var(--wf-text-3xl); font-weight: 800; line-height: 1.08; color: var(--wf-color-neutral-950); }
.bx-content-63 .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-secondary); }
.bx-content-63 .wf-eyebrow::after { content: ""; width: 4rem; border-top: 1px solid currentColor; }
.bx-content-63 .bx-content-39__description { font-size: var(--wf-text-l); line-height: 1.5; color: var(--wf-color-neutral-trans-80); max-width: 46ch; }
.bx-content-63 .bx-content-104__img { aspect-ratio: 4 / 3; height: auto; border-radius: var(--wf-radius-s); overflow: hidden; }
.bx-content-63 .bx-content-104__img img { filter: sepia(.15) saturate(1.1) contrast(1.05); }

.bx-content-63__container-list { column-gap: var(--wf-space-2xl); row-gap: var(--wf-space-2xl); }
.bx-content-63__element { row-gap: var(--wf-space-2xs); padding-top: var(--wf-space-m); border-top: 1px solid var(--wf-color-secondary-trans-50); }
.bx-content-63__element-counter { font-family: var(--wf-font-heading); font-size: var(--wf-text-3xl); font-weight: 700;
	line-height: 1; color: var(--wf-color-secondary); }
.bx-content-63__element-heading { font-size: var(--wf-text-xl); font-weight: 800; color: var(--wf-color-neutral-950); margin-top: var(--wf-space-2xs); }
.bx-content-63__element-description { font-size: var(--wf-text-m); color: var(--wf-color-neutral-trans-80); }

/* Schlusssatz-Band */
.bx-content-63 .bx-card-content-62__container-info { 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-secondary-trans-50); }
.bx-content-63 .bx-card-content-62__heading { grid-column: 1; font-size: var(--wf-text-xl); font-weight: 600; line-height: 1.2; color: var(--wf-color-neutral-950); }
.bx-content-63 .bx-content-39__btn { grid-column: 2; grid-row: 1 / span 2; }
.bx-content-63 .bx-hero-25__description { grid-column: 1; font-size: var(--wf-text-s); color: var(--wf-color-neutral-trans-60); }
.bx-content-63 .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-63 .wp-block-button__link:hover { background: var(--wf-color-primary-trans-90); }
.bx-content-63 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-content-63 .bx-card-content-62__container-info { grid-template-columns: var(--wf-grid-1); }
	.bx-content-63 .bx-content-39__btn { grid-column: 1; grid-row: auto; }
}

/* ---- Änderungen Runde 1 (Deniz’ Auswahl, 11.11.2026) ---- */
.bx-content-63 a[href*="google.com/maps"].wp-block-button__link { display: inline-flex; align-items: center; gap: .6rem; }
.bx-content-63 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-63 { 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"); }
@media (max-width: 767px) { .bx-content-63 .wp-block-button__link { width: auto; align-self: flex-start; }
	.bx-content-63 .wp-block-buttons, .bx-content-63 .wf-buttons { align-items: flex-start; } }

/* ---- Schrittnummern als Absätze (12.11.2026, im Editor bearbeitbar statt HTML) ---- */
/* Bisher stand die Zahl in einem Span im Fließtext; dessen Zeilenhöhe gab unten 9 px Luft dazu (bei 390 und 1440 px gleich). */
.bx-content-63__element-counter { padding-bottom: .9rem; }

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