/* Vaillant editorial redesign. Loaded only by the Vaillant landing page. */
.vaillant-renewal { --vl-space:clamp(64px,7vw,112px); --vl-paper:#f3f4f1; --vl-line:#dce2e3; --eco-display:"Barlow","Inter",sans-serif; }
.vaillant-renewal .wp-main .eco-container { width:min(1320px,calc(100% - 80px)); margin-inline:auto; }
.vaillant-renewal .wp-main { color:#435460; }
.vaillant-renewal .wp-main :is(h1,h2,h3) { font-weight:650; letter-spacing:-.035em; }
.vaillant-renewal .wp-main h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.1; }
.vaillant-renewal .wp-main h3 { letter-spacing:-.02em; }
.vaillant-renewal .wp-main p { line-height:1.7; }
.vaillant-renewal .wp-main :is(section,div)[id] { scroll-margin-top:calc(var(--wp-jump-top,110px) + var(--wp-jump-h,64px) + 24px); }
.vaillant-renewal .vl-section,.vaillant-renewal .wp-main > .wp-section,.vaillant-renewal .wp-main > .wp-brand-fit { padding:var(--vl-space) 0; }
.vaillant-renewal .vl-kicker { display:block; margin:0 0 20px; color:#9e1649; font-size:11px; font-weight:750; letter-spacing:.14em; line-height:1.5; text-transform:uppercase; }
.vaillant-renewal .vl-kicker a { color:inherit; text-decoration:none; }
.vaillant-renewal .vl-heading { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:64px; margin-bottom:44px; }
.vaillant-renewal .vl-heading h2 { margin:0; }
.vaillant-renewal .vl-heading > p { max-width:49ch; margin:0 0 3px; font-size:16px; }
.vaillant-renewal .vl-textlink { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; color:#0b2138; font-size:14px; font-weight:700; text-decoration:none; border-bottom:1px solid #a6b1b7; }
.vaillant-renewal .vl-textlink:hover { color:#a80f50; border-color:currentColor; }
.vaillant-renewal .wp-main a:focus-visible { outline:3px solid #ca0b57; outline-offset:5px; }
.vaillant-renewal .wp-btn { min-height:54px; border-radius:6px; box-shadow:none; padding-inline:22px; }
/* Hero: calm text plane, generously cropped architectural image. */
.vaillant-renewal .vl-hero { background:#0b2138; color:#fff; }
.vaillant-renewal .wp-main .vl-hero__grid { width:100%; max-width:1600px; display:grid; grid-template-columns:1fr 1fr; }
.vaillant-renewal .vl-hero__copy { padding:clamp(48px,5vw,84px) clamp(30px,4.4vw,72px); }
.vaillant-renewal .vl-hero .vl-kicker { color:#b9cbd4; margin-bottom:36px; }
.vaillant-renewal .wp-main .vl-hero h1 { margin:0 0 26px; color:white; font-size:clamp(44px,4.65vw,72px); line-height:1.02; letter-spacing:-.045em; }
.vaillant-renewal .vl-hero__lead { margin-bottom:16px; color:#fff; font-size:clamp(19px,1.75vw,25px); line-height:1.4; }
.vaillant-renewal .vl-hero__text { max-width:42ch; color:#bac9d2; font-size:15px; margin-bottom:30px; }
.vaillant-renewal .vl-hero .wp-actions { gap:20px; }
.vaillant-renewal .vl-hero .vl-textlink { color:#fff; border-color:#6c7b89; }
.vaillant-renewal .vl-hero__foot { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:40px; padding-top:20px; border-top:1px solid #354859; font-size:11px; color:#c2d0d8; }
.vaillant-renewal .vl-hero__visual { position:relative; min-height:580px; margin:0; overflow:hidden; }
.vaillant-renewal .vl-hero__visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:68% center; }
.vaillant-renewal .vl-hero__visual:after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(5,18,25,.78)); }
.vaillant-renewal .vl-hero__visual figcaption { position:absolute; z-index:1; bottom:35px; left:36px; right:30px; }
.vaillant-renewal .vl-hero__visual figcaption span { display:block; font-family:var(--eco-display); font-size:29px; font-weight:600; }
.vaillant-renewal .vl-hero__visual figcaption small { color:#e3e8e8; font-size:12px; }
/* A single navigation strip, no competing manufacturer ticker. */
.vaillant-renewal .vl-jump { background:#fff; border-bottom:1px solid var(--vl-line); box-shadow:none; }
.vaillant-renewal .vl-jump .eco-container { display:flex; gap:28px; min-height:68px; align-items:center; }
.vaillant-renewal .vl-jump__label { margin-right:auto; flex-shrink:0; font-size:13px; color:#0b2138; font-weight:750; }
.vaillant-renewal .vl-jump a { padding:22px 0; border-radius:0; font-size:12px; white-space:nowrap; }
.vaillant-renewal .vl-jump a:last-child { color:#a80f50; }
/* House assessment: one photograph and a readable four-part list. */
.vaillant-renewal .vl-house__grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:stretch; }
.vaillant-renewal .vl-house__grid figure { position:relative; margin:0; min-height:470px; overflow:hidden; border-radius:8px; }
.vaillant-renewal .vl-house__grid figure img { position:absolute; width:100%; height:100%; object-fit:cover; }
.vaillant-renewal .vl-house__grid figcaption { position:absolute; inset:auto 0 0; padding:54px 28px 24px; color:white; background:linear-gradient(transparent,rgba(7,24,41,.9)); font-size:13px; }
.vaillant-renewal .vl-checks article { display:flex; gap:24px; padding:22px 0; border-top:1px solid var(--vl-line); }
.vaillant-renewal .vl-checks article > span { padding-top:3px; font-size:12px; color:#9e1649; font-weight:700; }
.vaillant-renewal .vl-checks h3 { margin:0 0 8px; font-size:21px; }
.vaillant-renewal .vl-checks p { margin:0; font-size:14px; max-width:48ch; }
.vaillant-renewal .vl-checks .vl-textlink { margin-top:12px; }
/* Product feature and two equal secondary options; no empty image slots. */
.vaillant-renewal .vl-models { background:var(--vl-paper); }
.vaillant-renewal .vl-product { display:grid; grid-template-columns:1.1fr 1fr; background:white; border:1px solid var(--vl-line); border-radius:8px; overflow:hidden; }
.vaillant-renewal .vl-product figure { display:flex; flex-direction:column; justify-content:space-between; background:#e8edeb; padding:32px; margin:0; min-width:0; }
.vaillant-renewal .vl-product figure .vl-kicker { color:#486459; margin:0; }
.vaillant-renewal .vl-product figure img { width:100%; height:310px; object-fit:contain; }
.vaillant-renewal .vl-product figcaption { color:#486459; font-size:12px; }
.vaillant-renewal .vl-product__placeholder { flex:1; min-height:clamp(220px,28vw,310px); display:flex; align-items:center; justify-content:center; color:#8a9d97; }
.vaillant-renewal .vl-product__placeholder svg { width:56px; height:56px; }
.vaillant-renewal .vl-product__copy { padding:clamp(28px,3.7vw,56px); }
.vaillant-renewal .vl-product__copy h3 { font-size:38px; margin:0 0 20px; }
.vaillant-renewal .vl-product__copy p { font-size:15px; }
.vaillant-renewal .vl-product dl { margin:26px 0; }
.vaillant-renewal .vl-product dl div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:12px 0; border-top:1px solid var(--vl-line); font-size:13px; }
.vaillant-renewal .vl-product dt { font-weight:500; }
.vaillant-renewal .vl-product dd { color:#0b2138; margin:0; font-weight:600; }
.vaillant-renewal .vl-alternatives { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:32px; }
.vaillant-renewal .vl-alternatives article { display:flex; gap:22px; padding:24px 0 0; border-top:1px solid #cbd4d0; }
.vaillant-renewal .vl-alternatives svg { flex:0 0 28px; width:28px; height:28px; color:#557a69; }
.vaillant-renewal .vl-alternatives .vl-kicker { margin:0 0 8px; color:#486459; font-size:10px; }
.vaillant-renewal .vl-alternatives h3 { font-size:23px; margin:0 0 12px; }
.vaillant-renewal .vl-alternatives p { font-size:14px; margin:0; }
.vaillant-renewal .vl-note { font-size:12px; margin:30px 0 0; }
/* Retain the on-site craft composition, with restrained image proportions. */
.vaillant-renewal .wp-main > .expert-work { padding:90px 0 64px; }
.vaillant-renewal .expert-work__copy { max-width:620px; }
.vaillant-renewal .expert-work__copy h2 { color:white; font-size:clamp(34px,3.8vw,52px); }
.vaillant-renewal .expert-work__strip { max-width:920px; margin-top:40px; }
.vaillant-renewal .expert-work__strip .ratio { --bs-aspect-ratio:65%; border-radius:6px; }
.vaillant-renewal .expert-work__strip-label { font-size:12px; margin-top:12px; }
.vaillant-renewal .installation-process { background:white; }
.vaillant-renewal .vl-left-head { margin:0 0 36px; text-align:left; max-width:780px; }
.vaillant-renewal .wp-flow__board { border-radius:8px; }
.vaillant-renewal .wp-main > .wp-brand-fit { background:var(--vl-paper); }
.vaillant-renewal .wp-brand-fit .wp-head { margin-bottom:36px; }
.vaillant-renewal .wp-brand-fit .wp-head h2 { font-size:clamp(32px,3.5vw,48px); }
.vaillant-renewal .wp-brand-fit .wp-fund { box-shadow:none; border-radius:8px; }
.vaillant-renewal .wp-verdict { padding:10px 0; }
.vaillant-renewal .wp-verdict > div { padding:20px 0; }
.vaillant-renewal .vl-planning__grid { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; }
.vaillant-renewal .vl-planning article { padding:0 0 28px; }
.vaillant-renewal .vl-planning article + article { padding-top:28px; padding-bottom:0; border-top:1px solid var(--vl-line); }
.vaillant-renewal .vl-planning h3 { font-size:24px; }
.vaillant-renewal .vl-planning p { font-size:15px; }
.vaillant-renewal .wp-main > .wp-faq { border-top:1px solid var(--vl-line); padding-top:60px; }
.vaillant-renewal .wp-faq__grid details { border-radius:0; box-shadow:none; }
.vaillant-renewal #anfrage { background:#102b40; color:#c8d4dc; }
.vaillant-renewal #anfrage .vl-kicker { color:#e7a8c2; }
.vaillant-renewal #anfrage h2 { color:white; font-size:clamp(34px,3.6vw,50px); margin:0 0 24px; }
.vaillant-renewal #anfrage .wp-close__phone { color:white; font-size:24px; }
.vaillant-renewal #anfrage .wp-form { background:white; color:#435460; border-radius:8px; box-shadow:none; padding:32px; }
.vaillant-renewal #anfrage .wp-form input,.vaillant-renewal #anfrage .wp-form select,.vaillant-renewal #anfrage .wp-form textarea { border-radius:4px; }
.vaillant-renewal .vl-brands { background:#f4f6f7; padding:64px 0; }
.vaillant-renewal .vl-brands__intro { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:end; margin-bottom:32px; }
.vaillant-renewal .vl-brands h2 { font-size:30px; margin:0; }
.vaillant-renewal .vl-brands .vl-kicker { margin-bottom:12px; }
.vaillant-renewal .vl-brands p { font-size:14px; margin:0; max-width:50ch; }
.vaillant-renewal .vl-brands__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #d5dfe3; border-left:1px solid #d5dfe3; }
.vaillant-renewal .vl-brands__grid a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px; border-right:1px solid #d5dfe3; border-bottom:1px solid #d5dfe3; color:#0b2138; font-size:13px; font-weight:600; text-decoration:none; transition:background .2s,color .2s; }
.vaillant-renewal .vl-brands__grid a:hover { background:white; color:#a80f50; }
.vaillant-renewal .vl-brands__grid .vl-brands__all { background:#e7ecef; }
@media(min-width:1600px){.vaillant-renewal .vl-hero__copy{padding-left:70px}}
@media(max-width:1100px){
.vaillant-renewal .vl-jump__label{display:none}
.vaillant-renewal .vl-jump .eco-container{justify-content:space-between;gap:22px}
.vaillant-renewal .vl-house__grid,.vaillant-renewal .vl-heading,.vaillant-renewal .vl-planning__grid{gap:36px}
.vaillant-renewal .vl-hero__copy{padding:48px 32px}
.vaillant-renewal .vl-hero__foot{margin-top:28px}
.vaillant-renewal .vl-brands__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
.vaillant-renewal .wp-main .eco-container{width:calc(100% - 48px)}
.vaillant-renewal .wp-main .vl-hero__grid{width:100%;grid-template-columns:1fr}
.vaillant-renewal .vl-hero__copy{padding:48px 24px}
.vaillant-renewal .vl-hero__visual{min-height:380px}
.vaillant-renewal .vl-hero__visual img{object-position:center 60%}
.vaillant-renewal .vl-hero__visual figcaption{left:24px;bottom:24px}
.vaillant-renewal .vl-heading,.vaillant-renewal .vl-house__grid,.vaillant-renewal .vl-planning__grid,.vaillant-renewal .vl-brands__intro{grid-template-columns:1fr;gap:24px}
.vaillant-renewal .vl-house__grid figure{min-height:360px}
.vaillant-renewal .vl-product{grid-template-columns:1fr}
.vaillant-renewal .vl-product figure img{height:280px}
.vaillant-renewal .wp-brand-fit__layout,.vaillant-renewal .wp-head--split,.vaillant-renewal .wp-close__layout{grid-template-columns:1fr}
.vaillant-renewal .wp-verdict{padding:0}
.vaillant-renewal .vl-jump .eco-container{justify-content:flex-start;overflow-x:auto}
}
@media(max-width:600px){
.vaillant-renewal{--vl-space:60px}
.vaillant-renewal .wp-main .eco-container{width:calc(100% - 40px)}
.vaillant-renewal .wp-main .vl-hero__grid{width:100%}
.vaillant-renewal .vl-hero__copy{padding:36px 20px}
.vaillant-renewal .vl-hero .vl-kicker{margin-bottom:26px}
.vaillant-renewal .vl-hero h1{font-size:46px}
.vaillant-renewal .vl-hero__visual{min-height:300px}
.vaillant-renewal .vl-hero__foot{gap:9px 16px;font-size:10px}
.vaillant-renewal .vl-hero .wp-actions{align-items:flex-start;flex-direction:column;gap:14px}
.vaillant-renewal .vl-jump .eco-container{min-height:56px;gap:24px}
.vaillant-renewal .vl-jump a{padding:17px 0}
.vaillant-renewal .vl-heading{margin-bottom:30px}
.vaillant-renewal .vl-house__grid figure{min-height:310px}
.vaillant-renewal .vl-checks article{gap:18px}
.vaillant-renewal .vl-product figure{padding:24px}
.vaillant-renewal .vl-product figure img{height:230px}
.vaillant-renewal .vl-product__copy{padding:24px}
.vaillant-renewal .vl-product__copy h3{font-size:32px}
.vaillant-renewal .vl-alternatives{grid-template-columns:1fr;gap:8px}
.vaillant-renewal .vl-alternatives article{padding:24px 0}
.vaillant-renewal .wp-main > .expert-work{padding:60px 0 40px}
.vaillant-renewal .expert-work__strip{--bs-gutter-x:10px}
.vaillant-renewal .expert-work__strip .ratio{--bs-aspect-ratio:110%}
.vaillant-renewal .expert-work__strip-label{font-size:11px}
.vaillant-renewal #anfrage .wp-form{padding:22px}
.vaillant-renewal .vl-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vaillant-renewal .vl-brands__grid a{font-size:12px;padding:16px 12px;min-height:64px}
.vaillant-renewal .vl-brands h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.vaillant-renewal .wp-main *{scroll-behavior:auto;transition:none}}

/* Conversion-focused editorial rhythm: cinematic opening, centered assessment,
   product spread, interactive dark chapter, documentary craft and a clear close. */
.vaillant-renewal { --vl-paper:#f3f6f8; }
.vaillant-renewal .wp-main p { font-size:1rem; }
.vaillant-renewal .vl-kicker {font-size:.75rem;letter-spacing:.11em}
.vaillant-renewal .vl-textlink,.vaillant-renewal .vl-jump a {font-size:.875rem}
.vaillant-renewal .wp-main .vl-hero__grid {max-width:none;min-height:690px;position:relative;isolation:isolate;grid-template-columns:1fr}
.vaillant-renewal .vl-hero__visual {position:absolute;inset:0;z-index:-2;min-height:0}
.vaillant-renewal .vl-hero__visual img {object-position:74% 58%}
.vaillant-renewal .vl-hero__visual:after {inset:0;background:linear-gradient(90deg,rgba(5,23,39,.98) 0%,rgba(5,23,39,.92) 25%,rgba(5,23,39,.46) 54%,rgba(5,23,39,.08) 100%)}
.vaillant-renewal .vl-hero__visual figcaption {left:auto;right:max(40px,calc((100vw - 1320px)/2));bottom:40px;text-align:right}
.vaillant-renewal .vl-hero__visual figcaption span {font-size:1.25rem}
.vaillant-renewal .vl-hero__visual figcaption small {font-size:.75rem}
.vaillant-renewal .vl-hero__copy {width:min(1320px,calc(100% - 80px));margin:auto;padding:64px 0 48px}
.vaillant-renewal .wp-main .vl-hero h1 {font-size:clamp(2.7rem,4.6vw,4.8rem);max-width:850px;line-height:1.02}
.vaillant-renewal .vl-hero h1>span {color:#fff;font-weight:500}
.vaillant-renewal .vl-hero__text {max-width:44ch;color:#dce5eb}
.vaillant-renewal .vl-hero__lead {font-size:1.15rem;color:#e1e9ed}
.vaillant-renewal .vl-hero__foot {max-width:610px;font-size:.8rem}
.vaillant-renewal .vl-center {max-width:780px;text-align:center;margin:0 auto 44px}
.vaillant-renewal .vl-center h2 {margin:0 0 20px;font-size:clamp(2.2rem,4.3vw,4rem)}
.vaillant-renewal .vl-center>p {max-width:58ch;margin:0 auto}
.vaillant-renewal .vl-house .vl-heading {display:block;text-align:center;max-width:760px;margin:0 auto 48px}
.vaillant-renewal .vl-house .vl-heading h2 {font-size:clamp(2.2rem,4vw,3.8rem)}
.vaillant-renewal .vl-house .vl-heading>p {max-width:62ch;margin:22px auto 0}
.vaillant-renewal .vl-house__grid {display:block}
.vaillant-renewal .vl-checks {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--vl-line);border-bottom:1px solid var(--vl-line)}
.vaillant-renewal .vl-checks article {display:block;border:0;border-right:1px solid var(--vl-line);padding:30px 26px}
.vaillant-renewal .vl-checks article:last-child {border-right:0}
.vaillant-renewal .vl-checks article>span {display:block;font-size:1.8rem;font-family:var(--eco-display);font-weight:500;margin-bottom:26px;color:#a4144e}
.vaillant-renewal .vl-checks h3 {font-size:1.35rem;min-height:2.5em}
.vaillant-renewal .vl-checks p {font-size:1rem}
.vaillant-renewal .vl-section-action {text-align:center;margin-top:30px}
.vaillant-renewal .vl-models .vl-heading {grid-template-columns:1.3fr 1fr}
.vaillant-renewal .vl-models .vl-heading h2 {font-size:clamp(2.2rem,3.5vw,3.4rem)}
.vaillant-renewal .vl-product {grid-template-columns:1.08fr 1fr;border:0;background:transparent;gap:50px;align-items:center;overflow:visible}
.vaillant-renewal .vl-product figure {grid-column:2;grid-row:1;background:#e4eced;border-radius:50% 50% 8px 8px;min-height:440px;padding:48px 32px 24px;justify-content:center}
.vaillant-renewal .vl-product figure .vl-kicker {text-align:center;color:#285158}
.vaillant-renewal .vl-product figure img {height:320px}
.vaillant-renewal .vl-product figcaption {text-align:center;font-size:.8rem;color:#35565d}
.vaillant-renewal .vl-product__copy {grid-column:1;grid-row:1;padding:24px 0}
.vaillant-renewal .vl-product__copy h3 {font-size:clamp(2.5rem,4vw,4rem)}
.vaillant-renewal .vl-product dl div {font-size:.875rem}
.vaillant-renewal .vl-alternatives {margin-top:38px}
.vaillant-renewal .vl-note {font-size:.8rem!important;line-height:1.6}
.vaillant-renewal .vl-calculator {background:#0b2138;color:#d8e3ea}
.vaillant-renewal .vl-calculator .vl-kicker {color:#f2a9c6}
.vaillant-renewal .vl-calculator .vl-center h2 {color:white}
.vaillant-renewal .vl-calculator .vl-center h2 span {color:#acdbf0}
.vaillant-renewal .vl-calc-layout {display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:12px;overflow:hidden;color:#435460}
.vaillant-renewal .vl-calc-inputs {padding:38px}
.vaillant-renewal .vl-calc-inputs h3 {font-size:1.6rem;margin:0 0 8px}
.vaillant-renewal .vl-calc-intro {font-size:.875rem!important;margin-bottom:26px}
.vaillant-renewal .vl-calc-fields {display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.vaillant-renewal .vl-calc-inputs label {font-size:.875rem;line-height:1.45;color:#173348;font-weight:650;display:block;margin:0 0 8px}
.vaillant-renewal .vl-input-unit {display:flex;border:1px solid #b4c4ce;border-radius:5px;background:#f8fafb;align-items:center;overflow:hidden}
.vaillant-renewal .vl-input-unit:focus-within {outline:3px solid #a80f50;outline-offset:2px}
.vaillant-renewal .vl-input-unit input {width:100%;min-width:0;min-height:52px;padding:10px 12px;border:0;background:transparent;font-size:1.1rem;color:#0b2138;outline:none}
.vaillant-renewal .vl-input-unit span {font-size:.8rem;padding-right:12px;white-space:nowrap;color:#516874}
.vaillant-renewal .vl-calc-help {font-size:.8rem!important;line-height:1.6;margin:20px 0}
.vaillant-renewal .vl-calc-method {border-block:1px solid #dce2e3;padding:16px 0;margin-top:16px}
.vaillant-renewal .vl-calc-method summary {cursor:pointer;color:#173348;font-size:.875rem;font-weight:650;min-height:28px}
.vaillant-renewal .vl-calc-method label {margin-top:18px}
.vaillant-renewal .vl-calc-method input {width:120px;padding:10px;font-size:1rem;border:1px solid #b4c4ce;border-radius:4px;margin-bottom:14px}
.vaillant-renewal .vl-calc-method p,.vaillant-renewal .vl-calc-method a {font-size:.8rem!important}
.vaillant-renewal .vl-calc-update {margin-top:20px;background:#0b2138;color:white;border:0;border-radius:5px;min-height:48px;padding:12px 20px;font-weight:650}
.vaillant-renewal .vl-calc-update span {margin-left:20px}
.vaillant-renewal .vl-calc-error {color:#a4144e;font-size:.875rem!important;margin-top:14px}
.vaillant-renewal .vl-calc-result {background:#eaf3f5;padding:40px;display:flex;flex-direction:column;justify-content:center}
.vaillant-renewal .vl-calc-result .vl-kicker {color:#2b5b68}
.vaillant-renewal .vl-calc-saving {display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.vaillant-renewal .vl-calc-saving strong {font-size:clamp(3.4rem,5vw,5rem);line-height:1.08;font-family:var(--eco-display);color:#0b2138;font-weight:650;letter-spacing:-.045em}
.vaillant-renewal .vl-calc-saving span {font-size:.875rem;font-weight:650;color:#284d5e}
.vaillant-renewal [data-calc-verdict] {font-size:.875rem!important;margin-bottom:28px}
.vaillant-renewal .vl-cost-row {display:flex;justify-content:space-between;gap:15px;font-size:.875rem;color:#173348}
.vaillant-renewal .vl-bar {height:10px;background:#d4e2e7;border-radius:3px;overflow:hidden;margin:10px 0 22px}
.vaillant-renewal .vl-bar span {height:100%;display:block;background:#839da9;transition:width .25s}
.vaillant-renewal .vl-bar--wp span {background:#16768f}
.vaillant-renewal .vl-calc-consumption {font-size:.8rem!important}
.vaillant-renewal .vl-calc-result .wp-btn {width:100%;margin-top:12px}
.vaillant-renewal .vl-calc-result small {display:block;font-size:.75rem;margin-top:14px}
.vaillant-renewal .vl-calc-attached {padding:14px;background:#eaf3f5;border-left:3px solid #16768f;font-size:.875rem!important}
.vaillant-renewal .wp-main > .expert-work {margin-top:0;min-height:620px}
.vaillant-renewal .expert-work__inner {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.vaillant-renewal .expert-work__copy {padding:25px 0}
.vaillant-renewal .expert-work__strip {margin:0;align-self:end}
.vaillant-renewal .expert-work__strip .ratio {--bs-aspect-ratio:145%}
.vaillant-renewal .expert-work:before {background:linear-gradient(90deg,rgba(7,24,41,.94),rgba(7,24,41,.58))}
.vaillant-renewal .installation-process .vl-left-head {text-align:center;max-width:780px;margin:0 auto 40px}
.vaillant-renewal .vl-investment {background:#f4f6f8}
.vaillant-renewal .vl-investment__intro {text-align:center;max-width:760px;margin:0 auto 40px}
.vaillant-renewal .vl-investment__intro h2 {font-size:clamp(2.2rem,4vw,3.8rem)}
.vaillant-renewal .vl-investment__intro p {max-width:55ch;margin:20px auto 0}
.vaillant-renewal .vl-investment__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vaillant-renewal .vl-investment__grid article {padding:30px;background:white;border-top:3px solid #2e566f}
.vaillant-renewal .vl-investment__grid article>span {font-family:var(--eco-display);font-size:2.6rem;font-weight:500;color:#adc2ce;display:block;margin-bottom:28px}
.vaillant-renewal .vl-investment__grid h3 {font-size:1.4rem}
.vaillant-renewal .vl-cost-bottom {display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:32px}
.vaillant-renewal .vl-cost-bottom p {max-width:65ch;margin:0;font-size:.875rem}
.vaillant-renewal .vl-cost-bottom strong {display:block;color:#173348}
.vaillant-renewal .vl-cost-bottom .wp-btn {flex-shrink:0}
.vaillant-renewal .wp-main > .wp-faq {background:#f4f6f8;border:0}
.vaillant-renewal .wp-faq .wp-faq__grid {max-width:900px;margin:0 auto}
.vaillant-renewal .wp-faq details p {max-width:75ch}
.vaillant-renewal .wp-faq summary {min-height:64px;gap:24px}
.vaillant-renewal .vl-region {padding:64px 0;background:#fff;text-align:center}
.vaillant-renewal .vl-region h2 {margin-bottom:24px}
.vaillant-renewal .vl-region p {max-width:72ch;margin:0 auto 24px}
.vaillant-renewal .vl-region nav {display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-bottom:20px}
.vaillant-renewal .vl-region nav a {min-height:44px;padding:12px 0;color:#0b2138;font-size:.875rem;font-weight:650}
.vaillant-renewal .vl-region small {display:block;max-width:80ch;margin:0 auto;font-size:.75rem;color:#526977}
.vaillant-renewal .vl-form-intro strong {display:block;font-family:var(--eco-display);font-size:1.35rem;color:#173348;line-height:1.25}
.vaillant-renewal .vl-form-intro span {display:block;font-size:.75rem;margin-top:10px}
.vaillant-renewal .vl-brands__grid a {font-size:.875rem}
.vaillant-renewal .vl-brands__intro {align-items:center}
.vaillant-renewal .vl-brands__intro h2 {font-size:1.7rem}
.vaillant-renewal .vl-brands__intro p {font-size:.875rem}
.vaillant-renewal .wp-main button:focus-visible,.vaillant-renewal .wp-main summary:focus-visible {outline:3px solid #ca0b57;outline-offset:4px}
@media(min-width:1800px){.vaillant-renewal .wp-main .vl-hero__grid{min-height:760px}.vaillant-renewal .vl-hero__visual img{object-position:center 61%}}
@media(max-width:1100px){
.vaillant-renewal .vl-checks {grid-template-columns:repeat(2,minmax(0,1fr))}
.vaillant-renewal .vl-checks article:nth-child(2){border-right:0}
.vaillant-renewal .vl-checks article:nth-child(-n+2){border-bottom:1px solid var(--vl-line)}
.vaillant-renewal .vl-checks h3{min-height:0}
.vaillant-renewal .vl-calc-inputs,.vaillant-renewal .vl-calc-result{padding:28px}
.vaillant-renewal .vl-calc-fields{grid-template-columns:1fr}
.vaillant-renewal .vl-cost-bottom{align-items:flex-start;flex-direction:column;gap:24px}
.vaillant-renewal .expert-work__inner{grid-template-columns:1fr}.vaillant-renewal .expert-work__strip{max-width:800px}
.vaillant-renewal .expert-work__strip .ratio{--bs-aspect-ratio:65%}
}
@media(max-width:900px){
.vaillant-renewal .vl-hero__copy{width:calc(100% - 48px);padding:52px 0}
.vaillant-renewal .vl-hero__visual figcaption{display:none}
.vaillant-renewal .vl-hero__visual:after{background:linear-gradient(90deg,rgba(5,23,39,.96),rgba(5,23,39,.72) 65%,rgba(5,23,39,.35))}
.vaillant-renewal .vl-models .vl-heading{grid-template-columns:1fr}
.vaillant-renewal .vl-product{grid-template-columns:1fr;gap:24px}
.vaillant-renewal .vl-product figure{grid-column:auto;grid-row:auto;min-height:340px;border-radius:8px}
.vaillant-renewal .vl-product__copy{grid-column:auto;grid-row:auto;padding:0}
.vaillant-renewal .vl-calc-layout{grid-template-columns:1fr}
.vaillant-renewal .vl-calc-fields{grid-template-columns:1fr 1fr}
.vaillant-renewal .vl-investment__grid{grid-template-columns:1fr;gap:12px}
.vaillant-renewal .vl-investment__grid article{padding:24px}
.vaillant-renewal .vl-investment__grid article>span{font-size:1.7rem;margin-bottom:12px}
}
@media(max-width:600px){
.vaillant-renewal .wp-main .vl-hero__grid{min-height:720px}
.vaillant-renewal .vl-hero__copy{width:calc(100% - 40px);padding:36px 0 200px}
.vaillant-renewal .wp-main .vl-hero h1{font-size:clamp(2.1rem,8.5vw,3rem)}
.vaillant-renewal .vl-hero__visual img{object-position:75% bottom}
.vaillant-renewal .vl-hero__visual:after{background:linear-gradient(180deg,rgba(5,23,39,.99) 0%,rgba(5,23,39,.94) 50%,rgba(5,23,39,.35) 78%,rgba(5,23,39,.1))}
.vaillant-renewal .vl-hero__lead{font-size:1.05rem}
.vaillant-renewal .vl-hero__text{font-size:1rem}
.vaillant-renewal .vl-hero__foot{font-size:.75rem;gap:10px 16px;line-height:1.5;margin-top:24px}
.vaillant-renewal .vl-hero .wp-actions{gap:12px;align-items:stretch}
.vaillant-renewal .vl-hero .vl-textlink{align-self:flex-start}
.vaillant-renewal .vl-jump a{font-size:.875rem}
.vaillant-renewal .vl-jump{position:static}
.vaillant-renewal .wp-main :is(section,div)[id]{scroll-margin-top:calc(var(--wp-jump-top,100px) + 20px)}
.vaillant-renewal .vl-house .vl-heading,.vaillant-renewal .vl-center{text-align:center}
.vaillant-renewal .vl-checks{grid-template-columns:1fr}
.vaillant-renewal .vl-checks article{display:flex;gap:20px;padding:24px 0;border-right:0;border-bottom:1px solid var(--vl-line)}
.vaillant-renewal .vl-checks article:last-child{border-bottom:0}
.vaillant-renewal .vl-checks article>span{margin:0;font-size:1.4rem;min-width:28px}
.vaillant-renewal .vl-checks h3{font-size:1.25rem}
.vaillant-renewal .vl-product figure{min-height:280px;padding:24px 16px}
.vaillant-renewal .vl-product figure img{height:240px}
.vaillant-renewal .vl-product__copy h3{font-size:2.3rem}
.vaillant-renewal .vl-calc-inputs,.vaillant-renewal .vl-calc-result{padding:24px 20px}
.vaillant-renewal .vl-calc-fields{grid-template-columns:1fr;gap:18px}
.vaillant-renewal .vl-center{margin-bottom:30px}
.vaillant-renewal .vl-calc-saving strong{font-size:3.6rem}
.vaillant-renewal .vl-cost-row{font-size:.8rem}
.vaillant-renewal .vl-calc-result .wp-btn{padding:14px;white-space:normal;text-align:center}
.vaillant-renewal .expert-work__strip .ratio{--bs-aspect-ratio:110%}
.vaillant-renewal .expert-work__inner{gap:22px}
.vaillant-renewal .vl-planning__grid{gap:24px}
.vaillant-renewal .wp-faq summary{font-size:1rem;line-height:1.5}
.vaillant-renewal .vl-region{padding:48px 0}
.vaillant-renewal #anfrage .wp-form{padding:24px 18px}
.vaillant-renewal #anfrage .wp-form button{font-size:.875rem;white-space:normal;min-height:56px;padding:12px}
.vaillant-renewal .vl-brands__grid{grid-template-columns:1fr 1fr}
.vaillant-renewal .vl-brands__grid a{font-size:.8rem;overflow-wrap:anywhere}
.vaillant-renewal .mobile-dock{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:reduce){.vaillant-renewal .vl-bar span{transition:none}}
/* Customer copy and supplied imagery, October 2026. */
.vaillant-renewal .wp-main .vl-hero h1 {font-size:clamp(2.5rem,4.65vw,4.7rem);max-width:800px}
.vaillant-renewal .wp-main .vl-hero h1 .vl-hero__brand {display:block;color:#cce3ef;font-family:var(--eco-body);font-size:1rem;font-weight:650;letter-spacing:.01em;line-height:1.5;margin-bottom:24px}
.vaillant-renewal .vl-hero__copy {padding-top:46px;padding-bottom:44px}
.vaillant-renewal .vl-hero__copy>.vl-kicker {margin-bottom:24px}
.vaillant-renewal .vl-hero__text {max-width:47ch}
.vaillant-renewal .vl-hero__visual figcaption span {max-width:28ch}
.vaillant-renewal .vl-house .vl-heading {max-width:860px}
.vaillant-renewal .vl-checks h3 {min-height:3.8em;font-size:1.25rem;line-height:1.25}
.vaillant-renewal .vl-craft-visual {margin:0;align-self:center;padding:0;background:#fff;border-radius:8px;overflow:hidden}
.vaillant-renewal .wp-main .vl-craft-visual img {width:100%;height:auto;object-fit:contain}
.vaillant-renewal .vl-craft-visual figcaption {padding:14px 18px;background:#e8eff3;color:#344c5d;font-size:.75rem;line-height:1.5}
.vaillant-renewal .expert-work__inner {align-items:center;grid-template-columns:1fr 1.1fr;gap:48px}
.vaillant-renewal .expert-work__copy h2 {font-size:clamp(2rem,3.3vw,3rem)}
.vaillant-renewal .vl-home-visual {margin:28px 0 0;max-width:530px;border-radius:8px;overflow:hidden}
.vaillant-renewal .wp-main .vl-home-visual img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.vaillant-renewal .vl-cost-bottom .wp-btn {white-space:normal;max-width:360px;text-align:center;padding-block:14px}
@media(max-width:1100px){.vaillant-renewal .expert-work__inner{grid-template-columns:1fr;gap:24px}.vaillant-renewal .vl-craft-visual{max-width:720px}.vaillant-renewal .vl-checks h3{min-height:0}}
@media(max-width:600px){
.vaillant-renewal .wp-main .vl-hero h1{font-size:clamp(2.3rem,9.6vw,3.4rem)}
.vaillant-renewal .wp-main .vl-hero h1 .vl-hero__brand{font-size:.875rem;margin-bottom:18px}
.vaillant-renewal .vl-hero__copy{padding-top:28px;padding-bottom:190px}
.vaillant-renewal .vl-hero__copy>.vl-kicker{display:none}
.vaillant-renewal .vl-hero__text{font-size:1rem}
.vaillant-renewal .vl-hero .wp-btn{font-size:.875rem;min-height:56px;white-space:normal;padding:12px 16px}
.vaillant-renewal .vl-house .vl-heading h2{font-size:2rem}
.vaillant-renewal .vl-checks h3{min-height:0}
.vaillant-renewal .vl-craft-visual figcaption{padding:12px;font-size:.75rem}
.vaillant-renewal .vl-home-visual{margin-top:22px}
.vaillant-renewal .vl-cost-bottom .wp-btn{max-width:none}
}

/* Final composition: explicit heading hierarchy and full-width lifestyle scene. */
.vaillant-renewal .wp-main :is(h1,h2,h3){overflow-wrap:normal;word-break:normal;hyphens:manual}
.vaillant-renewal .wp-main :is(.vl-heading,.vl-center,.wp-head){overflow:visible}
.vaillant-renewal .vl-kicker,.vaillant-renewal .wp-eyebrow{line-height:1.6;max-width:100%;white-space:normal;overflow:visible}
.vaillant-renewal .vl-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:#c8d8e2;font-size:.8rem!important;margin:0 0 28px;line-height:1.5}
.vaillant-renewal .vl-breadcrumb a{color:inherit;text-decoration:none;border-bottom:1px solid #697f8e}
.vaillant-renewal .vl-hero__copy>.vl-kicker{display:block;color:#f0b3cd;font-size:.75rem;letter-spacing:.12em;margin:0 0 18px}
.vaillant-renewal .wp-main .vl-hero h1{font-size:clamp(2.8rem,4.9vw,4.75rem);line-height:1.05;max-width:790px;margin:0 0 26px;letter-spacing:-.04em;text-wrap:initial}
.vaillant-renewal .vl-hero h1>.vl-title-product{display:block;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:600;line-height:1.2;color:#bedfed;margin-bottom:18px;letter-spacing:-.025em}
.vaillant-renewal .vl-hero__copy{padding-top:36px;padding-bottom:42px}
.vaillant-renewal .vl-hero__lead{max-width:44ch;font-size:1.125rem;line-height:1.5;margin:0 0 14px}
.vaillant-renewal .vl-hero__text{max-width:46ch;margin-bottom:26px}
.vaillant-renewal .vl-hero__foot{margin-top:30px}
.vaillant-renewal .vl-hero__visual figcaption{max-width:290px}
.vaillant-renewal .vl-house .vl-heading h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15}
.vaillant-renewal .vl-models .vl-heading{align-items:center}
.vaillant-renewal .vl-investment__intro{max-width:870px}
.vaillant-renewal .vl-investment__intro h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.14}
.vaillant-renewal .vl-center h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.13}
.vaillant-renewal .vl-heading .vl-kicker,.vaillant-renewal .vl-center .vl-kicker,.vaillant-renewal .vl-investment__intro .vl-kicker{margin-bottom:18px}
.vaillant-renewal .vl-planning__grid h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.15}
.vaillant-renewal .wp-brand-fit .wp-head{align-items:center}
.vaillant-renewal .wp-brand-fit .wp-head h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15}
.vaillant-renewal .vl-living{position:relative;isolation:isolate;min-height:660px;background:#142a39;color:white;overflow:hidden}
.vaillant-renewal .vl-living__background{display:block;position:absolute;inset:0;z-index:-2}
.vaillant-renewal .wp-main .vl-living__background img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.vaillant-renewal .vl-living:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,25,40,.96) 0%,rgba(7,25,40,.87) 24%,rgba(7,25,40,.34) 53%,rgba(7,25,40,.02) 78%)}
.vaillant-renewal .vl-living__inner{min-height:660px;display:flex;align-items:center;padding-block:80px}
.vaillant-renewal .vl-living__copy{max-width:490px}
.vaillant-renewal .vl-living .vl-kicker{color:#e2c7ac;margin-bottom:24px}
.vaillant-renewal .wp-main .vl-living h2{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.04;color:#fff;letter-spacing:-.04em;margin:0 0 26px;text-wrap:initial}
.vaillant-renewal .vl-living p{max-width:39ch;color:#e4eaf0;line-height:1.75;margin-bottom:28px}
.vaillant-renewal .vl-living .wp-btn{white-space:normal;text-align:center;min-height:56px;padding-block:14px}
.vaillant-renewal #anfrage{background:#edf3f6;color:#435460}
.vaillant-renewal #anfrage .wp-close__copy{padding-top:20px}
.vaillant-renewal #anfrage .vl-kicker{color:#a01850;margin-bottom:20px}
.vaillant-renewal #anfrage h2{color:#0b2138;font-size:clamp(2.1rem,3.4vw,3.2rem);line-height:1.12}
.vaillant-renewal #anfrage .wp-close__phone{color:#0b2138;margin-top:28px}
.vaillant-renewal #anfrage .wp-form{box-shadow:0 18px 60px rgba(12,43,66,.08);border:1px solid #dce6ec;padding:36px}
.vaillant-renewal .wp-main :is(.wp-close__layout,.vl-product,.vl-heading,.vl-calc-layout)>*{min-width:0}
@media(min-width:1700px){.vaillant-renewal .vl-living{min-height:740px}.vaillant-renewal .vl-living__inner{min-height:740px}}
@media(max-width:1100px){.vaillant-renewal .vl-hero__visual figcaption{display:none}.vaillant-renewal .vl-living:before{background:linear-gradient(90deg,rgba(7,25,40,.96),rgba(7,25,40,.8) 38%,rgba(7,25,40,.08))}.vaillant-renewal .vl-living__copy{max-width:430px}}
@media(max-width:700px){
.vaillant-renewal .vl-living{min-height:0}
.vaillant-renewal .vl-living__inner{min-height:0;padding-top:48px;padding-bottom:calc(66.67vw + 22px)}
.vaillant-renewal .vl-living__background{inset:auto 0 0;height:66.67vw}
.vaillant-renewal .wp-main .vl-living__background img{object-fit:contain;object-position:center bottom}
.vaillant-renewal .vl-living:before{background:linear-gradient(180deg,#142a39 0%,#142a39 calc(100% - 66.67vw),transparent calc(100% - 66.67vw + 90px));pointer-events:none}
.vaillant-renewal .vl-living__copy{max-width:none}
.vaillant-renewal .wp-main .vl-living h2{font-size:clamp(2.3rem,9.6vw,3.3rem)}
.vaillant-renewal .vl-living p{max-width:42ch}
.vaillant-renewal .vl-living .vl-kicker{font-size:.75rem;margin-bottom:18px}
}
@media(max-width:600px){
.vaillant-renewal .vl-breadcrumb{font-size:.75rem!important;margin-bottom:24px}
.vaillant-renewal .vl-hero__copy>.vl-kicker{display:block;font-size:.75rem;letter-spacing:.08em;margin-bottom:16px}
.vaillant-renewal .wp-main .vl-hero h1{font-size:clamp(2rem,8.5vw,3.1rem);line-height:1.08;margin-bottom:24px}
.vaillant-renewal .vl-hero h1>.vl-title-product{font-size:clamp(1.3rem,5.8vw,1.7rem);line-height:1.3;margin-bottom:14px}
.vaillant-renewal .vl-hero__copy{padding-top:28px;padding-bottom:180px}
.vaillant-renewal .vl-hero__lead{font-size:1.05rem;line-height:1.5}
.vaillant-renewal .vl-hero__foot{gap:10px 18px;font-size:.75rem;line-height:1.6}
.vaillant-renewal .vl-house .vl-heading h2,.vaillant-renewal .vl-investment__intro h2,.vaillant-renewal .vl-center h2,.vaillant-renewal .wp-brand-fit .wp-head h2{font-size:clamp(1.8rem,7.5vw,2.25rem);line-height:1.16}
.vaillant-renewal .vl-heading h2 br,.vaillant-renewal .vl-investment__intro h2 br,.vaillant-renewal .wp-brand-fit .wp-head h2 br{display:none}
.vaillant-renewal .vl-heading h2,.vaillant-renewal .vl-investment__intro h2,.vaillant-renewal .wp-brand-fit .wp-head h2{text-wrap:balance}
.vaillant-renewal #anfrage .wp-close__copy{padding-top:0}
.vaillant-renewal #anfrage h2{font-size:2.1rem}
.vaillant-renewal #anfrage .wp-form{padding:24px 18px}
.vaillant-renewal .wp-main :is(.vl-kicker,.wp-eyebrow){font-size:.75rem;line-height:1.65}
}