:root{color-scheme:light;--green:#008d42;--deep:#005a39;--ink:#173c2d;--muted:#536b5e;--line:#dce8df;--off:#f3f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,svg{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #008d42;outline-offset:5px}.skip-link{position:fixed;top:-100px;background:var(--deep);color:white;padding:12px;z-index:100}.skip-link:focus{top:0}.topbar{position:sticky;top:0;z-index:20;min-height:88px;padding:10px max(24px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:180px;max-height:68px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650}.nav-links a:hover{color:var(--green)}.sound-toggle{padding:9px 15px;background:var(--off);border-radius:30px;color:var(--deep)}.nav-toggle{display:none;border:0;background:white;width:44px;height:44px;justify-content:center;align-items:center;flex-direction:column;gap:5px}.nav-toggle span{width:23px;height:2px;background:var(--deep)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:30;pointer-events:none}.scroll-progress span{display:block;background:var(--green);height:100%;width:0}.concert-announcement{background:#eaf5ed;color:var(--deep)}.concert-announcement-inner{max-width:1280px;margin:auto;padding:12px 0;display:flex;align-items:center;gap:20px;font-size:12px;flex-wrap:wrap}.concert-announcement-tag{font-size:10px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.announcement-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;flex-shrink:0}.concert-announcement-title{font-weight:750}.concert-announcement a{margin-left:auto;font-weight:700}.section,.experience,.social-stage{padding:88px max(24px,calc((100% - 1280px)/2))}.events{padding-top:54px}.section-kicker,.eyebrow,.overline,.big-year{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--green)}.section-kicker{margin-bottom:24px}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-size:clamp(38px,5vw,70px);line-height:1.12;letter-spacing:-.035em;margin-bottom:24px}h1 span,h2 span{color:var(--green)}.events-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.events-title h1{margin:0}.events-title p{max-width:360px;white-space:pre-line;color:var(--muted);margin:0 0 5px}.autumn-feature{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,86px);align-items:center;background:var(--off);border:1px solid var(--line);padding:clamp(24px,4vw,55px);border-radius:24px}.autumn-poster-wrap{width:100%;max-width:350px;margin:auto}.autumn-poster-button{width:100%;position:relative;padding:0;border:0;display:block;box-shadow:0 16px 45px #005a3920;background:white}.autumn-poster-button img{width:100%;height:auto;display:block}.autumn-poster-button>span{display:flex;justify-content:space-between;padding:9px 14px;background:white;color:var(--deep);font-size:12px}.autumn-eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.13em;color:var(--green);font-weight:750}.autumn-details h3{font-size:clamp(34px,4vw,58px);line-height:1.13;letter-spacing:-.035em;margin:20px 0}.autumn-details em,.program-heading em{font-style:normal;color:var(--green)}.autumn-intro{color:var(--muted);font-size:17px}.autumn-facts{margin:22px 0}.autumn-facts div{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:9px 0;border-bottom:1px solid var(--line)}dt{font-size:10px;letter-spacing:.08em;color:var(--muted);padding-top:4px}dd{margin:0;font-size:13px;font-weight:650}.autumn-booking{font-size:12px;color:var(--muted)}.autumn-booking a{color:var(--green);font-weight:700}.autumn-button,.btn{display:inline-flex;align-items:center;gap:20px;padding:13px 21px;background:var(--green);color:white;border-radius:30px;font-size:13px;font-weight:650}.autumn-button:hover,.btn:hover{background:var(--deep)}.concert-program{margin:34px 0 50px;padding:clamp(24px,4vw,55px);border:1px solid var(--line);border-radius:24px}.program-topline,.program-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px}.program-topline{padding-bottom:18px;border-bottom:1px solid var(--line);letter-spacing:.08em;color:var(--green);font-weight:700}.program-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:35px 0}.program-eyebrow,.program-index{font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:750}.program-heading h3{font-size:clamp(30px,4vw,55px);letter-spacing:-.03em;line-height:1.15;margin:12px 0 0}.program-heading>p{font-size:12px;color:var(--muted);line-height:1.9}.program-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.program-columns article{border-top:2px solid var(--green);padding-top:20px}.program-columns h4{font-size:25px;line-height:1.3;margin:12px 0 18px}.program-columns p{color:var(--muted);font-size:14px;line-height:1.9}.program-closing{padding:22px;background:var(--off);border-left:3px solid var(--green);margin:30px 0}.program-bottom a{color:var(--green);font-weight:700}.event-card{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:25px 0}.date{display:flex;gap:12px;align-items:center}.date strong{font-size:45px;color:var(--green);line-height:1}.date span{font-size:10px;font-weight:700;line-height:1.3}.event-info small{font-size:10px;color:var(--green);letter-spacing:.1em}.event-info h3{font-size:22px;line-height:1.25;margin:7px 0}.event-info p{font-size:13px;margin:0;color:var(--muted)}.round-arrow{margin-left:auto;color:var(--green)}.split,.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro{background:#fff}.copy p{font-size:15px;color:var(--muted);line-height:1.85}.copy .large{font-size:23px;color:var(--ink);line-height:1.5}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:white;min-width:0}.feature-card>span,.card-index{font-size:11px;color:var(--green)}.feature-card h3{margin:28px 0 10px;font-size:19px;line-height:1.3}.feature-card p{font-size:14px;color:var(--muted);margin:0}.award-section{background:#eaf5ed;padding:30px max(24px,calc((100% - 1280px)/2))}.award-inner{display:flex;align-items:center;gap:24px}.award-symbol{font-size:45px;color:var(--green)}.award-overline{font-size:10px;letter-spacing:.08em;margin:0 0 6px;color:var(--green)}.award-inner h2{font-size:42px;margin:0}.award-inner p:last-child{font-size:12px;color:var(--muted);margin:8px 0 0}.award-inner a{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--green);font-weight:700}.sound-stage{position:relative;isolation:isolate;background:#f3f9f5;padding:85px max(24px,calc((100% - 1280px)/2));overflow:hidden}.sound-content{position:relative;z-index:1;max-width:780px}.sound-content>p{max-width:600px;color:var(--muted)}.piper-art{position:absolute;inset:0;z-index:0;pointer-events:none}.piper-figures{position:absolute;inset:0;background:linear-gradient(90deg,#f3f9f5 15%,#f3f9f5ed 45%,#f3f9f57a 100%),url('assets/rattenfaenger-kelag.webp') right center/cover;opacity:.35}.recording-player{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:20px;max-width:680px}.recording-heading{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.recording-heading span{font-size:9px;color:var(--green);font-weight:700;letter-spacing:.1em}.recording-heading strong{font-size:23px;line-height:1.25;letter-spacing:-.02em}.recording-heading small{font-size:13px;color:var(--muted)}.recording-note{font-size:12px;color:var(--muted)}audio{width:100%;display:block;min-height:54px;color-scheme:light}.experience{background:#fff}.experience-head{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}.experience-head>p{color:var(--muted);font-size:14px}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.experience-card{padding:25px;border:1px solid var(--line);border-radius:16px;min-width:0}.icon-shell{width:35px;height:35px;margin-bottom:22px}.icon-shell svg{fill:none;stroke:var(--green);stroke-width:1.5}.experience-card h3{font-size:17px;line-height:1.35;margin:15px 0}.experience-card p{font-size:13px;color:var(--muted)}.card-arrow{color:var(--green)}.statement{padding:60px 24px;text-align:center;background:#eaf5ed}.statement p{font-size:clamp(24px,3vw,40px);line-height:1.4;max-width:900px;margin:auto;letter-spacing:-.025em}.statement span{color:var(--green)}.statement-line{display:none}.history{background:var(--off)}.history h2{font-size:clamp(36px,4.3vw,60px)}.timeline{border-left:1px solid #bfdbc9}.timeline article{position:relative;padding:0 0 32px 28px;display:grid;grid-template-columns:65px 1fr;gap:18px}.timeline article:before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--green)}.timeline b{font-size:11px;color:var(--green);letter-spacing:.05em}.timeline h3{font-size:20px;line-height:1.3;margin-bottom:10px}.timeline p{font-size:14px;color:var(--muted);margin:0}.social-stage{background:white;padding-top:55px;padding-bottom:55px}.social-head h2{font-size:38px}.social-head>p:last-child{font-size:14px;color:var(--muted);max-width:620px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-card{border:1px solid var(--line);border-radius:12px;padding:20px}.social-card-top{display:flex;gap:12px;font-size:10px;color:var(--green);font-weight:750}.social-card-top b{margin-left:auto}.social-card-center strong{display:block;font-size:19px;margin-top:12px}.social-card-center p{font-size:12px;color:var(--muted);margin:5px 0 0}.social-card-lines{display:none}.join{background:#eaf5ed;padding:70px max(24px,calc((100% - 1280px)/2))}.join h2{font-size:clamp(34px,4.6vw,60px);max-width:850px}.join em{font-style:normal;color:var(--green)}.join p{max-width:600px;color:var(--muted)}footer{padding:55px max(24px,calc((100% - 1280px)/2)) 25px;display:grid;grid-template-columns:1.2fr 1fr .6fr .6fr;gap:30px;background:#fff;border-top:1px solid var(--line);font-size:12px}footer>div{display:flex;flex-direction:column;gap:8px}.footer-logo img{width:210px;max-height:100px;object-fit:contain;object-position:left top}.footer-label{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:7px}footer span{color:var(--muted)}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.poster-dialog{border:0;padding:10px;background:#fff;border-radius:10px;max-width:min(95vw,760px);max-height:94vh}.poster-dialog::backdrop{background:#102b23b3}.poster-dialog img{display:block;max-height:88vh;width:auto;height:auto;margin:auto}.poster-close{position:fixed;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;z-index:2}.reveal{opacity:1;transform:none}section[id],div[id]{scroll-margin-top:105px}
@media(max-width:1350px){.concert-announcement-inner{padding:12px 24px}}
@media(max-width:980px){.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;background:white;padding:20px 24px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:0}.nav-links.open{display:flex}.nav-links a{padding:10px}.topbar{min-height:76px;padding:8px 24px}.brand img{max-height:56px;width:160px}.experience-grid{grid-template-columns:1fr 1fr}.split,.history-grid{gap:35px}.concert-announcement-date{flex-basis:100%}.concert-announcement a{margin-left:0}.concert-announcement-inner{gap:7px 16px}}
@media(max-width:720px){.section,.experience{padding:60px 20px}.events{padding-top:30px}.events-title,.program-heading{display:block}.events-title p{margin-top:18px;font-size:14px}.autumn-feature{grid-template-columns:1fr;padding:20px;gap:30px}.autumn-poster-wrap{max-width:290px}.autumn-details h3{font-size:37px}.autumn-intro{font-size:15px}.program-columns,.split,.history-grid,.experience-head{grid-template-columns:1fr;gap:25px}.program-topline,.program-bottom{flex-direction:column;gap:7px}.program-heading>p{margin-top:20px}.concert-program{padding:22px;border-radius:18px}.program-closing{font-size:14px;padding:18px}.feature-strip{grid-template-columns:1fr;gap:12px;margin-top:25px}.feature-card{padding:22px}.feature-card h3{margin-top:15px}.award-inner{flex-wrap:wrap;gap:15px}.award-inner a{margin-left:0}.award-symbol{display:none}.award-inner h2{font-size:36px}.sound-stage{padding:60px 20px}.recording-player{padding:18px}.recording-heading strong{font-size:20px}.experience-head>p{margin:0}.experience-grid{gap:12px}.experience-card{padding:20px}.social-grid{grid-template-columns:1fr}.social-stage{padding:45px 20px}.social-head h2{font-size:34px}.timeline article{grid-template-columns:1fr;gap:6px;padding-left:22px}.event-card{gap:16px}.event-info h3{font-size:18px}.round-arrow{display:none}.join{padding:55px 20px}footer{grid-template-columns:1fr 1fr;padding:40px 20px 25px}.footer-logo{grid-column:1/-1}.concert-announcement-title{font-size:12px}.concert-announcement-inner{padding:10px 20px}.concert-announcement-date{font-size:11px}.copy .large{font-size:21px}}
@media(max-width:390px){h2{font-size:35px}.experience-grid{grid-template-columns:1fr}.autumn-details h3{font-size:32px}.autumn-facts div{grid-template-columns:70px 1fr;gap:10px}footer{grid-template-columns:1fr}.footer-logo{grid-column:auto}.section-kicker{font-size:9px}.brand img{width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:720px){.events-title h1{font-size:clamp(25px,7.2vw,49px);line-height:1.15;letter-spacing:-.035em}.autumn-facts dd{overflow-wrap:anywhere}.experience-card h3{overflow-wrap:anywhere}}

/* Urkunde: leichte Vorschau, Original separat abrufbar. */
.award-preview{max-width:440px;margin:28px auto 0;text-align:center}.award-preview>a{display:block}.award-preview img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}.award-preview figcaption{font-size:12px;color:var(--muted);margin-top:12px}.award-preview figcaption a{color:var(--deep);text-decoration:underline}.history-source{font-size:12px!important;margin-top:10px!important}.history-grid>*{min-width:0}.timeline p{overflow-wrap:break-word}.history-head{align-self:start}.history-head h2{overflow-wrap:break-word}footer a{overflow-wrap:anywhere}

