.qfHUDq_page{--radius:16px;--shadow-card:0 1px 2px #181c280a, 0 8px 24px #181c280f;--shadow-card-hover:0 2px 4px #181c280f, 0 18px 40px #181c281f;--maxw:1200px;--accent:var(--marke);--accent-text:var(--marke-text);--accent-ink:var(--ink-auf-marke);--accent-soft:#6fc1e41f;--accent-glow:#6fc1e440;color:var(--grund-tief);background:var(--weiss);-webkit-font-smoothing:antialiased;line-height:1.6;font-family:var(--font-inter), Inter, sans-serif}.qfHUDq_accentGreen{--accent:var(--vaillant);--accent-text:var(--vaillant);--accent-ink:var(--weiss);--accent-soft:#007a4d1f;--accent-glow:#007a4d38}.qfHUDq_page h1,.qfHUDq_page h2,.qfHUDq_page h3{font-family:var(--font-work), "Work Sans", sans-serif;letter-spacing:-.01em;color:var(--grund-tief);line-height:1.14}:where(.qfHUDq_page) a{color:inherit;text-decoration:none}.qfHUDq_page img,.qfHUDq_page svg{max-width:100%;display:block}.qfHUDq_wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.qfHUDq_eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.qfHUDq_hairline{background:var(--accent);border-radius:2px;width:28px;height:2px;display:inline-block}.qfHUDq_hero{--marke-text:var(--marke);--accent-text:var(--marke);background:var(--grund-tief);color:var(--weiss);isolation:isolate;position:relative;overflow:hidden}.qfHUDq_hero-media{z-index:-2;background:radial-gradient(1200px 600px at 80% -10%,#6fc1e42e,#0000 60%),radial-gradient(900px 500px at 0 110%,#6fc1e41f,#0000 55%);position:absolute;inset:-8% 0 0}.qfHUDq_hero-overlay{z-index:-1;background:linear-gradient(#0b224033,#0b22408c);position:absolute;inset:0}.qfHUDq_hero-inner{max-width:var(--maxw);grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;margin:0 auto;padding:132px 24px 92px;display:grid}.qfHUDq_hero-copy h1{color:var(--weiss);margin:18px 0 16px;font-size:clamp(2rem,4.4vw,3.3rem);font-weight:800}.qfHUDq_accent-word{color:var(--accent-text)}.qfHUDq_hero-sub{color:#ffffffd1;max-width:36ch;margin-bottom:28px;font-size:1.075rem}.qfHUDq_partner-line{background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:12px;margin-bottom:22px;padding:8px 14px 8px 12px;display:inline-flex}.qfHUDq_partner-line span{letter-spacing:.04em;color:#ffffffb8;font-size:12.5px;font-weight:600}.qfHUDq_partner-line img{filter:brightness(0)invert();opacity:.92;width:auto;height:20px}.qfHUDq_hero-actions{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.qfHUDq_btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:15px 24px;font-size:15px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s;display:inline-flex}.qfHUDq_btn svg{width:18px;height:18px}.qfHUDq_btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 10px 30px var(--accent-glow)}.qfHUDq_btn-primary:hover{box-shadow:0 16px 40px var(--accent-glow);transform:translateY(-3px)}.qfHUDq_btn-ghost{color:var(--weiss);background:#ffffff0f;border-color:#ffffff47}.qfHUDq_btn-ghost:hover{background:#ffffff1f;transform:translateY(-3px)}.qfHUDq_hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.qfHUDq_hero-visual:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--accent-glow), transparent 68%);filter:blur(8px);z-index:0;border-radius:50%;width:78%;position:absolute}.qfHUDq_hero-visual img{z-index:1;object-fit:contain;filter:drop-shadow(0 36px 60px #00000073);width:100%;max-width:460px;height:auto;position:relative}.qfHUDq_logobar{border-bottom:1px solid var(--rahmen);background:var(--weiss)}.qfHUDq_logobar-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 40px;padding:26px 24px;display:flex}.qfHUDq_logobar-label{color:var(--text-leise);margin-right:8px;font-size:13px;font-weight:600}.qfHUDq_logobar-logos{flex-wrap:wrap;align-items:center;gap:18px 38px;display:flex}.qfHUDq_logobar-logos img{opacity:.42;filter:grayscale();width:auto;height:26px;transition:opacity .25s,filter .25s}.qfHUDq_logobar-logos img:hover{opacity:.85;filter:grayscale(0)}.qfHUDq_logobar-logos .qfHUDq_logo-lead{opacity:1;filter:none;height:34px}.qfHUDq_section{padding:92px 0}.qfHUDq_section-soft{background:var(--flaeche-hell)}.qfHUDq_section-head{max-width:640px;margin-bottom:48px}.qfHUDq_section-head h2{margin:14px 0 12px;font-size:clamp(1.7rem,3.2vw,2.4rem)}.qfHUDq_section-head p{color:var(--text-leise);font-size:1.05rem}.qfHUDq_benefits{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.qfHUDq_benefit{border-radius:var(--radius);background:var(--weiss);border:1px solid var(--rahmen);box-shadow:var(--shadow-card);padding:30px 28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.qfHUDq_benefit:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.qfHUDq_benefit-ic{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-text);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.qfHUDq_benefit-ic svg{width:26px;height:26px}.qfHUDq_benefit h3{margin-bottom:9px;font-size:1.18rem}.qfHUDq_benefit p{color:var(--text-leise);font-size:.97rem}.qfHUDq_specs-wrap{--marke-text:var(--marke);--accent-text:var(--marke);background:var(--grund-tief);color:var(--weiss)}.qfHUDq_specs-wrap .qfHUDq_section-head h2{color:var(--weiss)}.qfHUDq_specs-wrap .qfHUDq_section-head p{color:#ffffffad}.qfHUDq_datasheet-line{justify-content:flex-end;margin-top:20px;display:flex}.qfHUDq_datasheet-line a{color:#ffffffd1;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.qfHUDq_datasheet-line a:hover{border-color:var(--marke);color:var(--weiss);background:#6fc1e41f}.qfHUDq_specs-grid{border-radius:var(--radius);border:1px solid #ffffff1a;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;display:grid;overflow:hidden}.qfHUDq_spec-row{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:18px;padding:18px 22px;display:flex}.qfHUDq_spec-label{color:#ffffff9e;font-size:.9rem}.qfHUDq_spec-value{color:var(--weiss);text-align:right;font-size:.97rem;font-weight:700}.qfHUDq_variants{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.qfHUDq_variant{border-radius:var(--radius);background:var(--weiss);border:1px solid var(--rahmen);box-shadow:var(--shadow-card);padding:30px 28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.qfHUDq_variant:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.qfHUDq_variant h3{margin-bottom:6px;font-size:1.22rem}.qfHUDq_variant-tag{color:var(--accent-text);margin-bottom:18px;font-size:.95rem;font-weight:600}.qfHUDq_variant-specs{border-top:1px solid var(--rahmen);flex-direction:column;display:flex}.qfHUDq_variant-row{border-bottom:1px solid var(--rahmen);justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;display:flex}.qfHUDq_variant-label{color:var(--text-leise);font-size:.9rem}.qfHUDq_variant-value{color:var(--grund-tief);text-align:right;font-size:.95rem;font-weight:700}.qfHUDq_steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.qfHUDq_step{border-radius:var(--radius);background:var(--weiss);border:1px solid var(--rahmen);box-shadow:var(--shadow-card);padding:32px 28px;position:relative}.qfHUDq_step-num{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:1.05rem;font-weight:800;display:inline-flex}.qfHUDq_step h3{margin-bottom:9px;font-size:1.18rem}.qfHUDq_step p{color:var(--text-leise);font-size:.97rem}.qfHUDq_faq-list{flex-direction:column;gap:12px;max-width:820px;display:flex}.qfHUDq_faq-item{border:1px solid var(--rahmen);background:var(--weiss);border-radius:14px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.qfHUDq_faq-item.qfHUDq_is-open{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-soft)}.qfHUDq_faq-q{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;padding:20px 22px;font-family:inherit;display:flex}.qfHUDq_faq-q span:first-child{color:var(--grund-tief);font-size:1.02rem;font-weight:700}.qfHUDq_faq-icon{background:var(--flaeche-hell);width:30px;height:30px;color:var(--text-leise);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:background .3s,color .3s,transform .3s;display:flex}.qfHUDq_faq-item.qfHUDq_is-open .qfHUDq_faq-icon{background:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}.qfHUDq_faq-a{max-height:0;transition:max-height .35s;overflow:hidden}.qfHUDq_faq-item.qfHUDq_is-open .qfHUDq_faq-a{max-height:360px}.qfHUDq_faq-a p{color:var(--text-leise);padding:0 22px 22px;font-size:.98rem}.qfHUDq_reviews{background:var(--weiss)}.qfHUDq_switch-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.qfHUDq_switch-grid{grid-template-columns:1fr 1fr}}.qfHUDq_switch-card{background:var(--weiss);border:1px solid var(--rahmen);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;gap:18px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.qfHUDq_switch-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--rahmen);transform:translateY(-3px)}.qfHUDq_switch-media{--marke-text:var(--marke);--accent-text:var(--marke);background:var(--grund-tief);border-radius:12px;flex:none;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.qfHUDq_switch-media img{object-fit:cover;width:100%;height:100%}.qfHUDq_switch-body{flex-direction:column;gap:8px;display:flex}.qfHUDq_switch-name{color:var(--grund-tief);font-size:1.2rem;font-weight:700}.qfHUDq_switch-link{color:var(--marke-link);align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.qfHUDq_cta-band{--marke-text:var(--marke);--accent-text:var(--marke);background:var(--grund-tief);color:var(--weiss);position:relative;overflow:hidden}.qfHUDq_cta-band:before{content:"";background:radial-gradient(800px 400px at 85% -20%, var(--accent-glow), transparent 60%);z-index:0;position:absolute;inset:0}.qfHUDq_cta-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:72px 24px;display:flex;position:relative}.qfHUDq_cta-inner h2{color:var(--weiss);font-family:var(--font-work), "Work Sans", sans-serif;max-width:18ch;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}.qfHUDq_cta-actions{flex-wrap:wrap;gap:14px;display:flex}@media (max-width:900px){.qfHUDq_hero-inner{grid-template-columns:1fr;gap:32px;padding:116px 24px 72px}.qfHUDq_hero-visual{order:-1}.qfHUDq_hero-visual img{max-width:320px}.qfHUDq_steps{grid-template-columns:1fr}}@media (max-width:600px){.qfHUDq_section{padding:64px 0}.qfHUDq_cta-inner{padding:52px 24px}}@media (prefers-reduced-motion:reduce){.qfHUDq_btn,.qfHUDq_benefit,.qfHUDq_logobar-logos img{transition:none}}@media (max-width:759px){.qfHUDq_benefits{display:block}.qfHUDq_benefit{margin-bottom:16px;position:sticky;top:300px}.qfHUDq_benefit:last-child{margin-bottom:0}.qfHUDq_benefits-head{top:var(--kopf-hoehe);z-index:5;background:var(--weiss);padding-bottom:18px;position:sticky}}.qfHUDq_realphoto-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.qfHUDq_realphoto{scroll-snap-align:center;border:1px solid var(--rahmen);border-radius:20px;flex:0 0 100%;margin:0;overflow:hidden;box-shadow:0 1px 2px #181c280d,0 24px 60px #181c281f}.qfHUDq_realphoto img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.qfHUDq_benefit p a,.qfHUDq_step p a,.qfHUDq_faq-a p a{color:var(--marke-link);text-underline-offset:2px;-webkit-text-decoration:underline #2c61a366;text-decoration:underline #2c61a366;text-decoration-thickness:1px;transition:text-decoration-color .15s}.qfHUDq_benefit p a:hover,.qfHUDq_step p a:hover,.qfHUDq_faq-a p a:hover{-webkit-text-decoration-color:var(--marke-link);text-decoration-color:var(--marke-link)}
