/* Büro Straube – Einwilligung & Anmeldung (Double-Opt-In) */

.bs-doi { margin: 1.3rem 0; }
/* Größe bestimmt das gewählte Überschriften-Tag (h1/h2/h3) — hier nur Farbe/Abstand. */
.bs-doi-title { color: var(--bs-doi-primary, #445505); margin: 0 0 .4rem; }
.bs-doi-text { margin: 0 0 .6rem; color: #4f4e4e; }

.bs-doi-form {
	border: 1px solid #e6dcc8;
	border-radius: 8px;
	background: #fbf6ec;
	padding: .9rem 1rem;
	position: relative;
}
.bs-doi-row { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.bs-doi-email {
	flex: 1 1 220px;
	min-width: 0;
	padding: .55rem .7rem;
	border: 1px solid #cbb98f;
	border-radius: 6px;
	font: inherit;
}
.bs-doi-btn { flex: 0 0 auto; }
.bs-doi-consent {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	margin-top: .6rem;
	font-size: .86rem;
	line-height: 1.4;
	color: #4f4e4e;
}
.bs-doi-consent input { margin-top: .25rem; flex: 0 0 auto; }

/* Honeypot unsichtbar */
.bs-doi-hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

.bs-doi-msg { padding: 1.1rem 1.3rem; border-radius: 10px; margin: .4rem 0 1.2rem; font-size: 1.12rem; font-weight: 600; line-height: 1.4; }
.bs-doi-ok { background: #eef4e0; border: 1px solid #c4d79a; border-left: 6px solid #6f8f2e; color: #38491a; }
.bs-doi-error { background: #fdecea; border: 1px solid #f5c6cb; border-left: 6px solid #b3271f; color: #7a271a; }

/* Abgrenzung der Terminanfrage auf den Seminarseiten */
.bs-termin-anfrage { margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px dashed #d8c7a3; }

/* ===== v1.2.0: Hinweis zusaetzlich fest oben einblenden ===== */
.bs-doi-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;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.bs-doi-topbanner.bs-doi-ok { background: var(--bs-doi-primary, #445505); color: #fff; }
.bs-doi-topbanner.bs-doi-error { background: #b3450a; color: #fff; }
.bs-doi-topbanner a { color: #fff; text-decoration: underline; }
.bs-doi-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;
}

/* ===== v1.3.0: Zusatzfelder Terminanfrage (Name, Firma/Adresse, Nachricht) ===== */
.bs-doi-field { margin-bottom: .55rem; }
.bs-doi-label { display: block; font-size: .9rem; margin-bottom: .15rem; color: #4f4e4e; }
.bs-doi-input {
	width: 100%;
	box-sizing: border-box;
	padding: .55rem .7rem;
	border: 1px solid #cbb98f;
	border-radius: 6px;
	font: inherit;
	background: #fff;
}
.bs-doi-textarea { resize: vertical; min-height: 2.4rem; }
.bs-doi-extra { margin: .25rem 0 .7rem; }
.bs-doi-extra > summary {
	cursor: pointer;
	display: inline-block;
	background: var(--bs-doi-primary, #445505);
	color: #fff;
	font-size: .82rem;
	font-weight: 600;
	line-height: 1.2;
	padding: .4em .9em;
	border-radius: 0;
	margin-bottom: .5rem;
	list-style: none;
	user-select: none;
}
.bs-doi-extra > summary::-webkit-details-marker { display: none; }
.bs-doi-extra > summary::marker { content: ""; }
.bs-doi-extra > summary:hover,
.bs-doi-extra > summary:focus { background: #36410b; color: #fff; }
.bs-doi-actions { margin-top: .8rem; }

/* "Optional:" steht (ungrün) vor dem grünen Aufklapp-Button */
.bs-doi-extra-wrap { display: flex; align-items: baseline; gap: .4rem; flex-wrap: wrap; margin: .25rem 0 .7rem; }
.bs-doi-extra-lead { color: #555; font-size: .9rem; }
.bs-doi-extra-wrap > .bs-doi-extra { margin: 0; }

/* v1.3.5: Ueberschriften-Schrift (Yanone Kaffeesatz) in allen Buttons, ohne Versalien, ohne kuenstliche Fettung */
.bs-doi-btn,
.bs-doi-extra > summary {
  font-family: var(--bs-btn-font, "Yanone Kaffeesatz", sans-serif) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

/* Feldgrößen & Aufklapp-Bereich (seit 1.13.0): Firma/Adresse volle Breite,
   Textfelder mit echter Mindesthöhe, „weitere Angaben" klar bedienbar. */
.bs-doi-form { width: 100%; }
.bs-doi-extra-wrap { width: 100%; margin: .5rem 0; }
.bs-doi-extra { width: 100%; }
/* Aufklapper bewußt als schlichter Textverweis, NICHT als Knopf — sonst
   konkurriert er in Höhe und Form mit den echten Knöpfen. */
.bs-doi-extra summary { cursor: pointer; font-size: 1em; padding: .15rem 0;
	display: inline-block; background: none; border: 0; box-shadow: none;
	color: var(--bs-doi-primary, #445505); text-decoration: underline;
	text-underline-offset: .15em; line-height: 1.5; min-height: 0; }
.bs-doi-extra summary:hover { text-decoration-style: double; }
.bs-doi-extra .bs-doi-field { width: 100%; }
.bs-doi-extra .bs-doi-input { width: 100%; }
.bs-doi-textarea { min-height: 4.6rem; }
textarea[name="bs_doi_adresse"] { min-height: 3.6rem; }
.bs-doi-nachtext { margin-top: 1rem; }

/* Vorname/Name nebeneinander (mobil untereinander), PLZ/Ort kompakt (1.14.0) */
.bs-doi-form { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.bs-doi-form > * { flex: 1 1 100%; }
.bs-doi-field-halb { flex: 1 1 16rem; }
.bs-doi-field-plz { flex: 0 1 8rem; }
.bs-doi-field-ort { flex: 1 1 14rem; }
.bs-doi-kanal { border: 0; padding: 0; margin: .2rem 0 .4rem; }
/* Das Theme setzt fieldset-legend gern in Kapitälchen — hier normale Schrift. */
.bs-doi-kanal legend { padding: 0; margin: 0 0 .25rem; font-variant: normal;
	text-transform: none; letter-spacing: normal; font-size: 1em; float: none; width: auto; }
.bs-doi-kanal label { display: inline-block; margin: 0 1.3rem .1rem 0;
	white-space: nowrap; line-height: 1.45; font-weight: normal; }
.bs-doi-kanal input[type="radio"] { margin-right: .3em; vertical-align: baseline; }
.bs-doi-kanal-hinweis { font-size: .85em; color: #555; margin: .3rem 0 0; }
.bs-doi-stern { color: #C42B54; }