:root{--cream:#f7f2e9;--paper:#fbf8f2;--green:#073d34;--green2:#0b4c40;--gold:#c79a55;--ink:#111916;--muted:#625f59;--line:#d8c8ad}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Brandon Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;line-height:1.55}.site-header{height:92px;padding:0 6.5%;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:26px;background:rgba(250,247,241,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.05)}.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;line-height:1}.monogram{font:38px "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:-7px}.monogram i{font:italic 28px "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;color:var(--gold);padding:0 5px}.brand-name{font-size:10px;letter-spacing:2px;margin-top:5px}.brand-sub{font-size:8px;letter-spacing:3px;color:var(--gold);margin-top:4px}.nav{display:flex;justify-content:center;gap:29px}.nav a,.header-cta{font-size:10px;letter-spacing:1.4px;font-weight:700;text-decoration:none;color:var(--ink)}.header-cta{background:var(--green);color:white;padding:15px 25px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1.08fr;background:#faf7f0}.hero-copy{padding:74px 5% 62px 7%;display:flex;flex-direction:column;justify-content:center}.hero h1{font:56px/1.05 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 18px}.hero h1 em,.moment h2 em{color:var(--gold);font-style:normal}.gold-rule{width:58px;height:1px;background:var(--gold);margin:6px 0 18px}.kicker{letter-spacing:5px;font-size:13px;font-weight:700;margin:0 0 14px}.hero-copy>p:not(.kicker){max-width:420px;font-size:14px}.btn{display:inline-block;text-decoration:none;border:none;cursor:pointer;font-weight:700;font-size:10px;letter-spacing:1.7px;padding:14px 21px;margin-top:15px;width:max-content}.btn.dark{background:var(--green);color:white}.btn.outline{border:1px solid var(--gold);color:var(--ink);background:transparent}.btn.gold{background:var(--gold);color:white;width:100%}.hero-image{background:url('assets/hero-martin.jpg') center/cover no-repeat}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 7% 34px;background:var(--cream);gap:0}.service-strip article{text-align:center;padding:8px 35px;border-right:1px solid #ddd2c1}.service-strip article:last-child{border-right:0}.line-icon{font-size:32px;color:var(--gold);height:46px}.service-strip h3{font-size:12px;letter-spacing:2px;margin:4px 0 8px}.service-strip p{font-size:12px;margin:0}.split{display:grid;grid-template-columns:1.05fr .95fr;min-height:320px}.bouquet{background:url('assets/pianist-weisser-fluegel.jpg') center/cover no-repeat}.moment-copy{padding:50px 11% 45px 8%;background:#faf7f1;display:flex;flex-direction:column;justify-content:center}.moment h2{font:36px/1.1 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 18px}.moment p{font-size:13px;max-width:440px}.listen{background:linear-gradient(120deg,var(--green),#0a302b);color:white;padding:32px 4% 40px;text-align:center}.section-eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 26px}.audio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.audio-card{position:relative;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.18);color:white;padding:0 8px 14px;cursor:pointer}.audio-card:last-child{border-right:0}.audio-card img{width:100%;height:92px;object-fit:cover;display:block}.audio-card .play{position:absolute;top:27px;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;border:1px solid white;display:grid;place-items:center;background:rgba(0,0,0,.18)}.audio-card b{display:block;font-size:11px;margin:12px 0 6px}.audio-card small{font-size:10px;line-height:1.35;color:#eee}.text-link{display:inline-block;color:var(--gold);text-decoration:none;font-size:9px;font-weight:700;letter-spacing:2px;margin-top:27px}.about-process{display:grid;grid-template-columns:1.08fr .8fr 1.05fr;min-height:440px}.about,.process{padding:48px 12%}.about h2{font:34px/1.12 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:12px 0 22px}.about p{font-size:12px}.eyebrow-dark{font-size:9px;font-weight:700;letter-spacing:2px}.church{background:url('assets/church.jpg') center/cover no-repeat}.process ol{list-style:none;padding:0;margin:16px 0}.process li{display:grid;grid-template-columns:36px 1fr;gap:12px;position:relative;margin:0 0 13px}.process li>span{width:26px;height:26px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--paper);z-index:1}.process li:not(:last-child)::after{content:"";position:absolute;left:13px;top:26px;height:30px;border-left:1px solid var(--gold)}.process b{font-size:11px}.process p{font-size:10px;margin:0}.testimonials{padding:44px 6%;background:#f3ede4}.darktext{color:var(--gold);text-align:center}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.quotes blockquote{margin:0;font:italic 17px/1.45 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif}.quotes cite{display:block;font:normal 10px "Brandon Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;margin-top:15px;color:var(--muted)}.faq-contact{display:grid;grid-template-columns:1.2fr 1fr}.faq{padding:55px 7%}.faq h2{font:34px "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 22px}.faq details{border-top:1px solid #d7cdbf;padding:12px 0}.faq details:last-child{border-bottom:1px solid #d7cdbf}.faq summary{cursor:pointer;font-size:12px;list-style:none}.faq summary::after{content:"+";float:right;color:var(--gold)}.faq details[open] summary::after{content:"–"}.faq details p{font-size:12px;color:var(--muted)}.contact-panel{background:var(--green);color:white;padding:42px 7%}.contact-panel h2{font:34px/1.15 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 22px}.contact-panel form{display:grid;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-panel input,.contact-panel select,.contact-panel textarea{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.65);color:white;font:12px "Brandon Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}.contact-panel option{color:#111}.contact-panel textarea{height:75px;resize:vertical}.contact-details{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;margin-top:18px;color:#e7dfd3}footer{background:#082c27;color:#ddd;padding:18px 7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px}footer a{color:#ddd;text-decoration:none;margin-left:20px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;place-items:center;z-index:50}.modal.open{display:grid}.modal-box{background:var(--paper);padding:30px;max-width:420px;margin:20px;position:relative}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px;cursor:pointer}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto auto}.nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;gap:16px;box-shadow:0 15px 30px rgba(0,0,0,.12)}.nav.open{display:flex}.menu-toggle{display:block}.header-cta{padding:12px 16px}.hero{grid-template-columns:1fr;min-height:0}.hero-image{min-height:440px;order:-1}.hero-copy{padding:52px 7%}.audio-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}.about-process{grid-template-columns:1fr 1fr}.process{grid-column:1/-1}.faq-contact{grid-template-columns:1fr}}
@media(max-width:650px){.site-header{height:78px;padding:0 5%;grid-template-columns:1fr auto}.header-cta{display:none}.nav{top:78px}.monogram{font-size:30px}.brand-name{font-size:8px}.hero-image{min-height:330px}.hero h1{font-size:43px}.service-strip{grid-template-columns:1fr;padding:15px 8%}.service-strip article{border-right:0;border-bottom:1px solid #ddd2c1;padding:22px 10px}.service-strip article:last-child{border-bottom:0}.split{grid-template-columns:1fr}.bouquet{min-height:270px}.audio-grid{grid-template-columns:repeat(2,1fr)}.about-process{grid-template-columns:1fr}.church{min-height:380px}.process{grid-column:auto}.quotes{grid-template-columns:1fr}.faq-contact{grid-template-columns:1fr}.two{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}.about,.process,.faq,.contact-panel{padding:42px 7%}}

/* Proportion refinement: more vertical breathing room on wide desktop layouts */
@media (min-width:981px){
  .hero{min-height:650px}
  .hero-copy{padding-top:105px;padding-bottom:95px}
  .service-strip{padding-top:48px;padding-bottom:54px}
  .service-strip article{padding-top:18px;padding-bottom:18px}
  .split{min-height:430px}
  .moment-copy{padding-top:76px;padding-bottom:70px}
  .listen{padding-top:50px;padding-bottom:58px}
  .audio-grid{gap:18px}
  .audio-card img{height:auto;aspect-ratio:1 / 1;object-fit:cover}
  .audio-card .play{top:calc((100% - 68px) / 2);top:52px}
  .about-process{min-height:570px}
  .about,.process{padding-top:72px;padding-bottom:72px}
  .testimonials{padding-top:68px;padding-bottom:70px}
  .faq{padding-top:78px;padding-bottom:82px}
  .contact-panel{padding-top:68px;padding-bottom:70px}
}

/* v2.1 – Header über dem Hero + verfeinertes MVE-Logo */
.site-header{
  position:absolute;
  top:0; left:0; right:0;
  width:100%;
  background:transparent;
  border-bottom:0;
  z-index:30;
}
.brand{min-width:205px;align-items:center;color:var(--ink)}
.monogram{
  display:block;
  font-family:"Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;
  font-size:43px;
  font-weight:400;
  line-height:.9;
  letter-spacing:-5px;
  white-space:nowrap;
}
.monogram b{font-weight:400}
.monogram i{
  display:inline-block;
  position:relative;
  margin:0 2px 0 1px;
  padding:0;
  font-family:"Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;
  font-size:45px;
  font-weight:400;
  line-height:.8;
  color:var(--gold);
  transform:skew(-10deg);
}
.brand-name{font-size:10px;letter-spacing:2.35px;margin-top:9px;font-weight:700}
.brand-sub{font-size:7px;letter-spacing:3.4px;margin-top:6px;color:var(--gold)}
.hero{padding-top:0;min-height:632px}
.hero-copy{padding-top:150px}
.nav a{transition:opacity .2s ease}.nav a:hover{opacity:.58}

@media(max-width:980px){
  .site-header{position:absolute;background:transparent}
  .nav{top:92px;background:rgba(250,247,241,.97);backdrop-filter:blur(10px)}
  .hero-copy{padding-top:125px}
}
@media(max-width:650px){
  .brand{align-items:flex-start;min-width:0}
  .monogram{font-size:34px}
  .monogram i{font-size:35px}
  .brand-name{font-size:8px;letter-spacing:1.7px;margin-top:6px}
  .brand-sub{font-size:6px;letter-spacing:2.5px;margin-top:4px}
  .nav{top:78px}
  .hero-image{padding-top:78px;box-sizing:content-box}
  .hero-copy{padding-top:52px}
}


/* v2.3 – transparente Navigation vollständig über dem Hero-Foto */
@media (min-width:981px){
  .site-header{
    display:grid;
    grid-template-columns:minmax(230px,1fr) auto auto;
    gap:24px;
    padding:0 5.2% 0 6.5%;
    background:transparent;
    border-bottom:0;
    position:absolute;
    top:0; left:0; right:0;
    z-index:30;
    pointer-events:none;
  }
  .site-header > *{pointer-events:auto}
  .brand{justify-self:start}
  .nav{
    justify-self:end;
    justify-content:flex-end;
    gap:24px;
    margin-left:auto;
  }
  .nav a{
    color:#fff;
    text-shadow:0 1px 8px rgba(0,0,0,.34);
  }
  .header-cta{
    justify-self:end;
    background:rgba(7,61,52,.92);
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 5px 18px rgba(0,0,0,.10);
  }
  .hero{min-height:650px;padding-top:0}
  .hero-image{background-position:center center}
}

@media (min-width:981px) and (max-width:1220px){
  .site-header{padding-left:4.5%;padding-right:3.5%;gap:16px}
  .nav{gap:15px}
  .nav a,.header-cta{font-size:9px;letter-spacing:1px}
  .header-cta{padding:13px 17px}
}

/* v2.5 – Korrektur: vorhandenes echtes Headerbild behalten, transparentes Menü, "Ihr Lied" großzügig */
.hero-image{
  background-image:url('assets/hero-martin.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

@media (min-width:981px){
  .site-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:transparent;
    border-bottom:0;
  }
  .nav{justify-self:end;justify-content:flex-end;margin-left:auto}
  .nav a{
    color:#fff;
    text-shadow:0 1px 9px rgba(0,0,0,.42);
  }

  /* Der Abschnitt war vorher nur 320px hoch; dadurch wurde das Foto extrem beschnitten. */
  .moment.split{
    min-height:620px;
    grid-template-columns:1.05fr .95fr;
  }
  .bouquet{
    min-height:620px;
    background-image:url('assets/pianist-weisser-fluegel.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:54% 28%;
  }
  .moment-copy{
    padding-top:80px;
    padding-bottom:80px;
  }
}

@media (max-width:980px){
  .moment.split{min-height:0}
  .bouquet{
    min-height:460px;
    background-image:url('assets/pianist-weisser-fluegel.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:54% 26%;
  }
}

@media (max-width:650px){
  .bouquet{min-height:390px;background-position:55% 24%}
}

/* v3.2 – aufklappbarer Erfahrungsbereich „Ihr Lied. Ihr Moment.“ */
.moment-toggle{margin-top:8px;cursor:pointer;font:inherit}
.moment-toggle span{display:inline-block;margin-left:8px;transition:transform .3s ease}
.moment-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.moment-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .3s ease;margin-top:0}
.moment-details.open{grid-template-rows:1fr;opacity:1;margin-top:30px}
.moment-details-inner{overflow:hidden;max-width:690px}
.moment-details h3{font-family:"Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:400;margin:0 0 18px;color:var(--green,#173a32)}
.moment-details p{margin:0 0 16px;line-height:1.75}
.moment-details p:last-child{margin-bottom:0}
@media (max-width:650px){.moment-details.open{margin-top:24px}.moment-toggle{width:100%;white-space:normal;line-height:1.35}}

/* v3.3 – Editorial-Ästhetik nach dem früheren Entwurf */
.moment{background:#fff}
.moment-copy{background:#fff;position:relative}
.moment-copy::before{content:"";position:absolute;inset:9% 7% 9% 2%;background:#f7f0eb;z-index:0}
.moment-copy>*{position:relative;z-index:1}
.moment h2{font-size:clamp(2.7rem,4.5vw,5.1rem);font-weight:400;letter-spacing:-.035em}
.moment h2::first-letter{font-size:1.45em;font-style:italic}
.moment-copy>p{font-family:"Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;font-size:15px;line-height:1.85;max-width:520px}

/* Native <details>: funktioniert auch ohne JavaScript. */
.moment-details{margin-top:22px;max-width:720px}
.moment-details summary{list-style:none;cursor:pointer;width:max-content;max-width:100%;border-bottom:1px solid var(--gold);padding:9px 0 8px;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--ink)}
.moment-details summary::-webkit-details-marker{display:none}
.moment-details summary span{display:inline-block;margin-left:9px;transition:transform .25s ease}
.moment-details[open] summary span{transform:rotate(180deg)}
.moment-details-inner{overflow:visible;padding-top:28px;max-width:690px}
.moment-details:not([open]) .moment-details-inner{display:none}
.moment-details h3{font:400 clamp(1.5rem,2vw,2rem) Georgia,'Times New Roman',serif;margin:0 0 18px;color:var(--green)}
.moment-details p{font-size:13px;line-height:1.8;margin:0 0 16px}

.editorial-expertise{padding:105px 7% 120px;background:#fff}
.editorial-row{max-width:1120px;margin:0 auto 130px;display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:center;position:relative}
.editorial-row:last-child{margin-bottom:0}
.editorial-row.reverse .editorial-copy{order:2}.editorial-row.reverse .editorial-image{order:1}
.editorial-copy{padding:25px 0;max-width:430px}
.editorial-kicker{font-size:9px;letter-spacing:3px;color:var(--gold);font-weight:700;margin:0 0 10px}
.editorial-copy h2{font:italic 400 clamp(2.4rem,4vw,4.5rem)/1 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 24px;letter-spacing:-.04em}
.editorial-copy h2 span{font-size:1.55em;margin-right:2px}
.editorial-copy p:not(.editorial-kicker){font:14px/1.9 "Brandon Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;color:#49433d}
.editorial-image{min-height:390px;background-size:cover;background-position:center;position:relative;z-index:1;box-shadow:-34px -28px 0 #f5ece6}
.editorial-image::before{content:none}
.piano-image{background-image:url('assets/pianist-weisser-fluegel.jpg');background-position:54% 32%}
.organ-image{background-image:url('assets/orgel.jpg');background-position:center}
.jazz-image{background-image:url('assets/jazz-trio-instrumente-v316.png');background-position:center center}
.editorial-row.reverse .editorial-image{box-shadow:34px -28px 0 #f5ece6}

@media(max-width:760px){
 .moment-copy::before{inset:5% 4%}
 .moment h2{font-size:3.2rem}
 .editorial-expertise{padding:70px 7% 80px}
 .editorial-row,.editorial-row.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:85px}
 .editorial-row.reverse .editorial-copy,.editorial-row.reverse .editorial-image{order:initial}
 .editorial-copy{padding:0;max-width:none}
 .editorial-image{min-height:300px}
 .editorial-image,.editorial-row.reverse .editorial-image{box-shadow:18px -18px 0 #f5ece6}
}

/* V3.4 typography: inspired by the former Wix design.
   Exact Linotype Didot / Brandon Grotesque render only where licensed fonts are available. */
:root{--display-font:"Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;--body-font:"Brandon Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--body-font)}
h1,h2,.monogram,.moment-details h3,.editorial-copy h2,.faq h2,.contact-panel h2,.about h2{font-family:var(--display-font)}
.editorial-copy h2{font-style:italic;font-weight:400}
.editorial-copy p:not(.editorial-kicker),.moment-copy>p,.moment-details p{font-family:var(--body-font);letter-spacing:.025em;line-height:1.8}
.editorial-kicker,.section-eyebrow,.eyebrow-dark,.brand-name,.brand-sub,.nav a,.header-cta,.kicker{font-family:var(--body-font);letter-spacing:.18em}


/* ===== V3.5 editorial refinement + fixes ===== */
.hero-image{background-image:url('assets/hero-martin.jpg') !important;background-position:center 34% !important;background-size:cover !important;background-repeat:no-repeat !important;}

/* Native accordion: override obsolete V3.2 grid/opacity rules completely */
.moment-details{display:block !important;opacity:1 !important;grid-template-rows:none !important;margin-top:22px !important;transition:none !important;}
.moment-details.open{display:block !important;opacity:1 !important;grid-template-rows:none !important;margin-top:22px !important;}
.moment-details:not([open]) .moment-details-inner{display:none !important;}
.moment-details[open] .moment-details-inner{display:block !important;}
.moment-details summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;border-bottom:1px solid var(--gold);padding:8px 0 7px;font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--ink);}
.moment-details summary::-webkit-details-marker{display:none;}
.moment-details summary span{margin-left:2px;transition:transform .2s ease;}
.moment-details[open] summary span{transform:rotate(180deg);}
.moment-details-inner{padding-top:22px;max-width:600px;overflow:visible;}

/* More of the original Wix editorial rhythm: compact, deliberate, not airy for its own sake */
.editorial-expertise{padding:66px 7% 78px;background:#fff;}
.editorial-row{max-width:1160px;margin:0 auto 78px;grid-template-columns:.78fr 1.22fr;gap:7.2%;align-items:center;}
.editorial-row:last-child{margin-bottom:0;}
.editorial-copy{max-width:390px;padding:0;}
.editorial-kicker{font-size:8.5px;letter-spacing:.24em;margin:0 0 13px;font-weight:600;}
.editorial-copy h2{font-size:clamp(2.35rem,3.55vw,4.05rem);line-height:.95;margin:0 0 24px;letter-spacing:-.045em;font-style:italic;font-weight:400;}
.editorial-copy h2 span{font-size:1.48em;margin-right:0;}
.editorial-copy p:not(.editorial-kicker){font-size:13px;line-height:1.72;letter-spacing:.055em;color:#49433d;margin:0;}
.editorial-image{min-height:360px;box-shadow:-24px -22px 0 #f5ece6;}
.editorial-row.reverse .editorial-image{box-shadow:24px -22px 0 #f5ece6;}

/* Moment section closer to the Wix page: image/text proportion and more compact vertical rhythm */
.moment.split{min-height:0;grid-template-columns:1.05fr .95fr;}
.bouquet{min-height:430px;background-position:54% 27%;}
.moment-copy{padding:52px 9% 50px 7%;}
.moment h2{font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.04;margin-bottom:24px;letter-spacing:-.035em;}
.moment-copy>p{font-size:13px;line-height:1.72;letter-spacing:.045em;max-width:500px;margin:0;}
.moment-details h3{font-size:1.65rem;line-height:1.1;margin-bottom:16px;}
.moment-details p{font-size:12.8px;line-height:1.72;letter-spacing:.04em;margin-bottom:13px;}

/* Typography closer to Wix even when proprietary Brandon is unavailable locally */
body{font-weight:400;letter-spacing:.015em;}
.nav a,.header-cta,.brand-name,.brand-sub,.kicker,.section-eyebrow,.eyebrow-dark,.editorial-kicker{font-weight:500;}

@media(max-width:980px){
  .editorial-expertise{padding:58px 7% 68px;}
  .editorial-row,.editorial-row.reverse{grid-template-columns:1fr;gap:24px;margin-bottom:62px;}
  .editorial-copy{max-width:560px;}
  .editorial-image,.editorial-row.reverse .editorial-image{min-height:330px;box-shadow:16px -16px 0 #f5ece6;}
  .moment-copy{padding:42px 7%;}
}
@media(max-width:650px){
  .editorial-expertise{padding:48px 7% 58px;}
  .editorial-row,.editorial-row.reverse{margin-bottom:52px;}
  .editorial-copy h2{font-size:2.85rem;}
  .editorial-copy p:not(.editorial-kicker){font-size:12.7px;letter-spacing:.035em;}
  .bouquet{min-height:320px;}
  .moment-details summary{width:auto;line-height:1.35;}
}

/* ===== V3.6 – echte Orgel-Hörbeispiele ===== */
.organ-samples{margin-top:20px;max-width:430px}
.organ-samples summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--gold);padding:7px 0 6px;font-size:9px;font-weight:600;letter-spacing:.2em;color:var(--ink)}
.organ-samples summary::-webkit-details-marker{display:none}
.organ-samples summary span{transition:transform .2s ease}
.organ-samples[open] summary span{transform:rotate(180deg)}
.organ-samples-inner{padding-top:18px}
.organ-samples-intro{font-size:11.7px !important;line-height:1.62 !important;letter-spacing:.035em !important;color:#665f58 !important;margin:0 0 16px !important}
.organ-track{border-top:1px solid #ded4ca;padding:12px 0 13px}
.organ-track:last-child{border-bottom:1px solid #ded4ca}
.organ-track>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:7px}
.organ-track b{font:400 13px/1.3 var(--display-font);color:var(--ink)}
.organ-track small{font:500 8.5px/1.2 var(--body-font);letter-spacing:.12em;color:var(--gold);white-space:nowrap;text-transform:uppercase}
.organ-track audio{width:100%;height:32px;display:block}
.organ-track video{width:100%;display:block;max-height:230px;background:#111}
.organ-video-track>div{margin-bottom:9px}
@media(max-width:650px){
  .organ-samples{max-width:none}
  .organ-track>div{display:block}
  .organ-track small{display:block;margin-top:4px}
  .organ-track video{max-height:none}
}

/* ===== V3.7.1 – readability + open-state cleanup (rebuilt from V3.6) ===== */
/* When the "Ihr Lied" accordion opens, remove the decorative blush rectangle entirely. */
.moment-copy:has(.moment-details[open])::before{opacity:0 !important;}
.moment-copy::before{transition:opacity .22s ease;}

/* Make the opened explanatory text feel like an editorial note, not a dense block. */
.moment-details[open]{margin-top:24px !important;}
.moment-details-inner{max-width:650px !important;padding-top:24px !important;}
.moment-details h3{font-size:clamp(1.75rem,2vw,2.15rem) !important;margin-bottom:18px !important;}
.moment-details p{font-size:14.5px !important;line-height:1.72 !important;letter-spacing:.012em !important;margin-bottom:15px !important;max-width:620px !important;}

/* Orgel listening room: larger, calmer, easier to scan. */
.organ-samples{max-width:560px !important;margin-top:24px !important;}
.organ-samples summary{font-size:10.5px !important;letter-spacing:.16em !important;padding:9px 0 8px !important;}
.organ-samples[open]{margin-top:28px !important;background:#faf7f2;padding:26px 28px 30px;border:1px solid #eee4da;}
.organ-samples[open] summary{margin-top:-4px;}
.organ-samples-inner{padding-top:20px !important;}
.organ-samples-intro{font-size:14px !important;line-height:1.65 !important;letter-spacing:.01em !important;max-width:500px;margin-bottom:22px !important;}
.organ-track{padding:18px 0 20px !important;border-top:1px solid #ddd2c6 !important;}
.organ-track>div{margin-bottom:10px !important;gap:18px !important;}
.organ-track b{font-size:16px !important;line-height:1.35 !important;}
.organ-track small{font-size:9.5px !important;letter-spacing:.12em !important;}
.organ-track audio{height:38px !important;}
.organ-track video{max-height:320px !important;border-radius:2px;}

/* The Orgel editorial column needs a little more breathing room once the media opens. */
.organ-row .editorial-copy{max-width:560px !important;}
.organ-row{grid-template-columns:1fr 1.12fr !important;gap:6.5% !important;align-items:start !important;}
.organ-row .editorial-image{margin-top:8px;}

/* Slight global readability lift without losing the Wix-like finesse. */
.editorial-copy p:not(.editorial-kicker){font-size:14.5px !important;line-height:1.72 !important;letter-spacing:.018em !important;}
.service-strip p{font-size:13px !important;line-height:1.55;}

@media(max-width:980px){
  .organ-row{grid-template-columns:1fr !important;gap:28px !important;}
  .organ-samples{max-width:none !important;}
  .organ-row .editorial-copy{max-width:680px !important;}
}
@media(max-width:650px){
  .moment-details p{font-size:14px !important;}
  .organ-samples[open]{padding:22px 18px 24px !important;}
  .organ-track b{font-size:15px !important;}
  .organ-track video{max-height:none !important;}
  .editorial-copy p:not(.editorial-kicker){font-size:14px !important;}
}

/* ===== V3.8: four clear editorial areas + new media ===== */
.service-strip{grid-template-columns:repeat(4,1fr)!important;padding-left:5.5%!important;padding-right:5.5%!important}
.service-strip article{padding-left:24px!important;padding-right:24px!important}

.editorial-expertise{padding:64px 6.5% 82px!important;background:#fff!important}
.editorial-row,.editorial-row.reverse{
  max-width:1240px!important;
  margin:0 auto 82px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:72px!important;
  align-items:center!important;
}
.editorial-row:last-child{margin-bottom:0!important}
.editorial-row.reverse .editorial-copy{order:2!important}
.editorial-row.reverse .editorial-image,.editorial-row.reverse .organ-visuals{order:1!important}
.editorial-copy{max-width:500px!important;padding:0!important}
.editorial-copy p:not(.editorial-kicker){font-size:15px!important;line-height:1.7!important;letter-spacing:.01em!important}
.editorial-copy h2{margin-bottom:20px!important}
.editorial-image{min-height:390px!important;box-shadow:none!important;background-size:cover!important;background-repeat:no-repeat!important}
.church-piano-image{background-image:url('assets/klavier-haende-hochzeit.png')!important;background-position:center 52%!important}
.duo-image{background-image:url('assets/duo-querfloete.jpg')!important;background-position:center 45%!important}
.jazz-image{background-image:url('assets/jazz-trio-instrumente-v316.png')!important;background-position:center center!important}

.organ-visuals{display:grid;grid-template-rows:1.35fr .65fr;gap:18px;min-height:520px}
.organ-church-image{background:url('assets/kirche-trauung.jpg') center/cover no-repeat;min-height:315px}
.organ-detail-image{background:url('assets/orgel.jpg') center 40%/cover no-repeat;min-height:185px}

.media-samples{margin-top:24px;border-top:1px solid rgba(178,142,80,.45);border-bottom:1px solid rgba(178,142,80,.28)}
.media-samples summary{cursor:pointer;list-style:none;padding:13px 0 11px;font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.media-samples summary::-webkit-details-marker{display:none}
.media-samples summary span{color:var(--gold);font-size:13px;transition:transform .2s ease}
.media-samples[open] summary span{transform:rotate(180deg)}
.media-samples-inner{padding:18px 0 8px;background:#fff}
.media-samples-intro{font-size:13.5px!important;line-height:1.6!important;color:#5e5750!important;margin:0 0 18px!important}
.media-track{padding:14px 0;border-top:1px solid #ece5dc}
.media-track:first-of-type{border-top:0}
.media-track>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:8px}
.media-track b{font:600 14px/1.3 var(--body-font);color:var(--ink)}
.media-track small{font:9px/1.3 var(--body-font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.media-track audio{width:100%;height:38px;display:block}
.media-track video{width:100%;max-height:310px;display:block;background:#111;object-fit:contain}

@media(max-width:980px){
  .service-strip{grid-template-columns:repeat(2,1fr)!important}
  .service-strip article:nth-child(2){border-right:0!important}
  .service-strip article:nth-child(-n+2){border-bottom:1px solid #ddd2c1}
  .editorial-row,.editorial-row.reverse{grid-template-columns:1fr!important;gap:28px!important;margin-bottom:70px!important}
  .editorial-row.reverse .editorial-copy,.editorial-row.reverse .editorial-image,.editorial-row.reverse .organ-visuals{order:initial!important}
  .editorial-copy{max-width:680px!important}
  .editorial-image{min-height:360px!important}
  .organ-visuals{min-height:0;grid-template-rows:auto auto}
  .organ-church-image{min-height:300px}
  .organ-detail-image{min-height:220px}
}
@media(max-width:650px){
  .service-strip{grid-template-columns:1fr!important}
  .service-strip article{border-right:0!important;border-bottom:1px solid #ddd2c1!important}
  .service-strip article:last-child{border-bottom:0!important}
  .editorial-expertise{padding:48px 6% 60px!important}
  .editorial-row,.editorial-row.reverse{margin-bottom:58px!important;gap:22px!important}
  .editorial-copy p:not(.editorial-kicker){font-size:14px!important}
  .editorial-image{min-height:300px!important}
  .media-track>div{display:block}
  .media-track small{display:block;margin-top:3px}
}

/* v3.11 – echter Medienstreifen */
.modal-box{width:min(720px,calc(100vw - 40px));max-width:720px}.modal-box h3{font:34px/1.1 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 35px 4px 0}.modal-piece{margin:0 0 18px;color:var(--gold);font-size:12px;letter-spacing:.6px}.modal-box audio,.modal-box video{display:block;width:100%;max-height:68vh}.audio-card small{display:block;min-height:2.7em}

/* V3.12 – dezente Preisorientierung */
.price-guide{padding:46px 7%;background:#faf7f1;border-top:1px solid #e5dccf;border-bottom:1px solid #e5dccf;text-align:center}
.price-guide-inner{max-width:940px;margin:0 auto}
.price-guide h2{font:34px/1.15 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;margin:0 0 12px}
.price-intro{max-width:650px;margin:0 auto 28px;font-size:13px;color:var(--muted)}
.price-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 auto 24px}
.price-option{padding:8px 28px;border-right:1px solid #ddd2c1}
.price-option:last-child{border-right:0}
.price-option b{display:block;font-size:11px;letter-spacing:1.7px;margin-bottom:5px}
.price-option span{font:26px/1.2 "Linotype Didot",Didot,"Bodoni MT","Times New Roman",serif;color:var(--green)}
.price-note{max-width:700px;margin:0 auto;font-size:11px;color:var(--muted)}
.price-guide .text-link{margin-top:20px;color:var(--green)}
@media(max-width:650px){.price-guide{padding:40px 7%}.price-options{grid-template-columns:1fr}.price-option{border-right:0;border-bottom:1px solid #ddd2c1;padding:18px 10px}.price-option:last-child{border-bottom:0}}

/* V3.15 – Medienstreifen spielt direkt in der Kachel */
.audio-card{overflow:hidden}
.audio-card .inline-thumb-video{width:100%;height:92px;aspect-ratio:auto;object-fit:cover;display:block;background:#000}
.audio-card.is-playing .play{background:rgba(8,44,39,.78);font-size:14px;letter-spacing:-2px}
.audio-card .inline-card-audio{display:none}
@media (min-width:900px){.audio-card .inline-thumb-video{height:auto;aspect-ratio:1/1}}


/* ===== V3.18 – mobile Moment-Text vollbreit + Über-mich-Block entfernt ===== */
/* Nach Entfernen von „Musik ist für mich Verbindung“ bleiben Bild und Ablauf ausgewogen. */
.about-process{grid-template-columns:.9fr 1.1fr;min-height:0}
.about-process .church{min-height:440px}
.about-process .process{grid-column:auto}

@media(max-width:650px){
  /* Beim Öffnen des Trauungs-Textes verschwindet das Foto; der Text nutzt die ganze Breite. */
  .moment:has(.moment-details[open]){grid-template-columns:1fr}
  .moment:has(.moment-details[open]) .bouquet{display:none}
  .moment:has(.moment-details[open]) .moment-copy{width:100%;padding:42px 7% 48px}
  .moment:has(.moment-details[open]) .moment-copy::before{inset:4% 3%}
  .moment:has(.moment-details[open]) .moment-details-inner{max-width:none;width:100%}
  .moment:has(.moment-details[open]) .moment-details h3{font-size:2rem}
  .moment:has(.moment-details[open]) .moment-details p{font-size:15px;line-height:1.72;letter-spacing:.025em}

  .about-process{grid-template-columns:1fr}
  .about-process .church{min-height:330px}
  .about-process .process{padding:42px 7%}
}

/* v3.19 – Smartphone: kein leerer Kirchen-/Bildplatz vor „So läuft es ab“ */
@media (max-width:650px){
  .about-process{display:block!important;min-height:0!important;}
  .about-process .church{display:none!important;min-height:0!important;height:0!important;}
  .about-process .process{padding-top:34px!important;padding-bottom:38px!important;}
}

/* V3.20 cache-bust: mobile Ablauf section */
@media (max-width:650px){.about-process{display:block!important;margin:0!important;padding:0!important;min-height:0!important}.about-process>.church{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}.about-process>.process{margin:0!important;padding:28px 7
/* V3.20 cache-bust: mobile Ablauf section */
@media (max-width:650px){
.about-process{display:block!important;margin:0!important;padding:0!important;min-height:0!important}
.about-process>.church{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
.about-process>.process{margin:0!important;padding:28px 7% 36px!important;min-height:0!important}
}