/* =========================================================================
   Büro Straube – Seminare  |  Frontend-Styles
   Auf das Flatsome-Theme abgestimmt. Farben kommen als CSS-Variablen aus den
   Einstellungen (--bs-primary, --bs-accent); hier nur Fallbacks.
   ========================================================================= */

.bs-seminare,
.bs-seminar-details,
.bs-seminar-anmeldung {
	--bs-primary: var(--bs-primary, #445505);
	--bs-accent: var(--bs-accent, #ff9900);
	--bs-secondary: #c6d24b;
	--bs-surface: #ffffff;
	--bs-line: rgba(68, 85, 5, .15);
	--bs-ink: #4f4e4e;
	--bs-radius: 8px;
	hyphens: auto;
	-webkit-hyphens: auto;
}

/* ----------------------------- Karten-Grid ----------------------------- */

.bs-layout-karten {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.6rem;
}

.bs-card {
	display: flex;
	flex-direction: column;
	background: var(--bs-surface);
	border: 1px solid var(--bs-line);
	border-radius: var(--bs-radius);
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
	transition: transform .18s ease, box-shadow .18s ease;
}

.bs-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .13);
}

.bs-card-media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	background: #efe7d6;
	overflow: hidden;
}

.bs-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bs-card-media.bs-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--bs-primary), #6c7d1f);
}

.bs-noimg-date {
	color: #fff;
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: .02em;
	text-align: center;
	padding: 0 1rem;
}

.bs-card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 1rem 1.15rem 1.15rem;
}

.bs-card-date {
	color: var(--bs-primary);
	font-weight: 700;
	font-size: .82rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-bottom: .25rem;
}

.bs-card-title {
	margin: 0 0 .4rem;
	font-size: 1.45rem;
	line-height: 1.18;
	font-weight: 700;
}

.bs-card-title a {
	color: #3a2b2b;
	text-decoration: none;
}

.bs-card-title a:hover {
	color: var(--bs-primary);
}

.bs-card-meta {
	color: #6b6a66;
	font-size: .9rem;
	margin-bottom: .5rem;
}

.bs-card-teaser {
	color: var(--bs-ink);
	font-size: .95rem;
	margin: 0 0 1rem;
}

.bs-card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: auto;
	flex-wrap: wrap;
}

.bs-card-preis {
	font-weight: 700;
	color: #3a2b2b;
	font-size: .95rem;
}

