/*
 * Bauexperten-Forum -- eigenes, kleines Stylesheet. Nutzt ausschliesslich
 * die vorhandenen --Variablen aus t-bauexperten-io/style.css (--bg,
 * --surface, --text, --primary, --border, ...) und die dort bereits
 * vorhandenen Klassen (wrap, hero, themen-grid, themen-card, btn-lese,
 * kontakt-box, section-heading) -- hier kommt nur hinzu, was es dort noch
 * nicht gibt: Formular, Forum-CTAs, Aktivitaets-Zeile, Melde-Link,
 * Rechtstexte, Ratgeber-Liste.
 */

.bxf-disclaimer {
	font-size: 0.86rem;
	color: var( --muted );
	margin: 4px 0 10px;
}

.bxf-cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
.bxf-btn-sekundaer { background: var( --secondary ); }
.bxf-btn-sekundaer:hover { background: var( --primary-dark ); }

.bxf-aktivitaet {
	margin-top: 10px;
	font-size: 0.86rem;
	color: var( --muted );
	display: flex;
	align-items: center;
	gap: 6px;
}

.bxf-hinweis {
	padding: 10px 14px;
	border-radius: 8px;
	margin: 0 0 16px;
	font-size: 0.92rem;
}
.bxf-hinweis--info { background: var( --surface-2 ); border: 1px solid var( --border ); color: var( --text ); }
.bxf-hinweis--ok { background: #e7f3ec; border: 1px solid #a9d3bb; color: #1c5536; }

.bxf-formular { max-width: 640px; }
.bxf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bxf-formular fieldset.bxf-feld { border: 1px solid var( --border ); border-radius: 8px; padding: 10px 14px; margin: 0 0 14px; }
.bxf-formular fieldset.bxf-feld legend { font-weight: 600; padding: 0 4px; }
.bxf-radio { display: block; font-size: 0.92rem; margin: 4px 0; }

.bxf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
@media ( max-width: 640px ) { .bxf-grid { grid-template-columns: 1fr; } }

.bxf-formular label.bxf-feld {
	display: block;
	font-size: 0.88rem;
	font-weight: 600;
	color: var( --text );
	margin-bottom: 14px;
}
.bxf-formular label.bxf-feld--voll { grid-column: 1 / -1; }
.bxf-formular .bxf-pflicht { color: var( --primary ); }
.bxf-formular input[type='text'],
.bxf-formular input[type='email'],
.bxf-formular input[type='tel'],
.bxf-formular select,
.bxf-formular textarea {
	display: block;
	width: 100%;
	margin-top: 4px;
	padding: 9px 11px;
	font: inherit;
	font-weight: 400;
	border: 1px solid var( --border );
	border-radius: 6px;
	background: #fff;
	color: var( --text );
	box-sizing: border-box;
}
.bxf-formular label.bxf-feld--check { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; font-size: 0.86rem; }
.bxf-formular label.bxf-feld--check input { margin-top: 3px; }
.bxf-submit { border: 0; cursor: pointer; }

.bxf-meldelink { margin-top: 10px; }
.bxf-meldelink a { font-size: 0.8rem; color: var( --muted ); }

.bxf-ratgeber-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.bxf-ratgeber-liste a { color: var( --link ); font-weight: 600; }

.bxf-recht h2 { margin-top: 1.6em; }
.bxf-recht ul { padding-left: 1.2em; }

.bxf-abschluss { margin-top: 24px; }

.bxf-partner .psc-pk__flaeche { max-width: 640px; }