*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050505}body{height:auto;min-height:100vh;overflow:auto}.page{width:100%;display:block}.frozen{position:relative;width:100%;min-width:0;margin:0;container-type:inline-size}.frozen::before{content:"";display:block;padding-top:65.27061856%}.frozen>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.hotspot,.nav-hotspot{position:absolute;z-index:10;display:block;text-decoration:none}.home-link{left:0;top:0;width:6.3%;height:10.8%;border-radius:50%}.nav-hotspot{top:2.1%;height:7.2%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none!important;color:#e8ded0;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;font-size:clamp(11px,1.55vw,24px);font-weight:800;letter-spacing:.055em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:none!important;transition:color .08s linear!important;filter:none!important;box-shadow:none!important;text-shadow:none!important;outline:none!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.band{left:50.7%;width:7%}.musik{left:58.3%;width:7.2%}.live{left:66.2%;width:6.3%}.bilder{left:73.8%;width:7.4%}.merch{left:82%;width:9.5%}.nav-hotspot:hover,.nav-hotspot:focus-visible{color:#e60012!important;background:none!important;filter:none!important;text-shadow:none!important;box-shadow:none!important;outline:none!important;transform:none!important}
.page-location{position:absolute;z-index:9;left:1.45%;top:11.7%;color:#e8ded0;font-family:'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(8px,1vw,16px);letter-spacing:.08em;text-shadow:none;white-space:nowrap}

/* Footer-Rechtslinks */
.legal-hotspot{position:absolute;z-index:30;bottom:1.2%;height:4.8%;display:block;text-indent:-9999px;overflow:hidden}
.legal-hotspot.impressum{left:39.3%;width:6.8%}
.legal-hotspot.datenschutz{left:46.2%;width:8.2%}
.legal-hotspot.disclaimer{left:54.6%;width:7.8%}

/* Rechteseiten im bestehenden FELDRAND-Rahmen */
.legal-content{position:absolute;z-index:15;left:14%;right:14%;top:15%;bottom:8.5%;overflow:auto;padding:2.2% 3.2%;background:rgba(5,5,5,.94);border-bottom:2px solid #c5141c;color:#e8ded0;font-family:Arial,sans-serif}
.legal-content h1{margin:0 0 1.2rem;color:#e8ded0;font-size:clamp(24px,3vw,46px);letter-spacing:.05em;text-transform:uppercase}
.legal-content h2{margin:1.35rem 0 .45rem;color:#e8ded0;font-size:clamp(13px,1.35vw,20px);letter-spacing:.04em;text-transform:uppercase}
.legal-content p{margin:.25rem 0 .85rem;font-size:clamp(11px,1.05vw,16px);line-height:1.55}
.legal-content a{color:#e8ded0}
/* Sprachflaggen – nur Startseite */
.lang-flags{position:absolute;z-index:50;right:1.15%;top:3.15%;height:5.3%;width:7.2%;display:flex;align-items:center;justify-content:flex-end;gap:10%;background:#050505}
.lang-flags a{display:flex;align-items:center;justify-content:center;width:42%;height:100%;text-decoration:none;font-size:clamp(16px,2vw,30px);line-height:1;cursor:pointer}

/* Full-width artwork; document scrolling keeps the footer reachable.
   The ratio spacer works without aspect-ratio or dynamic viewport units. */
/* Header overlays follow the artwork width, including on ultrawide screens. */
@supports (font-size:1cqw){
  body .nav-hotspot{font-size:1.55cqw}
  html[lang="es"] body .nav-hotspot{font-size:1.48cqw}
  .page-location,.music-location{font-size:1cqw}
}

/* Fixed flag graphics instead of OS-dependent emoji; labels and links remain intact. */
.lang-flags a[aria-label]{font-size:0;color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}
.lang-flags a:focus-visible{outline:2px solid #e8ded0;outline-offset:2px}
.lang-flags a[aria-label="Deutsch"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%200h60v40H0z%22%2F%3E%3Cpath%20fill%3D%22%23d00%22%20d%3D%22M0%2013.333h60v26.667H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffce00%22%20d%3D%22M0%2026.667h60V40H0z%22%2F%3E%3C%2Fsvg%3E")}
.lang-flags a[aria-label="English"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Cpath%20fill%3D%22%23012169%22%20d%3D%22M0%200h60v40H0z%22%2F%3E%3Cpath%20stroke%3D%22white%22%20stroke-width%3D%228%22%20d%3D%22m0%200%2060%2040M60%200%200%2040%22%2F%3E%3Cpath%20stroke%3D%22%23c8102e%22%20stroke-width%3D%223%22%20d%3D%22m0%200%2060%2040M60%200%200%2040%22%2F%3E%3Cpath%20stroke%3D%22white%22%20stroke-width%3D%2213%22%20d%3D%22M30%200v40M0%2020h60%22%2F%3E%3Cpath%20stroke%3D%22%23c8102e%22%20stroke-width%3D%228%22%20d%3D%22M30%200v40M0%2020h60%22%2F%3E%3C%2Fsvg%3E")}
.lang-flags a[aria-label="Español"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Cpath%20fill%3D%22%23aa151b%22%20d%3D%22M0%200h60v40H0z%22%2F%3E%3Cpath%20fill%3D%22%23f1bf00%22%20d%3D%22M0%2010h60v20H0z%22%2F%3E%3Cpath%20fill%3D%22%23aa151b%22%20d%3D%22M16%2017h7v8q-3.5%205-7%200z%22%2F%3E%3Cpath%20fill%3D%22%23f1bf00%22%20d%3D%22M17%2018h2v3h-2zm4%200h1v3h-1z%22%2F%3E%3Cpath%20fill%3D%22%23c8b47a%22%20d%3D%22M15%2014h9v3h-9z%22%2F%3E%3C%2Fsvg%3E")}