.bb-vorlesen {
 grid-column: 1 / -1; min-width: 0; margin: .1rem 0 .6rem;
 padding: .6rem .75rem; border: 1px solid #b8cebe; border-radius: 10px;
 background: #edf4ef; color: #243029; font: inherit;
}
.bb-vorlesen-zeile { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .55rem; }
.bb-vorlesen-titel { font-size: .875rem; font-weight: 600; margin-right: .2rem; }
.bb-vorlesen button {
 appearance: none; min-height: 44px; border: 0; border-radius: 6px;
 background: transparent; color: #38583f; cursor: pointer; font: inherit;
}
.bb-vorlesen .bb-vorlesen-play {
 display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px;
 width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 0;
 border: 1px solid #2b6a43; border-radius: 9px;
 background: #2b6a43; color: #fff; font-size: 1.25rem; line-height: 1;
}
.bb-vorlesen .bb-vorlesen-neustart { padding: .4rem .5rem; font-size: .875rem; }
.bb-vorlesen button:hover { background: #38583f0d; }
.bb-vorlesen .bb-vorlesen-play:hover { background: #235936; border-color: #235936; }
.bb-vorlesen .bb-vorlesen-play:active { background: #1c482d; border-color: #1c482d; }
.bb-vorlesen button:focus-visible { outline: 2px solid #38583f; outline-offset: 2px; }
.bb-vorlesen audio, .bb-vorlesen [hidden] { display: none !important; }
.bb-vorlesen .bb-vorlesen-status { margin: .15rem 0 0; font-size: .875rem; line-height: 1.35; }
@media print { .bb-vorlesen { display: none; } }
.bb-vorlesen-zeit { font-size: .75rem; color: #6a6c66; font-variant-numeric: tabular-nums; white-space: nowrap; margin-left: .25rem; }