/* Audioplayer (Vorlesefassung): klebt beim Scrollen unter dem Kopf, solange der Beitrag läuft */
.ap { position:sticky;top:70px;z-index:40;margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);border:1px solid var(--stone-200);border-radius:var(--r-lg);background:var(--stone-50);box-shadow:var(--shadow-1); }
.ap__kopf { display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s-3);margin:0 0 var(--s-2); }
.ap__kopf .t-kicker { margin:0; }
.ap__ki { font-size:14px;line-height:20px;color:var(--petrol-700); }
.ap__reihe { display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--s-3); }
.ap__play { display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-full);background:var(--petrol-700);color:#fff;cursor:pointer;transition:background 120ms linear; }
.ap__play:hover { background:var(--petrol-800); }
.ap__play:focus-visible,.ap__tempo:focus-visible,.ap__seek:focus-visible { outline:2px solid var(--petrol-600);outline-offset:3px; }
.ap__play svg { display:block;width:20px;height:20px;fill:currentColor; }
.ap__play svg[hidden] { display:none; }
.ap__symbol-play { margin-left:2px; }
.ap__zeit { font-size:14px;font-variant-numeric:tabular-nums;color:var(--petrol-800);white-space:nowrap; }
.ap__seek { --ap-fortschritt:0%;width:100%;height:8px;margin:0;border-radius:var(--r-full);background:linear-gradient(to right,var(--petrol-600) var(--ap-fortschritt),var(--stone-200) var(--ap-fortschritt));-webkit-appearance:none;appearance:none;cursor:pointer; }
.ap__seek::-webkit-slider-thumb { -webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--petrol-700);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15); }
.ap__seek::-moz-range-thumb { width:14px;height:14px;border-radius:50%;background:var(--petrol-700);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15); }
.ap__tempo { min-width:52px;height:36px;padding:0 var(--s-2);border:1px solid var(--petrol-300);border-radius:var(--r-md);background:var(--paper);color:var(--petrol-800);font:inherit;font-size:14px;font-weight:600;cursor:pointer; }
.ap__tempo:hover { background:var(--petrol-50); }
.ap audio { display:none; }
@media (max-width:640px) {
	.ap { padding:var(--s-2) var(--s-3); }
	.ap__kopf { margin-bottom:var(--s-1); }
	.ap__kopf .t-kicker,.ap__ki { font-size:14px;line-height:20px; }
	.ap__reihe { grid-template-columns:auto minmax(60px,1fr) auto auto;gap:var(--s-2); }
	.ap__reihe { order:0; }
	.ap__play { width:40px;height:40px;grid-column:1;grid-row:1; }
	.ap__seek { grid-column:2;grid-row:1; }
	.ap__zeit { grid-column:3;grid-row:1;font-size:14px; }
	.ap__tempo { grid-column:4;grid-row:1;min-width:46px;height:34px;padding:0 6px; }
}
@media (prefers-reduced-motion:reduce) { .ap__play { transition:none; } }