:root{--paper:#f7f6f2;--ink:#242621;--muted:#6e7168;--line:#d7d8cf;--accent:#49604a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}header,footer,main{max-width:1440px;margin:auto}header{padding:36px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:24px;font-weight:600;letter-spacing:-.7px;text-decoration:none;line-height:1.2}.brand span{display:block;font-size:12px;letter-spacing:1.7px;font-weight:400;margin-top:9px;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none;padding:7px 0;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--ink)}main{padding:40px 5vw 90px;min-height:70vh}.intro{display:grid;grid-template-columns:1.8fr 1fr;gap:8vw;align-items:end;margin:20px 0 50px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 0 22px}h1{font-size:clamp(48px,6.6vw,94px);font-weight:400;line-height:1.02;letter-spacing:-4px;margin:0}h1 em{font-family:Georgia,serif;font-weight:400}p{margin:0 0 20px}.intro aside{max-width:320px;font-size:16px;color:var(--muted);padding-bottom:5px}.textlink{display:inline-block;font-size:14px;margin-top:12px;color:var(--ink)}.hero-image{margin:0}.hero-image button{display:block;border:0;background:#e8e7e1;width:100%;padding:0;cursor:zoom-in}.hero-image img{display:block;max-width:100%;width:100%;height:clamp(260px,43vw,570px);object-fit:contain}.caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:12px;gap:16px}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);margin:72px 0 30px;padding-top:22px;gap:20px}h2{font-weight:400;font-size:30px;letter-spacing:-.8px;margin:0}.section-head a{font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.work{text-decoration:none}.work .frame{height:290px;display:flex;align-items:center;justify-content:center;background:#eeede7;padding:16px;overflow:hidden}.work img{max-width:100%;max-height:100%;transition:transform .3s}.work:hover img{transform:scale(1.025)}.work h3{font-size:17px;font-weight:400;margin:16px 0 2px}.work small{font-size:12px;color:var(--muted)}.years{display:grid;grid-template-columns:repeat(6,1fr);gap:0 28px}.years a{padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:25px;display:flex;justify-content:space-between}.years a span{font-size:15px;color:var(--muted)}.page-head{max-width:900px;margin:20px 0 55px}.page-head h1{font-size:clamp(44px,6vw,76px)}.back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:30px}.body-copy{max-width:900px;line-height:1.8}.body-copy p{margin-bottom:24px}.body-copy figure{margin:32px 0}.body-copy img{max-width:100%;max-height:800px;display:block;margin:auto}.image-open{background:transparent;padding:0;border:0;cursor:zoom-in;max-width:100%}.body-copy figure .image-open{display:block;margin:auto}.body-copy>a{display:inline-block}.index-copy{max-width:900px}.index-copy a{margin-right:14px}.note{font-size:14px;color:var(--muted);max-width:600px}footer{border-top:1px solid var(--line);padding:26px 5vw 35px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer div{display:flex;gap:24px}footer a{text-decoration:none}dialog{background:#f7f6f2;border:0;padding:50px 20px 20px;max-width:96vw;max-height:96vh}dialog::backdrop{background:#171914e8}dialog img{display:block;max-width:90vw;max-height:80vh;object-fit:contain}.close{position:absolute;right:20px;top:10px;border:0;background:none;cursor:pointer;font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:5}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;padding-top:25px;gap:22px}nav{gap:22px;flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:25px;margin-top:0}h1{letter-spacing:-2px}.intro aside{max-width:480px}.grid{grid-template-columns:1fr 1fr;gap:30px 18px}.grid .work:last-child{grid-column:1/-1}.years{grid-template-columns:repeat(4,1fr)}.work .frame{height:240px}main{padding-top:22px}.section-head{margin-top:48px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.grid .work:last-child{grid-column:auto}.work .frame{height:320px}.years{grid-template-columns:repeat(3,1fr);gap:0 18px}footer{gap:20px;flex-direction:column}.caption{flex-direction:column;gap:0}nav{font-size:13px;gap:20px}}

/* Kompaktere Startseiten-Typografie und Jahresnavigation. */
.intro h1{font-size:clamp(38px,4.6vw,66px);line-height:1.1;letter-spacing:-2px}
.intro{margin-bottom:36px}
.years{grid-template-columns:repeat(8,minmax(0,1fr));gap:0 24px}
.years a{font-size:17px;padding:9px 0;min-height:44px;align-items:center}
.years a span{font-size:12px}
.year-section .section-head{margin:44px 0 16px;padding-top:16px}
.year-section h2{font-size:23px;letter-spacing:-.4px}
.year-section .note{font-size:12px}
@media(max-width:800px){.years{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 18px}.intro h1{letter-spacing:-1.3px}}
@media(max-width:480px){.years{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px}.years a{font-size:16px}.year-section .section-head{gap:12px}.year-section h2{font-size:21px}}

/* Gut lesbare Navigation mit ausreichend großen Berührungsflächen. */
nav{font-size:17px;gap:28px}
nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px}
footer{font-size:15px;align-items:center}
footer div{gap:24px;flex-wrap:wrap}
footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px}
@media(max-width:800px){header{gap:18px}nav{font-size:17px;gap:8px 24px}}
@media(max-width:480px){nav{font-size:17px;gap:4px 20px}footer{align-items:flex-start}footer div{gap:4px 20px}}

