/* ============================================================
   Multi-page additions — Dennis Wilms · Ernährungsberatung
   Homepage teasers · closing CTA band · subpage hero offset ·
   active navigation state
   ============================================================ */

/* ---- Active navigation ---- */
.nav a[aria-current="page"]{color:var(--green-800);background:rgba(62,92,28,.09)}

/* ---- Subpage hero (base styles, shared with legal pages) ---- */
.page-hero{
  background:linear-gradient(160deg,var(--green-800),var(--green-900));
  color:#fff;padding:calc(84px + clamp(40px,7vw,80px)) 0 clamp(40px,6vw,70px);
  position:relative;overflow:hidden;
  border-radius:5px 5px 5px 20px;
}
.page-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(141,188,82,.14);filter:blur(6px)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .eyebrow{color:var(--lime-soft)}
.page-hero .eyebrow::before{background:var(--lime)}
.page-hero h1{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.02;font-size:clamp(2.2rem,5vw,3.6rem);margin-top:.3em;letter-spacing:-.005em}
.page-hero p{color:rgba(255,255,255,.78);max-width:60ch;margin-top:16px;font-size:1.05rem}
.crumbs{display:flex;gap:8px;align-items:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;color:rgba(255,255,255,.6);margin-bottom:6px}
.crumbs a{color:var(--lime-soft)}
.crumbs a:hover{color:#fff}
.crumbs span{opacity:.5}

/* ---- Subpage hero: offset for the fixed announcement bar (46px) ---- */
.has-announce .page-hero{padding-top:calc(46px + 84px + clamp(40px,7vw,80px))}
.announce-hidden .page-hero{padding-top:calc(84px + clamp(40px,7vw,80px))}
.page-hero .lead-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.page-hero .btn--light{--bg:#fff;--fg:var(--green-900)}

/* ============================================================
   Homepage section teasers
   ============================================================ */
.section-cta{display:flex;justify-content:center;margin-top:46px}

/* Split teaser (image + copy) */
.tsplit{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,64px);align-items:center}
.tsplit__media{position:relative}
.tsplit__photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,var(--green-600),var(--green-900));aspect-ratio:4/5;box-shadow:var(--shadow)}
.tsplit__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.tsplit__photo--cutout{background:transparent;box-shadow:none;border-radius:0;overflow:visible;aspect-ratio:auto}
.tsplit__photo--cutout img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(44,64,20,.22))}
.tsplit__sig{position:absolute;left:-10px;bottom:-22px;background:var(--paper);border-radius:18px;padding:14px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}
.tsplit__sig .nm{font-family:var(--font-script);font-size:1.7rem;color:var(--ink);line-height:1}
.tsplit__sig .rl{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:var(--green-800);margin-top:2px}
.tsplit__copy p{margin-top:1.05em;color:var(--ink-2);text-transform:none;line-height:1.65}
.tsplit__copy .btn{margin-top:30px}
@media (max-width:860px){
  .tsplit{grid-template-columns:1fr;gap:48px}
  .tsplit__media{max-width:420px}
}

/* Services teaser — editorial list (distinct from the tile grid) */
.svc-tease__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,5vw,72px);align-items:start}
.svc-tease__intro{position:sticky;top:120px}
.svc-tease__intro .lead{margin-top:18px}
.svc-tease__intro .btn{margin-top:28px}
.svc-tease__list{border-top:1px solid var(--line)}
.svc-tease__list li{display:flex;align-items:center;gap:18px;padding:17px 6px;border-bottom:1px solid var(--line);transition:padding-left .25s,color .25s}
.svc-tease__list li:hover{padding-left:14px}
.svc-tease__num{font-family:var(--font-display);font-weight:700;font-size:.86rem;color:var(--green-600);width:1.6em;flex:none;letter-spacing:.04em}
.svc-tease__ic{width:42px;height:42px;border-radius:12px;background:rgba(62,92,28,.08);color:var(--green-800);display:flex;align-items:center;justify-content:center;flex:none}
.svc-tease__ic .icon{width:22px;height:22px}
.svc-tease__t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.04rem;line-height:1.12;color:var(--ink)}
@media (max-width:860px){
  .svc-tease__grid{grid-template-columns:1fr;gap:36px}
  .svc-tease__intro{position:static}
}

/* Compact price teaser */
.pcard__tier{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--green-700);display:block;margin-bottom:8px}
.pcard--feat .pcard__tier{color:var(--lime-soft)}
.ptease{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.ptease__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:6px;transition:transform .3s,box-shadow .3s,border-color .3s}
.ptease__card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.ptease__card.is-feat{background:linear-gradient(160deg,var(--green-800),var(--green-900));color:#fff;border-color:transparent;box-shadow:var(--shadow-lg)}
.ptease__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.3rem;font-weight:700}
.ptease__price{font-family:var(--font-display);font-weight:700;font-size:2rem;line-height:1.1;margin-top:4px}
.ptease__price small{font-size:.42em;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:.08em;margin-right:.3em}
.ptease__card.is-feat .ptease__price small{color:var(--lime-soft)}
.ptease__per{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--muted)}
.ptease__card.is-feat .ptease__per{color:var(--lime-soft)}
.ptease__desc{font-size:.94rem;color:var(--muted);text-transform:none;margin-top:8px}
.ptease__card.is-feat .ptease__desc{color:rgba(255,255,255,.82)}
@media (max-width:780px){.ptease{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}

/* FAQ teaser keeps single-column list (reuses .qa) */
.faq-tease{max-width:820px;margin:48px auto 0}

/* ============================================================
   Closing CTA band (every subpage + homepage)
   ============================================================ */
.cta-band{background:linear-gradient(150deg,var(--green-800),var(--green-900));color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-band::before,.cta-band::after{content:"";position:absolute;border-radius:50%;background:rgba(141,188,82,.13);filter:blur(8px);pointer-events:none}
.cta-band::before{width:360px;height:360px;left:-120px;top:-150px}
.cta-band::after{width:300px;height:300px;right:-110px;bottom:-130px}
.cta-band .wrap{position:relative;z-index:1;max-width:780px}
.cta-band .eyebrow{color:var(--lime-soft);justify-content:center}
.cta-band .eyebrow::before{background:var(--lime)}
.cta-band h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.05;margin:.28em 0 0}
.cta-band h2 .script{color:var(--lime);text-transform:none;font-size:1.16em;display:inline-block}
.cta-band p{color:rgba(255,255,255,.8);max-width:54ch;margin:20px auto 32px;font-size:1.12rem}
.cta-band .btn--light{--bg:#fff;--fg:var(--green-900)}
.cta-band__alt{display:inline-flex;align-items:center;margin-top:18px;font-weight:600;color:var(--lime-soft);text-decoration:none;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.cta-band__alt:hover{color:#fff;border-color:var(--lime)}
.cta-band__actions{display:flex;flex-direction:column;align-items:center}

/* Slightly tighter top section on subpages (page-hero already pads) */
.subpage-first{padding-top:clamp(56px,7vw,90px)}