/* Quiet stone tones, visible frames and generous reading space. */
:root{--frame:#fdfaf6;--frame-line:#9c8774}html{scroll-padding-top:100px}.header{position:sticky;top:0;z-index:20;background:rgba(246,241,235,.97);border-bottom:1px solid #b5a794;transition:height .4s ease,background .4s}.header.is-compact{height:72px}.header .brand{transition:transform .4s}.header.is-compact .brand{transform:scale(.82)}.header.is-compact .brand-number{line-height:1}.era-media{top:95px}.section{position:relative}.history,.treasures,.visit{background:#f6f1eb}.discover,.guide-notes{background:#eee5d9}.architecture{background:#e7dbcc}.cloister{background:#e9ddd0}.jubilee{background:#e0d1c1}.program{background:#f1eae1}.history:before,.visit:before,.guide-notes:before{content:'';pointer-events:none;position:absolute;inset:35px 4%;border:1px solid rgba(138,117,100,.16);border-radius:260px 0 0 0}.treasures{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(138,117,100,.045) calc(25% - 1px),rgba(138,117,100,.045) 25%)}.timeline{background:#f6f1eb;transition:background-color 1s ease}.timeline[data-active-era="1336"]{background:#e8dccd}.timeline[data-active-era="1785"]{background:#e5e4d9}.timeline[data-active-era="1979"]{background:#ebe0d6}.timeline[data-active-era="2027"]{background:#f6f1eb}.era-image[data-era-image="1785"]{object-position:center 76%}.era-image-stack{border-color:var(--frame)}.era-media{background:inherit}.arch-frame .photo-shell>img,.history-photo .photo-shell>img{border-color:var(--frame);outline:1px solid rgba(114,91,72,.38);outline-offset:0}.arch-frame .photo-shell:before,.arch-frame .photo-shell:after,.history-photo .photo-shell:after{border-color:var(--frame-line);opacity:.8}.photo-shell:before,.photo-shell:after{z-index:-1}.discovery-card{display:block;text-decoration:none;color:inherit}.discovery-card .image-wrap{border-color:var(--frame);outline:1px solid rgba(114,91,72,.35)}.cloister-lines{stroke-width:1.4}.wide-photo-stage{height:min(82svh,65vw);min-height:400px;max-height:1100px;background:#c8b7a5}.wide-photo-stage img{object-position:center 64%;height:calc(100% + 140px);top:-70px}.wide-photo figcaption{background:#eee5d9}.footer-reveal .bridge-photo img{object-fit:cover;object-position:center 52%}.footer-reveal .bridge-photo:before{display:none}.footer-reveal .footer-bridge{height:100svh}.footer{border-radius:50% 50% 0 0 / 100px 100px 0 0;margin-top:-80px;padding-top:140px;z-index:4}.contact-page .footer,.subpage .footer{margin-top:0;border-radius:50% 50% 0 0 / 60px 60px 0 0;background:#e8ddcf;padding-top:105px}.program-more{margin-top:45px;display:flex;justify-content:center}.guide-notes{padding-block:100px}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;position:relative}.fact-grid article{border-top:1px solid var(--frame-line);padding-top:28px}.fact-year{font-family:var(--serif);font-size:65px;letter-spacing:-.05em}.fact-grid h3{font-size:31px;margin:20px 0}.fact-grid p{font-size:17px;line-height:1.85}.sub-intro{padding-block:65px 85px;background:#eee5d9}.breadcrumb{display:inline-block;margin-bottom:55px;border-bottom:1px solid var(--frame-line);padding-bottom:7px}.sub-intro h1{font-size:clamp(52px,7vw,110px);line-height:1.05;margin:28px 0 40px;max-width:1100px}.sub-lead{max-width:58ch;margin-left:30%;font-size:20px;line-height:1.8}.sub-cover{height:70svh;min-height:430px;overflow:hidden;background:#d4c4b3}.sub-cover img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.editorial-chapter{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;padding-block:110px;background:#f6f1eb}.editorial-chapter.reversed{background:#e9ddd0}.editorial-chapter.reversed figure{grid-column:2;grid-row:1}.editorial-chapter.reversed article{grid-column:1;grid-row:1}.editorial-chapter h2{font-size:clamp(40px,4.2vw,64px);margin:25px 0 35px}.editorial-chapter article>p:not(.label){font-size:18px;line-height:1.85;margin-top:22px}.editorial-chapter .photo-shell img{height:620px}.reading-end{text-align:center;padding-block:90px;background:#eee5d9}.reading-end h2{font-size:clamp(44px,5vw,72px);margin:30px 0 40px}.source-small{font-size:13px;line-height:1.8;max-width:80ch;margin:40px auto 0}.subpage .event-body h3{font-size:30px;margin-bottom:20px}.subpage .program>.proposal-note{max-width:75ch;margin-bottom:30px}#menu-dialog nav{gap:4px}#menu-dialog nav a{font-size:clamp(28px,3.5vw,53px)}#menu-dialog nav a:nth-child(8){transition-delay:.4s}
@media(min-width:2000px){.wide-photo-stage{height:90svh}.wide-photo-stage img{object-fit:cover;object-position:center 66%}.sub-cover{height:85svh}}
@media(max-width:700px){.header.is-compact{height:66px}.header.is-compact .brand{transform:scale(.88)}.era-media{top:66px}.wide-photo-stage{height:65svh;min-height:400px}.wide-photo-stage img{object-position:48% 64%}.footer{border-radius:50% 50% 0 0 / 45px 45px 0 0;margin-top:-38px;padding-top:85px}.fact-grid{grid-template-columns:1fr;gap:42px}.guide-notes{padding-block:65px}.fact-grid h3{font-size:32px}.sub-intro{padding-block:40px 60px}.breadcrumb{margin-bottom:38px}.sub-intro h1{font-size:51px}.sub-lead{margin-left:0;font-size:18px}.sub-cover{height:60svh;min-height:350px}.editorial-chapter{grid-template-columns:1fr;gap:65px;padding-block:70px}.editorial-chapter.reversed figure,.editorial-chapter.reversed article{grid-column:auto;grid-row:auto}.editorial-chapter .photo-shell img{height:440px}.editorial-chapter h2{font-size:42px}.editorial-chapter article>p:not(.label){font-size:17px}.history:before,.visit:before,.guide-notes:before{inset:25px 3%;border-radius:120px 0 0 0}.program-more .pill{text-align:center;white-space:normal}.header-contact{font-size:9px}#menu-dialog nav{gap:8px}#menu-dialog nav a{font-size:32px}.contact-page .footer,.subpage .footer{padding-top:85px}.footer-reveal .bridge-photo img{object-position:center}}
@media(prefers-reduced-motion:reduce){.header,.header .brand,.timeline{transition:none}}
.era-image[data-era-image="1785"]{object-position:center bottom}

/* Mobile chronology: each photograph belongs to its chapter in normal flow. */
.era-mobile-photo{display:none}
@media(max-width:700px){
 .timeline .era-media{position:relative;top:auto;z-index:auto;margin:0 0 28px;padding:0;background:transparent;border:0}
 .era-media>.era-figure,.era-media>.era-track{display:none}
 .era-nav{border-bottom:1px solid var(--line);padding-bottom:16px}
 .timeline .era-step,.timeline .era-step:first-child,.timeline .era-step:last-child{min-height:0;padding:36px 0 48px;scroll-margin-top:90px}
 .era-step+.era-step{border-top:1px solid var(--line)}
 .era-mobile-photo{display:block;margin:6px 0 28px}
 .era-mobile-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:7px solid var(--frame);outline:1px solid var(--frame-line);border-radius:0 65px 0 0}
 #kapitel-1327 .era-mobile-photo img{object-position:center 28%}
 #kapitel-1336 .era-mobile-photo img{object-position:65% center}
 #kapitel-1785 .era-mobile-photo img{object-position:center bottom}
}
/* The exposed corners of the footer continue the preceding section's tone. */
body.subpage,body.contact-page{background:#eee5d9}
body.subpage:has(main>.program:last-child){background:#f1eae1}
.contact-page main{background:var(--paper)}
.contact-page .contact-source{background:#eee5d9;padding-top:32px}
.contact-page .footer,.subpage .footer{border-top:0;border-radius:50% 50% 0 0 / 60px 60px 0 0}
@media(max-width:700px){.contact-page .footer,.subpage .footer{border-radius:50% 50% 0 0 / 32px 32px 0 0}}

/* Mobile chapters pause as a complete card; long cards remain fully readable. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .timeline .era-stories{position:relative;isolation:isolate;padding-bottom:18svh}
 .timeline .era-step,.timeline .era-step:first-child,.timeline .era-step:last-child{position:sticky;top:var(--chapter-top,80px);padding:28px 18px 40px;margin:0 -18px 18svh;background:#f6f1eb;border-top:1px solid var(--line);border-radius:24px 24px 0 0}
 .timeline #kapitel-1336{background:#e8dccd}
 .timeline #kapitel-1785{background:#e5e4d9}
 .timeline #kapitel-1979{background:#ebe0d6}
 .timeline .era-mobile-photo img{aspect-ratio:3/2}
 .timeline .era-year{font-size:68px;margin-bottom:12px}
 .timeline .era-step>.label{margin-bottom:16px}
 .timeline .era-mobile-photo{margin-bottom:22px}
}

/* Approved anniversary wording and a restrained brick-coloured wordmark. */
.brand{color:#914d38}.brand-name{text-transform:none;font-size:15px;letter-spacing:.035em;white-space:nowrap}.brand-name .brand-years{font-size:10px;letter-spacing:.16em;margin:0 0 3px;text-transform:uppercase}.brand-name .brand-dates{font-size:10px;letter-spacing:.13em;margin-top:5px}.address-church{color:#914d38}.footer-hours{margin-top:28px}.hours-title{text-decoration:underline;text-underline-offset:4px}.footer .footer-hours p{font-size:15px;margin-top:8px}.hours-list>.hours-title{margin:0 0 18px;font-size:18px}
@media(max-width:700px){.brand{gap:7px}.brand-name{font-size:11px;letter-spacing:0}.brand-name .brand-years{font-size:8px;margin-bottom:2px}.brand-name .brand-dates{font-size:8px;letter-spacing:.08em;margin-top:3px}#menu-dialog nav a[href="festprogramm.html"]{font-size:clamp(24px,6.5vw,32px)}}

/* A dignified appeal, using the surviving historical photograph without cropping. */
.madonna-appeal{align-items:start}.madonna-appeal .photo-shell img{height:auto;aspect-ratio:auto;object-fit:contain;border-top-right-radius:80px}.madonna-appeal .madonna-announcement{font-family:var(--serif);font-size:26px;color:#914d38;line-height:1.4}.madonna-echo{border-block:1px solid var(--line);padding:22px 0;margin-top:28px}.madonna-echo p:not(.label){font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.7;margin-top:12px}.madonna-contact{margin-top:30px}.madonna-contact p{font-size:17px;line-height:1.8;margin:18px 0}.madonna-contact .text-link{font-size:20px;overflow-wrap:anywhere;white-space:normal}.madonna-appeal article>.madonna-thanks{font-size:15px}.madonna-appeal article>.madonna-source{font-size:13px}.madonna-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.madonna-appeal .photo-shell img{height:auto}.madonna-appeal .madonna-announcement{font-size:24px}.madonna-contact .text-link{font-size:18px}.madonna-appeal h2{font-size:43px}}
/* Portrait crop: keep the statue centred and fill the appeal's image column. */
.madonna-appeal .photo-shell>img{height:clamp(680px,65vw,980px);aspect-ratio:2/3;object-fit:cover;object-position:50% 50%;border-top-right-radius:110px}
@media(max-width:700px){.madonna-appeal .photo-shell>img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 50%;border-top-right-radius:80px}}
/* Mobile ornaments frame the content without passing through the headings. */
@media(max-width:700px){
 .history:before,.visit:before,.guide-notes:before{inset:20px 3%;border-top-left-radius:36px}
 .architecture>.vault-lines{top:330px;right:-110%;width:180%;height:calc(100% - 330px);opacity:.16}
 .hero-image:first-child{object-position:38% center}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .timeline .era-stories{padding-bottom:0}
 .timeline .era-step:last-child{position:relative;top:auto;margin-bottom:0}
}
@media(max-width:360px){
 .header{padding-inline:3%}
 .menu-toggle{font-size:9px;gap:6px}
 .brand-number{font-size:34px}
 .brand-name{font-size:10px}
 .header-links{gap:0}
 .search-toggle{padding-inline:6px}
 .header-contact{font-size:8px}
}
/* Updated client photographs and quiet editorial credits. */
.hero-image:nth-child(2){object-position:68% 50%}
.hero-image:nth-child(3){object-position:50% 58%}
.photo-shell>img[src="assets/orgel-neu.webp"]{height:auto;aspect-ratio:3/2;object-fit:contain}
.footer-credits,.footer-impressum{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}
.footer-credits h2{font-family:var(--sans);font-size:11px;letter-spacing:.1em}
.footer .footer-credits p{max-width:85ch;font-size:14px;line-height:1.8;margin-top:16px}
.footer-impressum h2{font-size:40px;margin:0 0 24px}
.footer-impressum address{font-style:normal;font-size:16px;line-height:1.9;margin-top:12px}
.footer-impressum a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap;align-items:start}
.footer-bottom .footer-copyright{font-size:13px;line-height:1.7;flex:1 1 340px;text-transform:none;letter-spacing:0}
@media(max-width:700px){
 .hero-image:nth-child(2){object-position:73% 50%}
 .hero-image:nth-child(3){object-position:48% 50%}
 .visit-photo img[src="assets/neuberg-umgebung-neu.webp"]{object-position:32% 64%}
 .footer-credits,.footer-impressum{padding-top:25px}
 .footer-impressum h2{font-size:36px}
}
@media(min-width:2000px){.hero-image:nth-child(3){object-position:50% 10%}}

/* Footer information opens on demand, with native keyboard-accessible disclosure. */
.footer-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:0 0 8px}
.footer-disclosure summary::-webkit-details-marker{display:none}
.footer .footer-disclosure summary h2{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0;text-transform:none}
.footer-disclosure-icon{flex:none;font-family:var(--sans);font-size:27px;font-weight:300;line-height:1;width:28px;text-align:center}
.footer-disclosure-icon:before{content:none}
.footer-disclosure[open] .footer-disclosure-icon:before{content:none}
.footer-disclosure-content{padding:12px 0 4px}
.footer-disclosure summary:focus-visible{outline:2px solid #914d38;outline-offset:6px}
@media(max-width:700px){.footer .footer-disclosure summary h2{font-size:20px}}

.sub-cover img[src="assets/neuberg-umgebung-neu.webp"]{object-position:50% 65%}
@media(max-width:700px){.sub-cover img[src="assets/neuberg-umgebung-neu.webp"]{object-position:32% 65%}}

.footer-disclosure summary{min-height:44px}
.footer-disclosure-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;color:var(--ink)}
.footer-disclosure-icon svg{display:block;width:16px;height:16px}
.footer-disclosure[open] .footer-disclosure-vertical{display:none}

/* Compact side-by-side footer disclosures, including on phones. */
.timeline .era-year{color:#914d38}
.history-copy>.large-year,.architecture-facts strong,.guide-notes .fact-year,.jubilee-number{color:#914d38}
.jubilee-number>span{color:var(--ink)}
.footer{row-gap:30px}
.footer-disclosures{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.footer-disclosures>.footer-disclosure{grid-column:auto;min-width:0;padding-top:16px}
.footer-disclosures summary{gap:12px;padding-bottom:0}
@media(max-width:700px){
 .footer{row-gap:24px}
 .footer-disclosures{gap:18px}
 .footer-disclosures summary{gap:8px}
 .footer-disclosures .footer-disclosure-icon{width:26px;height:26px}
 .footer-disclosures .footer-disclosure-content p,.footer-disclosures .footer-disclosure-content address{font-size:14px;line-height:1.7}
}