:root{--hp-green:var(--color-primary);--hp-mint:var(--color-primary-bright);--hp-ink:var(--color-text);--hp-muted:#62706a;--hp-line:var(--color-border);--hp-bg:#f4f7f5;--hp-navy:#10231d}
.hp-page,.hp-product-page{padding-bottom:80px;background:var(--hp-bg);color:var(--hp-ink)}
.hp-hero{padding:58px 0 34px}.hp-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:24px}.hp-hero-copy,.hp-hero-media{min-width:0;border:1px solid var(--hp-line);border-radius:28px;overflow:hidden;background:#fff}.hp-hero-copy{padding:clamp(30px,5vw,66px)}.hp-hero-copy h1{max-width:680px;margin:16px 0 20px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98;letter-spacing:-.06em}.hp-hero-copy>p{max-width:650px;color:var(--hp-muted);font-size:1.06rem;line-height:1.7}.hp-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hp-primary,.hp-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:999px;text-decoration:none;font-weight:800;font-size:var(--text-14)}.hp-primary{background:var(--hp-navy);color:#fff}.hp-secondary{border:1px solid var(--hp-line);background:#fff;color:var(--hp-ink)}.hp-hero-media{position:relative;min-height:490px}.hp-hero-media img{width:100%;height:100%;object-fit:cover}.hp-hero-media figcaption{position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(16,35,29,.86);color:#fff;font-size:var(--text-11);font-weight:750}
.hp-trust{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 48px;border:1px solid var(--hp-line);border-radius:18px;background:#fff;overflow:hidden}.hp-trust div{padding:20px;border-right:1px solid var(--hp-line)}.hp-trust div:last-child{border:0}.hp-trust b{display:block;font-size:1.25rem;color:var(--hp-green)}.hp-trust span{display:block;margin-top:5px;color:var(--hp-muted);font-size:var(--text-12)}
.hp-section{padding:44px 0}.hp-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.hp-section-head h2{max-width:680px;margin:9px 0 0;font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.05em}.hp-section-head p{max-width:500px;color:var(--hp-muted);line-height:1.65}.hp-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hp-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hp-line);overflow:hidden;background:#fff}.hp-card-image{display:block;height:190px;background:#f8faf9}.hp-card-image img{width:100%;height:100%;object-fit:contain}.hp-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.hp-card-body>span{color:var(--hp-green);font-size:var(--text-11);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hp-card h3{margin:7px 0 9px;font-size:1.08rem}.hp-card h3 a{color:inherit;text-decoration:none}.hp-card p{margin:0;color:var(--hp-muted);font-size:var(--text-13);line-height:1.55}.hp-facts{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.hp-facts small,.hp-facts span{padding:6px 9px;border-radius:999px;background:#eef4f1;color:#34453d;font-size:var(--text-11);font-weight:700}.hp-card-link{margin-top:auto;color:var(--hp-green);font-size:var(--text-12);font-weight:800;text-decoration:none}
.hp-type-grid,.hp-explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-type-grid article,.hp-explainer-grid article{padding:24px;border:1px solid var(--hp-line);border-radius:18px;background:#fff}.hp-type-grid h3,.hp-explainer-grid h3{margin:0 0 9px}.hp-type-grid p,.hp-explainer-grid p{margin:0;color:var(--hp-muted);line-height:1.65;font-size:var(--text-14)}
.hp-compare-shell{padding:42px 0 80px}.hp-compare-head{margin-bottom:25px}.hp-compare-head h1{margin:12px 0;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.06em}.hp-compare-head p{max-width:768px;color:var(--hp-muted);line-height:1.7}.hp-filterbar{display:grid;grid-template-columns:1.3fr repeat(4,minmax(130px,.7fr));gap:10px;padding:14px;border:1px solid var(--hp-line);border-radius:18px;background:#fff;position:sticky;top:74px;z-index:4}.hp-filterbar input,.hp-filterbar select{min-width:0;width:100%;height:44px;padding:0 12px;border:1px solid var(--hp-line);border-radius:10px;background:#f8faf9;font:inherit;font-size:var(--text-13)}.hp-result-meta{display:flex;justify-content:space-between;gap:20px;margin:18px 2px;color:var(--hp-muted);font-size:.8rem}.hp-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-compare-card{display:grid;grid-template-rows:180px auto;border:1px solid var(--hp-line);overflow:hidden;background:#fff}.hp-compare-card>img{width:100%;height:100%;object-fit:contain;background:#f8faf9}.hp-compare-body{padding:19px}.hp-compare-body>span{color:var(--hp-green);font-size:var(--text-11);font-weight:850;text-transform:uppercase}.hp-compare-body h2{margin:6px 0 10px;font-size:1.12rem}.hp-compare-body p{min-height:3.8em;color:var(--hp-muted);font-size:var(--text-13);line-height:1.55}.hp-compare-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);margin:14px 0}.hp-compare-specs div{padding:9px 0}.hp-compare-specs small{display:block;color:var(--hp-muted);font-size:var(--text-11)}.hp-compare-specs b{display:block;margin-top:3px;font-size:var(--text-13)}.hp-compare-actions{display:flex;gap:8px}.hp-compare-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:41px;border-radius:999px;text-decoration:none;font-size:var(--text-12);font-weight:800}.hp-compare-actions a:first-child{background:var(--hp-navy);color:#fff}.hp-compare-actions a:last-child{border:1px solid var(--hp-line);color:var(--hp-green)}
.product-breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;padding:26px 0;color:var(--hp-muted);font-size:var(--text-12)}.product-breadcrumbs a{color:var(--hp-green);text-decoration:none}.hp-product-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:34px;border:1px solid var(--hp-line);border-radius:26px;background:#fff}.hp-product-image{position:relative;height:460px;border-radius:19px;overflow:hidden;background:#f7faf8}.hp-product-image img{width:100%;height:100%;object-fit:contain}.hp-image-note{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(16,35,29,.86);color:#fff;font-size:var(--text-11);font-weight:750}.hp-product-summary h1{margin:15px 0;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1;letter-spacing:-.055em}.hp-product-summary>p{color:var(--hp-muted);line-height:1.7}.hp-product-summary>small{display:block;margin-top:13px;color:var(--hp-muted);font-size:var(--text-11);line-height:1.5}.hp-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:24px}.hp-spec-panel,.hp-planning{padding:28px;border:1px solid var(--hp-line);border-radius:20px;background:#fff}.hp-spec-panel h2,.hp-planning h2{margin:10px 0 20px}.hp-specs{display:grid;grid-template-columns:1fr 1fr;margin:0}.hp-specs div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--hp-line)}.hp-specs div:nth-child(odd){margin-right:20px}.hp-specs dt{color:var(--hp-muted);font-size:var(--text-12)}.hp-specs dd{margin:0;font-size:var(--text-13);font-weight:750}.hp-source{color:var(--hp-muted);font-size:var(--text-12);line-height:1.55}.hp-source a,.hp-planning a{color:var(--hp-green);font-weight:800}.hp-planning ol{padding-left:20px}.hp-planning li{margin:10px 0;color:var(--hp-muted);font-size:var(--text-13);line-height:1.55}.hp-explainer,.hp-faq,.hp-related-section{margin-top:42px}.hp-explainer h2,.hp-faq h2,.hp-related-section h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.045em}.hp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-related{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px;border:1px solid var(--hp-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none}.hp-related img{grid-row:1/4;width:100px;height:100px;object-fit:contain}.hp-related span{color:var(--hp-green);font-size:var(--text-11);font-weight:800}.hp-related b{font-size:var(--text-14)}.hp-related small{color:var(--hp-muted);font-size:var(--text-11)}.hp-all-link{display:inline-block;margin-top:18px;color:var(--hp-green);font-weight:800;text-decoration:none}
.hp-guide{padding:48px 0 80px}.hp-guide-hero{max-width:900px;margin-bottom:34px}.hp-guide-hero h1{margin:15px 0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em}.hp-guide-hero p{color:var(--hp-muted);font-size:1.05rem;line-height:1.75}.hp-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.hp-guide-content,.hp-guide-nav{padding:clamp(22px,4vw,38px);border:1px solid var(--hp-line);border-radius:20px;background:#fff}.hp-guide-content h2{margin:40px 0 12px;font-size:1.65rem}.hp-guide-content h2:first-child{margin-top:0}.hp-guide-content p,.hp-guide-content li{color:var(--hp-muted);line-height:1.75}.hp-guide-content table{width:100%;border-collapse:collapse}.hp-guide-content th,.hp-guide-content td{padding:11px;border-bottom:1px solid var(--hp-line);text-align:left;font-size:var(--text-13)}.hp-guide-nav{position:sticky;top:90px;align-self:start}.hp-guide-nav a{display:block;padding:9px 0;color:var(--hp-green);font-size:.8rem;font-weight:750;text-decoration:none}
@media(max-width:1024px){.hp-card-grid{grid-template-columns:repeat(2,1fr)}.hp-compare-grid{grid-template-columns:repeat(2,1fr)}.hp-filterbar{grid-template-columns:1fr 1fr 1fr}.hp-hero-grid{grid-template-columns:1fr}.hp-hero-media{min-height:390px}}
@media(max-width:768px){.hp-product-hero,.hp-detail-grid,.hp-guide-layout{grid-template-columns:1fr}.hp-planning,.hp-guide-nav{position:static}.hp-type-grid,.hp-explainer-grid,.hp-related-grid{grid-template-columns:1fr}.hp-trust{grid-template-columns:1fr 1fr}.hp-trust div:nth-child(2){border-right:0}.hp-specs{grid-template-columns:1fr}.hp-specs div:nth-child(odd){margin-right:0}}
@media(max-width:640px){.hp-hero{padding-top:22px}.hp-hero-copy{padding:27px 20px}.hp-hero-copy h1{font-size:2.55rem}.hp-hero-media{min-height:300px}.hp-section-head{display:block}.hp-card-grid,.hp-compare-grid{grid-template-columns:1fr}.hp-card{display:grid;grid-template-columns:120px 1fr}.hp-card-image{height:100%;min-height:190px}.hp-filterbar{position:static;grid-template-columns:1fr 1fr}.hp-filterbar input{grid-column:1/-1}.hp-product-hero{padding:19px}.hp-product-image{height:300px}.hp-product-summary h1{font-size:2.2rem}.hp-detail-grid{gap:13px}.hp-spec-panel,.hp-planning{padding:20px}.hp-compare-card{grid-template-rows:220px auto}}

/* Vergleichskarten: feste Bildfläche statt prozentualer Höhe. Prozentuale
   Bildhöhen konnten sich auf Mobilgeräten auf die gesamte Kartenhöhe beziehen
   und dadurch Inhalt überlagern. */
.hp-compare-card{display:flex;min-width:0;flex-direction:column;grid-template-rows:none}
.hp-compare-card>img{display:block;flex:0 0 180px;width:100%;height:180px;padding:14px;box-sizing:border-box;object-fit:contain;background:#f8faf9}
.hp-compare-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;background:#fff}
.hp-compare-actions{margin-top:auto}
@media(max-width:640px){
  .hp-compare-card{grid-template-rows:none}
  .hp-compare-card>img{flex-basis:190px;height:190px;padding:12px}
  .hp-compare-body{padding:18px 16px}
  .hp-compare-body p{min-height:0}
  .hp-compare-actions a{min-width:0;padding:0 10px}
}

/* Gemeinsames Produkwelt-System: Wärmepumpen, Balkonkraftwerke und
   Mähroboter nutzen dieselben Größen, Oberflächen und Abstände. Nur Farbe
   und Bildsprache werden in den jeweiligen Welt-CSS-Dateien überschrieben. */
.hp-page,.hp-product-page{--world-accent:var(--hp-green);--world-soft:#e9f6f0;font-family:var(--site-font);overflow-x:clip}
.heatpump-world{--world-accent:#176f91;--world-soft:#e9f5f8}
.solar-world{--world-accent:#a96100;--world-soft:#fff4d8}
.mower-world{--world-accent:#5d7824;--world-soft:#f0f5e5}
.hp-page :where(h1,h2,h3),.hp-product-page :where(h1,h2,h3){color:var(--hp-ink);font-family:var(--site-font);text-wrap:balance}
.hp-page :where(p,li,dt,dd,small,a,button,input,select),.hp-product-page :where(p,li,dt,dd,small,a,button,input,select){font-family:var(--site-font)}
.hp-page .page-kicker,.hp-product-page .page-kicker{color:var(--world-accent)}
.hp-page .page-kicker::before,.hp-product-page .page-kicker::before{background:var(--world-accent)}

.hp-hero{padding:42px 0 28px}.hp-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:18px}
.hp-hero-copy,.hp-hero-media{border-radius:24px;box-shadow:var(--shadow-lg)}
.hp-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4.5vw,56px)}
.hp-hero-copy h1{margin:14px 0 18px;font-size:clamp(2.45rem,4.4vw,3.75rem);line-height:1;letter-spacing:-.055em}
.hp-hero-copy>p{margin:0;font-size:var(--text-base);line-height:1.68}.hp-hero-media{min-height:440px}
.hp-hero-actions{margin-top:24px}.hp-primary,.hp-secondary{min-height:46px;padding-inline:18px;font-size:var(--text-13);line-height:1.15}
.hp-primary:focus-visible,.hp-secondary:focus-visible,.hp-compare-actions a:focus-visible,.hp-card-link:focus-visible{outline:3px solid color-mix(in srgb,var(--world-accent) 30%,transparent);outline-offset:3px}

.hp-trust{margin-bottom:34px;border-radius:16px;box-shadow:var(--shadow-md)}
.hp-trust div{padding:18px 20px}.hp-trust b{font-size:1.18rem}.hp-trust span{font-size:var(--text-12);line-height:1.45}
.hp-section{padding:38px 0}.hp-section-head{align-items:start;margin-bottom:20px}.hp-section-head h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.05}.hp-section-head p{margin:8px 0 0;font-size:var(--text-14)}
.hp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp-card{box-shadow:var(--shadow-lg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hp-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--world-accent) 28%,var(--hp-line));box-shadow:var(--shadow-lg)}
.hp-card-image{height:205px}.hp-card-image img{padding:12px}.hp-card-body{padding:19px}.hp-card h3{font-size:1.06rem;line-height:1.28}.hp-card p{font-size:.8rem;line-height:1.58}
.hp-card-link{color:var(--world-accent);font-size:var(--text-13)}.hp-facts small,.hp-facts span{font-size:var(--text-11)}
.hp-type-grid,.hp-explainer-grid{gap:16px}.hp-type-grid article,.hp-explainer-grid article{border-radius:18px;box-shadow:var(--shadow-md)}

.hp-compare-shell{padding:32px 0 74px}.hp-compare-head,.hp-guide-hero{max-width:none;margin:0 0 24px;padding:clamp(25px,4vw,38px);border:1px solid var(--hp-line);border-radius:24px;background:linear-gradient(132deg,#fff 0%,var(--world-soft) 100%);box-shadow:var(--shadow-lg)}
.hp-compare-head h1,.hp-guide-hero h1{max-width:900px;margin:11px 0 13px;font-size:clamp(2.25rem,4.3vw,3.55rem);line-height:1.02;letter-spacing:-.055em}
.hp-compare-head p,.hp-guide-hero p{max-width:768px;margin:0;color:var(--hp-muted);font-size:var(--text-15);line-height:1.68}
.hp-filterbar{top:84px;grid-template-columns:minmax(210px,1.35fr) repeat(4,minmax(140px,1fr));gap:9px;padding:12px;border-radius:16px;box-shadow:var(--shadow-lg)}
.hp-filterbar input,.hp-filterbar select{height:46px;border-radius:10px;background:#f8faf9;font-size:.8rem}
.hp-filterbar input:focus,.hp-filterbar select:focus{outline:none;border-color:var(--world-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--world-accent) 14%,transparent)}
.hp-result-meta{align-items:center;margin:17px 2px;font-size:var(--text-13)}.hp-result-meta b{color:var(--hp-ink)}
.hp-compare-grid{gap:16px}.hp-compare-card{box-shadow:var(--shadow-lg);transition:transform .18s ease,box-shadow .18s ease}
.hp-compare-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.hp-compare-card>img{flex-basis:190px;height:190px;padding:16px}.hp-compare-body{padding:19px}.hp-compare-body h2{font-size:1.08rem;line-height:1.3}.hp-compare-body p{font-size:var(--text-13);line-height:1.58}
.hp-compare-specs{gap:0}.hp-compare-specs div{min-width:0;padding:10px 4px 10px 0}.hp-compare-specs b{overflow-wrap:anywhere;font-size:var(--text-13);line-height:1.35}.hp-compare-specs small{font-size:var(--text-11)}
.hp-compare-actions a{min-height:43px;font-size:var(--text-12)}.hp-compare-actions a:last-child{color:var(--world-accent)}

.product-breadcrumbs{padding:22px 0 18px}.product-breadcrumbs a{color:var(--world-accent)}
.hp-product-hero{gap:32px;padding:28px;border-radius:24px;box-shadow:var(--shadow-lg)}
.hp-product-image{height:430px;border-radius:17px}.hp-product-summary h1{font-size:clamp(2.15rem,3.8vw,3.25rem)}
.hp-detail-grid{margin-top:18px}.hp-spec-panel,.hp-planning{border-radius:18px;box-shadow:var(--shadow-md)}
.hp-source a,.hp-planning a,.hp-all-link{color:var(--world-accent)}
.hp-related{border-radius:16px;transition:border-color .18s ease,transform .18s ease}.hp-related:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--world-accent) 28%,var(--hp-line))}
.hp-related span{color:var(--world-accent)}

.hp-guide{padding:32px 0 74px}.hp-guide-layout{gap:20px}.hp-guide-content,.hp-guide-nav{border-radius:18px;box-shadow:var(--shadow-lg)}
.hp-guide-content h2{scroll-margin-top:95px}.hp-guide-content p,.hp-guide-content li{font-size:var(--text-15)}.hp-guide-content table{max-width:100%;overflow-x:auto}.hp-guide-content th{background:#f4f8f6;color:var(--hp-ink)}
.hp-guide-nav{top:88px}.hp-guide-nav a{color:var(--world-accent)}
.hp-guide-nav a.hp-primary{
  display:flex;
  width:100%;
  min-height:46px;
  margin-top:12px;
  padding:0 16px;
  color:#fff;
  text-align:center;
}

@media(max-width:1024px){.hp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-filterbar input{grid-column:1/-1}.hp-hero-grid{grid-template-columns:1fr}.hp-hero-media{min-height:360px}}
@media(max-width:720px){
  .hp-hero{padding-top:20px}.hp-hero-copy{padding:25px 20px}.hp-hero-copy h1{font-size:clamp(2.15rem,11vw,2.75rem)}.hp-hero-media{min-height:280px}
  .hp-trust{grid-template-columns:1fr 1fr}.hp-trust div{padding:16px}.hp-section{padding:30px 0}.hp-section-head{display:block}
  .hp-card-grid,.hp-compare-grid{grid-template-columns:1fr}.hp-card{display:flex;flex-direction:column}.hp-card-image{height:210px;min-height:0}.hp-card-body{padding:18px}
  .hp-compare-shell,.hp-guide{padding-top:20px}.hp-compare-head,.hp-guide-hero{padding:24px 20px;border-radius:20px}.hp-compare-head h1,.hp-guide-hero h1{font-size:clamp(2.1rem,10.5vw,2.65rem)}
  .hp-filterbar{position:static;grid-template-columns:1fr;padding:12px}.hp-filterbar input{grid-column:auto}.hp-result-meta{align-items:flex-start;flex-direction:column;gap:4px}
  .hp-compare-card>img{flex-basis:210px;height:210px}.hp-compare-body{padding:18px}.hp-compare-actions{flex-direction:column}.hp-compare-actions a{width:100%}
  .hp-product-hero{padding:18px}.hp-product-image{height:280px}.hp-product-summary h1{font-size:2.15rem}.hp-spec-panel,.hp-planning,.hp-guide-content,.hp-guide-nav{padding:20px}
  .hp-guide-content table{display:block;overflow-x:auto}.hp-guide-content th,.hp-guide-content td{min-width:145px}
}

/* Robuster Hero-Aufbau bei Browser-Zoom, schmalen Desktopfenstern und
   wiederhergestellten Scrollpositionen. Browser-Standardränder von <figure>
   dürfen das Grid nicht verschieben; Text bleibt immer innerhalb der Karte. */
.hp-hero-grid>*{min-width:0}
.hp-hero-copy{
  justify-content:flex-start;
  overflow:visible;
}
.hp-hero-copy h1{
  max-width:100%;
  overflow-wrap:anywhere;
}
.hp-hero-media{
  margin:0;
  overflow:hidden;
}

/* Kategorievisuals sind redaktionelle Stimmungsbilder, keine Produktfreisteller. */
.hp-hero-media.category-photo img{
  padding:0;
  object-fit:cover;
  object-position:center;
}
.hp-hero-media figcaption a{
  color:inherit;
  text-decoration:none;
}
.hp-hero-media figcaption a:hover,
.hp-hero-media figcaption a:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:1024px){
  .hp-hero-copy{min-height:0}
}

/* Einheitlicher Direktvergleich für Wärmepumpen, Stecker-Solar und
   Mähroboter. Auswahl bleibt beim Filtern erhalten, maximal drei Modelle. */
.world-compare-toggle{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  margin:2px 0 12px;
  padding:9px 11px;
  border:1px solid var(--hp-line);
  border-radius:11px;
  background:#f7faf8;
  color:var(--hp-ink);
  font-size:var(--text-12);
  font-weight:780;
  cursor:pointer;
}
.world-compare-toggle:hover{border-color:var(--world-accent)}
.world-compare-toggle.limit{border-color:#c77b16;background:#fff8e9}
.world-compare-toggle input{
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--world-accent);
}
.world-compare-tray{
  position:fixed;
  z-index:950;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  width:min(790px,calc(100% - 28px));
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--world-accent) 25%,var(--hp-line));
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--shadow-lg);
  backdrop-filter:blur(14px);
}
.world-compare-tray[hidden]{display:none}
.world-compare-copy{min-width:0}
.world-compare-copy b,.world-compare-copy>span{display:block}
.world-compare-copy b{font-size:var(--text-13)}
.world-compare-copy>span{
  margin-top:3px;
  overflow:hidden;
  color:var(--hp-muted);
  font-size:var(--text-11);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.world-compare-count{display:inline;color:var(--world-accent)}
.world-compare-tray button{
  min-height:41px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  font:800 .76rem var(--site-font);
  cursor:pointer;
}
.world-compare-clear{background:#eef3f0;color:var(--hp-ink)}
.world-compare-open{background:var(--hp-navy);color:#fff}
.world-compare-open:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:720px){
  .world-compare-tray{
    bottom:10px;
    grid-template-columns:1fr auto;
    gap:8px;
    padding:11px;
  }
  .world-compare-copy{grid-column:1/-1}
  .world-compare-open{min-width:150px}
}

/* Einheitliche Partnerangebote in allen Produktwelten. Die Karten enthalten
   ausschließlich Nutzerlinks; sie lösen selbst keine Händlerabfrage aus. */
.world-affiliate{
  margin-top:34px;
  margin-bottom:56px;
  padding:clamp(22px,3vw,30px);
  border:1px solid var(--hp-line);
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,var(--world-soft) 145%);
  box-shadow:var(--shadow-lg);
}
.world-affiliate-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}
.world-affiliate-head h2{
  margin:7px 0 5px;
  color:var(--hp-ink);
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.12;
  letter-spacing:-.035em;
}
.world-affiliate-head p{
  max-width:768px;
  margin:0;
  color:var(--hp-muted);
  font-size:var(--text-13);
  line-height:1.55;
}
.world-affiliate-hint{
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid var(--hp-line);
  border-radius:999px;
  background:#fff;
  color:var(--hp-muted);
  font-size:var(--text-11);
  font-weight:780;
}
.world-affiliate-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.world-affiliate-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:17px;
  border:1px solid var(--hp-line);
  border-radius:16px;
  background:#fff;
}
.world-affiliate-brand{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  color:#fff;
  font:850 1.25rem/1 var(--site-font);
  text-transform:uppercase;
}
.world-affiliate-card.amazon .world-affiliate-brand{background:#192235;color:#ffb13b}
.world-affiliate-card.ebay .world-affiliate-brand{background:#3566a8}
.world-affiliate-card small{
  color:var(--hp-muted);
  font-size:var(--text-11);
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.world-affiliate-card h3{
  margin:3px 0 4px;
  color:var(--hp-ink);
  font-size:var(--text-15);
  line-height:1.25;
}
.world-affiliate-card p{
  margin:0;
  color:var(--hp-muted);
  font-size:var(--text-12);
  line-height:1.45;
}
.world-affiliate-card>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:0 14px;
  border-radius:11px;
  background:var(--hp-navy);
  color:#fff;
  font-size:var(--text-12);
  font-weight:820;
  text-decoration:none;
  white-space:nowrap;
}
.world-affiliate-card>a:hover{background:var(--world-accent)}
.world-affiliate-disclosure{
  margin:14px 2px 0;
  color:var(--hp-muted);
  font-size:var(--text-11);
  line-height:1.5;
}
@media(max-width:900px){
  .world-affiliate-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .world-affiliate{margin-top:26px;margin-bottom:38px;padding:18px;border-radius:18px}
  .world-affiliate-head{display:block}
  .world-affiliate-hint{display:inline-block;margin-top:12px}
  .world-affiliate-card{
    grid-template-columns:42px minmax(0,1fr);
    padding:15px;
  }
  .world-affiliate-brand{width:42px;height:42px;border-radius:11px}
  .world-affiliate-card>a{grid-column:1/-1;width:100%}
}

/* Konkrete Amazon-/eBay-Angebote: dieselbe Informationshierarchie wie auf
   der Klima-Startseite, aber mit den Produkten der jeweiligen Produktwelt. */
.world-affiliate{
  display:grid;
  gap:20px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.world-marketplace{
  overflow:hidden;
  border:1px solid var(--hp-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-lg);
}
.world-marketplace-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px 18px;
  border-bottom:1px solid var(--hp-line);
}
.world-marketplace-head h2{
  margin:6px 0 4px;
  color:var(--hp-ink);
  font-size:clamp(1.22rem,2vw,1.55rem);
  line-height:1.15;
  letter-spacing:-.03em;
}
.world-marketplace-head p{
  max-width:720px;
  margin:0;
  color:var(--hp-muted);
  font-size:var(--text-12);
  line-height:1.5;
}
.world-marketplace-head label{
  display:grid;
  gap:5px;
  flex:0 0 auto;
  color:var(--hp-muted);
  font:750 .62rem/1.2 var(--site-font);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.world-marketplace-head select{
  min-height:38px;
  padding:0 34px 0 11px;
  border:1px solid var(--hp-line);
  border-radius:10px;
  background:#fff;
  color:var(--hp-ink);
  font:700 .7rem/1 var(--site-font);
  text-transform:none;
}
.world-marketplace-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.world-marketplace-product{
  min-width:0;
  padding:20px;
  border-right:1px solid var(--hp-line);
}
.world-marketplace-product:last-child{border-right:0}
.world-marketplace-summary{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  align-items:start;
  gap:15px;
}
.world-marketplace-summary img{
  width:96px;
  height:96px;
  padding:8px;
  border:1px solid #e8eeeb;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#f5f8f6);
  box-sizing:border-box;
  object-fit:contain;
}
.world-marketplace-summary h3{
  margin:1px 0 6px;
  color:var(--hp-ink);
  font-size:var(--text-14);
  line-height:1.28;
  letter-spacing:-.015em;
}
.world-marketplace-status{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
  color:var(--hp-muted);
  font-size:var(--text-11);
  font-weight:780;
}
.world-marketplace-status>span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d49a25;
}
.world-marketplace-status.available{color:#0b875f}
.world-marketplace-status.available>span{background:#20b982}
.world-marketplace-status.unavailable>span{background:#b7bfbd}
.world-marketplace-price{
  display:block;
  margin-bottom:3px;
  color:var(--hp-ink);
  font-size:1.08rem;
  line-height:1.2;
}
.world-marketplace-summary small{
  display:block;
  color:var(--hp-muted);
  font-size:var(--text-11);
  line-height:1.35;
}
.world-marketplace-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  margin-top:15px;
  padding:0 14px;
  border-radius:999px;
  background:var(--hp-navy);
  color:#fff;
  font-size:var(--text-12);
  font-weight:820;
  text-decoration:none;
}
.world-marketplace-cta:hover{background:var(--world-accent)}
.world-marketplace-offers{
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid var(--hp-line);
}
.world-marketplace-offers>b{
  display:block;
  margin-bottom:4px;
  color:var(--hp-ink);
  font-size:var(--text-11);
}
.world-marketplace-offers>a{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
  padding:10px 0;
  border-bottom:1px solid var(--hp-line);
  color:var(--hp-ink);
  font-size:var(--text-11);
  text-decoration:none;
}
.world-marketplace-offers>a:last-child{border-bottom:0}
.world-marketplace-offers span{min-width:0}
.world-marketplace-offers strong,
.world-marketplace-offers small{display:block}
.world-marketplace-offers small{
  overflow:hidden;
  margin-top:3px;
  color:var(--hp-muted);
  font-size:.6rem;
  line-height:1.35;
  text-overflow:ellipsis;
}
.world-marketplace-offers a>b{flex:0 0 auto}
.world-marketplace .world-affiliate-disclosure{
  margin:0;
  padding:12px 24px;
  border-top:1px solid var(--hp-line);
}
@media(max-width:1024px){
  .world-marketplace-grid{grid-template-columns:1fr}
  .world-marketplace-product{
    border-right:0;
    border-bottom:1px solid var(--hp-line);
  }
  .world-marketplace-product:last-child{border-bottom:0}
}
@media(max-width:720px){
  .world-affiliate{margin-top:26px;margin-bottom:38px;padding:0}
  .world-marketplace{border-radius:18px}
  .world-marketplace-head{
    display:grid;
    align-items:start;
    padding:18px;
  }
  .world-marketplace-head label{width:100%}
  .world-marketplace-head select{width:100%}
  .world-marketplace-product{padding:18px}
  .world-marketplace-summary{grid-template-columns:112px minmax(0,1fr);gap:14px}
  .world-marketplace-summary img{width:112px;height:112px;padding:9px}
  .world-marketplace-cta{width:100%}
  .world-marketplace .world-affiliate-disclosure{padding:11px 18px}
}
.hp-guide-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 30px}.hp-guide-summary div{padding:17px;border:1px solid var(--hp-line);border-radius:15px;background:var(--world-soft,#f2f8f5)}.hp-guide-summary b{display:block;margin-bottom:5px;color:var(--hp-ink);font-size:var(--text-14)}.hp-guide-summary span{display:block;color:var(--hp-muted);font-size:var(--text-12);line-height:1.5}.hp-guide-callout{margin:24px 0;padding:20px 22px;border-left:4px solid var(--world-accent,var(--hp-green));border-radius:0 14px 14px 0;background:var(--world-soft,#f2f8f5)}.hp-guide-callout b{display:block;margin-bottom:6px;color:var(--hp-ink)}.hp-guide-callout p{margin:0;font-size:var(--text-14)}.hp-guide-formula{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;overflow:hidden;border:1px solid var(--hp-line);border-radius:15px;background:var(--hp-line)}.hp-guide-formula div{padding:17px;background:#fff}.hp-guide-formula b{display:block;color:var(--world-accent,var(--hp-green));font-size:var(--text-base)}.hp-guide-formula span{display:block;margin-top:5px;color:var(--hp-muted);font-size:var(--text-12);line-height:1.45}.hp-guide-faq{margin-top:38px}.hp-guide-sources{margin-top:34px;padding:20px;border:1px solid var(--hp-line);border-radius:15px;background:#f8faf9}.hp-guide-sources h2{margin:0 0 10px;font-size:1.08rem}.hp-guide-sources p{margin:0 0 8px;font-size:var(--text-12)}.hp-guide-sources a{color:var(--world-accent,var(--hp-green));font-weight:750}.hp-guide-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.hp-guide-next a{display:block;padding:18px;border:1px solid var(--hp-line);border-radius:15px;background:#fff;color:inherit;text-decoration:none}.hp-guide-next span{display:block;color:var(--world-accent,var(--hp-green));font-size:var(--text-11);font-weight:850;text-transform:uppercase;letter-spacing:.07em}.hp-guide-next b{display:block;margin-top:6px;font-size:.9rem}
.hp-compare-guide{margin-top:42px;padding:clamp(22px,4vw,36px);border:1px solid var(--hp-line);border-radius:22px;background:#fff}.hp-compare-guide h2{max-width:768px;margin:9px 0 12px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.045em}.hp-compare-guide>p{max-width:820px;color:var(--hp-muted);line-height:1.7}.hp-compare-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.hp-compare-guide-grid article{padding:18px;border-radius:15px;background:var(--world-soft,#f2f8f5)}.hp-compare-guide-grid b{display:block;margin-bottom:7px;font-size:var(--text-14)}.hp-compare-guide-grid p{margin:0;color:var(--hp-muted);font-size:var(--text-13);line-height:1.55}.hp-compare-guide-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hp-compare-guide-links a{padding:11px 15px;border:1px solid var(--hp-line);border-radius:999px;color:var(--world-accent,var(--hp-green));font-size:var(--text-12);font-weight:800;text-decoration:none}
.guide-footer-grid{grid-template-columns:1.2fr .7fr .8fr .7fr;gap:36px}
@media(max-width:640px){.hp-guide-summary,.hp-guide-formula,.hp-guide-next{grid-template-columns:1fr}.hp-guide-summary{gap:8px}.hp-guide-summary div,.hp-guide-callout,.hp-guide-sources{padding:16px}.hp-guide-content{min-width:0}.hp-guide-content table{width:max-content;min-width:100%}}
@media(max-width:720px){.hp-compare-guide-grid{grid-template-columns:1fr}.hp-compare-guide{margin-top:28px;padding:20px}.hp-compare-guide-links{display:grid}.hp-compare-guide-links a{text-align:center}}
@media(max-width:900px){.guide-footer-grid{grid-template-columns:1fr 1fr}.guide-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.guide-footer-grid{grid-template-columns:1fr}.guide-footer-grid>div:first-child{grid-column:auto}}

/* Eigene Markenfarbe je Produktwelt. Die Formensprache bleibt identisch,
   während Logo, Navigation, Aktionen und Inhaltsflächen die Welt signalisieren. */
body.heatpump-page,body:has(.heatpump-world){
  --world-accent:#176f91;
  --world-accent-strong:#0e536d;
  --world-accent-soft:#e9f5f8;
  --world-accent-rgb:23,111,145;
  --world-hero-gradient:linear-gradient(135deg,rgba(23,111,145,0) 0%,#eef6f8 65%,#d9edf2 100%);
  --hp-green:var(--world-accent);
  --hp-mint:#42a8c5;
  --hp-navy:#0c3342;
  --hp-bg:#f2f7f8;
}
body.solar-page,body:has(.solar-world){
  --world-accent:#a96100;
  --world-accent-strong:#814900;
  --world-accent-soft:#fff4d8;
  --world-accent-rgb:169,97,0;
  --world-hero-gradient:linear-gradient(135deg,#b0a98d00 0%,#f1f8f5 65%,#dff4ea 100%);
  --hp-green:var(--world-accent);
  --hp-mint:#e4aa31;
  --hp-navy:#4a310c;
  --hp-bg:#faf7ef;
}
body.mower-page,body:has(.mower-world){
  --world-accent:#5d7824;
  --world-accent-strong:#455c17;
  --world-accent-soft:#f0f5e5;
  --world-accent-rgb:93,120,36;
  --world-hero-gradient:linear-gradient(135deg,rgba(93,120,36,0) 0%,#f0f5e5 58%,#dce8bd 100%);
  --hp-green:var(--world-accent);
  --hp-mint:#91b650;
  --hp-navy:#263611;
  --hp-bg:#f5f7f0;
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-header{
  border-bottom-color:rgba(var(--world-accent-rgb),.2);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-header .site-brand span:last-child em{
  color:var(--world-accent);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .network-dot{
  background:var(--world-accent);
  box-shadow:0 0 0 3px rgba(var(--world-accent-rgb),.18);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-links a[aria-current="page"]::after{
  background:var(--world-accent);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-cta,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-primary,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-compare-actions a:first-child,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .world-compare-open,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .world-marketplace-cta{
  background:var(--world-accent-strong);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-cta:hover,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-primary:hover,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-compare-actions a:first-child:hover,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .world-compare-open:hover,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .world-marketplace-cta:hover{
  background:var(--world-accent);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) :is(a,button,input,select):focus-visible{
  outline-color:rgba(var(--world-accent-rgb),.34);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-hero,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-hero-copy,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-compare-head,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .hp-guide-hero{
  background:var(--world-hero-gradient);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-actions [data-consent-action="reject"],
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-actions [data-consent-action="accept"],
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-save{
  border-color:var(--world-accent);
  background:var(--world-accent);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-box a,
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-purpose .always{
  color:var(--world-accent);
}
:where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .consent-purpose input{
  accent-color:var(--world-accent);
}
@media(max-width:900px){
  :where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-links a:hover,
  :where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-links a:focus-visible,
  :where(.heatpump-page,.solar-page,.mower-page,body:has(.heatpump-world),body:has(.solar-world),body:has(.mower-world)) .site-nav-links a[aria-current="page"]{
    background:var(--world-accent-soft);
  }
}