/* Büro Straube – Interner Bereich (Frontend)
   Farben kommen aus der Zentrale (--bsin-primary/--bsin-accent); die Werte
   hier sind nur Rückfall, falls bs-zentrale einmal nicht aktiv ist. */

.bs-intern{
	--bsin-primary: var(--bsin-primary, #445505);
	--bsin-accent:  var(--bsin-accent,  #ff9900);
	--bsin-line:    rgba(0,0,0,.14);
	--bsin-flaeche: #fff;
	max-width: 52rem;
	margin: 0 0 2rem;
}

.bs-intern-titel{ margin: 0 0 .8rem; }
.bs-intern-text{ margin: 0 0 1.4rem; }
.bs-intern-text p:last-child{ margin-bottom: 0; }

/* --- Gruppen (Fragestellungen) --- */
.bs-intern-gruppe{ margin: 0 0 2rem; }
.bs-intern-frage{
	margin: 0 0 .6rem;
	color: var(--bsin-primary);
	border-bottom: 2px solid var(--bsin-primary);
	padding-bottom: .2rem;
}

.bs-intern-liste{
	list-style: none;
	margin: 0;
	padding: 0;
}
.bs-intern-karte{
	margin: 0 0 .55rem;
	background: var(--bsin-flaeche);
	border: 1px solid var(--bsin-line);
	border-radius: 6px;
	overflow: hidden;
}

/* Aufklappen ohne JavaScript (siehe ENTWICKLUNGSHINWEISE, Abschnitt 7). */
.bs-intern-summary{
	cursor: pointer;
	padding: .75rem 1rem .75rem 2.2rem;
	position: relative;
	font-weight: 600;
	line-height: 1.3;
	list-style: none;
}
.bs-intern-summary::-webkit-details-marker{ display: none; }
.bs-intern-summary::before{
	content: "▸";
	position: absolute;
	left: .9rem;
	color: var(--bsin-accent);
	transition: transform .15s ease;
	display: inline-block;
}
.bs-intern-details[open] > .bs-intern-summary::before{ transform: rotate(90deg); }
.bs-intern-summary:hover{ background: rgba(0,0,0,.03); }

.bs-intern-inhalt{ padding: 0 1rem 1rem; }
.bs-intern-beschreibung{ margin: 0 0 .7rem; }
.bs-intern-video{
	display: block;
	width: 100%;
	max-height: 70vh;
	background: #000;
	border-radius: 4px;
}
.bs-intern-fehlt{ color: #a00; }

/* --- Kennwortseite --- */
.bs-intern-tor{ max-width: 30rem; }
.bs-intern-form{
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	align-items: flex-end;
	margin: 0 0 1rem;
}
.bs-intern-label{ flex: 1 0 100%; font-weight: 600; margin: 0; }
.bs-intern-eingabe{
	flex: 1 1 14rem;
	padding: .5rem .6rem;
	border: 1px solid var(--bsin-line);
	border-radius: 4px;
}
.bs-intern-knopf{
	flex: 0 0 auto;
	padding: .55rem 1.4rem;
	border: 0;
	border-radius: 4px;
	background: var(--bsin-primary);
	color: #fff;
	cursor: pointer;
}
.bs-intern-knopf:hover{ background: var(--bsin-accent); color: #fff; }
.bs-intern-fehler{ color: #a00; font-weight: 600; }
.bs-intern-hinweis{ color: #a00; }

.bs-intern-abmelden{ margin: 1.6rem 0 0; font-size: .9em; }
.bs-intern-abmeldelink{ color: var(--bsin-primary); }
.bs-intern-adminhinweis{ color: #666; }