.hm-tef {--hm-tef-dark:#005e52;--hm-tef-green:#00a075;--hm-tef-light:#edf6f2;--hm-tef-border:#c9dfd7;--hm-tef-orange:#e86a2a;color:inherit;width:100%;max-width:100%;--hm-tef-font:var(--e-global-typography-text-font-family,"Bricolage Grotesque"),"Bricolage Grotesque",Arial,sans-serif;font-family:var(--hm-tef-font)!important}
.hm-tef *, .hm-tef *::before, .hm-tef *::after {box-sizing:border-box}
.hm-tef__status{display:flex;gap:.4rem;justify-content:space-between;flex-wrap:wrap;align-items:center;background:#fff8ef;border:1px solid #f1d5b7;padding:.75rem 1.05rem;border-radius:.8rem;margin-bottom:1rem;font-size:.86rem;line-height:1.45}
.hm-tef__status strong{color:#785221}.hm-tef__status span{color:#65544b}
.hm-tef__benefits{padding:1.4rem 1.5rem;border:1px solid var(--hm-tef-border);border-radius:1rem;background:#edf6f2!important;background-image:none!important;margin-bottom:1.4rem}
.hm-tef__benefits-heading{font-family:var(--hm-tef-font)!important;font-size:clamp(1.35rem,2.6vw,1.9rem)!important;line-height:1.25!important;margin:0 0 .7rem!important;color:var(--hm-tef-dark)!important;font-weight:700!important}
.hm-tef__benefits p{margin:.3rem 0 1.1rem;font-size:1rem;line-height:1.6;color:#263e38}
.hm-tef__benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:.65rem 1rem;list-style:none;margin:.2rem 0 0;padding:0}.hm-tef__benefit-list li{display:flex;align-items:center;gap:.6rem;color:#222222;font-size:1rem;line-height:1.5;font-weight:600}.hm-tef__benefit-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid var(--hm-tef-green);color:var(--hm-tef-green);font-size:.95rem;font-weight:700;flex:0 0 1.4rem;background:rgba(0,160,117,.06)}
.hm-tef .hm-of-intro{margin-bottom:1rem}.hm-tef .hm-of-intro p{font-weight:500}
.hm-tef__contents{border:1px solid var(--hm-tef-border);border-radius:1rem;background:#f5faf7;padding:1.1rem 1.15rem;margin:1.4rem 0 1.65rem}
.hm-tef__contents-title{color:var(--hm-tef-dark)!important;font-size:1.22rem!important;font-family:var(--hm-tef-font)!important;margin:0 0 .2rem!important;font-weight:700!important}
.hm-tef__contents-intro{margin:0 0 1rem!important;color:#49645b}
.hm-tef__contents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem}
.hm-tef__contents-link{display:flex;flex-direction:column;gap:.2rem;text-decoration:none!important;color:#203e36!important;border:1px solid var(--hm-tef-border);background:#fff;border-radius:.8rem;padding:.8rem .9rem;min-height:116px;transition:box-shadow .16s ease,border-color .16s ease}
.hm-tef__contents-link:hover,.hm-tef__contents-link:focus-visible{border-color:var(--hm-tef-dark);box-shadow:0 3px 14px rgba(0,94,82,.11);outline-offset:2px}
.hm-tef__contents-number{color:var(--hm-tef-green);font-size:1.35rem;line-height:1;font-weight:700;letter-spacing:0}.hm-tef__contents-name{font-size:1.18rem;line-height:1.45;color:var(--hm-tef-dark);font-weight:700}.hm-tef__contents-subtitle{color:#222222;font-size:1rem;line-height:1.45}
.hm-tef__variant-explainer{background:#f3f8f5;border:1px solid var(--hm-tef-border);padding:.8rem 1rem;border-radius:.85rem;margin:.65rem 0 1rem}.hm-tef__variant-explainer strong{display:block;color:#222222;font-size:1rem;line-height:1.6;font-weight:700}.hm-tef__variant-explainer p{margin:.1rem 0 0;line-height:1.6;font-size:1rem;color:#222222}
.hm-tef__save-strip{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;border:1px solid var(--hm-tef-border);background:#f4faf7;border-radius:1rem;padding:1rem 1.1rem;margin:1.1rem 0 1.5rem}
.hm-tef__save-info{flex:1 1 320px}.hm-tef__save-info strong{color:var(--hm-tef-dark);font-size:1rem}.hm-tef__save-info p{font-size:1rem;line-height:1.55;margin:.35rem 0 0;color:#222222}
.hm-tef .hm-tef__save-button,.hm-tef .hm-tef__demo-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--hm-tef-dark)!important;border:1px solid var(--hm-tef-dark)!important;color:#fff!important;font-weight:700!important;border-radius:999px!important;min-height:46px;padding:.65rem 1.3rem!important;font-size:.92rem!important;white-space:normal;text-align:center}
.hm-tef .hm-tef__save-button:hover,.hm-tef .hm-tef__demo-button:hover{background:#007363!important}
.hm-tef__bottom-navigation{border:1px solid var(--hm-tef-border);padding:1rem 1.2rem;border-radius:.85rem;margin:1.3rem 0;background:#fff}
.hm-tef__bottom-navigation p{margin:0 0 .65rem;color:#314c43}
.hm-tef .hm-tef__secondary-button{border:1px solid var(--hm-tef-dark)!important;color:var(--hm-tef-dark)!important;background:#fff!important;padding:.55rem 1rem!important;cursor:pointer;border-radius:999px!important;font-weight:700}
.hm-tef__notice{padding:1rem 1.2rem;background:#fff8ef;color:#794520;border:1px solid #e7ba8a;border-radius:.85rem;margin:1.2rem 0;font-size:.95rem}
.hm-tef__demo-form{max-width:740px;padding:1.2rem;border:1px solid var(--hm-tef-border);border-radius:1rem;background:#f7faf8;margin:1rem auto}
.hm-tef__demo-form>strong{color:var(--hm-tef-dark);font-size:1.1rem}.hm-tef__demo-form p{line-height:1.55;margin:.6rem 0 1rem}.hm-tef__demo-feedback{color:var(--hm-tef-dark);font-weight:600}
.hm-tef #hm-tef-kv,.hm-tef #hm-tef-op,.hm-tef #hm-tef-empfehlung,.hm-tef #hm-tef-speichern{scroll-margin-top:145px}
.hm-tef #hm-tef-empfehlung{margin:1.4rem 0}
.hm-tef [data-hm-tef-navigation] *{font-family:var(--hm-tef-font)!important}
@media(max-width:980px){.hm-tef__contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-tef__contents-link{min-height:106px}}
@media(max-width:540px){.hm-tef__benefits{padding:1.1rem 1rem}.hm-tef__benefits-heading{font-size:1.33rem!important}.hm-tef__contents{padding:1rem .72rem}.hm-tef__contents-grid{gap:.5rem}.hm-tef__contents-link{padding:.7rem;min-height:105px}.hm-tef__contents-name{font-size:1rem}.hm-tef__contents-subtitle{font-size:1rem}.hm-tef__save-strip{padding:.9rem}.hm-tef__save-button{width:100%}.hm-tef__status{font-size:.8rem}}

@media(max-width:980px){.hm-tef__benefit-list{grid-template-columns:repeat(2,minmax(0,max-content))}}@media(max-width:640px){.hm-tef__benefit-list{grid-template-columns:1fr}.hm-tef__contents-number{font-size:1.15rem}.hm-tef__contents-name{font-size:1rem}.hm-tef__contents-subtitle,.hm-tef__variant-explainer strong,.hm-tef__variant-explainer p{font-size:1rem}}
/* 0.1.4: Typography fix, local to the test component. Elementor Kit / HM body font. */
.hm-tef {
  --hm-tef-body-size:var(--hm-site-body-font-size,var(--e-global-typography-text-font-size,1rem));
  font-family:var(--hm-tef-font)!important;
}
.hm-tef .hm-of .hm-of-performance-summary-title,
.hm-tef .hm-of .hm-of-performance-summary-subline,
.hm-tef .hm-of .hm-p2__intro-heading,
.hm-tef .hm-of .hm-p2__question-title,
.hm-tef .hm-of .hm-of-service-card .hm-of-heading,
.hm-tef .hm-of .hm-of-servicecard-copy .hm-of-heading,
.hm-tef .hm-of .hm-of-funnel-title,
.hm-tef .hm-of .hm-of-section-title,
.hm-tef .hm-of .hm-of-save-copy h3 {
  font-family:var(--hm-tef-font)!important;
}
/* Titles in informational boxes must match adjacent body text, by design. */
.hm-tef__contents-name,
.hm-tef__contents-subtitle,
.hm-tef__variant-explainer strong,
.hm-tef__variant-explainer p,
.hm-tef__save-info strong,
.hm-tef__save-info p,
.hm-tef .hm-of .hm-of-performance-summary-title,
.hm-tef .hm-of .hm-of-performance-summary-subline {
  font-size:var(--hm-tef-body-size)!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
}
.hm-tef__contents-name,
.hm-tef__variant-explainer strong,
.hm-tef__save-info strong,
.hm-tef .hm-of .hm-of-performance-summary-title {
  font-weight:700!important;
  color:#005E52!important;
}
.hm-tef__contents-subtitle,
.hm-tef__variant-explainer p,
.hm-tef__save-info p,
.hm-tef .hm-of .hm-of-performance-summary-subline {
  font-weight:400!important;
  color:#222222!important;
}
.hm-tef .hm-of .hm-of-product-performance{
  margin:0.7rem 0 1.3rem!important;
}
.hm-tef .hm-of .hm-of-performance-toggle > summary{
  padding:1rem 1.15rem!important;
}
/* Core uses an H1-sized style in the original phase-2 area. Test uses one real H3. */
.hm-tef .hm-of .hm-p2{
  margin-top:1.5rem!important;
  margin-bottom:2rem!important;
}
.hm-tef .hm-of .hm-p2__intro{
  margin-bottom:1.5rem!important;
}
.hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading{
  margin:0 0 .6rem!important;
  font-size:clamp(1.35rem,2vw,1.75rem)!important;
  line-height:1.28!important;
  font-weight:700!important;
  color:#00A075!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title{
  display:block!important;
  margin:0!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  color:inherit!important;
}
.hm-tef .hm-of .hm-p2__intro > p{
  font-size:1rem!important;
  line-height:1.6!important;
  color:#222222!important;
  margin:0!important;
}
.hm-tef .hm-of .hm-p2__question .hm-p2__question-title,
.hm-tef .hm-of .hm-of-service-card .hm-of-heading--h4,
.hm-tef .hm-of .hm-of-servicecard-copy .hm-of-heading--h4 {
  font-size:1rem!important;
  line-height:1.5!important;
  color:#005E52!important;
  font-weight:700!important;
}
/* Dynamic recommendation cards remain informative visual labels, not extra H3/H4 elements. */
.hm-tef .hm-of .hm-p2__tariff-name,
.hm-tef .hm-of .hm-p2__comparison-title,
.hm-tef .hm-of .hm-p2__product-group-title{
  font-family:var(--hm-tef-font)!important;
  font-size:1rem!important;
  line-height:1.5!important;
  font-weight:700!important;
  color:#005E52!important;
}
/* Preserve visual hierarchy while using H3 rather than a third service H2. */
.hm-tef .hm-of .hm-of-service > #hm-of-service-title{
  font-size:clamp(1.25rem,2vw,1.6rem)!important;
  line-height:1.3!important;
}
.hm-tef .hm-of .hm-of-save-copy h3{
  font-size:1rem!important;
  line-height:1.55!important;
  font-weight:700!important;
  color:#005E52!important;
}
@media(max-width:640px){
  .hm-tef__contents-name,.hm-tef__contents-subtitle,
  .hm-tef__variant-explainer strong,.hm-tef__variant-explainer p{
    font-size:1rem!important;
  }
}

/* 0.1.4 — robust body typography independent of HTML tags.
   Elementor's active Kit font is passed into --hm-tef-font server-side;
   the CSS fallback is the already used Bricolage Grotesque family.
   No blanket font-family: inherit !important, which caused serif fallback. */
.hm-tef :is(p,div,span,strong,small,li,label,a,button,input,select,textarea,summary,h1,h2,h3,h4,h5,h6):not(.dashicons):not([class^="eicon-"]):not([class*=" fa-"]):not([class^="fa-"]) {
  font-family:var(--hm-tef-font)!important;
}
.hm-tef .hm-of,
.hm-tef .hm-of .hm-p2 {font-family:var(--hm-tef-font)!important}
/* Restore visual size for the Leistungsübersichten, independent of H-tag count. */
.hm-tef .hm-of .hm-of-performance-summary-title {
  font-family:var(--hm-tef-font)!important;
  font-size:1.25rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  color:#005E52!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-of .hm-of-performance-summary-subline{
  font-family:var(--hm-tef-font)!important;
  font-size:1rem!important;
  font-weight:400!important;
  color:#222222!important;
  line-height:1.5!important;
}
/* Preserve the original visual hierarchy for tag-decoupled labels. */
.hm-tef .hm-of .hm-of-section-title.hm-of-heading--h3 {
  font-size:1.8rem!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:#00A075!important;
}
.hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading,
.hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title{
  font-family:var(--hm-tef-font)!important;
  font-size:clamp(1.5rem,2.1vw,1.85rem)!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#00A075!important;
}
.hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title{font-size:inherit!important}
.hm-tef__contents-name {font-size:1.18rem!important}
.hm-tef__contents-title {font-size:1.22rem!important}
@media(max-width:640px){
  .hm-tef .hm-of .hm-of-performance-summary-title{font-size:1.12rem!important}
  .hm-tef .hm-of .hm-of-section-title.hm-of-heading--h3{font-size:1.6rem!important}
  .hm-tef__contents-name{font-size:1.05rem!important}
  .hm-tef .hm-of .hm-p2__intro-heading.hm-tef__phase2-heading{font-size:1.5rem!important}
}

/* 0.1.5 -- Exact, component-scoped visual corrections based on the 29.10. screenshots.
   Informational panel titles stay bold but have the SAME size as the body text.
   Semantic headings (H2/H3) stay unchanged; design is a CSS concern. */
.hm-tef .hm-tef__save-info > strong,
.hm-tef .hm-tef__save-info > p,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-title,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-subline {
  font-family:var(--hm-tef-font)!important;
  font-size:var(--hm-tef-body-size,1rem)!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-tef__save-info > strong,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-title {
  font-weight:700!important;
  color:#005E52!important;
}
.hm-tef .hm-tef__save-info > p,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-subline {
  font-weight:400!important;
  color:#222222!important;
}
/* Match the original large visual introduction and generous top space.
   Keep the single semantic H3, never add a second heading. */
.hm-tef #hm-tef-empfehlung.hm-p2 {
  margin-top:80px!important;
  margin-bottom:2rem!important;
}
.hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading,
.hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title {
  font-family:var(--hm-tef-font)!important;
  font-size:3rem!important;
  line-height:1.1!important;
  font-weight:700!important;
  color:#00A075!important;
  letter-spacing:normal!important;
}
.hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading {
  margin:0 0 .75rem!important;
}
@media(max-width:1024px){
  .hm-tef #hm-tef-empfehlung.hm-p2{margin-top:64px!important}
  .hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading,
  .hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title{font-size:2.8rem!important}
}
@media(max-width:767px){
  .hm-tef #hm-tef-empfehlung.hm-p2{margin-top:48px!important}
  .hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading,
  .hm-tef #hm-tef-empfehlung .hm-p2__intro-heading.hm-tef__phase2-heading .hm-p2__intro-title{font-size:2.1rem!important}
}


/* 0.1.6: Site-Kit typography parity for the test add-ons (no second font scale).
   HM Leistungsuebersichten 1.2.41 already supplies --hm-site-body-font-size
   from Elementor Site Settings via its server-side typography bridge, including
   responsive values. Fallback uses the Elementor global Text typography variable.
   Visual headings remain separate from semantic H2/H3 tags. */
.hm-tef {
  --hm-tef-body-size:var(--hm-site-body-font-size,var(--e-global-typography-text-font-size,1rem));
  font-size:var(--hm-tef-body-size)!important;
  line-height:var(--hm-site-body-line-height,1.55);
}
/* Explanatory text and small visual titles: one consistent Elementor text size. */
.hm-tef .hm-tef__benefits > p,
.hm-tef .hm-tef__benefit-list > li,
.hm-tef .hm-tef__contents-intro,
.hm-tef .hm-tef__contents-subtitle,
.hm-tef .hm-tef__variant-explainer > strong,
.hm-tef .hm-tef__variant-explainer > p,
.hm-tef .hm-tef__save-info > strong,
.hm-tef .hm-tef__save-info > p,
.hm-tef .hm-tef__bottom-navigation > p,
.hm-tef .hm-tef__notice,
.hm-tef .hm-tef__demo-form > p,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-title,
.hm-tef .hm-of .hm-of-product-performance .hm-of-performance-summary-subline,
.hm-tef .hm-of .hm-p2__intro > p,
.hm-tef .hm-of .hm-p2__question .hm-p2__question-title,
.hm-tef .hm-of .hm-p2__product-group-title,
.hm-tef .hm-of .hm-p2__tariff-name,
.hm-tef .hm-of .hm-p2__comparison-title,
.hm-tef .hm-of .hm-of-save-copy h3 {
  font-family:var(--hm-tef-font)!important;
  font-size:var(--hm-tef-body-size)!important;
  line-height:var(--hm-site-body-line-height,1.55)!important;
}
/* All checkout/save/navigation buttons use the SAME text size, including
   links styled as buttons. Do not change input fields, price figures or badges. */
.hm-tef .hm-tef__save-button,
.hm-tef .hm-tef__demo-button,
.hm-tef .hm-tef__secondary-button,
.hm-tef .hm-of button,
.hm-tef .hm-of input[type="button"],
.hm-tef .hm-of input[type="submit"],
.hm-tef .hm-of .hm-of-submit,
.hm-tef .hm-of .hm-of-checkout,
.hm-tef .hm-of .hm-of-save-button,
.hm-tef .hm-of .hm-of-conversion-button,
.hm-tef .hm-of .hm-of-conversion-action,
.hm-tef .hm-of a[data-hm-of-track="checkout"],
.hm-tef .hm-of .hm-p2__single-checkout,
.hm-tef .hm-of .ff-btn-submit {
  font-family:var(--hm-tef-font)!important;
  font-size:var(--hm-tef-body-size)!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  white-space:normal!important;
  overflow-wrap:break-word;
}
/* Preserve visible button emphasis and comfortable tap targets at larger type. */
.hm-tef .hm-tef__save-button,
.hm-tef .hm-tef__demo-button,
.hm-tef .hm-tef__secondary-button {
  min-height:48px;
}


/* 0.1.7: highlighted performance accordions (KV and OP), test-funnel only.
   Design: shield/check, visual category label, dark-green left accent.
   The native details/summary stays keyboard accessible and retains its state.
   No H tags are introduced by this visual enhancement. */
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card {
  border:1px solid #c9dfd7!important;
  border-left:5px solid #005E52!important;
  border-radius:.88rem!important;
  overflow:hidden;
  background:#fff!important;
  box-shadow:0 3px 13px rgba(0,94,82,.045);
}
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card > summary.hm-tef__performance-summary {
  display:grid!important;
  grid-template-columns:3.55rem minmax(0,1fr) 1.25rem!important;
  align-items:center!important;
  column-gap:1.12rem!important;
  padding:1rem 1.25rem!important;
  min-height:7rem;
  color:#005E52!important;
  background:linear-gradient(105deg,#f2faf7 0%,#f8fcfa 100%)!important;
  cursor:pointer!important;
}
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card > summary.hm-tef__performance-summary:focus-visible {
  outline:3px solid #00A075!important;
  outline-offset:-4px!important;
}
.hm-tef .hm-of .hm-tef__performance-icon {
  width:3.55rem;
  height:3.55rem;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-shrink:0;
  border-radius:.85rem;
  background:#e1f4ed;
  color:#005E52;
}
.hm-tef .hm-of .hm-tef__performance-icon svg {
  width:2.05rem;
  height:2.05rem;
  display:block;
}
.hm-tef .hm-of .hm-of-performance-summary-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.15rem;
  min-width:0;
}
.hm-tef .hm-of .hm-tef__performance-label {
  display:block;
  font-family:var(--hm-tef-font)!important;
  font-size:.78rem!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  color:#007568!important;
  margin-bottom:.15rem;
}
/* Follow the Elementor text font used across the test funnel. */
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card .hm-of-performance-summary-title {
  font-family:var(--hm-tef-font)!important;
  font-size:var(--hm-tef-body-size)!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#005E52!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card .hm-of-performance-summary-subline {
  font-family:var(--hm-tef-font)!important;
  font-size:var(--hm-tef-body-size)!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#222222!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card .hm-of-performance-summary-chevron {
  width:.78rem;
  height:.78rem;
  margin-right:.15rem;
  border-color:#005E52!important;
  justify-self:end;
}
@media(max-width:767px) {
  .hm-tef .hm-of .hm-of-performance-toggle.hm-tef__performance-card > summary.hm-tef__performance-summary {
    grid-template-columns:2.7rem minmax(0,1fr) 1rem!important;
    gap:.7rem!important;
    min-height:6.4rem;
    padding:.85rem .8rem!important;
  }
  .hm-tef .hm-of .hm-tef__performance-icon {
    width:2.7rem;
    height:2.7rem;
    border-radius:.7rem;
  }
  .hm-tef .hm-of .hm-tef__performance-icon svg {width:1.65rem;height:1.65rem}
  .hm-tef .hm-of .hm-tef__performance-label {font-size:.68rem!important;letter-spacing:.09em!important}
}


/* HM 1.2.43: the four explicit arrow buttons requested after the test layout. */
.hm-tef .hm-tef__contents-link {
  position:relative;
  padding-right:3.6rem!important;
  cursor:pointer!important;
  min-height:145px;
  text-decoration:none!important;
}
.hm-tef .hm-tef__contents-arrow {
  position:absolute;
  right:.9rem;
  bottom:.95rem;
  display:inline-flex;
  width:2.2rem;
  height:2.2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e4f4ed;
  color:#008d74;
  font:500 1.55rem/1 Arial,sans-serif!important;
  transition:background .15s ease,transform .15s ease,color .15s ease;
}
.hm-tef .hm-tef__contents-link:hover .hm-tef__contents-arrow,
.hm-tef .hm-tef__contents-link:focus-visible .hm-tef__contents-arrow {
  background:#005e52;
  color:#fff;
  transform:translateX(2px);
}
.hm-tef .hm-tef__contents-link:focus-visible {
  outline:3px solid #00a075!important;
  outline-offset:3px!important;
}
@media(max-width:980px){.hm-tef .hm-tef__contents-link{min-height:134px}}
@media(max-width:540px){
  .hm-tef .hm-tef__contents-link{padding-right:2.9rem!important;min-height:130px}
  .hm-tef .hm-tef__contents-arrow{width:1.95rem;height:1.95rem;right:.65rem;bottom:.75rem;font-size:1.35rem!important}
}
@media(prefers-reduced-motion:reduce){.hm-tef .hm-tef__contents-arrow{transition:none!important}}

/* Keep the same breathing room as the original Elementor test widget when the
   real-page branding block sits immediately before the calculator shortcode.
   No new card, background or border is created. */
.hm-tef[data-hm-lu-funnel]{margin-block-start:1rem}


/* HM 1.2.46: compact intro benefits only; retain product, forms and other typography. */
.hm-tef .hm-tef__benefits > p {
  font-size:1.0625rem!important;
  line-height:1.55!important;
  font-weight:400!important;
  letter-spacing:normal!important;
}
.hm-tef .hm-tef__benefit-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  column-gap:1rem;
  row-gap:.85rem;
  align-items:start;
  min-width:0;
  width:100%;
  padding:0;
  margin:.25rem 0 0;
  list-style:none;
}
.hm-tef .hm-tef__benefit-list > li {
  display:grid;
  grid-template-columns:1.4rem minmax(0,1fr);
  align-items:start;
  column-gap:.6rem;
  min-width:0;
  width:100%;
  font-size:1rem!important;
  line-height:1.45!important;
  font-weight:600!important;
  letter-spacing:normal!important;
  overflow-wrap:break-word;
  word-break:normal;
  color:#222!important;
}
.hm-tef .hm-tef__benefit-list > li::before {
  width:1.4rem;
  height:1.4rem;
  flex:none;
  margin-top:.02rem;
  line-height:1!important;
}