/* 24h Vorlesen */
.t24vl-b{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent}
.t24vl-b svg.t24vl-ico{width:18px;height:18px}
.t24vl-b.t24vl-hint,.t24vl-b.t24vl-on{color:var(--t24vl-ac,#e0533d)!important;border-color:var(--t24vl-ac,#e0533d)!important;box-shadow:inset 0 0 0 1.5px var(--t24vl-ac,#e0533d)!important}
.t24vl-b.t24vl-hint .t24vl-ico{animation:t24vl-pop .9s ease-in-out 3}
.t24vl-b.t24vl-hint .t24vl-w1,.t24vl-b.t24vl-hint .t24vl-w2{animation:t24vl-wave .9s ease-in-out 3}
.t24vl-b.t24vl-hint .t24vl-w2{animation-delay:.15s}
@keyframes t24vl-wave{0%,100%{opacity:1}50%{opacity:0}}
@keyframes t24vl-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.t24vl-ring{position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none;display:none;overflow:visible}
.t24vl-b.t24vl-on .t24vl-ring{display:block}
.t24vl-ring circle{fill:none;stroke:var(--t24vl-ac,#e0533d);stroke-width:2.5;stroke-dasharray:138.2;stroke-dashoffset:138.2;transition:stroke-dashoffset .25s linear}
.t24vl-b.t24vl-wait .t24vl-ring{display:block;animation:t24vl-spin 1s linear infinite}
.t24vl-b.t24vl-wait .t24vl-ring circle{stroke-dashoffset:100}
@keyframes t24vl-spin{to{transform:rotate(270deg)}}
.t24vl-leg svg{width:12px;height:12px;vertical-align:-1px}
.t24vl-lw{margin:10px 0 4px}
.t24vl-lb{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;background:none;color:inherit;border:0;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.t24vl-lb svg{width:15px;height:15px;flex:none}
.t24vl-lb.t24vl-on{color:var(--t24vl-ac,#e0533d);box-shadow:inset 0 0 0 1.5px var(--t24vl-ac,#e0533d)}
.t24vl-bar{position:absolute;left:0;right:0;bottom:0;height:2px;display:none}
.t24vl-bar>i{display:block;height:100%;width:0;background:var(--t24vl-ac,#e0533d);transition:width .25s linear}
.t24vl-lb.t24vl-on .t24vl-bar{display:block}
@media (prefers-reduced-motion:reduce){.t24vl-b.t24vl-hint .t24vl-ico,.t24vl-b.t24vl-hint .t24vl-w1,.t24vl-b.t24vl-hint .t24vl-w2,.t24vl-b.t24vl-wait .t24vl-ring{animation:none}}
/* Knopfreihe der App: mit Lautsprecher sind es 5 Knöpfe – Abstand schrumpft, unter 360 px auch die Knöpfe (bis 320 px ohne Abschneiden) */
.dh .act:has(.t24vl-b){gap:clamp(6px,calc((100% - 251px) / 4),14px)}
@media (max-width:359px){
.dh .act:has(.t24vl-b)>button{height:38px!important;min-width:38px!important}
.dh .act:has(.t24vl-b)>button:not(.fvb){width:38px!important}
.dh .act:has(.t24vl-b)>.fvb{padding-left:10px!important;padding-right:10px!important}
}
