@font-face{font-family:"Bagel Fat One";src:url(fonts/bagel-fat-one-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --navy:#1A0D08;--hemd:#FBE9D4;--burst:#FF7A2E;--rot:#D9442B;--gelb:#FFC15A;
  --bg:#140A06;--ink:var(--hemd);--muted:#DDB896;--line:rgba(255,193,90,.3);
  color-scheme:dark;
  --display:"Bagel Fat One","Arial Rounded MT Bold","Arial Black",system-ui,sans-serif;
  --text:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0}
html{background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(20,10,6,.88),rgba(20,10,6,.94)),url(buehne.jpg) 58% 30%/cover no-repeat}
body{background:transparent;color:var(--ink);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--burst);outline-offset:3px;border-radius:8px}
.wrap{max-width:40rem;margin:0 auto;padding:0 1.25rem}
.top{padding:1.1rem 0;font-weight:800}
.top a{text-decoration:none}
main{padding:2rem 0 3rem}
h1{font:400 clamp(2.6rem,9vw,3.6rem)/1 var(--display);margin:0 0 1.5rem;text-shadow:0 .05em 0 var(--rot)}
main a{color:var(--gelb)}
h2{font-weight:800;font-size:1.15rem;margin:2rem 0 .3rem}
p{margin:0 0 1rem}
footer{display:flex;gap:1.4rem;border-top:2px solid var(--line);padding:1.5rem 0 2.5rem;color:var(--muted);font-weight:600}