.bgs-archive{--bgs-border:#ddd;--bgs-bg:#f7f7f7;--bgs-text:#222;max-width:1100px;margin:0 auto;color:var(--bgs-text)}
.bgs-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.5rem;border-bottom:1px solid var(--bgs-border)}
.bgs-tabs a{padding:.75rem 1rem;text-decoration:none;border:1px solid transparent;border-bottom:0}
.bgs-tabs a.is-active{font-weight:700;border-color:var(--bgs-border);background:#fff;margin-bottom:-1px}
.bgs-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end;padding:1rem;background:var(--bgs-bg);margin-bottom:1.5rem}
.bgs-filters label{display:flex;flex-direction:column;gap:.35rem}
.bgs-filters label span{font-weight:600}
.bgs-filters input,.bgs-filters select,.bgs-filters button{min-height:44px;width:100%}
.bgs-filters button{cursor:pointer;font-weight:700}
.bgs-reset{align-self:center}
.bgs-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.bgs-books a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--bgs-border);text-decoration:none}
.bgs-books strong{min-width:2rem;text-align:right}
.bgs-book-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}
.bgs-book-heading h2{margin:0}.bgs-book-heading small{font-size:.65em;font-weight:400}
.bgs-results-count{margin:0 0 1rem;color:#555}
.bgs-list{display:flex;flex-direction:column;gap:1rem}
.bgs-item{padding:1rem 0 1.25rem;border-bottom:1px solid var(--bgs-border)}
.bgs-item-date{font-size:.9rem;color:#666}
.bgs-item h3{margin:.25rem 0 .5rem}
.bgs-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:.8rem}
.bgs-item audio{display:block;width:100%;max-width:650px;margin:.5rem 0}
.bgs-download{display:inline-block;margin-top:.35rem}
.bgs-pagination{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}
.bgs-pagination a,.bgs-pagination span{padding:.5rem .7rem;border:1px solid var(--bgs-border);text-decoration:none}
.bgs-pagination a.is-current{font-weight:700;background:var(--bgs-bg)}
@media(max-width:800px){.bgs-filters{grid-template-columns:1fr}.bgs-books{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bgs-books{grid-template-columns:1fr}.bgs-book-heading{align-items:flex-start;flex-direction:column}}

.bgs-type-label{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border:1px solid var(--bgs-border);border-radius:3px;font-size:.8rem;background:var(--bgs-bg)}


.bgs-testament{margin:0 0 1.5rem;padding:1rem;border-radius:6px}
.bgs-testament h2{margin:0 0 1rem}
.bgs-testament-at{background:#f4ead8;border:1px solid #d8c29d}
.bgs-testament-nt{background:#e6f0f5;border:1px solid #adc8d6}
.bgs-book-columns{display:flex;gap:1rem;align-items:flex-start}
.bgs-book-column{display:flex;flex:1 1 0;flex-direction:column;gap:.55rem;min-width:0}
.bgs-book-column a{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .85rem;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.14);text-decoration:none}
.bgs-book-column strong{min-width:2rem;text-align:right}
@media(max-width:800px){
	.bgs-book-columns{gap:.65rem}
}
@media(max-width:620px){
	.bgs-book-columns{flex-direction:column}
	.bgs-book-column{width:100%}
}


.bgs-item{
	transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.bgs-item.is-playing{
	background:#fff8df;
	border-left:4px solid #5f7f58;
	padding-left:1rem;
	box-shadow:0 0 0 1px rgba(95,127,88,.08);
}


/* Version 1.3: ruhigere Kartenansicht */
.bgs-archive{
	line-height:1.55;
}
.bgs-list{
	gap:1.25rem;
}
.bgs-item{
	position:relative;
	padding:1.25rem 1.25rem 1.35rem;
	border:1px solid var(--bgs-border);
	border-radius:8px;
	background:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.bgs-item:hover{
	box-shadow:0 4px 14px rgba(0,0,0,.07);
}
.bgs-item-head{
	margin-bottom:.8rem;
}
.bgs-item-date{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:.45rem;
	margin-bottom:.25rem;
	font-size:.88rem;
	color:#666;
}
.bgs-item h3{
	margin:0;
	font-size:1.25rem;
	line-height:1.35;
}
.bgs-meta{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:.35rem 1.5rem;
	margin-bottom:1rem;
}
.bgs-meta span{
	display:block;
}
.bgs-item audio{
	width:100%;
	max-width:none;
	margin:.65rem 0 .5rem;
}
.bgs-download{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:.45rem .75rem;
	border:1px solid var(--bgs-border);
	border-radius:5px;
	text-decoration:none;
}
.bgs-download:hover{
	background:var(--bgs-bg);
}
.bgs-item.is-playing{
	background:#fff8df;
	border-left:4px solid #5f7f58;
	padding-left:1.25rem;
	box-shadow:0 4px 14px rgba(95,127,88,.12);
}
.bgs-filters{
	border:1px solid var(--bgs-border);
	border-radius:8px;
}
.bgs-tabs a{
	border-radius:6px 6px 0 0;
}
.bgs-results-count{
	font-size:.95rem;
}
.bgs-pagination a,
.bgs-pagination span{
	border-radius:5px;
}

@media(max-width:700px){
	.bgs-item{
		padding:1rem;
	}
	.bgs-meta{
		grid-template-columns:1fr;
		gap:.3rem;
	}
	.bgs-item h3{
		font-size:1.1rem;
	}
	.bgs-download{
		width:100%;
		justify-content:center;
	}
}


/* Version 1.5: zusätzliche Audio-Steuerung */
.bgs-audio-tools{
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	gap:.65rem;
	margin:.65rem 0 .8rem;
}
.bgs-audio-tools button,
.bgs-audio-tools select{
	min-height:40px;
	border:1px solid var(--bgs-border);
	border-radius:5px;
	background:#fff;
}
.bgs-audio-tools button{
	padding:.45rem .75rem;
	cursor:pointer;
}
.bgs-audio-tools button:hover{
	background:var(--bgs-bg);
}
.bgs-speed-label{
	display:flex;
	flex-direction:column;
	gap:.25rem;
	font-size:.9rem;
}
.bgs-speed{
	min-width:110px;
	padding:.35rem .55rem;
}
@media(max-width:560px){
	.bgs-audio-tools{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	.bgs-speed-label{
		grid-column:1 / -1;
		order:-1;
	}
	.bgs-audio-tools button{
		width:100%;
	}
}


/* Version 1.6: letzte Predigten auf anderen Seiten */
.bgs-latest-sermons{
	margin-top:1rem;
	margin-bottom:1rem;
}
.bgs-latest-heading{
	margin:0 0 1.25rem;
}
.bgs-latest-more{
	margin:1.25rem 0 0;
	text-align:center;
}
.bgs-latest-more a{
	display:inline-block;
	padding:.65rem 1rem;
	border:1px solid var(--bgs-border);
	border-radius:5px;
	text-decoration:none;
}
.bgs-latest-more a:hover{
	background:var(--bgs-bg);
}


/* Version 1.6.1: Startseiten-Ansicht passend zu den Termin-Karten */
.bgs-latest-sermons{
	max-width:1180px;
	margin:1.5rem auto;
}
.bgs-latest-title-wrap{
	text-align:center;
	margin-bottom:2.2rem;
}
.bgs-latest-heading{
	margin:0;
	font-size:2.35rem;
	line-height:1.2;
	font-weight:600;
	color:#566b43;
}
.bgs-latest-title-line{
	display:block;
	width:90px;
	height:3px;
	margin:.9rem auto 0;
	background:#70b84b;
}
.bgs-latest-sermons .bgs-list{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:2rem;
}
.bgs-latest-sermons .bgs-item{
	min-height:100%;
	padding:1.3rem 1.2rem 1.2rem;
	border:0;
	border-radius:0;
	box-shadow:0 3px 12px rgba(0,0,0,.22);
	background:#c8d9b4;
}
.bgs-latest-sermons .bgs-item:nth-child(3n+1){
	background:#aebaa5;
}
.bgs-latest-sermons .bgs-item:nth-child(3n+2){
	background:#bfd0ad;
}
.bgs-latest-sermons .bgs-item:nth-child(3n+3){
	background:#d1e5b8;
}
.bgs-latest-sermons .bgs-item h3{
	font-size:1.8rem;
	line-height:1.2;
	color:#566b43;
}
.bgs-latest-sermons .bgs-item-date,
.bgs-latest-sermons .bgs-meta{
	color:#667c52;
}
.bgs-latest-sermons .bgs-meta{
	grid-template-columns:1fr;
	gap:.25rem;
}
.bgs-latest-sermons .bgs-item audio{
	margin-top:1rem;
}
.bgs-latest-sermons .bgs-audio-tools{
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:end;
}
.bgs-latest-sermons .bgs-speed-label{
	grid-column:1 / -1;
}
.bgs-latest-sermons .bgs-download{
	background:rgba(255,255,255,.55);
}
.bgs-latest-sermons .bgs-item.is-playing{
	border-left:4px solid #5f7f58;
	background:#fff8df;
}
.bgs-latest-more{
	margin-top:1.7rem;
}
.bgs-latest-more a{
	border-color:#7f966d;
	color:#566b43;
	background:#eef5e8;
}
@media(max-width:980px){
	.bgs-latest-sermons .bgs-list{
		grid-template-columns:1fr;
	}
}
@media(max-width:560px){
	.bgs-latest-heading{
		font-size:1.9rem;
	}
	.bgs-latest-sermons .bgs-item h3{
		font-size:1.4rem;
	}
}


/* Version 1.6.2: kompakte Audio-Steuerung */
.bgs-audio-tools{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:.65rem;
	align-items:stretch;
}
.bgs-audio-tools .bgs-skip{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.3rem;
	min-height:46px;
	font-size:1rem;
	font-weight:600;
}
.bgs-skip-icon{
	font-size:1.55rem;
	line-height:1;
}
.bgs-skip-number{
	line-height:1;
}
.bgs-speed-label{
	grid-column:1 / -1;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(110px,160px);
	align-items:center;
	gap:.75rem;
	width:100%;
}
.bgs-speed-label span{
	font-weight:600;
}
.bgs-speed{
	width:100%;
}
@media(max-width:560px){
	.bgs-audio-tools{
		grid-template-columns:1fr 1fr;
	}
	.bgs-speed-label{
		grid-column:1 / -1;
		order:initial;
		grid-template-columns:1fr;
		gap:.3rem;
	}
}


/* Version 1.6.3: sauberes Layout der Audio-Bedienelemente */
.bgs-audio-tools{
	display:grid !important;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
	grid-template-areas:
		"back forward"
		"speed speed";
	gap:.7rem !important;
	align-items:stretch !important;
	width:100%;
}

.bgs-skip-back{
	grid-area:back;
}

.bgs-skip-forward{
	grid-area:forward;
}

.bgs-audio-tools .bgs-skip{
	width:100% !important;
	min-width:0 !important;
	min-height:46px;
	margin:0 !important;
	padding:.55rem .8rem !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	gap:.35rem;
	border:1px solid #8da57a !important;
	border-radius:7px !important;
	background:#e8f0df !important;
	color:#536b43 !important;
	box-shadow:0 2px 5px rgba(0,0,0,.08);
	font-size:1rem;
	font-weight:700;
	line-height:1;
	cursor:pointer;
}

.bgs-audio-tools .bgs-skip:hover,
.bgs-audio-tools .bgs-skip:focus{
	background:#d7e5cb !important;
	border-color:#718c5d !important;
}

.bgs-skip-icon{
	font-size:1.7rem;
	line-height:1;
}

.bgs-skip-number{
	font-size:1rem;
	line-height:1;
}

.bgs-speed-label{
	grid-area:speed !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:stretch !important;
	gap:.35rem !important;
	width:100% !important;
	margin:0 !important;
}

.bgs-speed-label span{
	font-size:.92rem;
	font-weight:700;
	color:inherit;
}

.bgs-speed{
	width:100% !important;
	max-width:none !important;
	min-height:44px;
	margin:0 !important;
	padding:.5rem .65rem !important;
	border:1px solid #a9b79d !important;
	border-radius:6px !important;
	background:#fff !important;
}

.bgs-download{
	display:flex !important;
	align-items:center;
	justify-content:center;
	width:100% !important;
	min-height:44px;
	margin-top:.8rem !important;
	padding:.6rem .8rem !important;
	border-radius:6px !important;
	text-align:center;
}

@media(max-width:560px){
	.bgs-audio-tools{
		grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
		grid-template-areas:
			"back forward"
			"speed speed";
	}
}


/* Version 1.6.4: kompakte Audioleiste */
.bgs-audio-tools{
	display:grid !important;
	grid-template-columns:46px minmax(92px,2fr) 46px !important;
	grid-template-areas:"back speed forward" !important;
	gap:.6rem !important;
	align-items:center !important;
	width:100%;
}

.bgs-skip-back{grid-area:back;}
.bgs-skip-forward{grid-area:forward;}

.bgs-audio-tools .bgs-skip{
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	min-height:46px !important;
	padding:0 !important;
	margin:0 !important;
	border-radius:7px !important;
}

.bgs-speed-label{
	grid-area:speed !important;
	display:block !important;
	width:100% !important;
	margin:0 !important;
}

.bgs-speed{
	width:100% !important;
	height:46px !important;
	min-height:46px !important;
	margin:0 !important;
	padding:.45rem .65rem !important;
}

.screen-reader-text{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

@media(max-width:560px){
	.bgs-audio-tools{
		grid-template-columns:46px minmax(92px,2fr) 46px !important;
		grid-template-areas:"back speed forward" !important;
	}
}


/* v1.6.5 kompakte Steuerleiste */
.bgs-audio-tools{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
width:auto!important;
}

.bgs-audio-tools .bgs-skip{
flex:0 0 46px!important;
width:46px!important;
height:46px!important;
font-size:0!important;
position:relative!important;
}

.bgs-skip-back::before{
content:"↺";
font-size:22px;
}

.bgs-skip-forward::before{
content:"↻";
font-size:22px;
}

.bgs-speed-label{
flex:0 0 96px!important;
width:96px!important;
}

.bgs-speed{
width:96px!important;
height:46px!important;
}


/* Version 1.6.6: endgültige kompakte Anordnung */
.bgs-audio-tools{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	justify-content:flex-start !important;
	gap:8px !important;
	width:max-content !important;
	max-width:100% !important;
}

.bgs-audio-tools .bgs-skip{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 46px !important;
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	max-width:46px !important;
	min-height:46px !important;
	padding:0 !important;
	margin:0 !important;
	font-size:inherit !important;
	line-height:1 !important;
}

.bgs-audio-tools .bgs-skip::before,
.bgs-audio-tools .bgs-skip::after{
	content:none !important;
	display:none !important;
}

.bgs-audio-tools .bgs-skip-icon{
	display:block !important;
	font-size:23px !important;
	line-height:1 !important;
	margin:0 !important;
}

.bgs-audio-tools .bgs-skip-number{
	display:none !important;
}

.bgs-audio-tools .bgs-speed-label{
	display:block !important;
	flex:0 0 92px !important;
	width:92px !important;
	min-width:92px !important;
	max-width:92px !important;
	margin:0 !important;
}

.bgs-audio-tools .bgs-speed{
	display:block !important;
	box-sizing:border-box !important;
	width:92px !important;
	min-width:92px !important;
	max-width:92px !important;
	height:46px !important;
	min-height:46px !important;
	margin:0 !important;
	padding:0 28px 0 12px !important;
}

@media(max-width:560px){
	.bgs-audio-tools{
		display:flex !important;
		flex-direction:row !important;
		gap:8px !important;
		width:max-content !important;
	}
}
