/* Hörproben: selected concept, integrated into the established page. */
.audio-section{padding-block:85px 50px;scroll-margin-top:0}
.audio-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-bottom:52px}
.audio-heading .eyebrow{margin-bottom:26px}
.audio-heading h2{margin-bottom:0}
.audio-intro{max-width:550px;padding-bottom:4px;color:var(--muted)}
.audio-intro p{margin-bottom:15px}
.audio-intro p:last-child{margin-bottom:0}
.audio-band{background:var(--beige);padding-block:34px}
.audio-player-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:50px;align-items:center}
.audio-dial{position:relative;width:200px;aspect-ratio:1;display:grid;place-items:center;justify-self:center}
.audio-dial canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.audio-toggle{position:relative;display:grid;place-items:center;width:130px;height:130px;padding:0;border:0;border-radius:50%;color:var(--paper);background:var(--accent);cursor:pointer;transition:background .2s,transform .2s}
.audio-toggle:hover{background:var(--ink);transform:scale(1.025)}
.audio-toggle:active{transform:scale(.98)}
.audio-toggle img{width:54px;height:54px;filter:invert(1);pointer-events:none}
.audio-track-body{min-width:0}
.audio-track-body h3{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:400;line-height:1.25;letter-spacing:-.035em;margin:0 0 14px}
.audio-waveform{position:relative;height:68px;border-radius:2px}
.audio-waveform canvas{display:block;width:100%;height:100%;pointer-events:none}
.audio-waveform input{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;opacity:0;cursor:pointer}
.audio-waveform:focus-within{outline:2px solid var(--accent);outline-offset:6px}
.audio-times{display:flex;justify-content:space-between;color:var(--ink);font-size:1.125rem;font-variant-numeric:tabular-nums;margin-top:4px}
.audio-tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding-top:28px}
.audio-track{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ink);padding:14px 4px 13px;cursor:pointer;text-align:center;transition:border-color .2s,color .2s}
.audio-track>span{display:block;font-family:var(--serif);font-size:clamp(1.1rem,2.1vw,1.85rem);line-height:1.3;letter-spacing:-.025em}
.audio-track small{display:block;font-size:1.125rem;font-variant-numeric:tabular-nums;color:var(--muted);margin-top:4px}
.audio-track[aria-pressed=true]{border-color:var(--accent)}
.audio-track:hover{color:var(--accent);border-color:var(--line)}
.audio-track[aria-pressed=true]:hover{border-color:var(--accent)}
.audio-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.audio-error{font-size:.9375rem;margin:22px 0 0;padding:14px 18px;border-left:2px solid var(--accent)}
.audio-error a{text-decoration:underline;text-underline-offset:3px}
.audio-cta{text-align:center;margin-top:45px}
.audio-fallback{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}
.audio-fallback h3{font-family:var(--serif);font-weight:400;font-size:1.5rem}
.audio-fallback audio{width:100%}
.audio-fallback[hidden],#audio-enhanced[hidden],.audio-error[hidden]{display:none}
@media(max-width:1000px){.audio-heading{gap:35px}.audio-player-layout{grid-template-columns:155px minmax(0,1fr);gap:30px}.audio-dial{width:155px}.audio-toggle{width:108px;height:108px}.audio-tracks{gap:18px}}
@media(max-width:700px){.audio-section{padding-block:55px 45px}.audio-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.audio-intro{padding:0}.audio-intro p{margin-bottom:12px}.audio-band{padding-block:28px}.audio-player-layout{grid-template-columns:100px minmax(0,1fr);gap:18px}.audio-dial{width:100px}.audio-toggle{width:70px;height:70px}.audio-toggle img{width:34px;height:34px}.audio-track-body h3{font-size:1.6rem;margin-bottom:8px}.audio-waveform{height:52px}.audio-times{font-size:.8125rem}.audio-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;padding-top:20px}.audio-track{padding:12px 2px}.audio-track>span{font-size:1.1rem}.audio-track small{font-size:.8125rem}.audio-cta{margin-top:30px}}
@media(max-width:360px){.audio-player-layout{grid-template-columns:84px minmax(0,1fr);gap:14px}.audio-dial{width:84px}.audio-toggle{width:60px;height:60px}.audio-track-body h3{font-size:1.4rem}.audio-tracks{gap:8px}.audio-track>span{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.audio-toggle{transition:none}.audio-toggle:hover,.audio-toggle:active{transform:none}}