/* Freigegebene bestandsnahe Variante 1 · Live-Übernahme · 24.10.2026.
   Erweiterung der vorhandenen Wagtail-Gestaltung; Original-Logos und Schriftdateien bleiben unverändert. */
:root{--papier:#eae9e1;--papier-hell:#f5f4ee;--papier-dunkel:#dddcd4;--anthrazit:#323b42;--nacht:#293137;--text:#444b4e;--text-zart:#60696e;--text-hell:#f0ede4;--weiss:#fbfbf9;--weinrot:#651713;--gold:#d6990a;--gold-hell:#f2cd68;--datumrot:#a24720;--breite:1212px;--rand:36px;--dock:112px;--ecke:0}
html{scroll-behavior:smooth;scroll-padding-top:28px;scroll-padding-bottom:calc(var(--dock) + 30px);scrollbar-color:#a77b22 var(--papier)}
body{font:300 19px/1.5 var(--schrift);background:var(--papier);padding-bottom:var(--dock)}
::selection{background:var(--gold);color:#20282d}
a{text-underline-offset:5px}button,select,input,textarea{font-family:var(--schrift);accent-color:#9b741e;caret-color:#651713}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a77b22;outline-offset:5px}
p,li,dd{overflow-wrap:break-word}.innen{min-width:0}.innen>*,.mit-seite>*,.termin__karte>*,.filter>*{min-width:0}
.flaeche-papier{background:var(--papier)}.flaeche-schiefer{background:#58616a;color:var(--text-hell)}
.abschnitt{padding:100px 0}
.titel-gross{font:300 clamp(39px,4vw,58px)/1.15 var(--kapitaelchen);letter-spacing:0;color:var(--weinrot);text-wrap:balance}
.titel-gold{font:300 clamp(39px,4vw,58px)/1.15 var(--kapitaelchen);color:var(--gold-hell)}
.titel-verlauf{background:none;color:var(--gold-hell);-webkit-text-fill-color:currentColor}
.unterzeile{color:var(--text);font-size:24px;line-height:1.25}
.fliesstext{max-width:70ch}.fliesstext h2{font-size:34px;line-height:1.2}.fliesstext h3{font-weight:400;font-size:26px;line-height:1.25}
.klein,.bild figcaption{color:var(--text-zart);font-size:16px;line-height:1.5}
:is(.flaeche-schiefer,.flaeche-nacht,.flaeche-anthrazit) .klein{color:var(--text-hell)}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:18px;font-weight:400;line-height:1.2;padding:9px 23px;border:1px solid #9b741e;border-radius:28px;color:#765312;max-width:100%;text-align:center}
.knopf:hover,.knopf:focus-visible{color:#252d31;background:var(--gold);border-color:var(--gold)}
.knopf--voll{color:#252d31;background:var(--gold)}
.knopf--weinrot{color:var(--weinrot);border-color:var(--weinrot)}.knopf--weinrot:hover,.knopf--weinrot:focus-visible{color:var(--weiss);background:var(--weinrot);border-color:var(--weinrot)}
:is(.flaeche-schiefer,.flaeche-anthrazit,.flaeche-nacht) .knopf{color:var(--gold-hell);border-color:var(--gold-hell)}
:is(.flaeche-schiefer,.flaeche-anthrazit,.flaeche-nacht) .knopf:hover{color:#252d31;background:var(--gold-hell)}
.menueknopf{left:20px;top:18px;width:auto;min-width:108px;min-height:46px;padding:10px 14px;gap:10px;flex-direction:row;justify-content:start;align-items:center;border:1px solid #dac17c;border-radius:0;background:#273136ed;color:#f2cd68}
.menueknopf b{font:400 18px/1.2 var(--schrift)}.menueknopf__linien{display:flex!important;width:24px;height:18px!important;flex-direction:column;justify-content:space-between;background:none!important;border-radius:0!important;transform:none!important;opacity:1!important}
.menueknopf__linien i{height:1.5px;width:24px;display:block;background:currentColor;transition:transform .2s,opacity .2s}
.menueknopf[aria-expanded="true"] .menueknopf__linien i:nth-child(1){transform:translateY(8px) rotate(45deg)}.menueknopf[aria-expanded="true"] .menueknopf__linien i:nth-child(2){opacity:0}.menueknopf[aria-expanded="true"] .menueknopf__linien i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menue{inset:0 0 var(--dock);width:100%;padding:95px max(6vw,24px) 35px;background:var(--papier)}
.menue>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 40px}.menue>ul>li{border:0}
.menue>ul>li>a{font:300 30px/1.15 var(--kapitaelchen);color:var(--weinrot);padding:0 0 12px}.menue>ul>li>a[aria-current]{color:var(--weinrot);text-decoration:underline}
.menue ul ul{padding:0}.menue ul ul a{padding:5px 0;font-size:19px;line-height:1.35;color:var(--text)}.menue a:hover{color:#765312;text-decoration:underline}.menue__fuss{border-top:1px solid #c6c3b8;padding-top:24px}.menue__fuss a{color:var(--text)}
body.menue-offen{overflow:hidden}
.buehne{height:100svh;max-height:none;min-height:620px}.buehne__bild::after{background:rgba(0,0,0,.29)}.buehne__bild img{object-position:center 44%}
.buehne__text .innen{max-width:1032px}.buehne__titel{font:100 clamp(60px,6.7vw,96px)/1.1 var(--kapitaelchen);letter-spacing:.015em;text-shadow:none;overflow-wrap:normal;margin:0 0 22px}
.buehne__unter{font:300 38px/1.2 var(--kapitaelchen);margin:0 0 20px}.buehne .knopf{background:#253039aa;color:#fff5db;border-color:#e1bc53}.buehne .knopf:hover{color:#252d31;background:var(--gold)}
.buehne__pfeil{width:44px;height:44px}.buehne__pfeil--zurueck{left:24px}.buehne__pfeil--vor{right:24px}
.buehne__bild[aria-hidden="true"]{visibility:hidden;pointer-events:none}.buehne__bild.aktiv{visibility:visible}
.willkommen{grid-template-columns:1fr 1.35fr .85fr;gap:32px}.willkommen__kopf .titel-gross{font-size:48px}.willkommen__kopf .unterzeile{margin-top:16px}
.willkommen>.fliesstext,.willkommen__knoepfe{padding-top:58px}.willkommen__knoepfe{gap:20px;align-items:center}.willkommen__knoepfe .knopf{font-size:18px}
.konzertkarten{gap:30px;margin:70px 0 0}.konzertkarte{border-radius:0;overflow:visible;background:var(--anthrazit)}
.konzertkarte__bild{aspect-ratio:1.5;border-bottom:2px solid var(--gold)}.konzertkarte .datum{left:16px;bottom:-37px;box-shadow:none;width:84px;border-radius:6px}
.datum__tag{font-size:15px;font-weight:300}.datum__zahl{font-size:53px}.datum__monat{font-size:16px;font-weight:300}.datum__zeit{font-size:16px;background:var(--weiss);color:var(--text);border-radius:0 0 6px 6px}
.konzertkarte__ort{margin:52px 24px 13px;min-height:0;color:#f0ede4;font-size:17px;line-height:1.4}
.konzertkarte__titel{font:300 28px/1.15 var(--kapitaelchen);margin:0 24px 10px}.konzertkarte__pfeil{margin:12px 24px 20px}
.newskarten{gap:26px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px;align-items:stretch}
.newskarte,.kachel{border-radius:0;box-shadow:none}.newskarte:hover,.kachel:hover{box-shadow:none;text-decoration:none}.newskarte:hover .newskarte__titel,.kachel:hover .kachel__titel{text-decoration:underline}
.newskarte__bild,.kachel img{border:0;aspect-ratio:1.4}.newskarte__rumpf{padding:24px}.newskarte__datum{font-size:15px;color:#60696e}.newskarte__titel{font:300 27px/1.15 var(--kapitaelchen);margin:14px 0 16px}.newskarte__text{font-size:18px;line-height:1.5}
.startseite #neuigkeiten{text-align:left;max-width:24ch}.startseite .abschnitt--trenner{background:#dddcd4;border:0}
.cdbereich{background:var(--papier);color:var(--text)}.cdkopf{grid-template-columns:1fr 1.6fr .7fr;gap:40px;align-items:start}.cdkopf .titel-gold{color:var(--weinrot);font-size:48px}.cdfolie,.cdfolie.aktiv{grid-template-columns:260px 1fr auto;gap:45px}.cdfolie img{width:260px;box-shadow:none;object-fit:contain}.cdfolie h3{font:300 42px/1.15 var(--kapitaelchen);color:var(--weinrot)}.cdfolie p,.cdfolie .unterzeile{color:var(--text)}
.cdbuehne .buehne__pfeil{display:grid;top:auto;bottom:0;transform:none}.cdbuehne .buehne__pfeil--zurueck{left:0}.cdbuehne .buehne__pfeil--vor{right:0}.cdbuehne{padding-bottom:64px}.punkte{padding-inline:52px;flex-wrap:wrap;margin-top:28px}.punkte button{width:24px;height:24px;background-clip:content-box;padding:6px;border:1px solid #9b741e}
.seitenkopf{padding:105px 0 32px}.motiv+.seitenkopf{padding-top:55px}.seitenkopf__bild img,.seitenkasten{border-radius:0}.seitenkasten{box-shadow:none;margin-top:0;padding:24px}.mit-seite{gap:48px}.motiv{max-height:520px}
.innen>.fliesstext,.innen>.bild,.innen>.zitat{max-width:70ch}.innen>h2{font-weight:300;font-size:34px}.kachel__titel{font:300 29px/1.15 var(--kapitaelchen)}.kachel span{padding:22px 24px 0}.kachel__text{padding:14px 24px 25px!important;line-height:1.5}
.termine-kopf{padding:105px 0 36px;display:grid;grid-template-columns:1fr;gap:28px}.filter{gap:20px;align-items:end}.filter label{flex-direction:column;align-items:start;gap:7px;font-size:18px;flex:1}.filter select{min-height:46px;border-color:#ad8a3c;border-radius:4px;font-size:18px;padding:9px 12px;width:100%;max-width:100%}.filter .knopf{min-height:46px}.legende{font-size:18px;gap:10px 24px;margin-top:24px}
.terminzeile{border-radius:0;grid-template-columns:230px 1fr}.terminzeile__rumpf{padding:24px 70px 24px 28px}.terminzeile__titel{font-weight:300;font-size:clamp(27px,2.4vw,34px);line-height:1.2}.terminzeile__ort,.terminzeile__wann{font-size:18px;line-height:1.4}.terminzeile .datum{left:132px;top:20px;box-shadow:none}.terminzeile__bild{border:0}.faehnchen{color:#242d32;font-weight:400;background:var(--gold-hell);border-radius:0}.sparte-schuelerkonzert .faehnchen{background:#efb5d9}.sparte-familienkonzert .faehnchen{background:#c5dece}.sparte-akademie .faehnchen{background:#edc4b7}
.monatsnav{font-size:19px;margin-bottom:26px}.monatsnav a{min-height:44px;display:flex;align-items:center}.monatsnav strong{color:var(--gold-hell)}.jahr h2{font-weight:300;color:var(--gold-hell)}
.termin{padding:105px 0 80px}.termin__karte{border-radius:0;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);overflow:visible}.termin__bildrahmen{align-self:start;border:0}.termin__bild{height:auto;max-height:760px;object-fit:contain}.termin__seite{padding:30px 28px}.termin__haupt h1{font-weight:300;font-size:clamp(38px,4vw,58px);line-height:1.12;text-wrap:balance}.termin__haupt .fliesstext{font-size:20px;line-height:1.5}.termin__ort{font-size:25px}.auffuehrung__wann{font-size:19px}.auffuehrungskarten .auffuehrung{border-radius:0;padding:25px}.auffuehrung:target{outline-offset:4px}
.personen{gap:40px 30px}.person{font-size:18px;line-height:1.45}.person__name{font-size:21px}.aufnahme{gap:48px}.cdraster{gap:35px}.cdraster img,.aufnahme img{box-shadow:none}.cdraster span{font-weight:400;font-size:23px;line-height:1.2}.cdraster small{font-size:17px;line-height:1.45}
.formular{margin-top:42px;max-width:70ch}.feld{gap:8px;margin-bottom:25px}.feld input,.feld textarea,.feld select{font-size:19px;min-height:48px;padding:12px 14px;border:1px solid #929b9e;border-radius:3px}.feld input[type="checkbox"]{min-height:24px;min-width:24px;align-self:start}.feld label{font-weight:400}.fehler{font-size:17px;color:#8c321b}.feld--fehler input,.feld--fehler textarea{border:2px solid #a24720}.blaettern{flex-wrap:wrap;gap:18px}
.unterstuetzer{padding:65px 0;background:#f6f5ef}.unterstuetzer__gruppe{grid-template-columns:190px 1fr;gap:45px;padding:30px 0}.unterstuetzer__gruppe+.unterstuetzer__gruppe{border-top:1px solid #d0cec2}.unterstuetzer__gruppe h2{font:300 29px/1.15 var(--kapitaelchen);color:var(--weinrot)}.unterstuetzer ul{gap:28px 35px}.unterstuetzer img{max-width:150px;max-height:85px}
.seitenfuss{padding:65px 0 48px;background:var(--papier);color:var(--text);border-top:1px solid #ccc9bd}.seitenfuss__innen{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:50px}.seitenfuss h2{font:300 30px/1.15 var(--kapitaelchen);color:var(--weinrot);margin-bottom:20px}.seitenfuss ul{list-style:none;margin:0;padding:0}.seitenfuss li{margin-bottom:10px}.seitenfuss a{color:var(--text)}.seitenfuss p{margin:0 0 12px}
.fussleiste{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:300px 130px 145px minmax(0,1fr) 190px;gap:24px;height:var(--dock);min-height:0;margin:0;padding:8px 5vw;background:var(--nacht);color:var(--papier);box-shadow:none}
.fussleiste__marke{position:absolute;left:6vw;bottom:14px;margin:0;width:270px;height:155px;align-self:auto}.fussleiste__marke img{width:100%;height:100%;object-fit:contain}.dock__haupt{grid-column:2;display:grid;font:700 23px/1.35 var(--kapitaelchen)}.dock__recht{display:grid;font:300 21px/1.4 var(--kapitaelchen)}.fussleiste a{color:var(--papier);text-decoration:none}.fussleiste a:hover,.fussleiste a[aria-current]{color:#f2cd68}.fussleiste__sozial{margin:0;gap:9px;justify-content:center}.fussleiste__sozial a{height:32px;width:32px;border:1px solid #858d91}.fussleiste__sozial svg{width:17px;height:17px}.fussleiste__dba{grid-row:auto;grid-column:auto;align-self:stretch;margin:0;background:var(--papier);padding:12px 20px;clip-path:none;display:flex;align-items:center;justify-content:center}.fussleiste__dba img{width:175px;max-height:77px;height:auto}
@media(min-width:1700px){.fussleiste{grid-template-columns:340px 150px 165px 1fr 210px}}
@media(max-width:1150px){.fussleiste{grid-template-columns:260px 115px 130px minmax(0,1fr) 160px;gap:16px;padding-inline:3vw}.fussleiste__marke{width:240px;left:3vw}.fussleiste__dba{padding:12px}.fussleiste__sozial{gap:5px}.fussleiste__sozial a{width:28px;height:28px}.willkommen{grid-template-columns:1fr 1.5fr}.willkommen__knoepfe{grid-column:2;flex-direction:row;flex-wrap:wrap;padding-top:0;align-items:start}.newskarten{grid-template-columns:repeat(2,minmax(0,1fr))}.cdkopf{grid-template-columns:1fr 2fr}.cdkopf>.knopf{grid-column:2;justify-self:start}}
@media(max-width:1000px) and (min-width:761px){.dock__sozial{display:none}.fussleiste{grid-template-columns:260px 1fr 1fr 170px}}
@media(max-width:900px){.mit-seite{grid-template-columns:1fr}.termin__karte{grid-template-columns:1fr}.termin__seite{padding:28px}.termin__bildrahmen .datum{right:16px;bottom:16px;top:auto}}
@media(max-width:760px){:root{--dock:94px;--rand:20px}body{font-size:18px}.abschnitt{padding:58px 0}.buehne{height:100svh;min-height:620px}.buehne__text .innen{padding:0 40px}.buehne__titel{font:300 clamp(37px,10.4vw,68px)/1.17 var(--kapitaelchen);letter-spacing:0;overflow-wrap:normal}.buehne__unter{font-size:29px;line-height:1.2}.buehne__pfeil{width:32px;height:32px;top:64%}.buehne__pfeil--zurueck{left:7px}.buehne__pfeil--vor{right:7px}.buehne__pfeil svg{width:16px}.menueknopf{top:12px;left:12px;font-size:16px;min-width:99px;padding:9px 12px}.menueknopf b{font-size:16px}.menue>ul{grid-template-columns:1fr 1fr;gap:25px}.menue{padding:80px 24px 30px}.menue>ul>li>a{font-size:27px}.menue ul ul a{font-size:18px;min-height:40px}
.willkommen{grid-template-columns:1fr;gap:26px}.willkommen__kopf{text-align:left}.willkommen__kopf .titel-gross{font-size:39px}.willkommen__kopf .unterzeile{max-width:25ch}.willkommen>.fliesstext,.willkommen__knoepfe{padding-top:0}.willkommen__knoepfe{grid-column:auto;align-items:start;flex-direction:column;gap:14px}.konzertkarten{grid-template-columns:1fr;gap:28px;margin-top:42px}.newskarten{grid-template-columns:1fr;gap:28px}.newskarte__titel{font-size:29px}.titel-gross,.titel-gold{font-size:39px}.startseite #neuigkeiten{max-width:none}.cdfolie,.cdfolie.aktiv{grid-template-columns:1fr;gap:25px}.cdfolie img{width:220px;margin:auto}.cdfolie h3{font-size:36px}.cdkopf{grid-template-columns:1fr;gap:24px}.cdkopf>.knopf{grid-column:auto;justify-self:start}.cdkopf .titel-gold{font-size:39px}.cdbuehne{margin-top:35px}.cdfolie>.knopf{justify-self:start}.seitenkopf{padding-top:95px}.motiv+.seitenkopf{padding-top:35px}.seitenkopf--mitbild .innen{grid-template-columns:1fr}.seitenkopf__bild img{max-width:100%}.seitenkopf__bild{order:-1}.mit-seite{gap:30px}.seitenkasten{padding:24px}.kacheln{grid-template-columns:1fr}.filter{align-items:stretch;gap:18px}.filter label{flex:1 1 100%;font-size:18px}.filter .knopf{align-self:start}.termine-kopf{padding-top:95px}.legende{font-size:17px;gap:12px 16px}.terminzeile{grid-template-columns:1fr}.terminzeile__bild{aspect-ratio:1.5;border-bottom:2px solid var(--gold)}.terminzeile .datum{left:auto;right:12px;top:15px}.terminzeile__rumpf{padding:25px 25px 58px}.terminzeile__titel{font-size:29px}.monatsnav{grid-template-columns:1fr 1fr;gap:15px}.monatsnav strong{grid-column:1/-1;grid-row:1}.monatsnav a{font-size:17px;padding:8px 12px}.monatsnav a[rel="next"]{grid-column:2}.termin{padding-top:95px}.termin__haupt h1{font-size:39px}.termin__haupt .fliesstext{font-size:19px}.termin__seite{padding:27px 24px}.termin__ort{font-size:24px}.auffuehrungskarten{grid-template-columns:1fr}.personen{grid-template-columns:1fr 1fr;gap:28px 22px}.person{font-size:17px}.person__name{font-size:20px}.person a{overflow-wrap:anywhere}.aufnahme{grid-template-columns:1fr;gap:30px}.aufnahme>div:first-child{max-width:300px}.cdraster{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.cdraster span{font-size:21px}.cdraster small{font-size:16px}.unterstuetzer{padding:30px 0}.unterstuetzer__gruppe{grid-template-columns:1fr;gap:25px;padding:30px 0}.unterstuetzer ul{gap:22px}.unterstuetzer ul li{max-width:calc((100% - 44px)/3);min-width:0}.unterstuetzer img,.unterstuetzer img.logo--quer,.unterstuetzer img.logo--breit{max-width:100%;max-height:70px}.seitenfuss{padding:45px 0 30px}.seitenfuss__innen{grid-template-columns:1fr;gap:30px}.seitenfuss nav ul{display:flex;gap:12px 22px;flex-wrap:wrap}.seitenfuss li{margin:0}.fussleiste{grid-template-columns:minmax(0,1fr) 125px;gap:0;padding:7px 12px;height:94px}.fussleiste__marke{position:static;margin-top:-24px;width:190px;height:107px}.fussleiste__marke img{width:190px;height:107px}.dock__haupt,.dock__recht,.dock__sozial{display:none}.fussleiste__dba{grid-column:2;grid-row:auto;padding:10px 12px;margin-left:8px;margin-right:0;clip-path:none}.fussleiste__dba img{width:108px;max-height:77px;height:auto}}
@media(max-width:380px){.fussleiste{grid-template-columns:1fr 108px}.fussleiste__marke,.fussleiste__marke img{width:172px}.fussleiste__dba{padding:8px}.buehne__text .innen{padding-inline:32px}.buehne__titel{font-size:10.1vw}.menue>ul{grid-template-columns:1fr}.personen{grid-template-columns:1fr}.cdraster{gap:20px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.buehne__bild,.menue,.menueknopf i{transition:none}}

/* Reihenseiten behalten ihre Termine innerhalb der mobilen Inhaltsbreite. */
.reihentermine{margin-inline:0;max-width:100%}

/* Schlussprüfung: gleiche Inhaltsränder und ein freier Lesebereich auf Unterseiten. */
.innen.abschnitt{padding-inline:var(--rand)}
.person{min-width:0;overflow-wrap:anywhere}.person p{overflow-wrap:anywhere}
body:not(.startseite) .fussleiste__marke{width:164px;height:94px;bottom:9px}
body:not(.startseite) .fussleiste__marke img{width:100%;height:100%}
.flaeche-schiefer .knopf{color:#f0ede4}
.flaeche-schiefer .knopf:hover,.flaeche-schiefer .knopf:focus-visible{color:#252d31}
@media(max-width:760px){body:not(.startseite) .fussleiste__marke{width:140px;height:80px;margin-top:0;align-self:center}}