/*
Theme Name: Manengesang Modern
Theme URI: https://manengesang.de/
Author: Orphideum e.V.
Description: Eigenständiges Theme für den Liederzyklus Manengesang mit nativer MP3-Wiedergabe.
Version: 1.1.2
Text Domain: manengesang
*/
:root{--wine:#9d1438;--wine-dark:#72102b;--ink:#343134;--muted:#756f72;--line:#eadde1;--paper:#fff;--soft:#faf7f8;--max:1060px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:var(--wine);text-decoration:none}a:hover,a:focus{color:var(--wine-dark);text-decoration:underline;text-underline-offset:.18em}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:10000;background:#fff;padding:.7rem 1rem;border:2px solid var(--wine)}
.site-header{max-width:var(--max);margin:0 auto;padding:2rem 1.25rem .7rem;text-align:center}.site-logo{display:inline-block}.site-logo img{width:150px;height:130px;object-fit:contain}.site-title{position:absolute;left:-9999px}
.site-shell{max-width:var(--max);margin:0 auto;padding:0 1.25rem 3rem;display:grid;grid-template-columns:minmax(225px,275px) minmax(0,1fr) minmax(205px,230px);gap:2.1rem;align-items:start}.site-shell.no-audio{grid-template-columns:minmax(225px,275px) minmax(0,1fr)}
.side-nav{font-size:.96rem;line-height:1.3}.side-nav ul{list-style:none;margin:0;padding:0}.side-nav>ul>li{margin:.28rem 0}.side-nav a,.side-nav summary{color:var(--wine);cursor:pointer;padding:.08rem 0}.side-nav summary{display:grid;grid-template-columns:.9rem minmax(0,1fr);column-gap:.15rem;align-items:start;list-style:none}.side-nav summary::-webkit-details-marker{display:none}.side-nav summary:before{content:"›";display:block;line-height:1.3;transition:transform .2s}.side-nav details[open]>summary:before{transform:rotate(90deg)}.side-nav details[open]>summary{font-weight:600}.side-nav details ul{padding:.2rem 0 .48rem 1.1rem;font-size:.88rem}.side-nav details li{margin:.2rem 0}.side-nav details li a{display:grid;grid-template-columns:.72rem minmax(0,1fr);column-gap:.22rem;align-items:start}.side-nav details li a:before{content:"";display:block}.side-nav details li a.audio-link:before{content:"◀";font-size:.58em;line-height:2}.side-nav>ul>li>a{display:block;padding-left:1.05rem}.side-nav .current{font-weight:700}
.side-nav .nav-person-link:before{content:"›";font-size:.82em;line-height:1.55}.side-nav .current-parent>.nav-person-link{font-weight:600}.side-nav .current-parent>.nav-person-link:before{content:"⌄"}.side-nav details .nav-level-three{padding:.18rem 0 .38rem 1.28rem;font-size:.84rem}.side-nav details .nav-level-three li{margin:.14rem 0}.side-nav details .nav-level-three li a{grid-template-columns:.58rem minmax(0,1fr);column-gap:.18rem}.side-nav details .nav-level-three li a:before{content:"▪";font-size:.58em;line-height:2.1}.side-nav details .nav-level-three li a.current:before{color:var(--wine-dark)}
.content{min-width:0;padding-top:1.5rem}.entry-title{margin:0 0 1.35rem;color:var(--wine);font-size:clamp(1.3rem,2vw,1.62rem);font-weight:500;letter-spacing:.035em;text-transform:uppercase;line-height:1.22}.entry-content{font-size:1rem;max-width:46rem}.entry-content p{margin:0 0 1.05rem}.entry-content h2{margin:2.7rem 0 1.05rem;color:var(--wine);font-size:1.06rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase;line-height:1.3}.entry-content h2:first-child{margin-top:0}.entry-content h3{margin:1.25rem 0 .7rem;color:var(--ink);font-size:1rem;font-weight:500}.entry-content .byline{margin-top:-.35rem;color:var(--muted);font-size:.92rem}.entry-content .poem{font-size:1.08rem;line-height:1.42}.poem .attribution{text-align:right;font-size:.92rem;color:var(--muted);margin-top:1.25rem}.portrait{float:right;width:min(42%,230px);margin:0 0 1.25rem 2rem}.portrait img{display:block;width:100%}.repertoire-list{columns:2;column-gap:2rem}.repertoire-list p{break-inside:avoid;margin:.1rem 0}.cycle-index{columns:2;padding-left:1.2rem}.cycle-index li{break-inside:avoid;margin:.25rem 0}.performance{margin:0 0 2.9rem}.performance p{margin:0 0 .75rem}.performance .cast{line-height:1.45}.performance .venue strong{font-weight:600}.book-meta{margin:.2rem 0 2rem;line-height:1.55}.book-meta p{margin:0}.book-quote{margin:0 0 1.5rem;padding-left:1rem;border-left:2px solid var(--line);color:var(--ink)}.book-quote p{margin:0 0 .9rem}.book-order a{display:inline-block;border-bottom:1px solid var(--wine);font-weight:600}.feature-quote{margin:0 0 1.6rem;padding-left:1rem;border-left:2px solid var(--line)}.feature-quote p{margin:0}.feature-quote cite{display:block;margin-top:.4rem;color:var(--muted);font-size:.9rem}.related-link{margin-top:1.6rem}.concert-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start;margin-top:1.2rem}.concert-gallery figure{margin:0}.concert-gallery img{display:block;width:100%;height:auto}.concert-gallery figure:last-child{grid-column:1/-1;width:min(100%,360px);justify-self:center}
.audio-panel{position:sticky;top:1.2rem;margin-top:1.7rem;padding:.7rem 0 .7rem .9rem;border-left:1px solid var(--line);background:transparent}.audio-panel h2{margin:0 0 .18rem;color:var(--wine);font-size:.86rem;font-weight:600;letter-spacing:.02em}.audio-panel p{margin:.1rem 0 .55rem;font-size:.75rem;color:var(--muted);line-height:1.35}.audio-panel audio{display:block;width:100%;height:30px;opacity:.72;filter:grayscale(1)}.audio-panel audio:hover,.audio-panel audio:focus{opacity:1}.audio-panel .download{display:inline-block;margin-top:.48rem;font-size:.7rem;color:var(--muted)}
.page-janice-dixon .entry-content>p:first-of-type,.page-text-des-komponisten .entry-content>p:first-child{display:none}.page-janice-dixon .entry-content>p:nth-of-type(6){margin-top:2.6rem;color:var(--wine);font-size:1.06rem;letter-spacing:.025em;text-transform:uppercase}.page-janice-dixon .entry-content>p:nth-last-of-type(2){margin-bottom:.3rem;padding-left:1rem;border-left:2px solid var(--line)}.page-janice-dixon .entry-content>p:last-of-type,.page-text-des-komponisten .entry-content>p:nth-child(2){color:var(--muted);font-size:.9rem}.page-text-des-komponisten .entry-content>p:nth-child(2){margin-top:-.35rem}
.site-footer{max-width:var(--max);margin:0 auto;padding:0 1.25rem 2.5rem;color:var(--muted);font-size:.82rem}.footer-inner{border-top:1px solid var(--line);padding-top:1rem;display:flex;gap:1.4rem;flex-wrap:wrap}.site-footer details{max-width:100%}.site-footer summary{color:var(--ink);cursor:pointer}.legal-copy{max-width:46rem;margin-top:.8rem}.legal-copy p{margin:.5rem 0}
.intro-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s linear .9s}.intro-splash.is-leaving{opacity:0;visibility:hidden}.intro-mark{text-align:center;transform:translateY(-1rem)}.intro-mark img{display:block;width:min(580px,82vw);margin:auto}.intro-kicker,.intro-name{margin:.15rem 0;color:var(--wine);font-weight:400;letter-spacing:.035em;text-transform:uppercase}.intro-kicker{font-size:clamp(1.1rem,2vw,1.55rem)}.intro-name{font-size:clamp(1.25rem,2.3vw,1.8rem)}.intro-skip{position:absolute;right:1.2rem;bottom:1rem;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer}
@media(max-width:850px){.site-header{padding-top:1rem}.site-shell,.site-shell.no-audio{grid-template-columns:1fr;gap:1.1rem}.side-nav{border-block:1px solid var(--line);padding:.7rem 0}.side-nav>ul{columns:2;column-gap:2rem}.side-nav>ul>li{break-inside:avoid}.content{padding-top:.4rem}.audio-panel{position:static;margin:0;border-left:0;border-top:1px solid var(--line);background:var(--soft)}.repertoire-list,.cycle-index{columns:1}}
@media(max-width:560px){body{font-size:15px}.site-logo img{width:125px;height:auto}.side-nav>ul{columns:1}.portrait{float:none;width:min(75%,230px);margin:0 auto 1.3rem}.concert-gallery{grid-template-columns:1fr}.concert-gallery figure:last-child{grid-column:auto;width:min(84%,360px)}.entry-content .poem{font-size:1rem}.intro-mark img{width:92vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-splash{transition:none}.side-nav summary:before{transition:none}}
