/* MKL | Letzte Aktualisierung: 09.09.2026 */
/* Zentrales Storchrocker-Designsystem: Bühne, Roadcase-Module und Jukebox. */
:root{--sr-black:#070707;--sr-anthracite:#111214;--sr-panel:#18191c;--sr-panel-glass:rgba(17,18,20,.9);--sr-red:#d4141c;--sr-red-dark:#7f080d;--sr-metal:#777b80;--sr-silver:#d8d9d6;--sr-text:#f4f1e9;--sr-muted:#aaa9a4;--sr-line:#4c4e52;--sr-width:1280px;--sr-player-height:132px;--sr-header-height:76px;--sr-radius:5px;--sr-shadow:0 24px 70px rgba(0,0,0,.55);font-family:"Arial Narrow","Roboto Condensed","Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sr-header-height) + 18px)}body{margin:0;min-width:320px;padding-bottom:var(--sr-player-height);color:var(--sr-text);background:var(--sr-black);font-size:16px;line-height:1.65}button,input,a{font:inherit}.site-background{position:fixed;inset:0;z-index:-3;background:url("../images/backgrounds/backstage-roadcase.webp") center/cover no-repeat}.site-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.77)),radial-gradient(circle at 72% 20%,rgba(184,9,17,.12),transparent 32rem)}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.7rem 1rem;background:var(--sr-red);color:white}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:100;min-height:var(--sr-header-height);display:flex;align-items:center;gap:1.5rem;padding:.55rem max(1rem,calc((100vw - var(--sr-width))/2));border-bottom:1px solid #555;background:rgba(6,6,7,.95);box-shadow:0 8px 24px rgba(0,0,0,.45)}.nav-brand{display:block;width:178px;flex:0 0 auto}.nav-brand img{display:block;width:100%;height:54px;object-fit:cover;border:1px solid #46474a}.main-nav{display:flex;align-items:center;gap:.2rem;margin-left:auto}.main-nav a{padding:.7rem .72rem;color:#cbc9c3;text-decoration:none;font-weight:800;font-size:.78rem;letter-spacing:.08em;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.is-active{color:white;border-color:var(--sr-red)}.main-nav .world-link{margin-left:.6rem;border:1px solid #555;background:#191a1c}.nav-toggle{display:none;margin-left:auto}.hardware-button,.hardware-link,.primary-control{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem .9rem;border:1px solid #686a6e;border-radius:3px;color:var(--sr-text);background:linear-gradient(#292a2d,#111214);box-shadow:inset 0 1px rgba(255,255,255,.09),0 3px 0 #050505;font-weight:900;font-size:.75rem;letter-spacing:.08em;text-decoration:none;cursor:pointer}.hardware-button:hover,.hardware-link:hover{border-color:#a4a6a9;background:linear-gradient(#35363a,#17181a)}.primary-control{border-color:#f05258;background:linear-gradient(#e41a23,#9f080e);box-shadow:inset 0 1px rgba(255,255,255,.25),0 3px 0 #520407}.primary-control:hover{background:linear-gradient(#f1262e,#b40a11)}:focus-visible{outline:3px solid #ff4a51;outline-offset:3px}.hero{width:min(calc(100% - 2rem),var(--sr-width));min-height:calc(100svh - var(--sr-header-height));margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0;display:grid;align-content:center;gap:1.2rem}.roadcase-frame{position:relative;border:10px solid transparent;border-image:linear-gradient(135deg,#b4b5b3,#3c3e42 24%,#8e9092 48%,#292a2d 72%,#a6a7a5) 1;box-shadow:var(--sr-shadow)}.roadcase-frame::before,.roadcase-frame::after{content:"";position:absolute;z-index:2;width:10px;height:10px;border:2px solid #bbb;border-radius:50%;background:#37383b;box-shadow:inset 0 0 0 2px #111}.roadcase-frame::before{left:9px;top:9px}.roadcase-frame::after{right:9px;bottom:9px}.hero-logo{background:#050505}.hero-logo img{display:block;width:100%;max-height:300px;object-fit:cover}.panel{border:1px solid #4c4d50;border-radius:var(--sr-radius);background:linear-gradient(135deg,rgba(30,31,34,.97),rgba(10,10,11,.96));box-shadow:inset 0 1px rgba(255,255,255,.06),var(--sr-shadow)}.hero-console{display:grid;grid-template-columns:.75fr 1.5fr auto;align-items:center;gap:2rem;padding:clamp(1.3rem,3vw,2rem);border-left:5px solid var(--sr-red)}.module-id,.overline{margin:0;color:#d1d0ca;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.status-line{margin:.55rem 0 0;color:var(--sr-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em}.status-led,.power-led{display:inline-block;width:9px;height:9px;margin-right:.45rem;border-radius:50%;background:var(--sr-red);box-shadow:0 0 10px rgba(255,24,34,.9)}.hero-copy h1{margin:.35rem 0 .6rem;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.1rem,5vw,4.8rem);font-weight:400;letter-spacing:.015em;line-height:.98;text-transform:uppercase}.hero-copy p:last-child{max-width:680px;margin:0;color:#cfcdc7}.hero-actions{display:grid;gap:.7rem}.section{width:min(calc(100% - 2rem),var(--sr-width));margin:0 auto;padding:clamp(5rem,9vw,8rem) 0}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading h2{margin:.2rem 0 .6rem;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.4rem,6vw,5.2rem);font-weight:400;line-height:1;text-transform:uppercase}.section-heading p:last-child{color:var(--sr-muted);font-size:1.08rem}.jukebox{padding:clamp(1rem,2.5vw,2rem)}.module-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #46474a}.module-header span,.module-header strong{display:block}.rack-label{color:var(--sr-red);font-size:.78rem;font-weight:900;letter-spacing:.14em}.module-header strong{font:400 1.8rem Impact,"Arial Black",sans-serif;letter-spacing:.05em}.category-strip{display:flex;gap:.55rem;padding:1.2rem 0;overflow:auto}.category-filter{white-space:nowrap}.category-filter.is-active{border-color:#f24a50;background:linear-gradient(#d81a22,#8d070c)}.track-display{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid #392326;background:#0b0506;color:#e86c71;font-family:Consolas,monospace;font-size:.8rem;letter-spacing:.05em}.track-list{display:grid}.track-row{display:grid;grid-template-columns:64px minmax(220px,1.5fr) minmax(140px,.7fr) auto;align-items:center;gap:1rem;min-height:82px;padding:.75rem 1rem;border-top:1px solid #36373a;background:rgba(8,8,9,.65)}.track-row:nth-child(even){background:rgba(24,24,26,.72)}.track-row.is-current{border-left:4px solid var(--sr-red);background:rgba(96,5,10,.38)}.track-code{color:#858681;font:700 .78rem Consolas,monospace}.track-copy strong,.track-copy small{display:block}.track-copy strong{font-size:1.04rem;line-height:1.25}.track-copy small,.track-category{color:var(--sr-muted);font-size:.78rem}.track-actions{display:flex;gap:.45rem}.track-actions button{min-width:42px}.load-more{margin:1.2rem auto 0}.player-shell{position:fixed;z-index:500;left:0;right:0;bottom:0;min-height:var(--sr-player-height);display:grid;grid-template-columns:120px minmax(180px,1fr) auto minmax(240px,1.1fr) auto 78px auto;align-items:center;gap:1rem;padding:.75rem max(1rem,calc((100vw - var(--sr-width))/2));border-top:3px solid #777;background:linear-gradient(#242529,#0b0b0c 72%);box-shadow:0 -18px 45px rgba(0,0,0,.62)}.player-brand{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem}.player-brand img{grid-row:1/3;width:80px;height:48px;object-fit:cover;border:1px solid #555}.player-brand small{font-size:.58rem;letter-spacing:.1em}.now-playing{min-width:0}.now-playing span,.track-position label,.volume-control{display:block;color:#8f908c;font-size:.62rem;font-weight:900;letter-spacing:.14em}.now-playing strong,.now-playing small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing small{color:#a9a8a3;font-size:.7rem}.transport{display:flex;align-items:center;gap:.35rem}.transport button,.player-switches button{min-height:36px;border:1px solid #5b5d61;color:white;background:linear-gradient(#303136,#121315);font-size:.64rem;font-weight:900;cursor:pointer}.transport .play-button{width:58px;height:58px;border-color:#e53a40;background:radial-gradient(circle,#d81921,#75060a)}.track-position input{width:100%;accent-color:var(--sr-red)}.track-position>div{display:flex;justify-content:space-between;color:#aaa;font:700 .65rem Consolas,monospace}.player-switches{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.player-switches button[aria-pressed="true"]{border-color:#f04a50;color:#fff;background:#79070c}.volume-control input{width:70px;accent-color:var(--sr-red)}.player-expand{display:none}.stage-button{position:fixed;z-index:450;right:1rem;bottom:calc(var(--sr-player-height) + 1rem);display:none;padding:.6rem .8rem;border:1px solid #777;color:#eee;background:#17181a;box-shadow:0 5px 18px #000;cursor:pointer}.stage-button.is-visible{display:grid}.stage-button span{font-weight:900;font-size:.7rem}.stage-button small{color:#a5a4a0;font-size:.52rem}.lyrics-dialog,.queue-dialog{width:min(calc(100% - 2rem),760px);max-height:calc(100vh - var(--sr-player-height) - 2rem);padding:1.5rem;color:var(--sr-text)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;gap:1rem}.dialog-header h2{margin:.2rem 0 1rem;font:400 2.1rem Impact,"Arial Black",sans-serif}.lyrics-dialog pre{max-height:55vh;overflow:auto;white-space:pre-wrap;font:400 1rem/1.75 "Segoe UI",sans-serif}.dialog-actions{display:flex;gap:.7rem;margin-top:1rem}.danger{border-color:#8d1419!important;color:#ffb7ba!important}.queue-item{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.7rem;border-top:1px solid #3d3e41}.consent-layer{position:fixed;inset:0;z-index:900;display:grid;place-items:end center;padding:1rem;background:rgba(0,0,0,.72)}.consent-panel{width:min(100%,780px);padding:1.5rem;border-top:4px solid var(--sr-red)}.consent-panel h2{margin:.3rem 0;font:400 2rem Impact,"Arial Black",sans-serif}.consent-panel p{color:#c4c2bc}.consent-actions{display:flex;gap:.6rem;flex-wrap:wrap}.consent-settings{display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.consent-settings label{display:flex;align-items:center;gap:.6rem}.consent-settings input{width:20px;height:20px;accent-color:var(--sr-red)}
@media(max-width:1080px){:root{--sr-player-height:110px}.main-nav{position:fixed;inset:var(--sr-header-height) 0 auto;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:#09090a}.main-nav.is-open{display:flex}.main-nav .world-link{margin-left:0}.nav-toggle{display:inline-flex}.hero-console{grid-template-columns:1fr}.hero-actions{display:flex;flex-wrap:wrap}.player-shell{grid-template-columns:80px minmax(150px,1fr) auto minmax(180px,1fr) auto}.player-brand{display:none}.player-switches{display:none}.player-expand{display:block}.volume-control{display:none}}
@media(max-width:720px){:root{--sr-player-height:88px;--sr-header-height:66px}.site-header{padding:.4rem .8rem}.nav-brand{width:145px}.nav-brand img{height:46px}.hero{width:min(calc(100% - 1rem),var(--sr-width));padding:1rem 0 3rem}.hero-logo{border-width:5px}.hero-logo img{height:auto;max-height:none}.hero-console{padding:1.1rem}.hero-copy h1{font-size:2.35rem}.section{width:min(calc(100% - 1rem),var(--sr-width));padding:4rem 0}.roadcase-frame{border-width:5px}.module-header{align-items:flex-start;flex-direction:column}.track-row{grid-template-columns:44px 1fr auto;gap:.65rem;padding:.75rem .55rem}.track-category{display:none}.track-actions button:not(:first-child){display:none}.player-shell{grid-template-columns:minmax(0,1fr) auto 56px;padding:.5rem .65rem;gap:.45rem}.now-playing{grid-column:1}.transport{grid-column:2}.transport button:not(.play-button){display:none}.transport .play-button{width:50px;height:50px}.track-position{grid-column:1/3;grid-row:2}.track-position label,.track-position>div{display:none}.player-expand{grid-column:3;grid-row:1/3;height:54px;font-size:.57rem}.stage-button{right:.5rem}.lyrics-dialog,.queue-dialog{width:100%;max-width:none;margin:0 0 var(--sr-player-height);max-height:calc(100vh - var(--sr-player-height));border-radius:0}.consent-actions>*{flex:1 1 100%}}
/* Editoriale Inhaltsmodule: Releases, Band, Chronik, Welten und Abschluss. */
.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.release-card{position:relative;min-height:210px;display:flex;align-items:flex-end;gap:1.5rem;padding:1.7rem;border:1px solid #56585c;background:linear-gradient(145deg,rgba(40,41,44,.95),rgba(10,10,11,.96));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 35px rgba(0,0,0,.35);overflow:hidden}.release-card::after{content:"";position:absolute;right:-2rem;top:-3rem;width:180px;height:180px;border:28px solid rgba(212,20,28,.16);border-radius:50%}.release-card.featured{grid-row:span 2;min-height:436px;background:linear-gradient(145deg,rgba(113,5,10,.94),rgba(12,12,13,.97) 70%)}.release-card h3{position:relative;margin:.3rem 0;font:400 clamp(1.8rem,4vw,3.5rem)/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.release-card p{position:relative;margin:.5rem 0 0;color:#c9c7c1}.release-index{position:relative;color:#e34c52;font:700 .8rem Consolas,monospace}.platform-links{display:flex;gap:.7rem;margin-top:1.2rem;flex-wrap:wrap}
.band-collage{margin:0 0 1.2rem}.band-collage img{display:block;width:100%;max-height:600px;object-fit:cover}.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.member-card{min-width:0;border:1px solid #494b4f;background:rgba(12,12,13,.94);box-shadow:0 16px 35px rgba(0,0,0,.35)}.member-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.75) contrast(1.06)}.member-card>div{padding:1.1rem}.member-card h3{margin:.15rem 0 .5rem;font:400 2rem Impact,"Arial Black",sans-serif;text-transform:uppercase}.member-card p{color:#c6c4bf;font-size:.9rem}.member-role{margin:0!important;color:#e44a50!important;font:800 .68rem/1.4 Consolas,monospace!important;letter-spacing:.09em}.text-button{padding:0;border:0;border-bottom:1px solid #d84a4f;color:#eee;background:none;font-size:.7rem;font-weight:900;letter-spacing:.08em;cursor:pointer}.member-dialog{width:min(calc(100% - 2rem),860px);color:var(--sr-text)}.member-dialog-body{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:1.5rem;align-items:start}.member-dialog-body img{width:100%;max-height:430px;object-fit:cover}.member-dialog-body p:last-child{white-space:pre-line;color:#d1cfc9}
.story-line{display:grid}.story-line article{display:grid;grid-template-columns:90px 1fr;gap:1.2rem;padding:1.8rem 0;border-top:1px solid #515256}.story-line article:last-child{border-bottom:1px solid #515256}.story-line span{color:#e4464c;font:400 3.4rem Impact,"Arial Black",sans-serif}.story-line h3{margin:0;font:400 2rem Impact,"Arial Black",sans-serif;text-transform:uppercase}.story-line p{max-width:850px;margin:.35rem 0;color:#c8c6c0}
.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.world-card{position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;border:1px solid #515256;background:linear-gradient(145deg,rgba(32,33,36,.94),rgba(8,8,9,.96));overflow:hidden}.world-card::before{content:attr(data-code);position:absolute;right:-.15em;bottom:-.3em;color:rgba(255,255,255,.035);font:400 8rem Impact,"Arial Black",sans-serif}.world-card h3{position:relative;margin:.3rem 0;font:400 2rem Impact,"Arial Black",sans-serif;text-transform:uppercase}.world-card p{position:relative;color:#c5c3bd}.world-card .hardware-button{align-self:flex-start}
.crossover-section{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem;align-items:stretch}.crossover-copy,.crossover-console{padding:clamp(1.5rem,4vw,3.5rem);border:1px solid #53555a;background:rgba(12,12,13,.93)}.crossover-copy{border-left:6px solid var(--sr-red)}.crossover-copy h2{max-width:800px;margin:.3rem 0 1rem;font:400 clamp(2.8rem,6vw,5.8rem)/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.crossover-copy p{max-width:690px;color:#cac8c2}.crossover-console{display:grid;align-content:center;justify-items:center;gap:.7rem;color:#999;font:700 .72rem Consolas,monospace;letter-spacing:.15em}.crossover-console strong{color:#eee;font:400 2.3rem Impact,"Arial Black",sans-serif}.crossover-console i{width:62px;height:62px;border:12px solid #4e5055;border-radius:50%;background:#090909;box-shadow:inset 0 0 0 5px #18191b,0 0 0 1px #999}
.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:2rem;width:min(calc(100% - 2rem),var(--sr-width));margin:3rem auto 0;padding:3rem 0 calc(var(--sr-player-height) + 2rem);border-top:3px solid #666}.footer-brand img{width:180px;height:56px;object-fit:cover}.footer-brand p{margin:.5rem 0;color:#aaa}.site-footer nav{display:grid;align-content:start;gap:.45rem}.site-footer a,.site-footer button{padding:0;border:0;color:#c9c7c1;background:none;text-align:left;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.08em;cursor:pointer}.site-footer a:hover,.site-footer button:hover{color:white}.copyright{grid-column:1/-1;margin:1rem 0 0;color:#777;font:700 .66rem Consolas,monospace}
.player-shell.is-expanded{min-height:min(520px,85vh);align-content:end}.player-shell.is-expanded::before{content:"STORCHROCKER // FULL CONTROL";position:absolute;left:max(1rem,calc((100vw - var(--sr-width))/2));top:1.2rem;color:#e34c52;font:700 .75rem Consolas,monospace;letter-spacing:.12em}
@media(max-width:1080px){.member-grid{grid-template-columns:repeat(3,1fr)}.world-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav:last-of-type{grid-column:2}.player-shell.is-expanded .player-switches,.player-shell.is-expanded .volume-control{display:grid}}
@media(max-width:720px){.release-grid,.world-grid,.crossover-section,.site-footer{grid-template-columns:1fr}.release-card.featured{grid-row:auto;min-height:260px}.member-grid{grid-template-columns:repeat(2,1fr)}.member-card:last-child{grid-column:1/-1}.story-line article{grid-template-columns:56px 1fr}.story-line span{font-size:2.5rem}.member-dialog-body{grid-template-columns:1fr}.member-dialog-body img{max-height:250px}.site-footer nav:last-of-type{grid-column:auto}.copyright{grid-column:auto}.player-shell.is-expanded .player-switches{grid-column:1/4;display:grid}.player-shell.is-expanded .volume-control{grid-column:1/3;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* MKL: Überarbeitung 09.09.2026 – neuer Markenauftritt und verlässliche Dialogsteuerung. */
[hidden]{display:none!important}.nav-brand{display:flex;align-items:center;gap:.62rem;width:auto;min-width:190px;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:46px;height:46px;border:2px solid #d8d9d6;border-right-color:var(--sr-red);color:white;background:#111;font:400 1.6rem Impact,"Arial Black",sans-serif;transform:skew(-5deg)}.brand-name{color:#f3f1eb;font:400 1.05rem/.83 Impact,"Arial Black",sans-serif;letter-spacing:.08em}.nav-brand img{display:none}
.hero{padding-top:clamp(1.5rem,4vw,3.5rem)}.hero-stage{position:relative;min-height:clamp(330px,52vw,610px);display:grid;align-items:end;padding:clamp(1.2rem,5vw,4.5rem);border:1px solid #53555a;border-bottom:7px solid var(--sr-red);background:linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.76) 47%,rgba(5,5,5,.28) 100%),url("../images/backgrounds/backstage-roadcase.webp") 65% center/cover no-repeat;box-shadow:var(--sr-shadow);overflow:hidden}.hero-stage::before{content:"SR-LIVE // 001";position:absolute;top:1.3rem;left:1.5rem;color:#b8b7b1;font:700 .72rem Consolas,monospace;letter-spacing:.16em}.hero-stage::after{content:"";position:absolute;right:6%;top:12%;width:22%;height:1px;background:linear-gradient(90deg,transparent,var(--sr-red))}.hero-wordmark{position:relative;z-index:1;display:grid;width:min-content;color:#f5f2ea;font:400 clamp(4.6rem,13vw,10.8rem)/.72 Impact,"Arial Black",sans-serif;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 10px 36px #000}.hero-wordmark span:last-child{color:transparent;-webkit-text-stroke:2px #f5f2ea;text-stroke:2px #f5f2ea}.hero-wordmark i{color:var(--sr-red);-webkit-text-stroke:0;font-style:normal}.hero-monogram{position:absolute;right:clamp(1.2rem,5vw,4rem);bottom:clamp(1.7rem,5vw,4.5rem);display:grid;justify-items:end}.hero-monogram strong{color:rgba(255,255,255,.12);font:400 clamp(6rem,17vw,14rem)/.7 Impact,"Arial Black",sans-serif}.hero-monogram small{margin-top:1.4rem;padding-top:.6rem;border-top:2px solid var(--sr-red);color:#d1cfc8;font:700 .66rem/1.4 Consolas,monospace;letter-spacing:.14em;text-align:right}.hero-console{margin-top:-1px}.footer-wordmark{display:flex;align-items:center;gap:.7rem}.footer-wordmark span{display:grid;place-items:center;width:48px;height:48px;border:2px solid #aaa;border-right-color:var(--sr-red);font:400 1.5rem Impact,"Arial Black",sans-serif}.footer-wordmark strong{font:400 1.5rem Impact,"Arial Black",sans-serif;letter-spacing:.08em}.footer-brand img{display:none}.player-monogram{grid-row:1/3;display:grid;place-items:center;width:62px;height:48px;border:1px solid #666;border-right:3px solid var(--sr-red);background:#101012;font:400 1.7rem Impact,"Arial Black",sans-serif}
@media(max-width:720px){.nav-brand{min-width:0}.brand-symbol{width:40px;height:40px}.brand-name{font-size:.9rem}.hero-stage{min-height:440px;padding:1.1rem}.hero-wordmark{font-size:clamp(4rem,22vw,6.5rem)}.hero-monogram{right:1rem;bottom:8rem}.hero-monogram strong{font-size:7rem}.hero-monogram small{display:none}.hero-stage::after{display:none}}

/* MKL: Das vom Betreiber bereitgestellte Storchrocker-Logo ersetzt alle Platzhaltermarken. */
.nav-brand .brand-logo{display:block;width:64px;height:56px;object-fit:contain;border:0}.hero-stage{align-items:center;background:linear-gradient(90deg,rgba(4,4,4,.92) 0%,rgba(4,4,4,.66) 55%,rgba(4,4,4,.25) 100%),url("../images/backgrounds/backstage-roadcase.webp") 65% center/cover no-repeat}.hero-brand-logo{position:relative;z-index:1;display:block;width:min(62%,610px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.72))}.hero-badge{position:absolute;right:clamp(1.3rem,5vw,4rem);bottom:clamp(1.5rem,5vw,4rem);display:grid;justify-items:end;padding-left:2rem;border-top:2px solid var(--sr-red);text-align:right}.hero-badge span,.hero-badge small{color:#c9c8c2;font:700 .67rem/1.4 Consolas,monospace;letter-spacing:.14em}.hero-badge strong{color:#fff;font:400 clamp(1.6rem,4vw,3.3rem) Impact,"Arial Black",sans-serif;letter-spacing:.04em}.footer-brand .footer-logo{display:block;width:118px;height:86px;object-fit:contain}.player-brand .player-logo{grid-row:1/3;display:block;width:76px;height:58px;object-fit:contain;border:0}.brand-symbol,.brand-name,.hero-wordmark,.hero-monogram,.footer-wordmark,.player-monogram{display:none!important}
@media(max-width:720px){.nav-brand .brand-logo{width:54px;height:48px}.hero-stage{min-height:440px;align-items:start;padding-top:3.5rem;background-position:70% center}.hero-brand-logo{width:min(88%,520px)}.hero-badge{right:1rem;bottom:1.2rem}.hero-badge strong{font-size:1.7rem}}

/* MKL: Großformatige, einheitliche Bandporträts mit längeren Personenprofilen. */
.nav-brand .brand-logo{width:118px;height:60px}.hero-brand-logo{width:min(68%,680px);max-height:540px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.member-card{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(210px,1fr);min-height:520px}.member-card>img{width:100%;height:100%;min-height:520px;aspect-ratio:auto;object-fit:cover;object-position:center}.member-card>div{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.2rem,3vw,2rem)}.member-card h3{font-size:clamp(2.4rem,4vw,4rem)}.member-card p{font-size:1rem;line-height:1.65}.member-card .text-button{align-self:flex-start;margin-top:auto;padding-top:1.2rem}.member-card:last-child{grid-column:1/-1;grid-template-columns:minmax(300px,.72fr) 1fr}.member-dialog{width:min(calc(100% - 2rem),980px)}.member-dialog-body{grid-template-columns:minmax(260px,390px) 1fr}.member-dialog-body img{max-height:620px;aspect-ratio:4/5;object-fit:cover}.member-dialog-body p:last-child{font-size:1.05rem;line-height:1.75}
@media(max-width:1080px){.member-grid{grid-template-columns:1fr}.member-card,.member-card:last-child{grid-column:auto;grid-template-columns:minmax(230px,.7fr) 1fr}}
@media(max-width:720px){.nav-brand .brand-logo{width:88px;height:52px}.hero-brand-logo{width:min(92%,580px)}.member-card,.member-card:last-child{grid-template-columns:1fr;min-height:0}.member-card>img{height:auto;min-height:0;aspect-ratio:4/5}.member-card>div{min-height:310px}.member-dialog-body{grid-template-columns:1fr}.member-dialog-body img{max-height:420px}}

/* MKL: Einheitliche Mitgliederkarten und kompakter Player in gebürsteter Metalloptik. */
@media(min-width:1081px){
  .member-card{height:520px}
  .member-card:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 1.2rem)/2);grid-template-columns:minmax(210px,.9fr) minmax(210px,1fr)}
}

:root{--sr-player-height:104px}
.player-shell{
  min-height:var(--sr-player-height);
  grid-template-columns:84px minmax(170px,1fr) auto minmax(220px,1.25fr) auto 68px auto;
  gap:.7rem;
  padding:.42rem max(1rem,calc((100vw - var(--sr-width))/2));
  border-top:1px solid #e15a5f;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),transparent 12%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#761218 0,#3b0a0e 22%,#18191b 55%,#080809 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 5px 18px rgba(121,8,14,.32),0 -12px 32px rgba(0,0,0,.58)
}
.player-brand{grid-template-columns:1fr auto;gap:.15rem}
.player-brand .player-logo{width:64px;height:46px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.72))}
.now-playing{align-self:center}
.now-playing span,.track-position label,.volume-control{color:#c5aeb0}
.now-playing strong{line-height:1.3}
.now-playing small{color:#bcadae}
.transport{justify-content:center;gap:.28rem}
.transport button,.player-switches button{
  min-height:32px;
  border-color:#7f3438;
  border-radius:2px;
  background:linear-gradient(180deg,#6f151a 0,#3b0c10 42%,#171719 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 2px 3px rgba(0,0,0,.55)
}
.transport button:hover,.player-switches button:hover{border-color:#df6469;background:linear-gradient(180deg,#8f1a21,#4a0d12 48%,#1a1a1c)}
.transport .play-button{width:48px;height:48px;border-color:#f06a70;background:radial-gradient(circle at 42% 32%,#f24149 0,#b50911 46%,#560307 100%);box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 12px rgba(216,25,33,.3)}
.track-position{display:grid;align-content:center;min-width:0}
.track-position input{display:block;margin:.15rem 0 0}
.player-switches{gap:.24rem}
.player-switches button{min-height:30px;padding:.25rem .42rem}
.player-switches button[aria-pressed="true"]{border-color:#ff777c;background:linear-gradient(180deg,#a8141b,#62070b)}
.volume-control{display:grid;align-content:center;justify-items:center;gap:.15rem}
.volume-control input{display:block;width:64px;margin:0}

@media(max-width:1080px){
  :root{--sr-player-height:94px}
  .player-shell{grid-template-columns:minmax(150px,1fr) auto minmax(170px,1fr) auto;gap:.55rem;padding:.38rem 1rem}
  .member-card:last-child{width:auto}
}
@media(max-width:720px){
  :root{--sr-player-height:82px}
  .player-shell{grid-template-columns:minmax(0,1fr) auto 52px;gap:.38rem;padding:.35rem .55rem}
  .transport .play-button{width:46px;height:46px}
  .player-expand{height:50px;padding:.35rem;font-size:.54rem}
}

/* MKL: Kompakter Seitenkopf, frühe Desktop-Navigation und neue gemeinsame Bühnenszene. */
:root{--sr-header-height:68px}.site-header{min-height:68px;padding-top:.3rem;padding-bottom:.3rem}.nav-brand .brand-logo{width:82px;height:54px}.hero{min-height:auto;padding:1.25rem 0 3.5rem}.hero-stage{min-height:clamp(300px,38vw,470px);padding:clamp(1rem,3vw,2.6rem)}.hero-brand-logo{width:min(50%,500px);max-height:390px}.hero-console{gap:1.4rem;padding:clamp(1rem,2.2vw,1.5rem)}.hero-copy h1{font-size:clamp(2rem,4vw,3.8rem)}.band-collage{position:relative;background:#060606}.band-collage img{width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover}.band-collage figcaption{position:absolute;left:1rem;bottom:1rem;padding:.45rem .7rem;border-left:3px solid var(--sr-red);color:#ddd;background:rgba(5,5,5,.78);font:700 .68rem Consolas,monospace;letter-spacing:.12em}
@media(min-width:901px){.nav-toggle{display:none!important}.main-nav{position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0!important;background:transparent!important}.main-nav .world-link{margin-left:.45rem}.main-nav a{padding:.62rem .58rem;font-size:.72rem}}
@media(max-width:900px){.main-nav{position:fixed;inset:var(--sr-header-height) 0 auto;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:#09090a}.main-nav.is-open{display:flex}.nav-toggle{display:inline-flex}.main-nav .world-link{margin-left:0}}
@media(max-width:720px){:root{--sr-header-height:62px}.site-header{min-height:62px}.nav-brand .brand-logo{width:68px;height:48px}.hero{padding-top:.7rem}.hero-stage{min-height:330px;padding:1rem}.hero-brand-logo{width:min(72%,420px);max-height:270px}.hero-badge strong{font-size:1.45rem}.band-collage figcaption{left:.5rem;bottom:.5rem}}

/* MKL: Schmaler Bühnenkopf und realistische Bandbühne mit separat eingeblendetem Original-Logo. */
.hero{padding-top:.75rem}.hero-stage{min-height:clamp(170px,19vw,240px);padding:clamp(.75rem,2vw,1.4rem)}.hero-brand-logo{width:min(32%,320px);max-height:190px}.hero-badge{right:clamp(1rem,3vw,2rem);bottom:clamp(.8rem,2vw,1.35rem)}.hero-badge strong{font-size:clamp(1.2rem,2.4vw,2.2rem)}.hero-badge span,.hero-badge small{font-size:.6rem}.band-stage-media{position:relative;overflow:hidden;background:#050505}.band-collage .band-stage-photo{display:block;width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover}.band-collage .band-stage-logo{position:absolute;z-index:2;top:2.5%;left:50%;display:block;width:min(32%,430px);height:auto;max-height:30%;aspect-ratio:auto;object-fit:contain;transform:translateX(-50%);opacity:.9;filter:drop-shadow(0 0 12px rgba(255,255,255,.25)) drop-shadow(0 0 24px rgba(212,20,28,.62));pointer-events:none}.platform-links:empty::before{content:"Noch keine Musikplattform eingetragen.";color:var(--sr-muted)}
@media(max-width:720px){.hero-stage{min-height:210px;padding:.7rem}.hero-brand-logo{width:min(46%,250px);max-height:150px}.hero-badge{right:.7rem;bottom:.65rem}.hero-badge strong{font-size:1.1rem}.hero-badge span,.hero-badge small{font-size:.52rem}.band-collage .band-stage-logo{top:3%;width:34%;max-height:27%}}

/* MKL: Kompakter, symmetrischer Mobil-Player und zuverlässig erreichbarer Nach-oben-Schalter. */
@media(max-width:900px){
  .stage-button{z-index:650;right:.55rem;bottom:calc(var(--sr-player-height) + .55rem);min-width:46px;min-height:46px;padding:.42rem .55rem;border-color:#a84449;background:linear-gradient(180deg,#741319,#310a0d 48%,#111113)}
  .stage-button small{display:none}
  .player-shell.is-expanded{
    min-height:258px;
    height:auto;
    max-height:none;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
    align-content:center;
    gap:.42rem .55rem;
    padding:.55rem .7rem .65rem
  }
  .player-shell.is-expanded::before{display:none}
  .player-shell.is-expanded .now-playing{grid-column:1/3;grid-row:1;align-self:center;min-width:0}
  .player-shell.is-expanded .player-expand{grid-column:3;grid-row:1;justify-self:end;width:58px;height:42px;padding:.25rem}
  .player-shell.is-expanded .transport{grid-column:1/4;grid-row:2;justify-self:center}
  .player-shell.is-expanded .transport button:not(.play-button){display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:34px}
  .player-shell.is-expanded .track-position{grid-column:1/4;grid-row:3;width:min(100%,520px);justify-self:center}
  .player-shell.is-expanded .track-position label{display:block;text-align:center}
  .player-shell.is-expanded .track-position>div{display:flex}
  .player-shell.is-expanded .player-switches{grid-column:1/4;grid-row:4;display:grid;width:min(100%,420px);justify-self:center;grid-template-columns:repeat(2,minmax(0,1fr))}
  .player-shell.is-expanded .volume-control{grid-column:1/4;grid-row:5;display:grid;justify-self:center;justify-items:center}
  .player-shell.is-expanded .volume-control input{width:120px}
  body:has(.player-shell.is-expanded) .stage-button{top:calc(var(--sr-header-height) + .55rem);bottom:auto}
}
@media(max-width:720px){
  .player-shell.is-expanded{min-height:246px;padding:.48rem .55rem .55rem;gap:.35rem .45rem}
  .player-shell.is-expanded .now-playing span{font-size:.56rem}
  .player-shell.is-expanded .now-playing small{font-size:.62rem}
  .player-shell.is-expanded .transport .play-button{width:44px;height:44px}
  .player-shell.is-expanded .player-switches button{min-height:28px;font-size:.58rem}
}

/* MKL: Der Nach-oben-Schalter folgt immer der tatsächlich gemessenen Player-Oberkante. */
@media(max-width:900px){
  .stage-button,
  body:has(.player-shell.is-expanded) .stage-button{top:auto;bottom:calc(var(--sr-active-player-height,var(--sr-player-height)) + .55rem)}
}

/* MKL: Pause und Player-Öffnung stehen im geschlossenen Mobil-Player exakt auf einer Linie. */
@media(max-width:720px){
  .player-shell:not(.is-expanded) .transport{align-self:center}
  .player-shell:not(.is-expanded) .transport .play-button{width:48px;height:48px}
  .player-shell:not(.is-expanded) .player-expand{grid-row:1;align-self:center;width:52px;height:48px}
}