/* Kompakter Konzertauftritt – 16.10.2026 */
.section,.experience,.social-stage{padding-top:58px;padding-bottom:58px}
.events{padding-top:34px;padding-bottom:35px}
.events-title{margin-bottom:25px;align-items:center}
.events-title h1{font-size:clamp(44px,6.4vw,88px);line-height:1.02;letter-spacing:-.055em}
.events-title h1 span{background:linear-gradient(120deg,#005a39,#009a49 65%,#6dbb49);background-clip:text;-webkit-background-clip:text;color:transparent}
.autumn-feature{position:relative;border-radius:20px;padding:clamp(22px,3vw,40px);gap:clamp(25px,4vw,60px);background:radial-gradient(ellipse at 100% 0%,#dceee0 0%,transparent 60%),#f3f8f4;box-shadow:0 18px 55px #005a3909;border-top:3px solid var(--green)}
.autumn-poster-wrap{max-width:280px}.autumn-details h3{font-size:clamp(32px,3.7vw,51px);margin:14px 0}.autumn-intro{font-size:15px}.autumn-facts{margin:14px 0}.autumn-facts div{padding:6px 0}
.concert-program{padding:clamp(22px,3vw,38px);margin:25px 0 28px}.program-heading{margin:22px 0}.program-heading h3{font-size:clamp(30px,3.6vw,45px)}.program-columns{gap:32px}.program-columns p{line-height:1.75}.program-closing{margin:20px 0;padding:16px 20px}
.copy p{line-height:1.75}.feature-strip{margin-top:25px}.feature-card{padding:22px}.feature-card h3{margin-top:16px}.section-kicker{margin-bottom:18px}
.award-section{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:32px;align-items:center;padding-top:25px;padding-bottom:25px;background:linear-gradient(110deg,#e6f3e9,#f4f9f5);border-block:1px solid #cfe4d4}
.award-inner{gap:22px}.award-inner h2{font-size:clamp(48px,6vw,76px);letter-spacing:-.055em}.award-inner h2 span{font-size:.45em;letter-spacing:-.02em}.award-symbol{font-size:60px}.award-preview{width:100%;margin:0;max-width:none}.award-zoom{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--deep);cursor:zoom-in}.award-preview img{max-height:175px;filter:drop-shadow(0 6px 12px #005a391c);transition:transform .2s}.award-zoom:hover img{transform:translateY(-3px)}.award-preview figcaption{font-size:11px;margin-top:7px}.award-dialog{max-width:min(96vw,900px)}.award-dialog img{max-height:88vh;max-width:100%;object-fit:contain}
.sound-stage{padding-top:58px;padding-bottom:58px;background:radial-gradient(ellipse at 80% 30%,#d9eddd 0%,#f3f9f5 75%)}.sound-content{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.sound-content>.eyebrow,.sound-content>h2,.sound-content>p{grid-column:1/-1}.sound-content>h2{font-size:clamp(38px,5vw,64px);margin-bottom:16px}.sound-content>.recording-player{max-width:none;margin-top:12px;padding:22px;align-self:stretch;box-shadow:0 12px 28px #005a3908}.recording-heading strong{font-size:21px}.piper-figures{opacity:.48}.statement{padding:38px 24px}.statement p{font-size:clamp(24px,3vw,38px)}
.history-grid{display:block}.history-head{text-align:center;margin-bottom:32px}.history-head h2{font-size:clamp(32px,4vw,51px);margin:12px 0}.timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:0;border:0;max-width:1050px;margin:auto}.timeline:before{content:'';position:absolute;left:50%;top:0;bottom:20px;width:2px;background:linear-gradient(#008d42,#bddbc6);transform:translateX(-50%)}.timeline article{display:block;position:relative;padding:18px 22px;margin-bottom:18px;border:1px solid #d6e6da;border-radius:14px;background:#fff;box-shadow:0 5px 18px #005a3905;align-self:start}.timeline article:nth-child(odd){grid-column:1}.timeline article:nth-child(even){grid-column:2;margin-top:45px}.timeline article:nth-child(2){grid-row:1 / 3}.timeline article:nth-child(3){grid-row:2 / 4}.timeline article:nth-child(4){grid-row:3 / 5}.timeline article:nth-child(5){grid-row:4 / 6}.timeline article:nth-child(6){grid-row:5 / 7}.timeline article:nth-child(7){grid-row:6 / 8}.timeline article:before{left:auto;right:-38px;top:25px;width:12px;height:12px;border:3px solid #f3f8f4;box-sizing:content-box}.timeline article:nth-child(even):before{right:auto;left:-42px}.timeline b{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:8px}.timeline h3{font-size:19px;margin-bottom:8px}.timeline p{font-size:13px;line-height:1.65}.timeline .history-source{font-size:11px!important}
.social-stage{display:flex;align-items:center;gap:35px;padding-top:35px;padding-bottom:35px}.social-head{flex:1;min-width:0}.social-head h2{font-size:29px;margin-bottom:12px}.social-head>p:last-child{margin-bottom:0}.social-grid{flex:1.2;min-width:0}.social-card{padding:17px}.social-card-center strong{font-size:15px;overflow-wrap:anywhere}.social-card-center p{font-size:11px}.join{padding-top:40px;padding-bottom:40px}.join h2{font-size:clamp(32px,4vw,49px);margin-bottom:15px}footer{padding-top:35px;padding-bottom:22px}
@media(max-width:720px){.section{padding-top:42px;padding-bottom:42px}.events{padding-top:26px}.events-title h1{font-size:clamp(28px,7.2vw,50px);letter-spacing:-.035em}.autumn-poster-wrap{max-width:235px}.autumn-feature{gap:23px}.autumn-details h3{font-size:35px}.award-section{grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:24px 20px}.award-inner h2{font-size:47px}.award-preview img{max-height:135px}.award-inner p:last-child{font-size:11px}.sound-stage{padding:42px 20px}.sound-content{grid-template-columns:1fr}.sound-content>.recording-player{grid-column:1;padding:18px}.history-head{margin-bottom:23px;text-align:left}.history-head h2{font-size:32px}.timeline{display:block;padding-left:24px}.timeline:before{left:5px;transform:none;bottom:0}.timeline article,.timeline article:nth-child(even){margin:0 0 14px;padding:17px 18px}.timeline article:before,.timeline article:nth-child(even):before{left:-28px;right:auto;top:21px}.social-stage{display:block;padding:30px 20px}.social-head{margin-bottom:20px}.social-grid{grid-template-columns:1fr 1fr}.social-card{padding:14px}.social-card-center strong{font-size:13px}.social-card-center p{font-size:11px}.social-head h2 br{display:none}.statement{padding:30px 20px}.join{padding:35px 20px}.program-columns{gap:22px}}
@media(max-width:390px){.award-section{grid-template-columns:minmax(0,1fr) 80px}.award-inner h2{font-size:40px}.social-grid{grid-template-columns:1fr}.autumn-details h3{font-size:32px}}

/* Programm als gemeinsamer Teil des Konzertblocks. */
.autumn-feature>.concert-program{grid-column:1/-1;margin:0;padding:28px 0 0;border:0;border-top:1px solid #caddcf;border-radius:0;background:transparent;box-shadow:none}
.autumn-feature>.concert-program .program-heading{margin:0 0 24px}
.autumn-feature>.concert-program .program-heading h3{font-size:clamp(28px,3.3vw,42px)}
.autumn-feature>.concert-program .program-closing{background:#ffffffa8;margin:20px 0 16px}
.autumn-feature>.concert-program .program-bottom{justify-content:flex-end}
.events .event-card{margin-top:28px}
@media(max-width:720px){.autumn-feature>.concert-program{padding-top:24px}.autumn-feature>.concert-program .program-heading h3{font-size:29px}.autumn-feature>.concert-program .program-bottom{align-items:flex-start}}