/* Meine Stimme – kleiner Hörbereich im Stil der Wortgemälde-Räume (12.10.2026) */
.stimme{
  position:relative; overflow:hidden; text-align:center;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 70% 60% at 50% 40%, rgba(241,236,225,.05), transparent 70%),
    var(--sage-deep, #23261E);
  color:var(--on-dark,#EFE9DC);
  padding:clamp(3.4rem,8vw,5.2rem) clamp(1.25rem,5vw,2rem);
}
.stimme__inner{max-width:34rem; margin:0 auto;}
.stimme .eyebrow{color:var(--gold); display:block; margin-bottom:1rem;}
.stimme h2{font-family:var(--display); font-weight:300; font-size:clamp(1.8rem,4.5vw,2.5rem); line-height:1.12; margin:0 0 .6rem; color:var(--on-dark,#EFE9DC); letter-spacing:.01em;}
.stimme .satz{font-size:.97rem; line-height:1.65; color:var(--on-dark-soft,#B7B3A6); max-width:28rem; margin:.8rem auto 2.4rem;}
.stimme__spielen{
  width:84px; height:84px; border-radius:50%; border:1px solid var(--gold); background:transparent;
  color:var(--on-dark,#EFE9DC); display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  position:relative; transition:background .4s, transform .4s;
}
.stimme__spielen::after{content:""; position:absolute; inset:-9px; border-radius:50%; border:1px solid rgba(180,154,103,.25);}
.stimme__spielen:hover{background:rgba(180,154,103,.12);}
.stimme__spielen:focus-visible{outline:2px solid var(--gold); outline-offset:14px;}
.stimme__spielen svg{width:24px; height:24px; margin-left:3px;}
.stimme__spielen.ist-pause svg{margin-left:0;}
.stimme__spur-block{max-width:26rem; margin:2rem auto 0;}
.stimme__spur{-webkit-appearance:none; appearance:none; width:100%; height:20px; background:transparent; cursor:pointer; display:block;}
.stimme__spur::-webkit-slider-runnable-track{height:1px; background:linear-gradient(to right, var(--gold) var(--p,0%), rgba(239,233,220,.22) var(--p,0%));}
.stimme__spur::-moz-range-track{height:1px; background:rgba(239,233,220,.22);}
.stimme__spur::-moz-range-progress{height:1px; background:var(--gold);}
.stimme__spur::-webkit-slider-thumb{-webkit-appearance:none; width:11px; height:11px; border-radius:50%; background:var(--gold); margin-top:-5px; border:0;}
.stimme__spur::-moz-range-thumb{width:11px; height:11px; border-radius:50%; background:var(--gold); border:0;}
.stimme__zeiten{display:flex; justify-content:space-between; font-family:var(--label,'Jost',sans-serif); font-weight:300; font-size:.7rem; letter-spacing:.14em; color:var(--on-dark-soft,#B7B3A6); font-variant-numeric:tabular-nums; margin-top:.4rem;}
.stimme__fuss{margin-top:2rem; font-family:var(--label,'Jost',sans-serif); font-weight:300; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--on-dark-soft,#B7B3A6);}
.stimme__fuss a{color:var(--on-dark,#EFE9DC); text-decoration:none; border-bottom:1px solid rgba(180,154,103,.5);}
.stimme__fuss a:hover{color:var(--gold);}
@media (prefers-reduced-motion: reduce){ .stimme__spielen{transition:none;} }