@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#14130E;--paper:#F4F0E7;--accent:#EBA337;--mute:rgba(244,240,231,.62);
  --line:rgba(244,240,231,.16);--b:19px;--c:15px;--d:50px;--lh:1.5;--gap:calc(var(--b)*1.5);
  --rand:clamp(16px,5vw,64px)}
@media (max-width:640px){:root{--b:16px;--c:13px;--d:42px}}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  font-size:var(--b);line-height:var(--lh);font-weight:400;-webkit-font-smoothing:antialiased;font-kerning:none}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{text-decoration-thickness:2px}
p,h1,h2,h3,ul,ol,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
.skip{position:absolute;left:-999px}.skip:focus{left:var(--rand);top:8px;background:var(--paper);color:var(--ink);padding:4px 8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--rand)}
.col{max-width:64ch}
.d{font-size:var(--d);line-height:1.02;font-weight:600;letter-spacing:0;overflow-wrap:normal}
.b6{font-weight:600}
.c{font-size:var(--c);line-height:1.45}
.m{color:var(--mute)}
.nw{white-space:nowrap}
.a{color:var(--accent)}
.up{text-transform:uppercase}
.gap{margin-top:var(--gap)}
.gap2{margin-top:calc(var(--gap)*2)}
.gap3{margin-top:calc(var(--gap)*3)}
.half{margin-top:calc(var(--gap)/2)}
/* header */
.kopf{border-bottom:1px solid var(--line)}
.kopf-in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25em 2ch;padding-top:18px;padding-bottom:18px}
.marke{font-weight:600;text-decoration:none;letter-spacing:.02em}
nav{display:flex;flex-wrap:wrap;gap:.25em 2ch;text-transform:uppercase;font-size:var(--c)}
nav a{text-decoration:none;color:var(--mute)}
nav a[aria-current],nav a:hover{color:var(--paper)}
nav .lang{color:var(--paper);border:1px solid var(--line);padding:0 .6ch}
/* hero */
.hero{position:relative;background:var(--ink);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(20,19,14,.94) 0%,rgba(20,19,14,.86) 45%,rgba(20,19,14,.62) 100%),
  url(img/fenster.jpg) 100% 38%/cover no-repeat}
@media (max-width:760px){.hero::before{background:
  linear-gradient(180deg,rgba(20,19,14,.55) 0%,rgba(20,19,14,.88) 42%,rgba(20,19,14,.96) 100%),
  url(img/auto.jpg) 50% 0/cover no-repeat}}
.hero .wrap{position:relative;padding-top:calc(var(--gap)*2);padding-bottom:calc(var(--gap)*2)}
.hero-ev~.hero-ev{display:none}
/* line-ups: surname column like the posters */
.lineup .reihe{display:flex;flex-wrap:wrap;column-gap:2ch}
.lineup .nm{flex:0 0 var(--col);max-width:100%;font-weight:600;text-transform:uppercase}
.lineup .in{color:var(--mute);text-transform:uppercase}
.lineup .set{color:var(--mute);text-transform:uppercase}
.info p{max-width:64ch}
.aktionen{display:flex;flex-wrap:wrap;gap:.4em 3ch}
.aktionen a::after{content:" →"}
/* lists */
.ev{border-top:1px solid var(--line);padding-top:var(--gap)}
.ev+.ev{margin-top:calc(var(--gap)*1.5)}
.archiv li{border-top:1px solid var(--line);padding:.6em 0;display:grid;grid-template-columns:22ch 1fr;column-gap:2ch}
@media (max-width:640px){.archiv li{grid-template-columns:1fr}}
.kurz li{border-top:1px solid var(--line);padding:.6em 0}
/* press */
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}
.dl img{display:block;width:100%;height:auto;background:#000;border:1px solid var(--line)}
.dl figcaption{margin-top:.5em}
.fakten{display:grid;grid-template-columns:16ch 1fr;column-gap:2ch;row-gap:.3em}
@media (max-width:640px){.fakten{grid-template-columns:1fr}.fakten dd{margin-bottom:.4em}}
.fakten dt{color:var(--mute);text-transform:uppercase;font-size:var(--c);padding-top:.2em}
.kopierbar{border-left:2px solid var(--line);padding-left:2ch}
/* forms */
.nl{display:flex;flex-wrap:wrap;gap:12px;max-width:64ch}
.nl label{flex:1 1 100%}
.nl input[type=email]{flex:1 1 24ch;min-width:0;font:inherit;color:var(--paper);background:transparent;
  border:1px solid var(--mute);padding:.55em .8em;border-radius:0}
.nl input[type=email]:focus{outline:2px solid var(--paper);outline-offset:1px}
.nl button{font:inherit;font-weight:600;text-transform:uppercase;color:var(--ink);background:var(--paper);
  border:0;padding:.55em 1.2em;cursor:pointer;border-radius:0}
.nl .nl-msg{flex:1 1 100%}
.hp{position:absolute;left:-5000px}
/* text pages */
.text h2{font-size:var(--b);font-weight:600;text-transform:uppercase;margin-top:calc(var(--gap)*1.5)}
.text p,.text ul{margin-top:.6em;max-width:64ch}
.text ul li{padding-left:2ch;text-indent:-2ch}
.text ul li::before{content:"– "}
/* footer */
.fuss{margin-top:calc(var(--gap)*4);border-top:1px solid var(--line);padding:var(--gap) 0 calc(var(--gap)*2)}
.fuss .wrap{display:flex;flex-wrap:wrap;gap:.4em 3ch;font-size:var(--c);color:var(--mute)}
.fuss a{color:var(--mute)}
.fuss a:hover{color:var(--paper)}
main>section:first-child.wrap{padding-top:calc(var(--gap)*2)}