.bs-card a.bs-card-btn {
	margin: 0;
	background: var(--bs-primary, #445505);
	color: #fff;
	border: 0;
	box-shadow: none;
	min-height: 0;
	padding: .5em 1.1em;
	font-size: .82rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 0;
	text-transform: none;
	letter-spacing: 0;
	transition: background .15s ease;
}
.bs-card a.bs-card-btn:hover,
.bs-card a.bs-card-btn:focus {
	background: #36410b;
	color: #fff;
}

/* ------------------------------- Liste ------------------------------- */

.bs-layout-liste {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.bs-layout-liste .bs-card {
	flex-direction: row;
}

.bs-layout-liste .bs-card-media {
	flex: 0 0 38%;
	aspect-ratio: auto;
	min-height: 100%;
}

@media (max-width: 600px) {
	.bs-layout-liste .bs-card {
		flex-direction: column;
	}
	.bs-layout-liste .bs-card-media {
		flex-basis: auto;
		aspect-ratio: 3 / 2;
	}
}

/* ----------------------------- Status-Badges ----------------------------- */

.bs-badge {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .03em;
	line-height: 1;
	padding: .4em .7em;
	border-radius: 999px;
	color: #fff;
	white-space: nowrap;
}

.bs-card-media .bs-badge {
	position: absolute;
	top: .7rem;
	left: .7rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

.bs-st-plan   { background: #445505; }
.bs-st-open   { background: #5b7d12; }
.bs-st-soon   { background: #b26800; }
.bs-st-full   { background: #7a6a5a; }
.bs-st-move   { background: #b26800; }
.bs-st-cancel { background: #9b2d2d; }
.bs-st-done   { background: #8a8a8a; }

.bs-empty,
.bs-note {
	background: #faf3e6;
	border: 1px solid var(--bs-line);
	border-radius: var(--bs-radius);
	padding: 1rem 1.2rem;
	color: var(--bs-ink);
}

.bs-note-contact {
	color: #6b6a66;
	font-size: .92rem;
	margin-top: .5rem;
}

/* ----------------------------- Detailseite ----------------------------- */

.bs-seminar-details {
	background: #faf3e6;
	border: 1px solid var(--bs-line);
	border-left: 4px solid var(--bs-primary);
	border-radius: var(--bs-radius);
	padding: 1.1rem 1.3rem;
	margin: 0 0 1.6rem;
}

.bs-detail-head {
	margin-bottom: .7rem;
}

.bs-detail-list {
	margin: 0;
}

.bs-detail-row {
	display: flex;
	gap: 1rem;
	padding: .45rem 0;
	border-bottom: 1px solid var(--bs-line);
}

.bs-detail-row:last-child {
	border-bottom: 0;
}

.bs-detail-row dt {
	flex: 0 0 11rem;
	max-width: 40%;
	font-weight: 700;
	color: var(--bs-primary);
	margin: 0;
}

.bs-detail-row dd {
	margin: 0;
	color: #3a2b2b;
}

@media (max-width: 520px) {
	.bs-detail-row {
		flex-direction: column;
		gap: .1rem;
	}
	.bs-detail-row dt {
		flex-basis: auto;
		max-width: 100%;
	}
}

/* ----------------------------- Anmeldebereich ----------------------------- */

.bs-seminar-anmeldung {
	margin-top: 2rem;
	padding-top: 1.4rem;
	border-top: 2px solid var(--bs-line);
}

.bs-seminar-anmeldung > h2 {
	margin-top: 0;
}

.bs-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .9rem 1.2rem;
}

.bs-field {
	margin: 0;
}

.bs-field.bs-col-2 {
	grid-column: 1 / -1;
}

@media (max-width: 560px) {
	.bs-form-grid {
		grid-template-columns: 1fr;
	}
}

.bs-form label {
	display: block;
	font-weight: 600;
	margin-bottom: .25rem;
	color: #3a2b2b;
}

.bs-form input[type=text],
.bs-form input[type=email],
.bs-form input[type=tel],
.bs-form input[type=number],
.bs-form textarea {
	width: 100%;
}

.bs-req { color: #9b2d2d; }
.bs-opt { color: #8a8a8a; font-weight: 400; font-size: .85em; }
/* Notizfeld: „(optional)" bzw. „(bitte ausfüllen)". Das Skript setzt bei
   eigenem Ratenvorschlag die Klasse .ist-pflicht auf das Label und das
   required-Attribut auf das Feld; hier wird der Hinweis entsprechend getauscht. */
.bs-nachricht-pflicht { display: none; }
label.ist-pflicht .bs-opt { display: none; }
label.ist-pflicht .bs-nachricht-pflicht { display: inline; }

.bs-consent {
	margin: 1.1rem 0 .4rem;
}

.bs-consent label {
	display: flex;
	gap: .55rem;
	align-items: flex-start;
	font-weight: 400;
	color: var(--bs-ink);
	line-height: 1.4;
}

.bs-consent input[type=checkbox] {
	margin-top: .25rem;
	flex: 0 0 auto;
}

.bs-submit {
	margin: 1rem 0 .4rem;
}

.bs-form .button.primary {
	margin: 0;
}

.bs-hint {
	color: #6b6a66;
	font-size: .85rem;
	margin: .3rem 0 0;
}

/* Honeypot – für Menschen unsichtbar, für Bots ein verlockendes Feld */
.bs-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ------------------------------- Meldungen ------------------------------- */

.bs-msg {
	border-radius: var(--bs-radius);
	padding: 1.1rem 1.3rem;
	margin: 0 0 1.5rem;
	font-size: 1.12rem;
	font-weight: 600;
	line-height: 1.4;
}

.bs-msg-ok {
	background: #eef7e1;
	border: 1px solid #99c24d;
	border-left: 6px solid #6f8f2e;
	color: #2f4a0c;
}

.bs-msg-error {
	background: #fbeeee;
	border: 1px solid #d99;
	border-left: 6px solid #b3271f;
	color: #7a1f1f;
}

.bs-msg-error ul {
	margin: .4rem 0 0;
	padding-left: 1.2rem;
}

/* Fester Vollbreiten-Hinweis ganz oben (per wp_footer auf Body-Ebene ausgegeben) */
.bs-topbanner{position:fixed;top:0;left:0;right:0;z-index:99999;margin:0;padding:.85rem 2.6rem .85rem 1rem;font-size:1rem;line-height:1.4;font-weight:600;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.bs-topbanner-ok{background:#445505;color:#fff;}
.bs-topbanner-error{background:#b3450a;color:#fff;}
.bs-topbanner a{color:#fff;text-decoration:underline;}
.bs-topbanner-x{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);border:0;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .3rem;}

/* ===================== Kursteile & Downloads (ab 1.1.0) ===================== */

.bs-parts { margin-top: 1.3rem; }
.bs-parts-title { font-size: 1.05rem; margin: 0 0 .5rem; color: var(--bs-primary); }
.bs-parts-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
	background: #fff;
	border: 1px solid var(--bs-line);
	border-radius: var(--bs-radius);
	overflow: hidden;
}
.bs-parts-table th {
	background: rgba(68, 85, 5, .07);
	text-align: left;
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #5b5a56;
	padding: .5rem .7rem;
}
.bs-parts-table td { padding: .5rem .7rem; border-top: 1px solid var(--bs-line); vertical-align: top; }
.bs-parts-group td { background: rgba(198, 210, 75, .20); font-weight: 700; color: #3a2b2b; }
.bs-parts-label { font-weight: 600; }
.bs-parts-kombi { margin: .6rem 0 0; font-weight: 700; color: #3a2b2b; }

.bs-docs { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1.2rem; }
.bs-docs-label { font-weight: 700; color: #3a2b2b; margin-right: .2rem; }
.bs-seminar-details .bs-doc-btn { margin: 0; }

/* Kursteil-Auswahl im Anmeldeformular */
.bs-parts-select, .bs-att {
	border: 1px solid var(--bs-line);
	border-radius: var(--bs-radius);
	padding: .8rem 1rem 1rem;
	margin: 0 0 1.1rem;
}
.bs-parts-select legend, .bs-att legend { font-weight: 700; color: #3a2b2b; padding: 0 .4rem; }
.bs-ps-group { font-weight: 700; color: var(--bs-primary); margin: .7rem 0 .25rem; }
.bs-ps-item { display: block; position: relative; padding-left: 1.8rem; margin: 0 0 .45rem; line-height: 1.3; font-weight: 400; }
.bs-ps-item input { position: absolute; left: 0; top: .15rem; margin: 0; }
.bs-ps-item > span { display: block; }
.bs-att-item { display: inline-flex; gap: .4rem; align-items: center; margin: 0 1.2rem .3rem 0; font-weight: 400; }

/* Jahres-Gruppierung in der Übersicht (ab 1.2.0) */
.bs-year-title {
	font-size: 1.3rem;
	color: var(--bs-primary);
	margin: 1.8rem 0 .7rem;
	padding-bottom: .3rem;
	border-bottom: 2px solid var(--bs-accent);
}
.bs-seminare-wrap > .bs-year-title:first-child { margin-top: 0; }

/* ---- 1.4.0: Karten ohne Bild, Bescheinigung/Geburtsdatum, Preis-Hinweis ---- */

/* Übersicht: keine leere Bildfläche, wenn kein Bild vorhanden ist */
.bs-card-noimg {
	border-top: 3px solid var(--bs-primary);
}
.bs-card-topline {
	display: flex;
	align-items: center;
	gap: .6rem;
	flex-wrap: wrap;
	margin-bottom: .3rem;
}
.bs-card-topline .bs-card-date {
	margin-bottom: 0;
}

/* Rechnungs-Fieldset */
.bs-rechnung {
	border: 1px solid #e6dcc8;
	border-radius: 8px;
	padding: 1rem 1.1rem 1.2rem;
	margin: 1.1rem 0;
}
.bs-rechnung legend {
	font-weight: 700;
	color: #3a2b2b;
	padding: 0 .4rem;
}

/* Geburtsdatum erscheint rein per CSS, sobald die Checkbox aktiv ist – ohne JavaScript, auch auf dem Handy */
.bs-besch-group {
	margin: 1.1rem 0 .3rem;
	padding: .85rem .95rem;
	background: #fbf6ec;
	border: 1px solid #e6dcc8;
	border-radius: 6px;
}
.bs-besch-group > input[type=checkbox] {
	margin-right: .5rem;
	vertical-align: top;
	margin-top: .15rem;
}
.bs-besch-label {
	display: inline;
	font-weight: 600;
	color: #3a2b2b;
	cursor: pointer;
}
.bs-geb-wrap {
	display: none;
	margin-top: .8rem;
}
.bs-besch-group > input[type=checkbox]:checked ~ .bs-geb-wrap {
	display: block;
}
.bs-geb-wrap input {
	max-width: 12rem;
}

/* Selbstzahler-/Preis-Hinweis (statt Mouse-Over) */
.bs-preis-hinweis {
	margin: .9rem 0 0;
	padding: .75rem .95rem;
	background: #f3f6e7;
	border-left: 3px solid var(--bs-primary);
	border-radius: 4px;
	font-size: .9rem;
	line-height: 1.45;
	color: #4f4e4e;
}

/* ============================================================
   1.5.0: Detailseite in Blöcken (Inhalt · Termine · Kosten ·
   Anmeldung/Terminanfrage · Navigation) – auch ohne Theme-Sidebar
   ============================================================ */

.bs-single { padding-top: 1.2rem; padding-bottom: 2rem; }
.bs-single-head { margin: 0 0 1rem; }
.bs-single-head .bs-single-title {
	color: var(--bs-headings, #3a2b2b);
	margin: 0 0 .2rem;
	font-weight: 700;
}

/* Schnell-Links „Anmelden | weitere Termine erfragen" */
.bs-quicklinks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem .9rem;
	margin: 0 0 1.3rem;
	padding: .6rem .9rem;
	background: #f3f6e7;
	border: 1px solid #dde3c2;
	border-radius: 8px;
	font-weight: 600;
}
.bs-quicklinks .bs-ql {
	color: var(--bs-primary, #445505);
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.bs-quicklinks .bs-ql:hover { border-bottom-color: var(--bs-primary, #445505); }
.bs-quicklinks .bs-ql-sep { color: #b9c08f; }
.bs-quicklinks--repeat { margin-top: 1.6rem; }

/* Blöcke als Karten – passend zur Übersicht */
.bs-block {
	background: #fff;
	border: 1px solid #e7e3d8;
	border-radius: 10px;
	padding: 1.2rem 1.3rem 1.35rem;
	margin: 0 0 1.2rem;
}
.bs-block-title {
	margin: 0 0 .8rem;
	padding-bottom: .45rem;
	border-bottom: 2px solid var(--bs-primary, #445505);
	color: var(--bs-headings, #3a2b2b);
	font-size: 1.2rem;
}
.bs-block-inhalt { /* Werbetext */ }
.bs-block-inhalt > *:first-child { margin-top: 0; }
.bs-block-inhalt > *:last-child { margin-bottom: 0; }

/* Termine */
.bs-termine-ab {
	font-weight: 700;
	color: var(--bs-primary, #445505);
	font-size: 1.05rem;
	margin: 0 0 .6rem;
}
.bs-termine-list {
	list-style: none;
	margin: 0 0 .4rem;
	padding: 0;
}
.bs-termine-list li {
	display: block;
	padding: .5rem 0;
	border-bottom: 1px solid #efece3;
}
.bs-termine-list li:last-child { border-bottom: 0; }
.bs-termin-label { display: block; font-weight: 600; color: #3a2b2b; }
.bs-termin-datum { display: block; color: #4f4e4e; margin-top: .12rem; }
.bs-termine-more { margin-top: .3rem; }
.bs-termine-more > summary {
	cursor: pointer;
	color: var(--bs-primary, #445505);
	font-weight: 600;
	padding: .3rem 0;
}

/* Kosten */
.bs-kosten-list { list-style: none; margin: 0 0 .5rem; padding: 0; }
.bs-kosten-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .3rem 1rem;
	padding: .45rem 0;
	border-bottom: 1px solid #efece3;
}
.bs-kosten-list li:last-child { border-bottom: 0; }
.bs-kosten-label { color: #3a2b2b; min-width: 0; }
.bs-kosten-preis { font-weight: 700; color: #3a2b2b; flex: 1 1 auto; min-width: 0; text-align: right; overflow-wrap: break-word; }
.bs-kosten-einzel { font-weight: 700; color: #3a2b2b; font-size: 1.05rem; margin: 0 0 .3rem; overflow-wrap: break-word; }
.bs-kosten-kombi { margin: .5rem 0 0; color: #4f4e4e; }

/* Anmeldung + Terminanfrage nebeneinander */
.bs-anmeldung-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.2rem;
	align-items: start;
}
.bs-anmeldung-right {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	min-width: 0;
}
.bs-col-card {
	background: #fbf9f4;
	border: 1px solid #e7e3d8;
	border-radius: 8px;
	padding: 1rem 1.05rem 1.1rem;
}
.bs-col-card .bs-col-title {
	margin: 0 0 .7rem;
	color: var(--bs-primary, #445505);
	font-size: 1.05rem;
}
/* Formulare im Block bündig */
.bs-col-card .bs-form,
.bs-col-card .bs-doi { margin: 0; }
.bs-col-card .bs-rechnung { margin-top: .6rem; }

/* Navigation unten */
.bs-detail-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .6rem 1rem;
	margin: .4rem 0 0;
}
.bs-detail-nav a {
	color: var(--bs-primary, #445505);
	text-decoration: none;
	font-weight: 600;
}
.bs-detail-nav a:hover { text-decoration: underline; }
.bs-nav-inhouse { margin-left: auto; }

@media (max-width: 700px) {
	.bs-anmeldung-cols { grid-template-columns: 1fr; }
	.bs-detail-nav { flex-direction: column; }
	.bs-nav-inhouse { margin-left: 0; }
}

/* ---- 1.6.0: Eyebrow (Art), Gesamtpreis fett, Live-Betrag, Selbstzahler, Hybrid-Hinweis ---- */

/* „Fortbildung" / „Ausbildung" über dem Titel */
.bs-art-eyebrow {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .8rem;
	font-weight: 700;
	color: var(--bs-accent, #ff9900);
	margin: 0 0 .25rem;
}
.bs-card-art {
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: .72rem;
	font-weight: 700;
	color: var(--bs-accent, #ff9900);
	margin: 0 0 .15rem;
}

/* Kosten: Gesamtpreis prominent zuerst */
.bs-kosten-gesamt {
	font-weight: 800;
	font-size: 1.18rem;
	color: var(--bs-primary, #445505);
	margin: 0 0 .4rem;
}
.bs-kosten-gesamt-hinweis {
	font-size: .88rem;
	line-height: 1.45;
	color: #4f4e4e;
	margin: 0 0 .9rem;
}
.bs-kosten-einzeln-label {
	font-weight: 600;
	color: #3a2b2b;
	margin: .4rem 0 .35rem;
}

/* Selbstzahler-Häkchen */
.bs-selbstzahler { margin: 1rem 0 .2rem; }
.bs-selbstzahler label {
	display: flex;
	gap: .55rem;
	align-items: flex-start;
	font-weight: 600;
	color: #3a2b2b;
	line-height: 1.4;
}
.bs-selbstzahler input[type=checkbox] { margin-top: .2rem; flex: 0 0 auto; }

/* Live-Betrag über dem Button */
.bs-betrag {
	margin: .3rem 0 .8rem;
	padding: .65rem .85rem;
	background: #f3f6e7;
	border: 1px solid #dde3c2;
	border-radius: 6px;
	font-size: 1.02rem;
	color: #3a2b2b;
}
.bs-betrag strong { color: var(--bs-primary, #445505); }

/* Hinweis-Zeilen unter dem Button */
.bs-hint-storno { margin-top: .2rem; }

/* Teilnahmeform-Erklärung (hybrid) */
.bs-att-hint { font-weight: 400; font-size: .85em; color: #6b6a66; }

/* Obere Navigation */
.bs-detail-nav-top { margin: 0 0 1rem; }

/* ---- 1.7.0: Gesamtpreis-Zeile, Hinweise ohne Versalien, Karten-Zusatz ---- */

/* Gesamtpreis im Listenstil (Label links, Preis rechts), kräftig */
.bs-kosten-gesamt-list { margin-bottom: .4rem; }
.bs-kosten-gesamt-list li { padding: .2rem 0; border-bottom: 0; }
.bs-kosten-gesamt-list .bs-kosten-label,
.bs-kosten-gesamt-list .bs-kosten-preis {
	font-weight: 800;
	color: var(--bs-primary, #445505);
	font-size: 1.08rem;
}

/* Hinweise immer in normaler Schreibung (gegen Theme-Versalien absichern) */
.bs-format-hint { text-transform: none; font-weight: 400; color: #6b6a66; }
.bs-detail-list dd { text-transform: none; }
.bs-att-hint { text-transform: none; font-weight: 400; font-size: .85em; color: #6b6a66; }

/* „+ weitere Termine" auf der Karte (nicht in Versalien) */
.bs-card-more { text-transform: none; font-weight: 400; letter-spacing: 0; color: #6b6a66; }

/* ---- 1.8.0: Jahres-Gruppierung der Kursteile ---- */
.bs-termine-year {
	font-weight: 700;
	color: var(--bs-primary, #445505);
	font-size: 1.05rem;
	margin: 1rem 0 .35rem;
}
.bs-block-termine .bs-termine-year:first-of-type { margin-top: .2rem; }
.bs-ps-year {
	font-weight: 700;
	color: var(--bs-primary, #445505);
	font-size: 1.02rem;
	margin: .85rem 0 .35rem;
}
.bs-parts-select .bs-ps-year:first-of-type { margin-top: .3rem; }

/* ---- 1.9.0: Kasten „Manuell anmelden" ---- */
.bs-col-intro { margin: 0 0 .8rem; }
.bs-manuell-docs { display: flex; flex-direction: column; gap: .55rem; align-items: stretch; }
.bs-doc-btn { display: inline-flex; align-items: flex-start; gap: .4em; }
.bs-doc-btn .bs-doc-ic { flex: 0 0 auto; font-weight: 700; }
.bs-doc-btn .bs-doc-tx { flex: 1 1 auto; min-width: 0; }
.bs-manuell-docs .bs-doc-btn { display: flex; text-align: left; line-height: 1.25; padding-top: .55em; padding-bottom: .55em; min-height: 0; }

/* ---- 1.11.0: Telefon im Manuell-Kasten ---- */
.bs-manuell-tel-intro { margin-top: 1rem; }
.bs-col-manuell .bs-manuell-docs + .bs-manuell-tel-intro { margin-top: 1.1rem; }
.bs-manuell-tel { margin: 0; }

/* ---- 1.12.1: Curriculum-Download im Inhalts-Block ---- */
.bs-curricula {
	margin: 1.1rem 0 0;
}
.bs-curriculum-btn {
	margin: 0;
}

/* ---- 1.12.0: Ausbildungen in der Übersicht hervorheben ---- */
.bs-card--ausbildung {
	background: #f1f4e4;
	border-color: rgba(68, 85, 5, .30);
	border-left: 4px solid var(--bs-primary, #445505);
}
.bs-card--ausbildung .bs-card-art {
	color: var(--bs-primary, #445505);
}

/* v1.12.11: Format-Hinweis am Geburtsdatum-Feld */
.bs-geb-hint { font-weight: 400; font-size: .85em; color: #6b6a66; }

/* ---------------------- Gesamtprogramm-Buttons ---------------------- */
.bs-programm-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin: 0 0 1.6rem;
}
.bs-seminare-wrap .bs-programm-actions a.button {
	margin: 0;
	border: 0;
	box-shadow: none;
	min-height: 0;
	padding: .6em 1.15em;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 0;
	text-transform: none;
	letter-spacing: 0;
	transition: background .15s ease;
}
.bs-seminare-wrap .bs-programm-actions a.bs-programm-btn {
	background: var(--bs-primary, #445505);
	color: #fff;
}
.bs-seminare-wrap .bs-programm-actions a.bs-programm-btn::before {
	content: "\2193\FE0E";
	margin-right: .5em;
	font-weight: 700;
}
.bs-seminare-wrap .bs-programm-actions a.bs-programm-btn:hover,
.bs-seminare-wrap .bs-programm-actions a.bs-programm-btn:focus {
	background: #36410b;
	color: #fff;
}
.bs-seminare-wrap .bs-programm-actions a.bs-inhouse-btn {
	background: var(--bs-accent, #ff9900);
	color: #fff;
}
.bs-seminare-wrap .bs-programm-actions a.bs-inhouse-btn:hover,
.bs-seminare-wrap .bs-programm-actions a.bs-inhouse-btn:focus {
	background: #e08600;
	color: #fff;
}
@media (max-width: 480px) {
	.bs-programm-actions a.button { width: 100%; text-align: center; }
}

/* v1.13.6: Ueberschriften-Schrift (Yanone Kaffeesatz) in allen Buttons, ohne Versalien, ohne kuenstliche Fettung */
.bs-card-btn,
.bs-doc-btn,
.bs-curriculum-btn,
.bs-programm-btn,
.bs-inhouse-btn,
.bs-tel-btn,
.bs-form .button.primary {
  font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}


/* ============ Terminblock: Kursteile, Wahltermine, Ausklappen ============ */
.bs-termine-gruppen { margin-top: .3rem; }
.bs-termine-gruppe { margin-bottom: 1.2rem; }
.bs-termine-gruppe:last-child { margin-bottom: 0; }

.bs-termine-teil {
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--bs-primary);
	margin: 0 0 .5rem;
	padding-bottom: .3rem;
	border-bottom: 1px solid var(--bs-line);
}
.bs-termine-wahl {
	font-size: .9rem;
	color: var(--bs-ink);
	margin: 0 0 .5rem;
	font-style: italic;
}

.bs-termin-kurs {
	padding: 0;
	margin-bottom: .55rem;
}
.bs-termin-kurs-zeile { line-height: 1.5; }
.bs-termin-kurs-label {
	font-weight: 700;
	color: #3a2b2b;
}
.bs-termin-kurs .bs-termin-datum {
	display: inline;
	color: var(--bs-ink);
}

/* Ausklapp-Button „alle Termine" — inline, kompakt */
.bs-termin-alle {
	display: inline-block;
	vertical-align: baseline;
}
.bs-termin-alle > summary {
	list-style: none;
	cursor: pointer;
	display: inline-block;
}
.bs-termin-alle > summary::-webkit-details-marker { display: none; }
.bs-termin-alle-btn {
	display: inline-block;
	font-size: .78rem;
	font-weight: 600;
	padding: .1rem .5rem;
	transition: background .15s;
	/* Farbe kommt ausschließlich aus der zentralen Knopfregel am Dateiende. */
}
.bs-termin-alle-btn::before { content: "▸ "; }
.bs-termin-alle[open] .bs-termin-alle-btn::before { content: "▾ "; }
.bs-termin-alle-btn:hover { background: #36410b; }
.bs-termin-alle-list {
	list-style: none;
	margin: .4rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .3rem .5rem;
}
.bs-termin-alle-list li {
	padding: .05rem .5rem .05rem 0;
	font-size: .88rem;
	line-height: 1.3;
	color: var(--bs-ink);
}

/* „oder" zwischen Wahlterminen — inline */
.bs-termin-oder {
	font-weight: 600;
	color: var(--bs-accent);
	font-size: .88rem;
}

/* Ausklapp-Button beim Bildungsurlaub — gefüllt wie die übrigen Buttons */
.bs-bu-details { margin-top: .5rem; }
.bs-bu-details > summary,
.bs-curr-summary {
	list-style: none;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: .4rem .9rem;
	transition: background .15s;
	/* Farbe kommt ausschließlich aus der zentralen Knopfregel am Dateiende. */
}
.bs-bu-details > summary::-webkit-details-marker { display: none; }
/* Aufgeklappt bleibt die Farbe gleich — vorher wurde hier auf ein helleres
   Grün (#6c7d1f) gewechselt, wodurch derselbe Knopf je nach Zustand anders
   aussah. Der geöffnete Zustand ist am Pfeil und am Text erkennbar. */

.bs-bu-details > summary:hover { background: #36410b; }
.bs-bu-info-form { margin-top: .8rem; }

/* Kostentabelle (mehrteilige Kurse): Preise rechtsbündig */
.bs-kosten-tabelle {
	width: 100%;
	border-collapse: collapse;
	margin: .3rem 0 .6rem;
}
.bs-kosten-tabelle th {
	text-align: right;
	font-size: .82rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--bs-ink);
	padding: .3rem .6rem .4rem;
	border-bottom: 1px solid var(--bs-line);
	font-weight: 600;
}
.bs-kosten-tabelle th:first-child { text-align: left; }
.bs-kosten-tabelle td {
	padding: .4rem .6rem;
	border-bottom: 1px solid var(--bs-line);
	text-align: right;
	font-variant-numeric: tabular-nums;
	color: var(--bs-ink);
}
.bs-kosten-tabelle td.bs-kosten-label {
	text-align: left;
	color: #3a2b2b;
}
.bs-kosten-tabelle tr.bs-kosten-gesamt td {
	font-weight: 700;
	border-top: 2px solid var(--bs-line);
	border-bottom: 0;
	color: #3a2b2b;
}

/* Termine-Kopf: Überschrift links, „auch angeboten" rechts */
.bs-termine-kopf {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .3rem 1rem;
	border-bottom: 2px solid var(--bs-line);
	margin-bottom: .8rem;
}
.bs-termine-kopf .bs-block-title {
	border-bottom: 0;
	margin-bottom: .3rem;
	padding-bottom: 0;
}
.bs-termine-andere {
	text-align: right;
	font-size: .85rem;
	color: var(--bs-ink);
}
.bs-termine-andere .bs-andere-jahrgaenge { margin: 0; }
.bs-termine-andere a { color: var(--bs-primary); font-weight: 600; }

/* Mobil: „auch angeboten" unter die Überschrift, dezent und linksbündig,
   damit es nicht mit den Terminen konkurriert. */
@media (max-width: 600px) {
	.bs-termine-kopf { gap: .15rem; }
	.bs-termine-andere {
		text-align: left;
		font-size: .8rem;
		opacity: .85;
	}
}

/* Bildungsurlaub-Button dichter an die Bildungsurlaub-Zeile rücken */
.bs-bildungsurlaub { margin-bottom: .3rem; }
.bs-bu-details { margin-top: .25rem; }

/* Direkt gezeigte Terminliste (wenige Termine, kein Ausklappen) */
.bs-termin-alle-list--offen { margin-top: .35rem; }

/* =========================================================================
   Ergänzungen für bs-web (neue Veranstaltungs-Darstellung)
   ========================================================================= */

/* Terminliste einheitlich: Ausklapper immer auf eigener Zeile unter dem Kurs.
   ACHTUNG: Farbe/Hintergrund des Knopfes NICHT überschreiben (weiß auf grün). */
.bs-termin-kurs { margin-bottom: .6rem; }
.bs-termin-kurs:last-child { margin-bottom: 0; }
.bs-termin-kurs-zeile { display: block; }
.bs-termin-alle { display: block; margin: .3rem 0 0; }
.bs-termin-alle-btn .bs-ta-auf { display: none; }
.bs-termin-alle[open] .bs-termin-alle-btn .bs-ta-zu { display: none; }
.bs-termin-alle[open] .bs-termin-alle-btn .bs-ta-auf { display: inline; }

/* Termine-Kopf: „Diesen Kurs bieten wir auch an" rechts neben der Überschrift */
.bs-termine-kopf {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: .6rem 1.5rem;
	flex-wrap: nowrap;
}
/* Paßt der Hinweis nicht neben die Überschrift, erscheint er unter der Linie
   (dort steht er ohnehin ein zweites Mal) — die Linie rutscht dann direkt
   unter „Termine". */
@media (max-width: 780px) {
	.bs-termine-kopf > .bs-termine-andere { display: none; }
}
.bs-termine-kopf .bs-block-title { flex: 0 1 auto; margin-bottom: .45rem; }
.bs-termine-andere { flex: 0 1 auto; text-align: right; min-width: 0; }
.bs-termine-andere .bs-andere-jahrgaenge { margin: 0; font-size: .92rem; }
@media (max-width: 700px) {
	.bs-termine-andere { text-align: left; flex-basis: 100%; }
}
/* Wiederholung unter den Terminen */
.bs-andere-unten { margin: 1rem 0 0; font-size: .92rem; }

/* Deutlicher Abstand zu Format/Ort/Leitung */
.bs-block-termine .bs-detail-list {
	margin-top: 1.6rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--bs-line, rgba(68,85,5,.15));
}

/* Anerkennungen: Aufzählungszeichen bündig unter der Überschrift */
.bs-block-anerkennungen ul { margin: 0; padding-left: 0; list-style: none; }
.bs-block-anerkennungen li { position: relative; padding-left: 1.15em; margin: .25rem 0; }
.bs-block-anerkennungen li::before {
	content: "\2022";
	position: absolute;
	left: 0;
	color: var(--bs-primary, #445505);
	font-weight: 700;
}

/* Bildungsurlaub als eigener Kasten mit Luft um den Ausklapper */
.bs-block-bildungsurlaub .bs-bildungsurlaub { margin: 0 0 .6rem; }
.bs-block-bildungsurlaub .bs-bu-details { margin-top: .8rem; }
.bs-block-bildungsurlaub .bs-bu-info { cursor: pointer; }
.bs-block-bildungsurlaub .bs-bu-info-form { margin-top: .9rem; }

/* Infoblätter: aktuelles Jahr als Knopf, weitere Jahre als Satz darunter */
.bs-manuell-docs { display: flex; flex-direction: column; gap: .45rem; margin: 0 0 .6rem; }
.bs-manuell-docs .bs-doc-btn { margin: 0; }
.bs-andere-blaetter { margin: 0 0 .9rem; font-size: .92rem; }

/* Anmeldeformular: Einleitungssätze */
.bs-anmeldung-intro { margin: 0 0 .6rem; font-weight: 600; }
.bs-form .bs-teilnahme-zeile { margin: .1rem 0 .9rem; }
.bs-mail-btn { margin-top: .2rem; }

/* „Kein passender Termin dabei?" im Terminblock */
.bs-termin-anfrage { margin: 1rem 0 0; }
.bs-termin-anfrage > summary { cursor: pointer; }
.bs-selbstzahler-feld legend, .bs-parts-select legend, .bs-att legend { font-weight: 600; }

/* --- Feinschliff Detailseite -------------------------------------------- */

/* Kursfarbe als durchgehender Akzent */
.bs-single { border-top: 6px solid var(--kf, var(--bs-primary, #445505)); padding-top: 1.2rem; }
.bs-single .bs-block-title { border-bottom-color: var(--kf, var(--bs-primary, #445505)); }
.bs-single .bs-seminar-details { border-left-color: var(--kf, var(--bs-primary, #445505)); }

/* Überschrift „Termine" mit durchgehendem Strich, Jahres-Hinweis rechts daneben */
.bs-termine-kopf {
	border-bottom: 2px solid var(--kf, var(--bs-primary, #445505));
	padding-bottom: .45rem;
	margin-bottom: .9rem;
}
.bs-termine-kopf .bs-block-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

/* Jahreszahlen im Hinweis immer grün (nicht orange/besucht-violett) */
.bs-andere-jahrgaenge a,
.bs-andere-jahrgaenge a:visited,
.bs-andere-blaetter a,
.bs-andere-blaetter a:visited {
	color: var(--bs-primary, #445505);
	font-weight: 600;
}

/* Aufzählungen in allen Blöcken bündig unter der Überschrift */
.bs-block .bs-inhalt-punkte,
.bs-block .bsv-inhalt-punkte,
.bs-block-anerkennungen ul {
	margin: .2rem 0 .9rem !important;
	padding-left: 0 !important;
	list-style: none !important;
}
.bs-block .bs-inhalt-punkte li,
.bs-block .bsv-inhalt-punkte li,
.bs-block-anerkennungen li {
	position: relative;
	padding-left: 1.15em;
	margin: .25rem 0;
	list-style: none;
}
.bs-block .bs-inhalt-punkte li::before,
.bs-block .bsv-inhalt-punkte li::before,
.bs-block-anerkennungen li::before {
	content: "\2022";
	position: absolute;
	left: 0;
	color: var(--bs-primary, #445505);
	font-weight: 700;
}

/* Wegbeschreibung als grüner Knopf (einheitlich mit den übrigen Schaltflächen) */
/* Farbe und Hover kommen vom Theme-Knopf (.button) — hier NUR Größe und Lage,
   damit er neben dem Fließtext sitzt und nicht darüber. */
.bs-anreise {
	display: inline-block;
	font-size: .9rem;
	border-radius: 0;
}

/* --- Themenzeiten --------------------------------------------------------- */
.bsv-tz-kurs { margin: 0 0 1.1rem; padding-left: .9rem; border-left: 4px solid var(--kf, #445505); }
.bsv-tz-kurs .bs-termine-teil { margin: 0 0 .3rem; }
.bsv-tz-kurs .bs-termine-teil a { color: #3a2b2b; text-decoration: none; }
.bsv-tz-kurs .bs-termine-teil a:hover { color: var(--bs-primary, #445505); text-decoration: underline; }
.bsv-tz-termine { list-style: none; margin: 0; padding: 0; }
.bsv-tz-termine li { padding: .25rem 0; border-bottom: 1px solid #efece3; font-size: .95rem; }
.bsv-tz-termine li:last-child { border-bottom: 0; }
.bsv-tz-punkt { display: none; }

/* Auswahl in der Themen-Übersicht */
.bsv-wev-wahl { display: flex; gap: .4rem; align-items: flex-start; cursor: pointer; }
.bsv-wev-wahl input { margin-top: .2rem; flex: 0 0 auto; }
.bsv-wev-mehr {
	display: inline-block;
	margin-top: .3rem;
	font-size: .75rem;
	color: inherit;
	opacity: .85;
	text-decoration: underline;
}
.bsv-woche-aktion { margin: 1.1rem 0 0; display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.bsv-tz-hinweis { font-size: .85rem; color: #5b5647; }

/* =========================================================================
   Einheitliches Aussehen aller Schaltflächen
   Vorgabe der Website: keine abgerundeten Ecken, Schrift „Yanone Kaffeesatz"
   (bs-zentrale stellt sie als --bs-btn-font bereit), Gewicht 400, keine
   Versalien. Muß nach allen anderen Regeln stehen.
   ========================================================================= */
.bs-single .button,
.bs-single button,
.bs-single input[type="submit"],
.bs-doc-btn, .bs-tel-btn, .bs-mail-btn, .bs-doi-btn, .bs-anreise,
.bs-termin-alle-btn,
.bs-bu-details > summary,
.bs-curr-summary,
.bsv-wev-mehr, .bsv-wev-weg,
.bsv-jahr, .bsv-tz-knopf, .bsv-tab {
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif) !important;
	font-weight: 400 !important;
	letter-spacing: .02em !important;
	text-transform: none !important;
	border-radius: 0 !important;
}
/* Etwas größer setzen — Yanone Kaffeesatz läuft schmal */
.bs-termin-alle-btn { font-size: .95rem; padding: .15rem .6rem; }
.bs-bu-details > summary { font-size: 1.02rem; }
/* Auch die Eingabefelder-Beschriftungen der Formulare bleiben unberührt. */

/* Preis neben der Auswahl im Anmeldeformular */
/* Preis unter dem Text der Auswahlzeile, rechtsbündig und mit gleichen
   Ziffernbreiten, damit Komma unter Komma steht. Die Grundregel der
   Auswahlzeile (absolut gesetztes Kästchen + Einzug) bleibt unangetastet. */
.bs-ps-preis {
	display: block;
	text-align: right;
	font-weight: 600;
	color: #3a2b2b;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
/* Themenzeit: Raster sitzt im Block, etwas Luft darum */
.bs-block-termine .bsv-woche-scroll { margin: .3rem 0 .2rem; }
.bs-block-termine .bsv-woche-hinweis { margin-top: .7rem; }

/* --- Themenzeit: ausführliche Rasterzellen ------------------------------- */
.bsv-wev-angaben { display: block; margin: .35rem 0 .1rem; }
.bsv-wev-zeile { display: block; font-size: .78rem; opacity: .92; }
.bsv-wev-preis { margin-top: .15rem; font-weight: 600; }
.bsv-wev-sz { font-weight: 400; opacity: .9; }
.bsv-wev-weg { color: inherit; text-decoration: underline; }
/* „mehr dazu" als heller Knopf auf der Kursfarbe */
.bsv-wev-mehr {
	display: inline-block;
	margin-top: .45rem;
	padding: .18rem .6rem;
	background: rgba(255,255,255,.9);
	color: #3a2b2b !important;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: .85rem;
	font-weight: 400;
	text-decoration: none;
	border-radius: 0;
	opacity: 1;
}
.bsv-wev-mehr:hover { background: var(--bsv-btn-dark, #36410b); color: #fff !important; }

/* --- Anmeldeblock der Themenzeit ---------------------------------------- */
.bs-anmelde-haken { display: flex; gap: .5rem; align-items: flex-start; margin: 0 0 .8rem; font-weight: 600; }
.bs-anmelde-haken input { margin-top: .25rem; flex: 0 0 auto; }
/* Bei der Themenzeit übernimmt das Raster oben die Auswahl; die Kästchen
   bleiben im Formular (sie tragen die Daten), werden aber ausgeblendet.
   Ohne JavaScript wird die Klasse nie gesetzt — dann sind sie sichtbar. */
/* Nur die unmittelbaren Kinder verstecken — die in die Anzeige kopierten
   Terminlisten liegen tiefer und bleiben dadurch sichtbar. */
.bs-parts-select.bs-parts-versteckt > .bs-ps-item,
.bs-parts-select.bs-parts-versteckt > .bs-ps-group,
.bs-parts-select.bs-parts-versteckt > .bs-ps-hint,
.bs-parts-select.bs-parts-versteckt > .bs-ps-termine,
/* Auch die Zwischentexte gehören zur ausgeblendeten Auswahl — sie standen
   sonst auch dann da, wenn oben noch gar nichts angekreuzt war. */
.bs-parts-select.bs-parts-versteckt > .bs-wiederholung-hinweis,
.bs-parts-select.bs-parts-versteckt > .bs-ps-trenner,
.bs-parts-select.bs-parts-versteckt > .bs-ps-trenner-text,
.bs-parts-select.bs-parts-versteckt > .bs-ps-veranstaltung,
.bs-parts-select.bs-parts-versteckt > .bs-ps-kurs,
.bs-parts-select.bs-parts-versteckt > fieldset { display: none !important; }
.bs-auswahl-liste { list-style: none; margin: .2rem 0 0; padding: 0; }
.bs-auswahl-liste li { position: relative; padding-left: 1.2em; margin: .3rem 0; }
.bs-auswahl-liste li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	color: var(--bs-primary, #445505);
	font-weight: 700;
}
.bs-auswahl-leer { margin: .2rem 0 0; color: #7a7364; font-style: italic; }
/* Luft über den Abschnitten in der rechten Spalte */
.bs-col-manuell .bs-col-intro,
.bs-col-manuell .bs-manuell-tel-intro { margin-top: 2.2rem !important; }
.bs-col-manuell > .bs-col-intro:first-of-type { margin-top: 1.2rem !important; }
.bs-col-manuell .bs-manuell-docs { margin-bottom: 0; }
.bs-preis-gesamt { margin-top: .7rem; }

/* --- Nachtrag: grüne Knöpfe auch im farbigen Raster --------------------- */
.bsv-wev-mehr,
.bsv-wev-weg {
	display: inline-block;
	margin-top: .4rem;
	padding: .2rem .65rem;
	background: var(--bs-primary, #445505);
	color: #fff !important;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: .88rem;
	font-weight: 400;
	letter-spacing: .02em;
	text-decoration: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px rgba(255,255,255,.6);
	opacity: 1;
}
.bsv-wev-weg {
	margin: 0 0 0 .4rem;
	padding: .05rem .5rem;
	font-size: .8rem;
	vertical-align: baseline;
	line-height: 1.35;
}
.bsv-wev-mehr:hover,
.bsv-wev-weg:hover { background: var(--bsv-btn-dark, #36410b); color: #fff !important; }

/* Preise im Raster: zwei gleichwertige Zeilen */
.bsv-wev-preis {
	font-weight: 600;
	margin-top: .1rem;
	display: flex;
	justify-content: space-between;
	gap: .5rem;
	font-variant-numeric: tabular-nums;
}
.bsv-wev-preis .bsv-wev-wert { text-align: right; }

/* Gesamtpreis-Block */
.bs-gesamt-liste { list-style: none; margin: .35rem 0 0; padding: 0; }
.bs-gesamt-liste li { margin: .15rem 0; font-weight: 600; }
.bs-gesamt-rabatt { margin: .45rem 0 0; font-weight: 400; }

/* Anmeldeblock: „Ich melde mich an" mit sauberem Einzug */
.bs-anmelde-block { border: 0; padding: 0; margin: 0 0 1.2rem; }
.bs-anmelde-haken {
	display: grid;
	grid-template-columns: 1.4em 1fr;
	align-items: start;
	gap: 0 .1rem;
	margin: 0;
	line-height: 1.35;
	font-weight: 600;
	font-size: 1.05rem;
}
.bs-anmelde-haken input { margin: .22em 0 0; }
.bs-anmelde-einzug { margin: .35rem 0 0 1.5em; }
.bs-anmelde-einzug .bs-selbstzahler { margin: 0 0 .5rem; }
.bs-anmelde-einzug .bs-selbstzahler label {
	display: grid;
	grid-template-columns: 1.4em 1fr;
	align-items: start;
	gap: 0 .1rem;
	line-height: 1.35;
}
.bs-anmelde-einzug .bs-selbstzahler input { margin: .22em 0 0; }
.bs-anmelde-einzug fieldset { border: 0; padding: 0; margin: 0 0 .6rem; }
.bs-anmelde-einzug legend { padding: 0; font-weight: 600; }
.bs-anmelde-einzug .bs-ps-item { margin: .25rem 0 .5rem; }

/* Überschrift der rechten Anmeldespalte wie „Jetzt anmelden" */
.bs-col-manuell .bs-col-block-title {
	margin: 0 0 .9rem;
	padding-bottom: .45rem;
	border-bottom: 2px solid var(--kf, var(--bs-primary, #445505));
	color: #3a2b2b;
	font-size: 1.2rem;
}

/* Gesamtpreis der Themenzeit — Beträge bündig untereinander */
.bs-gesamt-tabelle { border-collapse: collapse; margin: .4rem 0 0; }
.bs-gesamt-tabelle th,
.bs-gesamt-tabelle td { padding: .12rem .5rem .12rem 0; text-align: left; font-weight: 600; }
.bs-gesamt-tabelle td { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bs-gesamt-tabelle .bs-gesamt-statt { font-weight: 400; text-align: left; padding-left: .5rem; }

/* Termin-Ausklapper in der Auswahl etwas eingerückt */
.bs-ps-termine { margin: .1rem 0 .5rem 1.8rem; }

/* --- Fester Hinweisbalken ganz oben (wie in bs-doi) ---------------------- */
.bsv-topbanner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	margin: 0;
	padding: .85rem 2.6rem .85rem 1rem;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 600;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.bsv-topbanner-ok { background: var(--bs-doi-primary, var(--bs-primary, #445505)); color: #fff; }
.bsv-topbanner-fehler { background: #b3450a; color: #fff; }
.bsv-topbanner a { color: inherit; text-decoration: underline; }
.bsv-topbanner-x {
	position: absolute;
	top: 50%;
	right: .55rem;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	padding: 0 .3rem;
}

/* Mehr Luft zwischen Format/Ort/Leitung und den Terminen */
.bs-block-termine .bs-detail-list { margin-bottom: 1.5rem; }

/* Terminliste in der gespiegelten Auswahl */
.bs-auswahl-liste .bs-ps-termine { margin: .25rem 0 .1rem; }

/* --- Details-Block: Termine, Format, Ort, Leitung in gleichen Spalten ---- */
.bs-details-haupt { margin: 0; }
.bs-details-haupt .bs-detail-row { align-items: flex-start; padding: .6rem 0; }
.bs-details-haupt .bs-termine-gruppen { margin: 0; }
.bs-details-haupt .bs-termine-gruppe { margin: 0 0 .8rem; }
.bs-details-haupt .bs-termine-gruppe:last-child { margin-bottom: 0; }
.bs-details-haupt .bs-termine-teil { margin: 0 0 .2rem; }

/* --- Auswahlzeile im Anmeldebereich ------------------------------------- */
.bs-ps-item { padding-right: 7.5rem; }
.bs-ps-name { display: block; font-weight: 600; color: #3a2b2b; }
.bs-ps-termin { display: block; font-size: .92rem; color: #5f5a4e; margin-top: .1rem; }
.bs-ps-item .bs-ps-preis {
	position: absolute;
	right: 0;
	top: .1rem;
	display: block;
	text-align: right;
	font-weight: 600;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.bs-auswahl-liste .bs-ps-name { font-weight: 600; }
.bs-auswahl-liste .bs-ps-termin { font-size: .92rem; color: #5f5a4e; }
@media (max-width: 560px) {
	.bs-ps-item { padding-right: 0; }
	.bs-ps-item .bs-ps-preis { position: static; margin-top: .15rem; text-align: left; }
}

/* Auswahl „für" bekommt denselben Rahmen wie die Rechnungsanschrift */
.bs-anmelde-einzug .bs-parts-select,
.bs-anmelde-einzug .bs-att {
	border: 1px solid var(--bs-line, rgba(68,85,5,.15));
	border-radius: var(--bs-radius, 8px);
	padding: .8rem 1rem 1rem;
	margin: 0 0 1rem;
}
.bs-anmelde-einzug .bs-parts-select > legend,
.bs-anmelde-einzug .bs-att > legend { padding: 0 .4rem; }

/* Silbentrennung nur, wenn es wirklich nötig ist.
   Auf breiten Schirmen: keine Trennung (hyphens:none unterdrückt auch die
   weichen Trennstellen) — lange Wörter wandern ganz in die nächste Zeile,
   nur ein Wort, das allein nicht in die Spalte paßt, wird umbrochen.
   Auf schmalen Schirmen ist Trennung sinnvoll und wird zugelassen. */
.bsv-wev-titel,
.bsv-wev {
	hyphens: manual;
	-webkit-hyphens: manual;
	overflow-wrap: break-word;
	word-break: normal;
}
@media (max-width: 700px) {
	.bsv-wev-titel,
	.bsv-wev {
		hyphens: auto;
		-webkit-hyphens: auto;
	}
}

/* Ausklapp-Knopf: Text sauber mittig (Unterlängen berücksichtigt) */
.bs-termin-alle-btn {
	display: inline-block;
	padding: .34rem .75rem .18rem !important;
	line-height: 1.1;
}

/* Untertitel als Vorspann über dem Beschreibungstext */
.bs-inhalt-claim {
	font-size: 1.2rem;
	line-height: 1.35;
	font-weight: 600;
	color: var(--bs-primary, #445505);
	margin: 0 0 .9rem;
}

/* --- Details-Block: keine Kästchen um die Termine ------------------------
   Die Rahmen stammen teils aus dem Theme (details/li). Hier gezielt zurück-
   gesetzt — der grüne Ausklapp-Knopf behält seinen Hintergrund. */
.bs-details-haupt .bs-termine-gruppe,
.bs-details-haupt .bs-termin-kurs,
.bs-details-haupt .bs-termin-kurs-zeile,
.bs-details-haupt .bs-termin-alle,
.bs-details-haupt .bs-termin-alle > summary,
.bs-details-haupt .bs-termin-alle-list,
.bs-details-haupt .bs-termin-alle-list li {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.bs-details-haupt .bs-termin-alle-list {
	margin: .3rem 0 0;
	padding: 0;
	list-style: none;
	columns: 2;
	column-gap: 1.5rem;
}
@media (max-width: 560px) { .bs-details-haupt .bs-termin-alle-list { columns: 1; } }
.bs-details-haupt .bs-termin-alle > summary { padding: 0; }

/* Hinweis bei mehreren gleichwertigen Terminen */
.bs-wiederholung-hinweis {
	margin: .1rem 0 .4rem;
	font-size: .92rem;
	color: #5f5a4e;
}

/* Der Beschreibungs-Kasten hat keine eigene Überschrift — der Untertitel führt.
   Die Stichpunkte bekommen dieselbe Überschrift wie Details/Anerkennungen. */
.bs-block-stichpunkte .bs-inhalt-gruppe { font-size: 1.05rem; color: #3a2b2b; margin: 1rem 0 .3rem; }
.bs-block-stichpunkte > .bs-inhalt-gruppe:first-of-type { margin-top: 0; }

/* =========================================================================
   EINE Stelle für die Knopffarbe
   Bisher holten sich die Schaltflächen ihre Farbe aus verschiedenen Quellen:
   teils vom Theme (Klasse „button"), teils aus eigenen Regeln in diesem
   Stylesheet, teils mit abweichendem Hover. Dadurch wirkten einzelne Knöpfe
   heller als andere. Ab hier gilt für alle dasselbe:
   --bs-primary (aus bs-zentrale bzw. dem Theme), Hover eine Stufe dunkler.
   ========================================================================= */
html body .bs-single .bs-doc-btn,
html body .bs-single .bs-tel-btn,
html body .bs-single .bs-mail-btn,
html body .bs-single .bs-doi-btn,
html body .bs-single .bs-anreise,
html body .bs-single .bs-termin-alle-btn,
html body .bs-single .bs-bu-details > summary,
html body .bs-single .bs-curr-summary,
html body .bs-single .bs-termin-anfrage > summary,
html body .bs-single .bs-form .button.primary,
html body .bsv-uebersicht .bsv-jahr,
html body .bsv-jahr, html body .bsv-tz-knopf,
html body .bsv-wev-mehr, html body .bsv-wev-weg {
	background: #445505 !important;
	background-image: none !important;
	color: #fff !important;
	border: 0 !important;
	/* Flatsome legt Knöpfen einen inneren Schatten und teils einen Verlauf auf.
	   Beides läßt dieselbe Grundfarbe unterschiedlich hell wirken — je nachdem,
	   ob ein Element die Theme-Klasse „button" trägt oder nicht. Hier alles
	   neutralisiert, damit wirklich alle Knöpfe gleich aussehen. */
	box-shadow: none !important;
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
html body .bs-single .bs-doc-btn:hover,
html body .bs-single .bs-tel-btn:hover,
html body .bs-single .bs-mail-btn:hover,
html body .bs-single .bs-doi-btn:hover,
html body .bs-single .bs-anreise:hover,
html body .bs-single .bs-termin-alle-btn:hover,
html body .bs-single .bs-bu-details > summary:hover,
html body .bs-single .bs-curr-summary:hover,
html body .bs-single .bs-termin-anfrage > summary:hover,
html body .bs-single .bs-form .button.primary:hover,
html body .bsv-jahr:hover, html body .bsv-tz-knopf:hover,
html body .bsv-wev-mehr:hover, html body .bsv-wev-weg:hover {
	background: #36410b !important;
	border: 0 !important;
	color: #fff !important;
}
/* Der Ausklapp-Knopf liegt in einem <summary>; dessen eigener Hover darf die
   Knopffarbe nicht überstrahlen. */
.bs-termin-alle > summary:hover .bs-termin-alle-btn {
	background: var(--bsv-btn-dark, #36410b) !important;
}

/* Wegbeschreibung sitzt neben dem Fließtext — „middle" richtet den Knopf an
   der Mitte der Zeile aus, das ist bei unterschiedlich hohen Elementen
   verläßlicher als die Grundlinie. */
/* Der Knopftext soll auf derselben Grundlinie stehen wie der Text davor
   („in Rostock"). Dafür ist „baseline" richtig — mit gleichem Abstand oben
   und unten, sonst wandert die Schrift im Knopf. */
/* Der Knopf bekommt eine eigene Zeile unter dem Ort. In der Textzeile
   mitzulaufen ist bei einem Element mit Innenabstand immer ein Kompromiß:
   entweder die Schrift sitzt tiefer als der Fließtext oder der Knopf ragt
   nach oben heraus. Untereinander ist beides sauber. */
html body .bs-single .bs-anreise {
	display: block !important;
	width: fit-content;
	margin: .45rem 0 0 !important;
	padding: .3rem .85rem !important;
	line-height: 1.25 !important;
	min-height: 0 !important;
	height: auto !important;
	position: static !important;
}

/* --- Detail-Liste: Theme-Vorgaben für <dl> neutralisieren ----------------
   Flatsome setzt für Definitionslisten `font-size: .85em` und
   `text-transform: uppercase`. Dadurch war der Knopf „alle Termine anzeigen"
   in der Detail-Liste kleiner als derselbe Knopf im Anmeldeblock — und eine
   kleinere Fläche mit viel weißer Schrift wirkt heller, obwohl die Farbe
   identisch ist (gemessen: rgb(68,85,5) an beiden Stellen).
   Hier auf die normale Schriftgröße zurückgesetzt. */
.bs-details-haupt,
.bs-details-haupt dt,
.bs-details-haupt dd {
	font-size: 1rem;
	text-transform: none;
	letter-spacing: normal;
}
.bs-details-haupt .bs-termin-alle-btn {
	font-size: .95rem !important;
	padding: .34rem .75rem .18rem !important;
}
.bs-details-haupt .bs-termine-teil { font-size: 1.05rem; }
.bs-details-haupt .bs-termin-alle-list li { font-size: .95rem; line-height: 1.35; margin: 0 0 .12rem; }

/* Die beiden Knöpfe im Details-Block noch einmal ausdrücklich — falls dort
   eine Regel greift, die wir noch nicht gefunden haben. Eigene Klasse, damit
   sie im Inspektor eindeutig zu erkennen sind. */
html body .bs-single .bsv-knopf-oben,
html body .bs-single .bs-details-haupt .bs-termin-alle-btn,
html body .bs-single .bs-details-haupt .bs-anreise,
html body .bs-single .bs-details-haupt a.button {
	background: #445505 !important;
	background-color: #445505 !important;
	background-image: none !important;
	color: #fff !important;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}
html body .bs-single .bsv-knopf-oben:hover,
html body .bs-single .bs-details-haupt .bs-termin-alle-btn:hover,
html body .bs-single .bs-details-haupt .bs-anreise:hover {
	background: #36410b !important;
	background-color: #36410b !important;
}
/* Auch ein durchscheinender Elternteil käme in Frage — hier ausgeschlossen. */
html body .bs-single .bs-details-haupt,
html body .bs-single .bs-details-haupt .bs-detail-row,
html body .bs-single .bs-details-haupt dd,
html body .bs-single .bs-details-haupt .bs-termine-gruppe,
html body .bs-single .bs-details-haupt .bs-termin-kurs,
html body .bs-single .bs-details-haupt .bs-termin-alle,
html body .bs-single .bs-details-haupt summary {
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

/* ------------------------------------------------------------------ *
 *  Vor- und Folgekurse auf der Detailseite (ab 0.25.0)
 * ------------------------------------------------------------------ */
.bs-vf-intro { margin: 0 0 1rem; font-size: .92rem; color: #555; }
.bs-vf-karte {
	margin: 0 0 .9rem;
	padding: .9rem 1.1rem;
	background: #f6f5f0;
	border-left: 3px solid var(--kf, #445505);
}
.bs-vf-abschnitt {
	margin: 1.3rem 0 .6rem;
	font-size: 1rem;
	font-weight: 600;
}
.bs-vf-abschnitt:first-of-type { margin-top: .3rem; }
/* Untertitel oben unter dem Titel — kleiner als die Überschrift,
   damit er als Beisatz gelesen wird und nicht als zweite Zeile. */
.bs-single-unter {
	margin: .25rem 0 0;
	font-size: 1.05rem;
	line-height: 1.3;
	font-weight: 400;
	color: #555;
}
.bs-vf-titel { margin: 0 0 .15rem; font-size: 1.05rem; line-height: 1.25; }
.bs-vf-unter { margin: 0 0 .3rem; font-size: .92rem; color: #555; }
.bs-vf-eck   { margin: 0 0 .6rem; font-size: .92rem; }
.bs-vf-knoepfe { display: flex; flex-wrap: wrap; gap: .5rem; }
.bs-vf-klappe {
	margin: .8rem 0 0;
	padding-top: .8rem;
	border-top: 1px solid #ddd9cd;
}
.bs-vf-klappe[hidden] { display: none; }
.bs-vf-text  { margin: 0 0 .55rem; font-size: .92rem; line-height: 1.45; }
.bs-vf-kopf  { margin: .7rem 0 .2rem; font-weight: 600; font-size: .92rem; }
.bs-vf-liste { margin: 0 0 .4rem 1.1rem; font-size: .92rem; line-height: 1.45; }
.bs-vf-liste li { margin: 0 0 .15rem; }

/* Knöpfe wie überall: eckig, Grün, Yanone Kaffeesatz 400 */
.bs-single .bs-btn {
	display: inline-block;
	margin: 0;
	padding: .45em 1em;
	background: #445505;
	color: #fff !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	min-height: 0;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif) !important;
	font-weight: 400 !important;
	font-size: .95rem;
	line-height: 1.2;
	text-transform: none !important;
	letter-spacing: .02em !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .15s ease;
}
.bs-single .bs-btn:hover,
.bs-single .bs-btn:focus { background: #36410b; color: #fff !important; }
/* Kopf im Aufklapptext — bewußt kleiner als die Kartenüberschrift darüber,
   damit er sich dem Seitenverlauf unterordnet und nicht mit ihr konkurriert. */
.bs-vf-k-claim {
	margin: 0 0 .2rem;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: .95rem;
	letter-spacing: .02em;
	color: #445505;
}
.bs-vf-k-titel {
	margin: 0 0 .1rem;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-weight: 600;
	font-size: 1.05rem;
	line-height: 1.25;
}
.bs-vf-k-unter { margin: 0 0 .7rem; font-size: .88rem; color: #555; }

/* Überschriften der Vor-/Folgekurse in der Hausschrift der Überschriften */
.bs-vf-abschnitt,
.bs-vf-titel {
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	letter-spacing: .02em;
}

/* ------------------------------------------------------------------ *
 *  Zusatzbuchung und Uhrzeiten (ab 0.28.0)
 * ------------------------------------------------------------------ */
/* Die zweite Terminüberschrift („nur Teil 3") braucht Abstand nach oben,
   sonst klebt sie an den Durchführungen darüber. */
.bs-termine-gruppe + .bs-termine-gruppe { margin-top: 1.6rem; }
.bs-details-haupt .bs-termine-gruppe + .bs-termine-gruppe { margin-top: 1.2rem; }
/* Abstand vor jeder Zwischenüberschrift im Anmeldebereich. Als
   Geschwisterregel ging es nicht: zwischen den Auswahlzeilen und der
   nächsten Überschrift steht noch der ausklappbare Terminblock. */
.bs-ps-group { margin-top: 1.8rem; }
.bs-ps-group:first-child { margin-top: .25rem; }
/* Zusatzkurse: Titel der mitgebuchten Veranstaltung, darunter die Kurse
   (Grund-/Aufbau-/…) als eingerückte Unterüberschriften. */
.bs-ps-veranstaltung {
	margin: 1.4rem 0 .1rem;
	font-weight: 700;
	color: var(--bs-ink, #3a2b2b);
}
.bs-ps-kurs { margin-top: .5rem; font-size: .95rem; }

/* Uhrzeit in der ausgeklappten Terminliste — abgesetzt, damit die Daten
   die Spalte führen und die Zeit sie nur ergänzt. */
.bs-termin-zeit {
	margin-left: .5em;
	color: #6f6f6f;
	font-size: .9em;
	white-space: nowrap;
}

/* ------------------------------------------------------------------ *
 *  Mitbuchen auf den Vor-/Folgekurs-Karten (ab 0.29.0)
 * ------------------------------------------------------------------ */
.bs-vf-mitbuchen {
	margin-top: .9rem;
	padding-top: .8rem;
	border-top: 1px solid #ddd9cd;
}
.bs-vf-mitbuchen > summary { list-style: none; cursor: pointer; }
.bs-vf-mitbuchen > summary::-webkit-details-marker { display: none; }
.bs-vf-mit-titel { margin: 0; }
.bs-vf-mit-btn {
	display: inline-block;
	background: var(--bs-primary, #445505);
	color: #fff;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: 1rem;
	letter-spacing: .02em;
	padding: .35rem .85rem;
	border-radius: 0;
}
.bs-vf-mitbuchen > summary:hover .bs-vf-mit-btn { background: #36410b; }
.bs-vf-mit-btn::before { content: "▸ "; }
.bs-vf-mitbuchen[open] .bs-vf-mit-btn::before { content: "▾ "; }
.bs-vf-mit-inhalt { margin-top: .7rem; }
.bs-vf-mit-kurs { margin: 0 0 .55rem; }
.bs-vf-mit-kurs + .bs-vf-mit-kurs { margin-top: .55rem; padding-top: .5rem; border-top: 1px dotted #e2ddce; }
.bs-vf-mit-kurs-name {
	margin: 0 0 .25rem;
	font-weight: 700;
	color: var(--bs-primary, #445505);
	font-size: .92rem;
}
.bs-vf-mit-zeile {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	margin: 0 0 .3rem;
	font-size: .92rem;
	line-height: 1.35;
	cursor: pointer;
}
.bs-vf-mit-zeile input { flex: 0 0 auto; margin: .2rem 0 0; }
.bs-vf-mit-termin { flex: 1 1 auto; }
.bs-vf-mit-label { color: #6f6f6f; }
/* „weitere Termine" bündig unter „ab" (hinter dem Häkchen einrücken) */
.bs-vf-weitere { margin: .2rem 0 .3rem; padding-left: 1.55rem; }
.bs-vf-weitere > summary { list-style: none; cursor: pointer; }
.bs-vf-weitere > summary::-webkit-details-marker { display: none; }
.bs-vf-weitere-btn {
	display: inline-block;
	font-size: .88rem;
	color: #445505;
	text-decoration: underline;
}
.bs-vf-weitere-liste { margin-top: .35rem; padding-left: .2rem; }
.bs-vf-mit-hinweis { margin: .45rem 0 0; font-size: .82rem; color: #6f6f6f; }

/* Abschnitt „Gleich mitbuchen" im Anmeldeformular */
.bs-ps-trenner {
	margin-top: 1.8rem;
	padding-top: 1rem;
	border-top: 2px solid var(--bs-primary, #445505);
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: 1.05rem;
	letter-spacing: .02em;
	color: var(--bs-primary, #445505);
}
.bs-ps-trenner-text { margin: .2rem 0 .4rem; font-size: .85rem; color: #6f6f6f; }

/* ------------------------------------------------------------------ *
 *  Auswählen oben (ab 0.30.0)
 * ------------------------------------------------------------------ */
.bs-mit-zeile {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	margin-left: 1rem;
	font-size: .88rem;
	color: #445505;
	cursor: pointer;
	white-space: nowrap;
}
.bs-mit-zeile input { margin: 0; }
.bs-termin-kurs-zeile { display: flex; align-items: baseline; flex-wrap: wrap; gap: .2rem; }

.bs-kosten-zeile[hidden], .bs-kosten-summe[hidden], .bs-kosten-tabelle[hidden],
.bs-kosten-leer[hidden] { display: none; }
/* „ausgewählt" und „mitgebucht" an derselben Stelle und in derselben Farbe */
.bs-kosten-mark {
	margin-left: .5em;
	font-size: .78rem;
	color: #445505;
	white-space: nowrap;
}
.bs-kosten-termin { display: block; font-size: .82rem; color: #6f6f6f; }
.bs-kosten-summe td { border-top: 2px solid var(--bs-primary, #445505); font-weight: 700; }
.bs-kosten-gesamtpaket td { font-weight: 400; }
.bs-kosten-leer { font-size: .92rem; color: #6f6f6f; }

/* Preise bei den Terminen */
.bs-termine-preis { margin: 0 0 .5rem; font-size: .92rem; color: #444; }
.bs-termine-gesamtpreis { margin: 1rem 0 .3rem; font-size: .95rem; }
.bs-termine-ersparnis { color: #445505; }
.bs-termine-szhinweis { margin: .3rem 0 0; font-size: .88rem; color: #6f6f6f; }
.bs-auswahl-hinweis { margin: .5rem 0 0; font-size: .85rem; color: #6f6f6f; }

/* Häkchen „auswählen" rechtsbündig, damit sie untereinander stehen —
   die Terminzeilen sind unterschiedlich lang. */
.bs-termin-kurs-zeile { display: flex; align-items: baseline; flex-wrap: nowrap; gap: .2rem; }
.bs-termin-kurs-zeile .bs-termin-datum { flex: 1 1 auto; }
.bs-mit-zeile { flex: 0 0 auto; margin-left: auto; padding-left: 1rem; }


/* Paketpreis der ganzen Ausbildung */
.bs-paketpreis {
	margin: 1.1rem 0 .4rem;
	padding: .9rem 1.1rem;
	background: #f2f5e8;
	border-left: 4px solid var(--bs-primary, #445505);
}
.bs-paketpreis-kopf {
	margin: 0 0 .5rem;
	font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif);
	font-size: 1.15rem;
	letter-spacing: .02em;
	color: var(--bs-primary, #445505);
}
.bs-paketpreis-tabelle { margin: 0; border: 0; width: auto; }
.bs-paketpreis-tabelle th,
.bs-paketpreis-tabelle td { border: 0; padding: .1rem .9rem .1rem 0; font-size: .95rem; }
.bs-paketpreis-tabelle th { font-weight: 400; text-align: left; color: #444; }
.bs-paketpreis-wert { font-weight: 700; white-space: nowrap; }
.bs-paketpreis-statt { color: #6f6f6f; white-space: nowrap; }


/* ------------------------------------------------------------------ *
 *  Sternchen, Ausklapp-Knopf, Zahlungsweise (ab 0.34.0)
 * ------------------------------------------------------------------ */
.bs-stern {
	margin-left: .15em;
	color: var(--bs-primary, #445505);
	font-weight: 700;
}


.bs-zahlweise {
	margin: 1.6rem 0 .6rem;
	padding: .9rem 1.1rem;
	border: 1px solid var(--bs-line, #ddd9cd);
	background: #fafaf6;
}
.bs-zahlweise > legend { font-weight: 600; padding: 0 .4rem; }
.bs-zw-satz { margin: 0 0 .6rem; font-size: .95rem; }
.bs-zw-betrag { font-weight: 600; }
/* Mehr Luft zwischen Datenschutzhinweis und Beitragsbalken */
.bs-betrag { margin-top: 1.4rem; }
/* Spezifität (0,2,1): schlägt die allgemeine Regel `.bs-form label { display:block }`
   (0,1,1) — sonst bleibt das Label „block" und der umbrochene Text rutscht unter
   das Auswahlhäkchen. */
.bs-form label.bs-zw-item {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	margin: 0 0 .45rem;
	font-size: .93rem;
	line-height: 1.4;
	cursor: pointer;
}
.bs-zw-item input { flex: 0 0 auto; margin: .25rem 0 0; }
.bs-zw-item > span { flex: 1 1 auto; }
.bs-zw-item input:disabled + span { color: #9a9a9a; }
.bs-zw-item b { color: var(--bs-primary, #445505); }

/* ------------------------------------------------------------------ *
 *  Terminzeile: Datum | „alle Termine" | Häkchen (ab 0.35.0)
 *  Die aufgeklappte Liste läuft darunter über die ganze Breite. Möglich
 *  wird das durch display:contents am <details> — Knopf und Liste werden
 *  dadurch zu eigenständigen Rasterfeldern.
 * ------------------------------------------------------------------ */
@media (min-width: 700px) {
	.bs-termin-kurs {
		display: grid;
		grid-template-columns: 1fr auto auto;
		align-items: baseline;
		column-gap: 1.2rem;
		row-gap: .2rem;
	}
	.bs-termin-kurs > .bs-termin-kurs-zeile { grid-column: 1; grid-row: 1; }
	.bs-termin-kurs > .bs-termin-alle { display: contents; }
	.bs-termin-kurs > .bs-termin-alle > summary { grid-column: 2; grid-row: 1; }
	.bs-termin-kurs > .bs-mit-zeile { grid-column: 3; grid-row: 1; margin: 0; padding: 0; }
	.bs-termin-kurs .bs-termin-alle-list { grid-column: 1 / -1; grid-row: 2; }
	.bs-termin-kurs-zeile { display: block; }
}
@media (max-width: 699px) {
	.bs-mit-zeile { display: flex; margin: .3rem 0 0; padding: 0; }
}

/* Themenzeit-Sammelhäkchen „Die gesamte Themenzeit buchen" (ab 0.37.0) */
.bsv-alle-zeile { display: flex; align-items: baseline; gap: .5rem; cursor: pointer; }
.bsv-alle-zeile input { flex: 0 0 auto; }

/* Ort-Zeile: Durchführung ohne (oder mit gelöschtem) Ort */
.bs-ort-offen { color: #8a8a8a; font-style: italic; }

/* Ort-Zeile: Links bei mehreren Orten grün (wie die Knöpfe), nicht orange */
.bs-details-haupt .bs-ort-link,
.bs-detail-row .bs-ort-link { color: var(--bs-primary, #445505); text-decoration: underline; }
.bs-details-haupt .bs-ort-link:hover,
.bs-detail-row .bs-ort-link:hover { color: #36410b; }

/* „alle Termine" ausgeklappt: leicht hinterlegte Fläche, Termine etwas eingerückt,
   damit vor ihnen noch etwas Farbe steht. Beginnt unter „ab", endet nahe dem
   rechten Rand des Knopfes. */
.bs-details-haupt .bs-termin-alle[open] .bs-termin-alle-list {
	background: #f3f1ea;
	background: color-mix(in srgb, var(--kf, #445505) 9%, #ffffff);
	padding: .5rem .75rem;
	border-radius: .3rem;
	width: fit-content;
	max-width: 100%;
}

/* ---- Mobil: Preistabellen gestapelt (kein Überlauf nach rechts) ---- */
@media (max-width: 600px) {
	/* Kostentabelle (mehrteilige Kurse): je Zeile eine Karte.
	   tr:not([hidden]) lässt die per JavaScript ausgeblendeten Zeilen unberührt. */
	.bs-kosten-tabelle thead { position: absolute; left: -9999px; top: -9999px; }
	.bs-kosten-tabelle,
	.bs-kosten-tabelle tbody { display: block; width: auto; }
	.bs-kosten-tabelle tr:not([hidden]) {
		display: block; margin: 0 0 .7rem;
		border: 1px solid var(--bs-line, #e2ded9); border-radius: 6px; overflow: hidden;
	}
	.bs-kosten-tabelle td {
		display: flex; justify-content: space-between; gap: 1rem; align-items: baseline;
		text-align: left !important; padding: .4rem .85rem;
		border: 0; border-bottom: 1px solid #eef0e6;
		font-variant-numeric: tabular-nums;
	}
	.bs-kosten-tabelle tr > td:last-child { border-bottom: 0; }
	.bs-kosten-tabelle td.bs-kosten-label { display: block; background: #f4f2ee; font-weight: 700; }
	.bs-kosten-tabelle td[data-label] { white-space: nowrap; }
	.bs-kosten-tabelle td[data-label]::before {
		content: attr(data-label); font-weight: 600; color: #6f6f6f;
		flex: 1 1 auto; text-align: left; white-space: normal;
	}
	.bs-kosten-tabelle tr.bs-kosten-summe td.bs-kosten-label,
	.bs-kosten-tabelle tr.bs-kosten-gesamtpaket td.bs-kosten-label { background: #e9ece0; }

	/* Preisübersicht „Buchen Sie die gesamte Ausbildung" gestapelt */
	.bs-paketpreis-tabelle,
	.bs-paketpreis-tabelle tbody,
	.bs-paketpreis-tabelle tr { display: block; width: auto; }
	.bs-paketpreis-tabelle tr { margin: 0 0 .5rem; }
	.bs-paketpreis-tabelle th { display: block; font-weight: 700; padding: 0 0 .1rem; }
	.bs-paketpreis-tabelle td { display: inline-block; padding: 0 .7rem 0 0; }
	.bs-paketpreis-wert, .bs-paketpreis-statt { white-space: normal; }
}

/* ============================================================
   Curriculum (aufklappbar, auf der Detailseite)
   Desktop: Tabelle. Ab 1024px (Tablet/Handy): je Tag eine Karte.
   ============================================================ */
.bs-block-curriculum { margin-top: 1.2rem; }
/* Der Aufklapp-Knopf nutzt die ZENTRALE Knopf-Definition (dieselben Regeln wie
   .bs-bu-details > summary). Farbe, Schrift und eckige Form kommen von dort —
   eine Änderung an der Knopfregel wirkt damit auch hier. */
.bs-curr-summary { user-select: none; }
.bs-curr-summary::-webkit-details-marker { display: none; }
.bs-curr-summary::after { content: " \25B8"; }
.bs-curr[open] .bs-curr-summary::after { content: " \25BE"; }
.bs-curr-inner { margin-top: 1rem; }
.bs-curr-kurs { margin-bottom: 1.7rem; }
.bs-curr-kurs:last-child { margin-bottom: .3rem; }
.bs-curr-kurs-titel { margin: .1rem 0 .1rem; font-size: 1.4rem; font-weight: 700; color: var(--bs-primary, #445505); }
.bs-curr-std { font-weight: 400; color: #6f6f6f; font-size: .9rem; }
.bs-curr-rhythmus { margin: 0 0 .7rem; color: #6f6f6f; font-style: italic; font-size: .82rem; }
.bs-curr-tab { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.bs-curr-tab th, .bs-curr-tab td { overflow-wrap: break-word; word-break: break-word; }
/* Gleiche Spaltenbreiten über alle Kurstabellen (Grund-/Aufbau-/Berufskurs),
   damit die Spalten an derselben Stelle stehen. Nur auf Desktop — auf Mobil
   werden die Zellen ohnehin zu Karten (display:block). */
@media (min-width: 1025px) {
	.bs-curr-tab th:not(.bs-curr-c-thema),
	.bs-curr-tab td:not(.bs-curr-c-thema) { width: 32%; }
}
.bs-curr-tab th, .bs-curr-tab td { text-align: left; padding: .5rem .65rem; border-bottom: 1px solid #eef0e6; vertical-align: top; }
.bs-curr-tab thead th { border-bottom: 2px solid var(--bs-line, #e2ded9); font-size: .9rem; color: #4f4e4e; }
.bs-curr-c-std { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.bs-curr-c-thema { font-weight: 600; }

@media (max-width: 1024px) {
	.bs-curr-tab, .bs-curr-tab tbody, .bs-curr-tab tr, .bs-curr-tab td { display: block; width: auto; }
	.bs-curr-tab thead { position: absolute; left: -9999px; }
	.bs-curr-tab tr { margin: 0 0 1rem; border: 1px solid var(--bs-line, #e2ded9); border-radius: 6px; padding: .25rem .1rem; }
	.bs-curr-tab td { border: 0; border-bottom: 1px solid #f2f1ec; padding: .4rem .85rem; }
	.bs-curr-tab tr > td:last-child { border-bottom: 0; }
	.bs-curr-c-std { text-align: left; }
	.bs-curr-tab td[data-label]::before {
		content: attr(data-label); display: block;
		font-weight: 600; color: #6f6f6f; font-size: .82rem; margin-bottom: .1rem;
	}
	.bs-curr-tab td.bs-curr-c-thema { background: #f7f6f2; font-weight: 700; }
	.bs-curr-tab td.bs-curr-c-thema::before { color: var(--bs-primary, #445505); }
}

/* „Auch zur Themenzeit passend" nutzt die Karten der Detailseite (bs-vf-*).
   Nur der Abstand nach oben wird hier gesetzt. */
.bs-auch-passend{margin-top:1.8rem}


/* ==========================================================================
   Kartenstile der Übersichtsseite (ab 0.57.1)
   Umschaltbar unter bs-web → Einstellungen. „jetzt" ist der bisherige Stand
   und bleibt unverändert.
   ========================================================================== */

/* Gemeinsam für alle NEUEN Varianten: gerade Ecken, gleiche Höhe, und die
   Kursfarbe verschwindet aus dem Fuß (sie soll nur EINMAL vorkommen). */
.bsv-stil-kante .bsv-karte,
.bsv-stil-band .bsv-karte,
.bsv-stil-kopfband .bsv-karte,
.bsv-stil-kopfband_pur .bsv-karte{
  border-radius:0;
  background:var(--bs-surface);
  display:flex;flex-direction:column;height:100%;
}
/* Gleiche Höhe: der Kopf dehnt sich, der Fuß sitzt unten bündig. */
.bsv-stil-kante .bsv-kartekopf,
.bsv-stil-band .bsv-kartekopf,
.bsv-stil-kopfband .bsv-kartekopf,
.bsv-stil-kopfband_pur .bsv-kartekopf{flex:1 1 auto}
.bsv-stil-kante .bsv-kartefuss,
.bsv-stil-band .bsv-kartefuss,
.bsv-stil-kopfband .bsv-kartefuss,
.bsv-stil-kopfband_pur .bsv-kartefuss{margin-top:auto}
.bsv-stil-kante .bsv-jahr,
.bsv-stil-band .bsv-jahr,
.bsv-stil-kopfband .bsv-jahr,
.bsv-stil-kopfband_pur .bsv-jahr{border-radius:0}

/* Fuß entfärben — vorher stand die Kursfarbe unten noch einmal. */
.bsv-stil-kante .bsv-kartefuss,
.bsv-stil-band .bsv-kartefuss,
.bsv-stil-kopfband_pur .bsv-kartefuss{background:none;border-top:1px solid var(--bs-line)}
.bsv-stil-kante .bsv-jahr,
.bsv-stil-band .bsv-jahr,
.bsv-stil-kopfband_pur .bsv-jahr{
  background:none;color:inherit;border:1px solid var(--bs-line);
}
.bsv-stil-kante .bsv-jahr:hover,
.bsv-stil-band .bsv-jahr:hover,
.bsv-stil-kopfband_pur .bsv-jahr:hover{background:var(--bs-primary);color:#fff;border-color:var(--bs-primary)}

/* Kopf in allen neuen Varianten ohne Vollfläche */
.bsv-stil-kante .bsv-kartekopf,
.bsv-stil-band .bsv-kartekopf{background:none;color:inherit;padding:1rem 1.1rem}
.bsv-stil-kante .bsv-art,
.bsv-stil-band .bsv-art{color:var(--kf);font-weight:600;letter-spacing:.04em}
.bsv-stil-kante .bsv-kartetitel,
.bsv-stil-band .bsv-kartetitel{color:inherit}
.bsv-stil-kante .bsv-sub,
.bsv-stil-band .bsv-sub{color:inherit;opacity:.75}

/* --- „kante": Farbe als linker Rand, IMMER gleich dick ------------------- */
.bsv-stil-kante .bsv-karte{border:1px solid var(--bs-line);border-left:6px solid var(--kf)}
/* Ausbildung: gleiche Randstärke, unterschieden durch getönten Grund. */
.bsv-stil-kante .bsv-karte.ist-ausbildung{
  background:color-mix(in srgb, var(--kf) 10%, var(--bs-surface));
}

/* --- „band": Farbe als Band oben, IMMER gleich dick ---------------------- */
.bsv-stil-band .bsv-karte{border:1px solid var(--bs-line);border-top:5px solid var(--kf)}
.bsv-stil-band .bsv-karte.ist-ausbildung{
  background:color-mix(in srgb, var(--kf) 10%, var(--bs-surface));
}

/* --- „kopfband" und „kopfband_pur": Farbe hinter der Art-Zeile ----------- */
.bsv-stil-kopfband .bsv-karte,
.bsv-stil-kopfband_pur .bsv-karte{border:1px solid var(--bs-line);overflow:hidden}
.bsv-stil-kopfband .bsv-kartekopf,
.bsv-stil-kopfband_pur .bsv-kartekopf{background:none;color:inherit;padding:0 0 1rem}
.bsv-stil-kopfband .bsv-art,
.bsv-stil-kopfband_pur .bsv-art{
  background:var(--kf);color:var(--kftext);
  padding:.45rem 1.1rem;margin:0 0 .8rem;
  font-weight:600;letter-spacing:.04em;
}
/* Ausbildung: Art-Band dunkler statt eines zweiten Wortes „Ausbildung". */
.bsv-stil-kopfband .bsv-karte.ist-ausbildung .bsv-art,
.bsv-stil-kopfband_pur .bsv-karte.ist-ausbildung .bsv-art{
  background:color-mix(in srgb, var(--kf) 78%, #000);
  box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--kf) 55%, #fff);
}
.bsv-stil-kopfband .bsv-kartetitel,
.bsv-stil-kopfband_pur .bsv-kartetitel{color:inherit;padding:0 1.1rem}
.bsv-stil-kopfband .bsv-sub,
.bsv-stil-kopfband_pur .bsv-sub{color:inherit;opacity:.75;padding:0 1.1rem}

/* --- Karten je Reihe ------------------------------------------------------ */
.bsv-karten{align-items:stretch}
.bsv-karten>.bsv-karte{height:100%}
@media (min-width:60rem){
  .bsv-karten.bsv-spalten-4{grid-template-columns:repeat(4,1fr)}
  .bsv-karten.bsv-spalten-5{grid-template-columns:repeat(5,1fr)}
}
@media (min-width:45rem) and (max-width:60rem){
  .bsv-karten.bsv-spalten-4,
  .bsv-karten.bsv-spalten-5{grid-template-columns:repeat(2,1fr)}
}

/* ---- Korrekturen 0.57.2 --------------------------------------------------- */

/* Ausbildungen: neutrales Hellgrau statt getönter Kursfarbe. Die Kursfarbe
   soll die Karte kennzeichnen, nicht die Fläche einfärben. */
.bsv-stil-kante .bsv-karte.ist-ausbildung,
.bsv-stil-band .bsv-karte.ist-ausbildung,
.bsv-stil-kopfband .bsv-karte.ist-ausbildung,
.bsv-stil-kopfband_pur .bsv-karte.ist-ausbildung{
  background:#F1F0ED;
}
.bsv-stil-kopfband .bsv-karte.ist-ausbildung .bsv-art,
.bsv-stil-kopfband_pur .bsv-karte.ist-ausbildung .bsv-art{
  box-shadow:none;
}

/* Linker Streifen IMMER gleich dick — auch gegen ältere Regeln. */
.bsv-stil-kante .bsv-karte,
.bsv-stil-kante .bsv-karte.ist-ausbildung{border-left-width:6px !important}
.bsv-stil-band .bsv-karte,
.bsv-stil-band .bsv-karte.ist-ausbildung{border-top-width:5px !important}

/* „Termine" war auf farblosem Grund fast unsichtbar. */
.bsv-stil-kante .bsv-jahre-label,
.bsv-stil-band .bsv-jahre-label,
.bsv-stil-kopfband_pur .bsv-jahre-label{color:#4f4e4e;opacity:1;font-weight:600}

/* Breite ausnutzen: bei fester Spaltenzahl darf der Bereich über die
   Textbreite hinauswachsen, solange der Bildschirm es hergibt. Die Spalten
   werden dadurch nicht schmaler, sondern es passen mehr nebeneinander. */
.bsv-karten.bsv-spalten-4,
.bsv-karten.bsv-spalten-5{
  width:min(96vw, calc(var(--bsv-spalten) * 20rem));
  max-width:96vw;
  margin-left:50%;transform:translateX(-50%);
}
.bsv-karten.bsv-spalten-4{--bsv-spalten:4}
.bsv-karten.bsv-spalten-5{--bsv-spalten:5}

/* ---- Waagerechtes Blättern im Terminraster ------------------------------- */
.bsv-scrollbox{position:relative}
.bsv-woche-scroll{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin}
.bsv-blaettern{
  position:absolute;top:0;bottom:0;width:2.6rem;border:0;cursor:pointer;
  background:linear-gradient(to left, rgba(255,255,255,.96) 55%, rgba(255,255,255,0));
  color:var(--bs-primary);font-size:1.5rem;line-height:1;z-index:3;
  display:flex;align-items:center;justify-content:center;
}
.bsv-blaettern[hidden]{display:none}
.bsv-blaettern-links{left:0;background:linear-gradient(to right, rgba(255,255,255,.96) 55%, rgba(255,255,255,0))}
.bsv-blaettern-rechts{right:0}
.bsv-blaettern:hover{color:var(--bs-primary-dark)}
.bsv-blaettern span{pointer-events:none}
/* Auf schmalen Geräten schmalere Spalten, damit zwei sichtbar bleiben. */
@media (max-width:40rem){
  .bsv-woche-scroll .bsv-wtage{grid-auto-columns:minmax(9rem,1fr)}
}

/* ---- Korrekturen 0.58.0 --------------------------------------------------- */

/* Ausbildungen: deutlicher grau (vorher kaum zu sehen). */
.bsv-stil-kante .bsv-karte.ist-ausbildung,
.bsv-stil-band .bsv-karte.ist-ausbildung,
.bsv-stil-kopfband .bsv-karte.ist-ausbildung,
.bsv-stil-kopfband_pur .bsv-karte.ist-ausbildung{
  background:#E4E2DD;
}

/* Drei Spalten als feste Wahl */
@media (min-width:60rem){ .bsv-karten.bsv-spalten-3{grid-template-columns:repeat(3,1fr)} }
.bsv-karten.bsv-spalten-3{--bsv-spalten:3;width:min(96vw, calc(3 * 20rem));
  max-width:96vw;margin-left:50%;transform:translateX(-50%)}

/* Der Text über dem Raster soll so breit sein wie das Raster darunter. */
.bs-block-termine .bs-termine-kopf,
.bs-block-termine .bs-preis-hinweis,
.bs-block-termine .bsv-woche-erg{max-width:none}

/* ---- Wochenkalender ------------------------------------------------------ */
.bsv-kal-gitter{display:grid;align-items:start}
.bsv-kal-ecke{border-bottom:1px solid var(--bs-line)}
.bsv-kal-stunden{position:relative}
.bsv-kal-stunde{height:var(--bsv-ph);border-top:1px solid var(--bs-line);
  font-size:.75rem;color:#6b6a68;padding-right:.35rem;text-align:right}
.bsv-kal-spalte{position:relative;border-left:1px solid var(--bs-line)}
.bsv-kal-linie{height:var(--bsv-ph);border-top:1px solid var(--bs-line)}
.bsv-kal-ev{position:absolute;left:.2rem;right:.2rem;border-radius:0;
  padding:.3rem .45rem;overflow:hidden;font-size:.82rem;line-height:1.25;
  display:flex;flex-direction:column;gap:.1rem}
.bsv-kal-titel{font-weight:600}
.bsv-kal-zeit{opacity:.85;font-size:.75rem}
.bsv-kal-haken{display:flex;flex-direction:column;align-items:center;gap:.05rem;margin-top:.15rem;font-size:.72rem;opacity:.9}
.bsv-kal-haken input{accent-color:currentColor}

/* ---- Wochenkalender, Korrekturen 0.58.1 ---------------------------------- */

/* Die Uhrzeitspalte bleibt beim waagerechten Blättern stehen. Vorher lief
   sie mit hinaus und man wußte nicht mehr, welche Stunde man ansieht. */
.bsv-kal .bsv-kal-ecke,
.bsv-kal .bsv-kal-stunden{
  position:sticky;left:0;z-index:4;
  background:var(--bs-surface);
}
.bsv-kal .bsv-kal-stunden{box-shadow:1px 0 0 var(--bs-line)}
.bsv-kal .bsv-kal-ecke{box-shadow:1px 0 0 var(--bs-line)}

/* Zahl ÜBER dem Strich statt darunter. */
.bsv-kal-stunde{
  height:var(--bsv-ph);
  border-top:1px solid var(--bs-line);
  position:relative;
}
.bsv-kal-stunde>span{
  position:absolute;top:-.62rem;right:.35rem;
  background:var(--bs-surface);padding:0 .15rem;
  font-size:.75rem;color:#4f4e4e;line-height:1;
}
/* Die Schlußstunde hat nur noch den Strich mit der Zahl, keine Fläche. */
.bsv-kal-stunde-schluss{height:0}

/* Terminliste auf den Zusatzkurs-Karten (ab 0.58.1) */
.bs-vf-termine-zeile{margin:.15rem 0}

/* Terminliste auf den Karten — nutzt die vorhandene details/summary-Mechanik
   (bs-vf-weitere). Nur der Farbbereich innen ist eigen. */
.bs-vf-termine{margin:.3rem 0 .5rem;padding:.5rem .8rem;
  background:color-mix(in srgb, var(--kf, var(--bs-primary)) 12%, #fff);
  border-left:3px solid var(--kf, var(--bs-primary))}
.bs-vf-termine-zeile{margin:.15rem 0}

/* „mehr zum Kurs" im Wochenkalender (war in der Blockansicht schon vorhanden) */
.bsv-kal-mehr{margin-top:auto;font-size:.72rem;text-decoration:underline;
  color:inherit;opacity:.9}
.bsv-kal-mehr:hover{opacity:1}

/* ---- Zusatzkurs-Karten, Feinschliff 0.58.5 ------------------------------- */

/* Die Knöpfe „mehr zum Inhalt" und „zur Kursseite" klebten aneinander. */
.bs-vf-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0}

/* Der Mitbuchen-Knopf braucht Abstand nach oben zu den Knöpfen darüber. */
.bs-vf-mitbuchen{margin-top:1rem}

/* Hinweis „Wählen Sie gern einen der Kurse aus." */
.bs-vf-mit-wahl{margin:.2rem 0 .6rem;font-style:italic;opacity:.85}

/* Terminzeile + Klappe in einer Zeile, mit Luft dazwischen und nach unten. */
.bs-vf-mit-block{margin:.35rem 0 .75rem;display:flex;flex-wrap:wrap;
  align-items:baseline;gap:.25rem .9rem}
.bs-vf-mit-block .bs-vf-mit-zeile{margin:0}
.bs-vf-mit-block .bs-termin-alle{margin:0}
/* Die ausgeklappte Liste bekommt eine eigene Zeile unter beiden. */
.bs-vf-mit-block .bs-termin-alle[open]{flex-basis:100%}

/* Ausgeklappte Termine farbig hinterlegt — sie sollen als Block erkennbar
   sein und nicht mit der nächsten Zeile verschwimmen. */
.bs-vf-mit-block .bs-termin-alle-list,
.bs-vf-karte .bs-termin-alle-list{
  margin:.35rem 0 .2rem;padding:.5rem .8rem;list-style:none;
  background:color-mix(in srgb, var(--kf, var(--bs-primary)) 12%, #fff);
  border-left:3px solid var(--kf, var(--bs-primary));
}
.bs-vf-karte .bs-termin-alle-list li{margin:.15rem 0}

/* Der Hinweis über den Terminen war zu laut — er ist eine Nebenbemerkung. */
.bs-vf-mit-wahl{margin:.1rem 0 .5rem;font-style:normal;font-size:.85em;
  color:#6b6a68;opacity:1}