/* Durchhören: Karten zum Wischen, Wellenform zum Reinhören an einer Stelle */
.hoer{margin-top:26px}
.hoer-track{list-style:none;margin:0;padding:6px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hoer-track::-webkit-scrollbar{display:none}
.hoer-card{flex:0 0 min(84%,360px);scroll-snap-align:center;display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fbfbf7;transition:box-shadow .2s,transform .2s}
.hoer-card.is-active{box-shadow:0 14px 34px #26311f1f}
.hoer-single .hoer-card{flex-basis:100%;max-width:420px}
.hoer-cover{position:relative}
.hoer-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}
.hoer-play{position:absolute;right:12px;bottom:12px;width:64px;height:64px;border:0;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px #0004;transition:transform .15s,background .15s}
.hoer-play:hover{transform:scale(1.05)}
.hoer-play:active{transform:scale(.96)}
.hoer-play svg{width:26px;height:26px}
.hoer-play .ic-pause{display:none}
.hoer-play.is-playing{background:var(--coral)}
.hoer-play.is-playing .ic-play{display:none}
.hoer-play.is-playing .ic-pause{display:block}
.hoer-head h3{font-size:22px;letter-spacing:-.035em;margin-top:2px}
.hoer-head h3 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.hoer-head h3 a:hover{text-decoration-color:currentColor}
.hoer-head p{font-size:13px;color:var(--muted);line-height:1.5;margin-top:4px}
.hoer-wave{--von:0%;--bis:0%;--pos:0%;position:relative;height:54px;display:flex;align-items:center;gap:2px;cursor:pointer;touch-action:pan-x;border-radius:10px;outline-offset:4px}
.hoer-wave::before{content:"";position:absolute;top:0;bottom:0;left:var(--von);width:calc(var(--bis) - var(--von));background:#d6fa6b66;border-radius:8px}
.hoer-wave i{position:relative;flex:1;min-width:2px;height:40%;border-radius:2px;background:#b9bbb0}
.hoer-wave i.on{background:var(--ink)}
.hoer-wave .hoer-cursor{position:absolute;top:-4px;bottom:-4px;left:var(--pos);width:2px;background:var(--coral);border-radius:2px;pointer-events:none}
.hoer-wave b{position:absolute;bottom:-9px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#9a9c92;pointer-events:none}
.hoer-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-top:14px}
.hoer-meta strong{color:var(--ink);font-weight:650}
.hoer-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;margin-top:auto}
.hoer-links a{text-decoration:underline;text-underline-offset:3px}
.hoer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.hoer-hint{font-size:13px;color:var(--muted);max-width:56ch}
.hoer-nav{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hoer-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fbfbf7;color:var(--ink);font-size:20px;cursor:pointer}
.hoer-nav button:hover{background:#efefe7}
.hoer-zaehler{font-size:13px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.track .hoer-mini{grid-column:1/-1;display:inline-flex;align-items:center;gap:10px;justify-self:start;border:1px solid var(--line);border-radius:30px;background:#f5f4ef;padding:8px 16px 8px 10px;font-size:13px;font-weight:650;color:var(--ink);cursor:pointer}
.track .hoer-mini svg{width:18px;height:18px}
.track .hoer-mini .ic-pause{display:none}
.track .hoer-mini.is-playing{background:var(--ink);color:white;border-color:var(--ink)}
.track .hoer-mini.is-playing .ic-play{display:none}
.track .hoer-mini.is-playing .ic-pause{display:block}
@media(min-width:901px){.hoer-card{flex-basis:340px;scroll-snap-align:start}}
@media(max-width:600px){.hoer-nav button{display:none}.hoer-bar{flex-direction:column;align-items:flex-start}.hoer-zaehler{text-align:left}}
@media(prefers-reduced-motion:reduce){.hoer-card,.hoer-play{transition:none}}