/* Leistungsseiten (zusätzlich zu site.css) */
.lp{padding:9rem 1.5rem 3.5rem;position:relative;z-index:1}
.lp-wrap{max-width:1100px;margin:0 auto}
.crumbs{margin-bottom:1.5rem;font-size:0.85rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0.4rem;color:var(--text-muted)}
.crumbs li+li::before{content:"/";margin-right:0.4rem;color:var(--gold)}
.crumbs a{color:var(--earth-dark);text-decoration:underline}
body.dark .crumbs a{color:var(--gold)}
.lp-hero{display:grid;grid-template-columns:1.15fr 0.85fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
.lp-hero.no-media{grid-template-columns:1fr}
.lp h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.6vw,3.2rem);font-weight:900;line-height:1.12;color:var(--earth-deep);margin:0.7rem 0 1.1rem;letter-spacing:0.5px}
body.dark .lp h1{color:var(--gold-light)}
.lp-lead{font-size:1.1rem;color:var(--text);max-width:60ch}
.lp-cta{display:flex;flex-wrap:wrap;gap:0.9rem;margin-top:1.6rem}
.lp-tel{font-size:1.25rem;padding:1rem 1.8rem}
.lp-fig{margin:0}
.lp-fig img{display:block;width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 8px 28px var(--shadow);background:var(--sand-mid)}
.lp-fig figcaption{font-size:0.85rem;color:var(--text-muted);margin-top:0.55rem;line-height:1.45}
.lp-hero .lp-fig img{max-height:460px;object-fit:cover}
.lp-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}
.lp-text h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--earth-deep);margin:2.4rem 0 0.8rem;line-height:1.2}
.lp-text h2:first-child{margin-top:0}
body.dark .lp-text h2{color:var(--gold-light)}
.lp-text p{margin-bottom:1rem;max-width:68ch;color:var(--text)}
.lp-text ul{margin:0 0 1.2rem 1.2rem;max-width:68ch}
.lp-text li{margin-bottom:0.45rem}
.lp-text li::marker{color:var(--gold)}
.lp-text a{color:var(--earth-dark);text-decoration:underline}
body.dark .lp-text a{color:var(--gold)}
.lp-figs{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:1.6rem 0}
.lp-figs .lp-fig img{aspect-ratio:4/3;object-fit:cover}
.lp-side{position:sticky;top:7rem;display:flex;flex-direction:column;gap:1.2rem}
.lp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 4px 16px var(--shadow)}
.lp-card h2{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--earth-deep);margin-bottom:0.7rem}
body.dark .lp-card h2{color:var(--gold-light)}
.lp-card p{font-size:0.92rem;color:var(--text-muted);margin-bottom:0.6rem}
.lp-card .primary-btn,.lp-card .btn-outline{width:100%;justify-content:center;margin-top:0.4rem}
.lp-card a.plain{color:var(--earth-dark);text-decoration:underline}
body.dark .lp-card a.plain{color:var(--gold)}
.lp-vn{margin:1.6rem 0}
.lp-vn .vn-grid{grid-template-columns:repeat(2,1fr);margin-top:0}
.lp-faq{margin-top:2.6rem}
.lp-faq .faq-list{margin:0;max-width:none}
.lp-more{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--border)}
.lp-more h2{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--earth-deep);margin-bottom:0.9rem}
body.dark .lp-more h2{color:var(--gold-light)}
.lp-chips{display:flex;flex-wrap:wrap;gap:0.6rem}
.lp-chips a{display:inline-block;padding:0.45rem 1rem;border:1.5px solid var(--border);border-radius:20px;font-size:0.88rem;font-weight:500;color:var(--earth-dark);text-decoration:none;background:var(--surface);transition:all var(--transition)}
body.dark .lp-chips a{color:var(--gold)}
.lp-chips a:hover{border-color:var(--earth);background:var(--sand)}
body.dark .lp-chips a:hover{background:var(--surface2);border-color:var(--gold)}
@media(max-width:900px){
  .lp-hero{grid-template-columns:1fr;gap:1.6rem}
  .lp-body{grid-template-columns:1fr;gap:2rem}
  .lp-side{position:static}
}
@media(max-width:768px){
  .lp{padding:8.5rem 1rem 2.5rem}
  .lp-vn .vn-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .lp-figs{grid-template-columns:1fr}
  .lp-cta{flex-direction:column;align-items:stretch}
  .lp-cta a{justify-content:center}
}
/* Mindestgröße 13 px auf den Leistungsseiten */
.lp .eyebrow{font-size:0.82rem}
.lp .vn-state,.lp .vn-hint,.lp .vn-toggle button{font-size:0.82rem}
