/* Map calculator vars → website CI vars (defined after stylesheet links so they win) */
    :root {
      --green:      var(--color-brand-primary);
      --green-l:    #3a6450;
      --gold:       var(--color-brand-accent);
      --beige:      var(--color-beige);
      --white:      #ffffff;
      --black:      #000000;
      --gray:       var(--color-text-muted, #6b7280);
      --gray-l:     var(--color-border, #e2e4e0);
      --fossil-col: #C0392B;
      --wp-col:     #4A7B9D;
      --r:          0.5rem;
      --sh:         0 2px 10px rgba(0,0,0,0.09);
    }

    .ec-calc-wrap { max-width: 980px; margin: 0 auto; padding: 2rem 1rem; }

    /* Cards */
    .card { background: var(--white); border-radius: var(--r); box-shadow: var(--sh); padding: 1.5rem; margin-bottom: 1.5rem; }
    .card h2 { color: var(--green); font-size: 1rem; font-weight: 700; margin-bottom: 1rem; padding-bottom: .5rem; border-bottom: 2px solid var(--gold); }

    /* Form */
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .form-group { display: flex; flex-direction: column; gap: .3rem; }
    .ec-calc-wrap label { font-size: .82rem; font-weight: 600; color: var(--green); }
    .ec-calc-wrap input[type=text],
    .ec-calc-wrap input[type=number] {
      padding: .7rem 1rem; border: 2px solid var(--gray-l); border-radius: var(--r);
      font-family: inherit; font-size: .95rem; color: var(--black); background: var(--white); width: 100%; transition: border-color .18s;
    }
    .ec-calc-wrap select {
      padding: .7rem 2.5rem .7rem 1rem; border: 2px solid var(--gray-l); border-radius: var(--r);
      font-family: inherit; font-size: .95rem; color: var(--black);
      background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 14px center;
      -webkit-appearance: none; width: 100%; cursor: pointer; transition: border-color .18s;
    }
    .ec-calc-wrap input:focus, .ec-calc-wrap select:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(46,79,60,.1); }
    .hint { font-size: .75rem; color: var(--gray); }

    /* Fuel toggle */
    .fuel-toggle { display: flex; border: 2px solid var(--green); border-radius: var(--r); overflow: hidden; }
    .fuel-toggle button { flex: 1; padding: .55rem; border: none; background: var(--white); cursor: pointer; font-weight: 600; font-size: .88rem; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s, opacity .2s; color: var(--green); }
    .fuel-toggle button.active { background: var(--green); color: var(--white); }

    /* Accordion */
    .accord-hdr { display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; padding: 1rem 1.5rem; background: var(--white); border-radius: var(--r); box-shadow: var(--sh); margin-bottom: .5rem; color: var(--green); font-weight: 700; font-size: .95rem; }
    .accord-hdr:hover { background: #f8f8f4; }
    .accord-ico { font-size: 1rem; transition: transform .2s; }
    .accord-ico.open { transform: rotate(180deg); }
    .accord-body { display: none; background: var(--white); border-radius: var(--r); box-shadow: var(--sh); padding: 1.5rem; margin-bottom: 1.5rem; }
    .accord-body.open { display: block; }
    .exp-sec { margin-bottom: 1.5rem; }
    .exp-sec h3 { font-size: .78rem; color: var(--gray); text-transform: uppercase; letter-spacing: .5px; margin-bottom: .9rem; padding-bottom: .3rem; border-bottom: 1px solid var(--gray-l); }

    /* Auto params */
    .auto-params { background: var(--beige); border-radius: var(--r); padding: .7rem 1rem; font-size: .8rem; color: var(--gray); display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
    .auto-params strong { color: var(--green); }

    /* Sliders */
    .slider-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .s-item { display: flex; flex-direction: column; gap: .3rem; }
    .s-item label { font-size: .8rem; }
    .s-row { display: flex; align-items: center; gap: .5rem; }
    .ec-calc-wrap input[type=range] { flex: 1; height: 5px; -webkit-appearance: none; border: none; background: var(--gray-l); border-radius: 3px; padding: 0; cursor: pointer; }
    .ec-calc-wrap input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; border-radius: 50%; background: var(--green); cursor: pointer; }
    .s-val { min-width: 58px; text-align: right; font-weight: 700; font-size: .82rem; color: var(--green); }

    /* CTA button */
    .btn-calc { background: var(--gold); color: var(--green); border: none; padding: .9rem 2rem; font-size: 1.05rem; font-weight: 800; border-radius: var(--r); cursor: pointer; width: 100%; margin-top: .5rem; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s, opacity .2s; letter-spacing: .3px; }
    .btn-calc:hover { background: var(--green); color: var(--white); }

    /* Hero stats */
    .hero-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
    .hero-grid--wirtschaft { grid-template-columns: repeat(2, 1fr); }
    .hero-card { background: var(--green); border-radius: var(--r); padding: 1.1rem; text-align: center; }
    .hero-label { font-size: .72rem; color: rgba(255,255,255,.75); margin-bottom: .25rem; }
    .hero-val { font-size: 1.75rem; font-weight: 800; color: var(--gold); line-height: 1.1; }
    .hero-unit { font-size: .72rem; color: rgba(255,255,255,.65); margin-top: .15rem; }
    .invest-note { font-size: .76rem; color: var(--gray); text-align: center; margin: -0.6rem 0 1.5rem; }
    .soft-contact-cta { text-align: center; font-size: .85rem; color: var(--gray); margin: 0 0 1.2rem; }
    .soft-contact-cta a { color: var(--green); font-weight: 700; }

    /* Comparison table */
    .cmp-wrap { overflow-x: auto; }
    table.cmp { width: 100%; border-collapse: collapse; font-size: .87rem; }
    table.cmp th { padding: .7rem .8rem; text-align: center; font-size: .82rem; font-weight: 700; }
    table.cmp th:first-child { text-align: left; }
    table.cmp th.th-fossil { color: var(--fossil-col); }
    table.cmp th.th-wp { color: var(--wp-col); }
    table.cmp th.th-wpv { color: var(--white); background: var(--green); border-radius: 4px 4px 0 0; }
    table.cmp td { padding: .55rem .8rem; text-align: center; border-bottom: 1px solid var(--beige); }
    table.cmp td:first-child { text-align: left; font-size: .8rem; color: var(--gray); font-weight: 600; }
    table.cmp td.td-wpv { background: rgba(46,79,60,.07); font-weight: 700; color: var(--green); }
    table.cmp tr:nth-child(even) td { background: var(--beige); }
    table.cmp tr:nth-child(even) td.td-wpv { background: rgba(46,79,60,.13); }

    /* Chart */
    .chart-wrap { position: relative; height: 300px; }

    /* Pain section – hell, sparsam mit Dunkelgrün */
    .pain { background: var(--white); border: 1px solid var(--gray-l); border-top: 4px solid var(--gold); border-radius: var(--r); padding: 2rem; margin-bottom: 1.5rem; }
    .pain h2 { display: flex; align-items: center; gap: .55rem; color: var(--green); font-size: 1.05rem; margin-bottom: 1.2rem; padding-bottom: .5rem; border-bottom: 1px solid var(--gray-l); }
    .pain h2 svg { color: var(--gold); }
    .pain-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .pain-card { background: var(--beige); border-radius: var(--r); padding: 1rem; text-align: center; border: 1px solid var(--gray-l); }
    .pain-card.hl { background: var(--white); border: 2px solid var(--gold); box-shadow: 0 2px 12px rgba(208,171,59,.18); }
    .pain-yr { font-size: 1.4rem; font-weight: 800; color: var(--gold); }
    .pain-lbl { font-size: .68rem; color: var(--gray); margin-bottom: .2rem; }
    .pain-cost { font-size: 1.2rem; font-weight: 700; color: var(--black); margin: .25rem 0; }
    .pain-co2 { font-size: .78rem; color: var(--gray); }
    .pain-delta { font-size: .82rem; color: var(--green); font-weight: 600; margin-top: .2rem; }
    .pain-sum { margin-top: 1.3rem; padding: .9rem 1rem; background: rgba(208,171,59,.1); border-radius: var(--r); border-left: 4px solid var(--gold); display: flex; flex-direction: column; gap: .3rem; font-size: .9rem; }
    .pain-sum strong { color: var(--green); }

    /* Climate badge */
    .clim-badge { display: inline-block; background: var(--green); color: var(--white); font-size: .73rem; padding: .18rem .55rem; border-radius: 99px; }

    /* Tech card */
    .tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
    .tech-item { background: var(--beige); border-radius: var(--r); padding: 1rem; border-left: 3px solid var(--gold); }
    .tech-label { font-size: .73rem; font-weight: 700; color: var(--gray); text-transform: uppercase; letter-spacing: .4px; margin-bottom: .3rem; }
    .tech-val { font-size: 1.4rem; font-weight: 800; color: var(--green); line-height: 1.1; }

    /* Post-results CTA */
    .ec-cta-card { background: var(--white); border-radius: var(--r); box-shadow: var(--sh); padding: 2rem; margin-bottom: 1.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .ec-cta-card h2 { color: var(--green); font-size: 1.1rem; font-weight: 700; margin-bottom: .5rem; }
    .ec-cta-card p { color: var(--gray); margin-bottom: 1.5rem; font-size: .9rem; max-width: 52ch; }
    .btn-calc-cta { display: block; width: fit-content; margin: 0 auto; align-self: center; background: var(--gold); color: var(--green); border: none; padding: .9rem 2.5rem; font-size: 1rem; font-weight: 800; border-radius: var(--r); cursor: pointer; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s, opacity .2s; letter-spacing: .3px; white-space: nowrap; }
    .btn-calc-cta:hover { background: var(--green); color: var(--white); }

    /* Disclaimer */
    .ec-calc-wrap .ec-disclaimer { display: block !important; text-align: center !important; width: 100% !important; font-size: .73rem; color: var(--gray); padding: .5rem 1rem 1.5rem; line-height: 1.5; text-wrap: balance; }

    /* SVG icon alignment inside text / buttons */
    .ec-icon { display: inline-flex; align-items: center; gap: .45rem; }
    .ec-icon svg { flex-shrink: 0; vertical-align: middle; }

    /* ── Responsive ──────────────────────────────────────────── */

    /* Tablet / großes Handy (≤ 680 px) */
    @media (max-width: 680px) {
      .form-grid, .slider-grid, .pain-timeline { grid-template-columns: 1fr; }
      .hero-grid  { grid-template-columns: 1fr 1fr; }
      .tech-grid  { grid-template-columns: 1fr 1fr; }

      /* Vergleichstabelle: Label-Spalte auf feste Breite, damit Zahlen nicht zerquetscht werden */
      table.cmp td:first-child,
      table.cmp th:first-child { min-width: 130px; }
    }

    /* Kleines Handy (≤ 480 px) */
    @media (max-width: 480px) {
      /* Section hat sp-section padding-block 5 rem – auf mobil reduzieren */
      #rechner { padding-block: var(--space-12, 3rem); }

      /* Chart: fixe Höhe runter damit er nicht den ganzen Screen frisst */
      .chart-wrap { height: 220px; }

      /* Ergebnis-Zahlen in den Hero-Cards etwas kleiner */
      .hero-val { font-size: 1.4rem; }

      /* CTA-Button auf volle Breite für sicheres Tap-Target */
      .btn-calc-cta { width: 100%; text-align: center; box-sizing: border-box; white-space: normal; }

      /* Accordion-Header umbricht sauber */
      .accord-hdr { font-size: .88rem; gap: .5rem; }

      /* Auto-params: einzelne Zeilen statt Flex-Reihe */
      .auto-params { flex-direction: column; gap: .5rem; }

      /* Pain-Karten etwas kompakter */
      .pain { padding: 1.25rem; }
      .pain-timeline { gap: .75rem; }


    }

    /* Sehr kleines Handy (≤ 360 px) */
    @media (max-width: 360px) {
      .ec-calc-wrap { padding-inline: .75rem; }
      .hero-grid { grid-template-columns: 1fr; }
    }
/* Heizkosten: calm working surface, dimensional heat-pump illustration. */
.hk-page{background:#f5f4eb;color:#183b2e;--green:#183b2e;--gold:#d0ab3b;--beige:#eef0e5;--gray:#596b60;--gray-l:#c9d3c1;--sh:none;font-family:Outfit,sans-serif}
.hk-page .header{background:#102e26}.hk-page .container{width:min(1200px,90%);margin-inline:auto}
.hk-hero{padding-top:155px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.hk-back{display:inline-block;font-size:.8rem;margin-bottom:30px}.hk-page .eyebrow{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;color:#64765f;margin-bottom:20px}.hk-intro h1{font-size:clamp(3rem,5.4vw,5.5rem);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0 0 26px}.hk-intro h1 em{font-style:normal;color:#727c51}.hk-lede{max-width:470px;font-size:1.05rem;line-height:1.7;margin-bottom:28px}.hk-page .button{background:#183b2e;color:#f5f4eb;font-size:.88rem}.hk-meta{font-size:.72rem;color:#61715e;margin-top:20px}
.hk-scene-card{background:radial-gradient(ellipse at 35% 35%,#315e49,#102e26 75%);color:#f5f4eb;border-radius:6px 60px 6px 6px;overflow:hidden;border:1px solid #375445;box-shadow:0 25px 55px -30px #15382c88}.hk-scene-top{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:14px;font-size:.6rem;letter-spacing:.11em}.hk-scene-top button{font:inherit;letter-spacing:0;color:#c3d2bc;background:transparent;border:0;border-bottom:1px solid #7c917b;padding:8px 0;cursor:pointer}.hk-scene{height:330px;position:relative;perspective:900px;overflow:hidden}.hk-orbit{position:absolute;width:350px;height:220px;border:1px solid #a9c8a329;border-radius:50%;left:50%;top:60%;transform:translate(-50%,-50%) rotateX(65deg);box-shadow:0 0 0 40px #a9c8a309,0 0 0 80px #a9c8a304}.hk-machine{position:absolute;width:260px;height:165px;top:69px;left:calc(50% - 130px);transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(-23deg);filter:drop-shadow(14px 28px 20px #0005)}.hk-machine-front{position:absolute;inset:0;background:linear-gradient(130deg,#f4f4de,#b9c6b5);border:1px solid #899b8a;border-radius:4px;transform:translateZ(36px);box-shadow:inset 0 -8px #526859}.hk-machine-top{position:absolute;top:-36px;width:260px;height:72px;background:#e3e9d9;transform:rotateX(90deg);border:1px solid #adbaaa}.hk-machine-side{position:absolute;right:-36px;width:72px;height:165px;background:repeating-linear-gradient(0deg,#6d8271 0 3px,#8ea08c 3px 6px);transform:rotateY(90deg)}.hk-machine-label{position:absolute;top:14px;left:15px;font-size:7px;letter-spacing:.18em;color:#395445}.hk-fan{position:absolute;top:37px;left:19px;width:108px;height:108px;border-radius:50%;background:#1c322a;border:5px solid #697c68;box-shadow:0 0 0 3px #a4b2a0,inset 0 0 10px #000;animation:hk-spin 5s linear infinite}.hk-fan:after{content:'';position:absolute;inset:38%;border-radius:50%;background:#b6c4b0;box-shadow:0 0 0 4px #36543e}.hk-fan i{position:absolute;left:43%;top:7%;width:36%;height:44%;border-radius:80% 20% 60% 30%;background:linear-gradient(90deg,#92a28b,#4a6252);transform-origin:20% 100%}.hk-fan i:nth-child(2){transform:rotate(90deg)}.hk-fan i:nth-child(3){transform:rotate(180deg)}.hk-fan i:nth-child(4){transform:rotate(270deg)}.hk-grille{position:absolute;right:20px;top:39px;width:84px;height:101px;background:repeating-linear-gradient(0deg,#4b6353 0 2px,transparent 2px 7px);border-top:1px solid #4b6353}.hk-led{position:absolute;width:5px;height:5px;right:20px;top:19px;background:#a3c957;border-radius:50%;box-shadow:0 0 8px #a3c957}.hk-feet{position:absolute;width:230px;left:15px;height:13px;bottom:-16px;border-left:20px solid #526859;border-right:20px solid #526859;transform:translateZ(8px)}.hk-air{position:absolute;left:9%;top:22px;font-size:9px;letter-spacing:.14em;color:#b2c8b0}.hk-heat{position:absolute;bottom:20px;right:8%;font-size:9px;letter-spacing:.1em;color:#dfc677}.hk-principle{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid #78947544;margin:0 24px;padding:22px 0 8px;font-size:.8rem}.hk-principle b{color:#d0ab3b;font-weight:400}.hk-scene-note{text-align:center;font-size:.59rem;color:#a7b9a2;margin:10px 10px 23px}.is-paused .hk-fan{animation-play-state:paused}@keyframes hk-spin{to{transform:rotate(360deg)}}
#rechner{padding:45px 0 60px;border-top:1px solid #c9d3c1;scroll-margin-top:85px}.ec-calc-wrap{max-width:1200px;padding:0;width:90%}.hk-section-head{margin:0 0 30px}.hk-section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:0 0 16px}.hk-section-head>p:last-child{font-size:.95rem;color:#61715e;max-width:700px;line-height:1.6}.hk-input-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:6%;align-items:start}.hk-page .card{padding:28px;background:#edf0e5;border:1px solid #d4ddcd;border-radius:8px}.hk-page .card h2{font-weight:500;font-size:1.15rem;border-bottom:1px solid #c9d3c1;padding-bottom:18px;margin:0 0 22px}.hk-page .form-grid{gap:23px}.hk-page .form-group{gap:9px}.hk-page input,.hk-page select{min-height:48px}.hk-page .ec-calc-wrap input[type=text],.hk-page .ec-calc-wrap input[type=number],.hk-page .ec-calc-wrap select{border:1px solid #a5b69f;background-color:#fafaf4;color:#183b2e;font-size:1rem}.hk-page .fuel-toggle{border:1px solid #a5b69f}.hk-page .fuel-toggle button{min-height:48px;font:inherit;font-size:.88rem}.hk-page .hint{font-size:.73rem;line-height:1.5}.hk-input-note{padding:22px 0}.hk-input-note h3{font-size:1.8rem;font-weight:500;line-height:1.2;margin:0 0 20px}.hk-input-note p,.hk-input-note li{font-size:.88rem;line-height:1.75}.hk-input-note ol{padding-left:20px;margin:22px 0}.hk-input-note li{padding:4px 0 4px 8px}.hk-input-note .hk-model-note{border-top:1px solid #c6d0bd;padding-top:18px;font-size:.74rem;color:#61715e}.hk-page .accord-hdr{width:100%;border:1px solid #b6c5ad;background:none;box-shadow:none;font:inherit;font-size:.91rem;text-align:left;padding:20px 24px;margin:10px 0 0}.hk-page .accord-body{border:1px solid #c9d3c1;background:#fafaf4;padding:30px;margin-top:12px}.hk-page .s-item{gap:10px}.hk-page input[type=range]{min-height:24px;height:24px;background:linear-gradient(#bdcbb4,#bdcbb4) center/100% 4px no-repeat}.hk-page .btn-calc{width:auto;display:block;min-height:52px;margin:25px 0 50px;background:#183b2e;color:#f5f4eb;font:inherit;font-size:1rem;padding:17px 25px}.hk-page .btn-calc:hover{background:#2d5440}#results{scroll-margin-top:100px;border-top:1px solid #c9d3c1;padding-top:45px}
.hk-comparison{background:#102e26;color:#f1f0e9;border-radius:6px 40px 6px 6px;padding:35px 6% 30px;margin-bottom:24px}.hk-bars{height:170px;display:grid;grid-template-columns:repeat(3,1fr);gap:12%;align-items:end;padding:0 5%;border-bottom:1px solid #78947555}.hk-bar{position:relative;width:70%;max-width:160px;margin-inline:auto;height:2%;background:#bd947d;transition:height .65s ease;transform:skewY(-5deg)}.hk-bar:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff18,#0002)}.hk-bar:after{content:'';position:absolute;right:-12px;top:-6px;width:12px;height:100%;background:#987665;transform:skewY(-40deg)}.hk-bar i{position:absolute;top:-10px;left:6px;height:10px;width:100%;background:#d7b8a2;transform:skewX(-50deg)}#hk-bar-w{background:#92b2ad}#hk-bar-w:after{background:#698b85}#hk-bar-w i{background:#bad1c5}#hk-bar-v{background:#d0ab3b}#hk-bar-v:after{background:#8f772b}#hk-bar-v i{background:#edcd78}.hk-bar-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:12%;text-align:center;padding-top:25px}.hk-bar-labels span{font-size:.76rem}.hk-bar-labels strong{display:block;font-size:clamp(1.4rem,3vw,2.7rem);font-weight:500;letter-spacing:-.04em;margin:10px 0 0}.hk-bar-labels small{font-size:.65rem;color:#b5c6ae}.hk-page .hero-card{background:#e8eddd;text-align:left;padding:24px;border:1px solid #cad4bf}.hk-page .hero-label{color:#52644c;font-size:.76rem;line-height:1.5}.hk-page .hero-val{color:#183b2e;font-weight:500;font-size:2rem;margin:10px 0}.hk-page .hero-unit{color:#596b50;font-size:.68rem}.hk-page .hero-grid--wirtschaft .hero-card{background:transparent}.hk-page .invest-note{text-align:left;line-height:1.65;margin:0 0 35px}.hk-page .tech-grid{gap:12px}.hk-page .tech-item{background:#f8f9f0;border-left:2px solid #a6ad79;padding:20px}.hk-page .tech-val{font-size:1.5rem;font-weight:500}.hk-page .pain{background:none;border:1px solid #c9d3c1}.hk-page .pain-card{background:#e9eddf}.hk-page .pain-card.hl{border:1px solid #9aa776;background:#f9f9f1;box-shadow:none}.hk-page .pain-yr{color:#6e7850}.hk-page .ec-cta-card{background:#102e26;color:#f1f0e9;padding:48px 25px;margin-top:35px}.hk-page .ec-cta-card h2{color:#f1f0e9;font-size:1.8rem;font-weight:500}.hk-page .ec-cta-card p{color:#bacbb1;line-height:1.7}.hk-page .ec-disclaimer{line-height:1.8;padding-top:25px}.hk-page :focus-visible{outline:3px solid #b68d25;outline-offset:4px}.hk-page table.cmp{min-width:580px}.hk-page .clim-badge{white-space:normal;border-radius:4px;background:#dfe7d5;color:#294735;font-size:.7rem;padding:5px 9px}
@media(max-width:900px){.hk-hero{gap:30px;padding-top:125px}.hk-scene{height:280px}.hk-machine{transform:scale(.8) rotateX(-9deg) rotateY(-23deg);top:55px}.hk-scene-top{padding:20px 16px;font-size:.52rem}.hk-principle{gap:10px;font-size:.69rem}.hk-input-layout{grid-template-columns:1fr}.hk-input-note{display:none}.hk-page .tech-grid{grid-template-columns:1fr 1fr}.hk-page .hero-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hk-hero{grid-template-columns:1fr;padding-top:105px;padding-bottom:40px;gap:25px}.hk-intro h1{font-size:3.35rem}.hk-back{margin-bottom:25px}.hk-lede{font-size:.96rem}.hk-scene-card{border-radius:6px 40px 6px 6px}.hk-scene{height:250px}.hk-machine{top:35px}.hk-scene-top{padding:18px}.hk-air{top:5px}.hk-heat{bottom:10px}.hk-principle{padding-top:18px}.hk-scene-note{margin-bottom:18px}#rechner{padding-top:32px}.hk-page .card{padding:20px 16px}.hk-page .form-grid,.hk-page .slider-grid{grid-template-columns:1fr}.hk-page .btn-calc{width:100%;font-size:.9rem;padding-inline:10px}.hk-page .accord-hdr{padding:18px 14px;font-size:.82rem}.hk-page .accord-body{padding:22px 16px}.hk-comparison{padding:30px 12px 22px}.hk-bars{height:130px;gap:10%;padding:0 6%}.hk-bar{width:65%}.hk-bar-labels{gap:5px}.hk-bar-labels span{font-size:.6rem;display:block;min-height:2.8em}.hk-bar-labels strong{font-size:1.45rem}.hk-page .hero-grid{gap:10px}.hk-page .hero-card{padding:18px 13px}.hk-page .hero-val{font-size:1.65rem}.hk-page .hero-label{font-size:.7rem}.hk-page .hero-unit{font-size:.62rem}.hk-page .tech-item{padding:15px 10px}.hk-page .tech-label{font-size:.6rem}.hk-page .tech-val{font-size:1.2rem}.hk-page .tech-grid{gap:8px}.hk-page .auto-params{gap:8px}.hk-page .pain-timeline{grid-template-columns:1fr}.hk-page .pain{padding:20px 16px}.hk-page .ec-cta-card h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.hk-fan{animation:none}.hk-bar{transition:none}}
@media print{.hk-hero,.header,.footer,.hk-input-note,.btn-calc,.accord-hdr{display:none!important}.hk-page .card,.hk-page .hero-card,.hk-comparison{break-inside:avoid}.ec-calc-wrap{width:100%}}
.hk-page .ec-icon svg,.hk-page .pain h2 svg{width:18px;height:18px;max-width:18px;flex:0 0 18px}.hk-machine{filter:none}.hk-machine-front{box-shadow:inset 0 -8px #526859,16px 25px 30px #0003}