/* Sound City 3.233: strikt auf eigene Spezialseite gescoped. */
.scm-sound-city{--sc-cyan:#31d7ff;--sc-violet:#a978ff;--sc-pink:#ff5ce7;--sc-amber:#ffd166;--sc-green:#63f5b6;position:relative;margin:0 auto 28px;color:#eef7ff;font-family:inherit}.scm-sound-city *{box-sizing:border-box}.scm-sound-city a{color:inherit}.scm-sound-city-hero{position:relative;min-height:clamp(620px,82vh,940px);border-radius:28px;overflow:hidden;background:#071225;box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 0 0 1px rgba(120,190,255,.20);isolation:isolate}.scm-sound-city-bg{position:absolute;inset:0;background-image:var(--sc-bg);background-size:cover;background-position:center;filter:none;transform:none;z-index:-3}.scm-sound-city-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,24,.92) 0%,rgba(4,9,24,.62) 38%,rgba(4,9,24,.25) 70%,rgba(4,9,24,.72) 100%),radial-gradient(circle at 32% 24%,rgba(30,215,255,.24),transparent 38%),radial-gradient(circle at 76% 78%,rgba(255,92,231,.20),transparent 36%),rgba(0,0,0,var(--sc-overlay));z-index:-2}.scm-sound-city-copy{position:relative;z-index:4;max-width:min(760px,92%);padding:clamp(28px,5vw,72px)}.scm-sound-city-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;color:#9bdcff;font-size:.88rem;font-weight:800}.scm-sound-city h1{margin:0 0 16px;font-size:clamp(3.2rem,8vw,8.2rem);line-height:.88;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px rgba(49,215,255,.8),0 0 28px rgba(169,120,255,.75),0 0 55px rgba(49,215,255,.38)}.scm-sound-city-copy p:not(.scm-sound-city-kicker){font-size:clamp(1rem,2vw,1.28rem);line-height:1.55;color:#dcecff;max-width:660px}.scm-sound-city-audio,.scm-sc-action{display:inline-flex;align-items:center;gap:.55rem;margin-top:20px;padding:.84rem 1.15rem;border:1px solid rgba(49,215,255,.56);border-radius:999px;background:rgba(2,14,32,.68);color:#dffbff;text-decoration:none;font-weight:800;box-shadow:0 0 24px rgba(49,215,255,.18);cursor:pointer}.scm-sound-city-audio:hover,.scm-sc-action:hover,.scm-sound-city-audio:focus-visible,.scm-sc-action:focus-visible{outline:3px solid rgba(49,215,255,.42);outline-offset:3px;background:rgba(49,215,255,.16)}.scm-sound-city-note{position:absolute;right:24px;top:24px;z-index:4;display:grid;gap:3px;min-width:230px;padding:13px 16px;border:1px solid rgba(169,120,255,.52);border-radius:16px;background:rgba(3,11,28,.68);backdrop-filter:blur(12px);color:#eaf3ff}.scm-sound-city-note strong{text-transform:uppercase;letter-spacing:.07em}.scm-sound-city-note span{font-size:.85rem;color:#bdc8d8}.scm-sound-city-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}.scm-sc-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;min-width:max-content;text-decoration:none;pointer-events:auto;filter:drop-shadow(0 0 16px rgba(49,215,255,.35))}.scm-sc-dot{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:999px;border:1px solid currentColor;background:rgba(2,14,32,.62);box-shadow:0 0 0 9px rgba(255,255,255,.04),0 0 28px currentColor}.scm-sc-dot::before,.scm-sc-dot::after{content:"";position:absolute;inset:9px;border-radius:inherit;border:1px solid currentColor;opacity:.65}.scm-sc-dot::after{inset:-8px;opacity:.22;animation:scmSoundPulse 2.4s infinite}.scm-sc-dot span{font-weight:900;font-size:1.35rem}.scm-sc-label{padding:.45rem .72rem;border:1px solid currentColor;border-radius:12px;background:rgba(2,14,32,.76);font-weight:900;letter-spacing:.02em}.scm-sc-color-cyan{color:var(--sc-cyan)}.scm-sc-color-violet{color:var(--sc-violet)}.scm-sc-color-pink{color:var(--sc-pink)}.scm-sc-color-amber{color:var(--sc-amber)}.scm-sc-color-green{color:var(--sc-green)}.scm-sc-hotspot:hover,.scm-sc-hotspot:focus-visible{outline:none;transform:translate(-50%,-50%) scale(1.08);z-index:8}.scm-sc-hotspot:focus-visible .scm-sc-label{outline:3px solid rgba(255,255,255,.62);outline-offset:3px}.scm-sound-city[data-pulse="1"] .scm-sc-hotspot .scm-sc-dot{animation:scmSoundBounce .55s ease both}.scm-sound-city-bottom{position:absolute;left:50%;bottom:22px;z-index:6;transform:translateX(-50%);display:flex;gap:18px;align-items:center;justify-content:center;max-width:min(760px,92%);width:max-content;padding:15px 22px;border:1px solid rgba(120,190,255,.32);border-radius:18px;background:rgba(3,11,28,.72);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.30)}.scm-sound-city-bottom span{font-weight:900;color:#fff}.scm-sound-city-bottom a{color:#9be9ff;text-decoration:none;font-weight:800}.scm-sound-city-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.scm-sc-section{border:1px solid rgba(120,190,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(9,22,48,.92),rgba(21,12,42,.78));padding:22px;box-shadow:0 14px 44px rgba(0,0,0,.22)}.scm-sc-section:focus{outline:3px solid rgba(49,215,255,.45);outline-offset:4px}.scm-sc-section.scm-sc-wide{grid-column:1/-1}.scm-sc-section h2{margin:8px 0 8px;color:#fff;font-size:1.38rem}.scm-sc-section p{color:#d0dbeb;line-height:1.55}.scm-sc-section-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid currentColor;background:rgba(255,255,255,.06);font-size:1.35rem;box-shadow:0 0 24px currentColor}.scm-sound-city-disabled{padding:24px;border:1px solid rgba(120,190,255,.25);border-radius:18px;background:rgba(9,22,48,.85)}@keyframes scmSoundPulse{0%{transform:scale(.9);opacity:.36}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}@keyframes scmSoundBounce{0%{transform:scale(1)}50%{transform:scale(1.16)}100%{transform:scale(1)}}@media(max-width:1100px){.scm-sound-city-hero{min-height:720px}.scm-sound-city-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.scm-sc-label{font-size:.9rem}.scm-sc-dot{width:54px;height:54px}}@media(max-width:740px){.scm-sound-city-hero{min-height:auto;padding-bottom:240px;border-radius:18px}.scm-sound-city-copy{padding:28px 18px}.scm-sound-city h1{font-size:clamp(2.6rem,16vw,4rem)}.scm-sound-city-note{position:relative;right:auto;top:auto;margin:0 18px 18px}.scm-sound-city-hotspots{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px 88px}.scm-sc-hotspot{position:relative;left:auto!important;top:auto!important;transform:none;min-width:0}.scm-sc-hotspot:hover,.scm-sc-hotspot:focus-visible{transform:none}.scm-sc-dot{width:44px;height:44px}.scm-sc-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scm-sound-city-bottom{width:calc(100% - 36px);bottom:18px;flex-direction:column;gap:6px;text-align:center}.scm-sound-city-sections{grid-template-columns:1fr}}


/* 3.237: Sound-City-Hotspots öffnen Module im Modal statt zu Erklärungskarten zu springen. */
button.scm-sc-hotspot{border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.scm-sc-hotspot[role="button"],button.scm-sc-hotspot{appearance:none;-webkit-appearance:none}
.scm-sc-modal[hidden]{display:none!important}
.scm-sc-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(12px,3vw,34px);background:rgba(2,6,23,.78);backdrop-filter:blur(12px)}
.scm-sc-modal-panel{width:min(1080px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(120,190,255,.34);border-radius:24px;background:linear-gradient(145deg,#071225,#101b2f);box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.04)}
.scm-sc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(120,190,255,.22);background:rgba(3,11,28,.82);color:#fff}
.scm-sc-modal-head strong{font-size:1.08rem;letter-spacing:.02em}
.scm-sc-modal-close{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.scm-sc-modal-close:hover,.scm-sc-modal-close:focus-visible{outline:3px solid rgba(49,215,255,.42);outline-offset:2px;background:rgba(49,215,255,.14)}
.scm-sc-modal-body{position:relative;flex:1;min-height:0;background:#08111f}
.scm-sc-modal-body iframe{display:block;width:100%;height:100%;border:0;background:#08111f;color:#fff}
body.scm-sc-modal-open{overflow:hidden}
@media(max-width:760px){.scm-sc-modal{padding:8px}.scm-sc-modal-panel{width:100%;height:96vh;border-radius:18px}.scm-sc-modal-head{padding:11px 12px}.scm-sc-modal-close{width:38px;height:38px}}


/* 3.239: Hintergrundgrafik unverfälscht anzeigen – kein Farb-, Helligkeits- oder Kontrastoverlay auf dem Bild. */
.scm-sound-city-bg{filter:none!important;transform:none!important;background-blend-mode:normal!important;opacity:1!important}
.scm-sound-city-shade{display:none!important;background:transparent!important}
.scm-sound-city-hero{background:#071225}
.scm-sound-city-copy{border-radius:24px;background:linear-gradient(145deg,rgba(3,11,28,.74),rgba(3,11,28,.34));backdrop-filter:blur(4px);width:max-content;max-width:min(760px,92%);margin:clamp(14px,2vw,22px)}
.scm-sound-city-copy p:not(.scm-sound-city-kicker){color:#f0f7ff;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.scm-sound-city h1{text-shadow:0 2px 8px rgba(0,0,0,.82),0 0 18px rgba(49,215,255,.45)}
@media(max-width:740px){.scm-sound-city-copy{width:auto;margin:12px 12px 0;max-width:none}}


/* 3.240: kein sichtbares Text-Overlay mehr auf der Grafik; nur Hotspots bleiben sichtbar. */
.scm-sound-city-copy,.scm-sound-city-audio{display:none!important}
.scm-sc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}