/*!
 Theme Name:   JFconcept Bricks Child Theme
 Theme URI:    https://jfconcept.de/
 Description:  A JFconcept GmbH Child-Theme for Bricks Builder
 Author:       JFconcept GmbH
 Author URI:   https://jfconcept.de/
 Template:     bricks
 Version:      1.8
 Text Domain:  bricks
*/
/* Links in Formular-Optionen (z. B. Datenschutz-Einwilligung) als Link erkennbar machen (WCAG 1.4.1) */
.brxe-form .options-wrapper a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Mobil: Antwortboxen auf /ask-the-docs/ liefen wegen width:100% plus margin-left um den Einzug über den Rand (waagerechtes Scrollen) */
@media (max-width: 767px) {
	.brxe-zpsnxl .brxe-fsjohf.brxe-block {
		width: auto;
		min-width: 0;
		max-width: 100%;
	}
}

/* Mobil (Bricks-Breakpoint 478px): Startseite, Behandlungs-Kacheln. Bild über dem Text, Text und Pfeil nutzen die volle Breite.
   Stabile Klasse .tax-tiles als Anker; .brxe-derkny/.brxe-hoxxji/.brxe-mkkgus sind Bricks-Element-IDs (Kachel, Grid, Bild). Höhere Spezifität nötig, da Bricks die Grid-Regel später ausgibt. */
@media (max-width: 478px) {
	.tax-tiles .brxe-derkny .brxe-hoxxji.brxe-block {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gap-s);
	}
	.tax-tiles .brxe-derkny .brxe-hoxxji .brxe-mkkgus img {
		width: 100%;
		height: auto;
	}
}

/* Mobil 2 (Fehler 1): Startseite, Abschnitt "Unser Leistungsversprechen" (Bricks-Grid #brxe-oljbpt, ID nötig, keine stabile Klasse).
   Das Wort "Leistungsversprechen" war breiter als die Gridspalte und schob die Seite zwischen 479 und 833 px waagerecht auf. Gridkinder dürfen schrumpfen, Überschrift trennt auf Deutsch. */
@media (min-width: 479px) and (max-width: 833px) {
	#brxe-oljbpt > * {
		min-width: 0;
	}
	#brxe-oljbpt .brxe-heading {
		hyphens: auto;
		overflow-wrap: break-word;
	}
}

/* Mobil 2 (Fehler 1): Startseite, Filterleiste der Behandlungs-Buttons (Block mit .brxe-csukpv-Kindern) lief ohne Umbruch nach rechts über. */
@media (max-width: 1023px) {
	.brxe-block:has(> .brxe-csukpv) {
		flex-wrap: wrap;
	}
}

/* Mobil 2 (Fehler 3): Startseite, Behandlungs-Kacheln zwischen 479 und 767 px einspaltig (Bild über Text), wie unter 479 px.
   Anker wie in der Regel darüber: .tax-tiles, .brxe-derkny/.brxe-hoxxji sind Bricks-IDs. */
@media (min-width: 479px) and (max-width: 767px) {
	.tax-tiles .brxe-derkny .brxe-hoxxji.brxe-block {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gap-s);
	}
	.tax-tiles .brxe-derkny .brxe-hoxxji .brxe-mkkgus img {
		width: 100%;
		height: auto;
	}
}

/* Mobil 2 (Fehler 2): Fragen-Archiv, Kartengrid (Bricks-Grid #brxe-okzplt, ID nötig). Die implizite Spalte wuchs auf die Mindestbreite der Karten (486 px). Eine Spalte mit minmax(0,1fr) hält sie im Viewport. */
@media (max-width: 767px) {
	.brx-grid:has(> .brxe-aaazvf) {
		grid-template-columns: minmax(0, 1fr);
	}
	.brxe-aaazvf {
		min-width: 0;
		overflow-wrap: break-word;
	}
}

/* Mobil 2 (Zusatz): Impressum und Datenschutz bei 360 px. Lange Links/URLs (z. B. zahnaerztekammernordrhein.de) im Fließtext ragten über den Rand. Umbruch im Textblock erlauben. */
@media (max-width: 767px) {
	.brxe-post-content .brxe-text {
		overflow-wrap: anywhere;
	}
}