.body-copy video{display:block;width:100%;max-height:75vh;background:#161913;margin:25px auto}
.body-copy figcaption{font-size:14px;color:var(--muted);margin:10px 0 28px}
.video-error{font-size:15px;color:var(--muted)}

.hero-image .hero-link{display:block;width:100%;background:#e8e7e1;cursor:pointer}

.hero-image .hero-video{display:block;width:100%;height:clamp(260px,43vw,570px);object-fit:contain;background:#171914}

.slideshow-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.slideshow-controls button{border:1px solid var(--line);background:transparent;padding:9px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:14px}.slideshow-controls button:hover{background:#e8e7e1}.slideshow-status{font-size:13px;color:var(--muted);margin-left:auto}.slideshow .grid .work:last-child{grid-column:auto}.concerts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:7vw;align-items:start;max-width:1050px}.concerts-layout>aside{min-width:0}.concerts-years{min-width:0}.concert-slideshow .work{display:block}.concert-slideshow .frame{height:260px}.concert-slideshow .work h3{font-size:16px}.concert-slideshow .slideshow-controls{gap:7px}.concert-slideshow .slideshow-controls button{padding:8px 10px}.slideshow-controls[hidden]{display:none}@media(max-width:700px){.concerts-layout{grid-template-columns:1fr;gap:32px}.concerts-layout>aside{max-width:420px;width:100%}.concert-slideshow .frame{height:250px}}

/* Concerts: Jahresliste und Bild bleiben innerhalb der verfügbaren Breite. */
.concerts-layout{width:100%;min-width:0;grid-template-columns:minmax(100px,180px) minmax(0,360px);gap:clamp(20px,4vw,56px);justify-content:start}.concerts-layout>aside{width:100%;max-width:360px;justify-self:start;min-width:0}.concert-slideshow,.concert-slide-content,.concert-slideshow .work,.concert-slideshow .frame{min-width:0;max-width:100%;width:100%}.concert-slideshow .work h3,.concert-slideshow .work small{overflow-wrap:anywhere}.concert-slideshow .frame img{display:block;min-width:0;width:auto;height:auto;object-fit:contain}.concerts-years{overflow-wrap:anywhere}
@media(max-width:700px){.concerts-layout{grid-template-columns:minmax(54px,74px) minmax(0,1fr);gap:16px}.concerts-layout>aside{width:100%;max-width:360px}.concert-slideshow .frame{height:clamp(150px,48vw,250px);padding:10px}.concert-slideshow .slideshow-controls{display:grid;grid-template-columns:44px 44px minmax(0,1fr);gap:8px;margin-top:14px}.concert-slideshow [data-slide-prev]{grid-column:1;grid-row:1}.concert-slideshow [data-slide-next]{grid-column:2;grid-row:1}.concert-slideshow [data-slide-pause]{grid-column:1/-1;grid-row:2;width:100%}.concert-slideshow .slideshow-status{grid-column:3;grid-row:1;margin-left:0;justify-self:end;white-space:nowrap}.concert-slideshow .slideshow-controls[hidden]{display:none}}

#works-list .section-head h2{font-size:23px;letter-spacing:-.4px}@media(max-width:480px){#works-list .section-head h2{font-size:21px}}

/* Individuelle Bildgrößen gelten nur für Desktop und Tablet. */
@media(min-width:601px){.body-copy figure[data-image-width="30"]{width:30%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="30"] img,.body-copy img[data-image-width="30"]{max-height:240px}.body-copy img[data-image-width="30"]{max-width:30%;height:auto}.body-copy figure[data-image-width="35"]{width:35%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="35"] img,.body-copy img[data-image-width="35"]{max-height:280px}.body-copy img[data-image-width="35"]{max-width:35%;height:auto}.body-copy figure[data-image-width="40"]{width:40%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="40"] img,.body-copy img[data-image-width="40"]{max-height:320px}.body-copy img[data-image-width="40"]{max-width:40%;height:auto}.body-copy figure[data-image-width="45"]{width:45%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="45"] img,.body-copy img[data-image-width="45"]{max-height:360px}.body-copy img[data-image-width="45"]{max-width:45%;height:auto}.body-copy figure[data-image-width="50"]{width:50%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="50"] img,.body-copy img[data-image-width="50"]{max-height:400px}.body-copy img[data-image-width="50"]{max-width:50%;height:auto}.body-copy figure[data-image-width="55"]{width:55%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="55"] img,.body-copy img[data-image-width="55"]{max-height:440px}.body-copy img[data-image-width="55"]{max-width:55%;height:auto}.body-copy figure[data-image-width="60"]{width:60%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="60"] img,.body-copy img[data-image-width="60"]{max-height:480px}.body-copy img[data-image-width="60"]{max-width:60%;height:auto}.body-copy figure[data-image-width="65"]{width:65%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="65"] img,.body-copy img[data-image-width="65"]{max-height:520px}.body-copy img[data-image-width="65"]{max-width:65%;height:auto}.body-copy figure[data-image-width="70"]{width:70%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="70"] img,.body-copy img[data-image-width="70"]{max-height:560px}.body-copy img[data-image-width="70"]{max-width:70%;height:auto}.body-copy figure[data-image-width="75"]{width:75%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="75"] img,.body-copy img[data-image-width="75"]{max-height:600px}.body-copy img[data-image-width="75"]{max-width:75%;height:auto}.body-copy figure[data-image-width="80"]{width:80%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="80"] img,.body-copy img[data-image-width="80"]{max-height:640px}.body-copy img[data-image-width="80"]{max-width:80%;height:auto}.body-copy figure[data-image-width="85"]{width:85%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="85"] img,.body-copy img[data-image-width="85"]{max-height:680px}.body-copy img[data-image-width="85"]{max-width:85%;height:auto}.body-copy figure[data-image-width="90"]{width:90%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="90"] img,.body-copy img[data-image-width="90"]{max-height:720px}.body-copy img[data-image-width="90"]{max-width:90%;height:auto}.body-copy figure[data-image-width="95"]{width:95%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="95"] img,.body-copy img[data-image-width="95"]{max-height:760px}.body-copy img[data-image-width="95"]{max-width:95%;height:auto}.body-copy figure[data-image-width="100"]{width:100%;margin-left:auto;margin-right:auto}.body-copy figure[data-image-width="100"] img,.body-copy img[data-image-width="100"]{max-height:800px}.body-copy img[data-image-width="100"]{max-width:100%;height:auto}}