
/* Heizkamin-Kosten · V53 */
.cost-hero{padding:86px 0 0}
.cost-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.58fr);gap:90px;align-items:end}
.cost-hero-copy h1{max-width:900px}
.cost-hero-sub{max-width:820px;margin:26px 0 0;color:var(--muted);font-size:19px;line-height:1.65}
.cost-hero-aside{border-top:1px solid var(--line);padding-top:24px}
.cost-hero-aside strong{display:block;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.cost-hero-aside p{margin:13px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.cost-hero-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px;margin-top:62px}
.cost-hero-gallery figure{margin:0;min-width:0}
.cost-hero-gallery img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;background:var(--line)}
.cost-hero-gallery figure:first-child img{aspect-ratio:1.36/1}
.cost-hero-gallery figcaption{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.4}
.cost-intro-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:100px;align-items:start}
.cost-intro-grid h2{max-width:560px}
.cost-intro-copy .lead{max-width:840px}
.cost-intro-copy .prose{max-width:820px}
.cost-notice{margin-top:38px;padding:24px 26px;border:1px solid var(--line);background:rgba(255,255,255,.27);font-size:15px;line-height:1.65;color:var(--muted)}
.cost-notice strong{color:var(--ink);font-weight:600}
.cost-factors{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cost-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:52px}
.cost-section-head>p{margin:0;color:var(--muted);max-width:560px;justify-self:end}
.cost-factor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cost-factor{padding:30px 24px 32px;border-right:1px solid var(--line)}
.cost-factor:first-child{padding-left:0}
.cost-factor:last-child{border-right:0;padding-right:0}
.cost-factor span{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}
.cost-factor h3{font-size:21px;line-height:1.25;margin-bottom:12px}
.cost-factor p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.cost-projects-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:24px}
.cost-projects-head>p{margin:0;color:var(--muted);max-width:570px;justify-self:end}
.cost-case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:72px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}
.cost-case:last-of-type{border-bottom:1px solid var(--line)}
.cost-case:nth-of-type(even) .cost-case-media{order:2}
.cost-case:nth-of-type(even) .cost-case-copy{order:1}
.cost-case-media{margin:0;min-width:0}
.cost-case-media a{display:block;overflow:hidden;background:var(--line)}
.cost-case-media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s ease}
.cost-case-media a:hover img{transform:scale(1.014)}
.cost-case-media figcaption{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.45}
.cost-case-copy h2{font-size:clamp(31px,2.8vw,42px);max-width:600px}
.cost-amount{margin:27px 0 28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cost-amount span{display:block;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;margin-bottom:5px}
.cost-amount strong{display:block;font-size:clamp(29px,3vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.cost-case-copy>p{color:var(--muted);margin:0 0 26px;max-width:650px}
.cost-scope{margin:0 0 28px;display:grid;grid-template-columns:118px 1fr;gap:12px 20px;font-size:14px;line-height:1.55}
.cost-scope dt{color:var(--muted)}
.cost-scope dd{margin:0}
.cost-insights{background:rgba(255,255,255,.22);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cost-insight-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.cost-insight-list{display:grid;gap:0;border-top:1px solid var(--line)}
.cost-insight{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr;gap:18px}
.cost-insight span{font-size:13px;color:var(--muted);padding-top:4px}
.cost-insight h3{font-size:22px;margin-bottom:7px}
.cost-insight p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.cost-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}
.cost-faq-list{border-top:1px solid var(--line)}
.cost-faq-list details{border-bottom:1px solid var(--line);padding:0}
.cost-faq-list summary{cursor:pointer;list-style:none;padding:24px 38px 24px 0;font-weight:600;position:relative;line-height:1.4}
.cost-faq-list summary::-webkit-details-marker{display:none}
.cost-faq-list summary::after{content:"+";position:absolute;right:4px;top:22px;font-size:24px;font-weight:400;color:var(--muted)}
.cost-faq-list details[open] summary::after{content:"–"}
.cost-faq-list details p{margin:-4px 0 25px;max-width:760px;color:var(--muted);font-size:16px;line-height:1.65}
.cost-cta-note{margin-top:18px;font-size:14px;color:var(--muted)}
@media (max-width:1080px){
  .cost-factor-grid{grid-template-columns:repeat(3,1fr)}
  .cost-factor{border-bottom:1px solid var(--line)}
  .cost-factor:nth-child(3){border-right:0;padding-right:0}
  .cost-factor:nth-child(4){padding-left:0}
  .cost-factor:nth-child(4),.cost-factor:nth-child(5){border-bottom:0}
}
@media (max-width:960px){
  .cost-hero-grid,.cost-intro-grid,.cost-section-head,.cost-projects-head,.cost-insight-grid,.cost-faq-grid{grid-template-columns:1fr;gap:34px}
  .cost-section-head>p,.cost-projects-head>p{justify-self:start}
  .cost-hero-aside{max-width:760px}
  .cost-hero-gallery{grid-template-columns:1fr 1fr;margin-top:48px}
  .cost-hero-gallery figure:first-child{grid-column:1/-1}
  .cost-case,.cost-case:nth-of-type(even){grid-template-columns:1fr;gap:34px;padding:54px 0}
  .cost-case:nth-of-type(even) .cost-case-media,.cost-case:nth-of-type(even) .cost-case-copy{order:initial}
  .cost-scope{max-width:760px}
}
@media (max-width:680px){
  .cost-hero{padding-top:58px}
  .cost-hero-sub{font-size:17px}
  .cost-hero-gallery{grid-template-columns:1fr;gap:26px;margin-top:42px}
  .cost-hero-gallery figure:first-child{grid-column:auto}
  .cost-hero-gallery img,.cost-hero-gallery figure:first-child img{aspect-ratio:4/3}
  .cost-factor-grid{grid-template-columns:1fr}
  .cost-factor,.cost-factor:first-child,.cost-factor:nth-child(3),.cost-factor:nth-child(4),.cost-factor:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .cost-factor:last-child{border-bottom:0}
  .cost-case{padding:44px 0}
  .cost-case-media{margin-inline:-18px}
  .cost-case-media figcaption{padding-inline:18px}
  .cost-scope{grid-template-columns:1fr;gap:3px}
  .cost-scope dd{margin-bottom:12px}
  .cost-insight{grid-template-columns:38px 1fr}
}
