.elementor-21774 .elementor-element.elementor-element-586bf09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-d3e1086{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-7e90943{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-color:#F0F0F0;--border-color:#F0F0F0;--border-radius:1px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-7e90943:not(.elementor-motion-effects-element-type-background), .elementor-21774 .elementor-element.elementor-element-7e90943 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-21774 .elementor-element.elementor-element-a9fbe96{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-21774 .elementor-element.elementor-element-a9fbe96.elementor-element{--align-self:flex-end;}.elementor-21774 .elementor-element.elementor-element-e3eb054{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-f5ea0d1{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.02;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-f5ea0d1:not(.elementor-motion-effects-element-type-background), .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-658b563 );}.elementor-21774 .elementor-element.elementor-element-f5ea0d1::before, .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .elementor-background-video-container::before, .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .elementor-background-slideshow::before, .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21774 .elementor-element.elementor-element-f5ea0d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manoreal-finance.de/wp-content/uploads/Subtract.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21774 .elementor-element.elementor-element-3e80999{width:100%;max-width:100%;}.elementor-21774 .elementor-element.elementor-element-3e80999.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21774 .elementor-element.elementor-element-5f4235b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-5f4235b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21774 .elementor-element.elementor-element-4df7bcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-f346a22{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.02;--border-radius:0px 0px 0px 0px;}.elementor-21774 .elementor-element.elementor-element-f346a22:not(.elementor-motion-effects-element-type-background), .elementor-21774 .elementor-element.elementor-element-f346a22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-658b563 );}.elementor-21774 .elementor-element.elementor-element-f346a22::before, .elementor-21774 .elementor-element.elementor-element-f346a22 > .elementor-background-video-container::before, .elementor-21774 .elementor-element.elementor-element-f346a22 > .e-con-inner > .elementor-background-video-container::before, .elementor-21774 .elementor-element.elementor-element-f346a22 > .elementor-background-slideshow::before, .elementor-21774 .elementor-element.elementor-element-f346a22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21774 .elementor-element.elementor-element-f346a22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://manoreal-finance.de/wp-content/uploads/Subtract.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21774 .elementor-element.elementor-element-d3d4a8e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-21774 .elementor-element.elementor-element-0a52d91{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;border-style:none;border-radius:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;text-transform:none;line-height:30px;letter-spacing:-0.8px;color:var( --e-global-color-secondary );}.elementor-21774 .elementor-element.elementor-element-0a52d91.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-21774 .elementor-element.elementor-element-0a52d91 p{margin-block-end:0px;}.elementor-21774 .elementor-element.elementor-element-ae4d544{width:var( --container-widget-width, 102.295% );max-width:102.295%;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;--container-widget-width:102.295%;--container-widget-flex-grow:0;}.elementor-21774 .elementor-element.elementor-element-ae4d544.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21774 .elementor-element.elementor-element-ae4d544 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;line-height:1.2em;letter-spacing:-3.5px;color:var( --e-global-color-secondary );}.elementor-21774 .elementor-element.elementor-element-bd74ae2{width:var( --container-widget-width, 95% );max-width:95%;margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -21px) 0px;--container-widget-width:95%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;color:var( --e-global-color-secondary );}.elementor-21774 .elementor-element.elementor-element-bd74ae2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21774 .elementor-element.elementor-element-63f8f78{--display:flex;--min-height:39vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-21774 .elementor-element.elementor-element-d5d65d6{padding:10% 2% 10% 2%;}.elementor-21774 .elementor-element.elementor-element-4db80e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21774 .elementor-element.elementor-element-87ebdb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-21774 .elementor-element.elementor-element-f5ea0d1{--width:100%;}.elementor-21774 .elementor-element.elementor-element-5f4235b{--width:103.186%;}.elementor-21774 .elementor-element.elementor-element-f346a22{--content-width:1350px;}.elementor-21774 .elementor-element.elementor-element-d3d4a8e{--width:50%;}.elementor-21774 .elementor-element.elementor-element-63f8f78{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-21774 .elementor-element.elementor-element-f346a22{--content-width:1170px;}}@media(max-width:1366px){.elementor-21774 .elementor-element.elementor-element-f5ea0d1{--min-height:35vh;}.elementor-21774 .elementor-element.elementor-element-f346a22{--min-height:35vh;}.elementor-21774 .elementor-element.elementor-element-ae4d544 .elementor-heading-title{font-size:40px;}.elementor-21774 .elementor-element.elementor-element-bd74ae2{width:var( --container-widget-width, 500.375px );max-width:500.375px;--container-widget-width:500.375px;--container-widget-flex-grow:0;font-size:16px;}}@media(max-width:1024px){.elementor-21774 .elementor-element.elementor-element-ae4d544{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-21774 .elementor-element.elementor-element-ae4d544 .elementor-heading-title{font-size:30px;letter-spacing:-1.2px;}}@media(max-width:767px){.elementor-21774 .elementor-element.elementor-element-f5ea0d1{--padding-top:5%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-21774 .elementor-element.elementor-element-f346a22{--padding-top:5%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-21774 .elementor-element.elementor-element-d3d4a8e{--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-21774 .elementor-element.elementor-element-0a52d91{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:12px;}.elementor-21774 .elementor-element.elementor-element-0a52d91.elementor-element{--align-self:center;}.elementor-21774 .elementor-element.elementor-element-ae4d544{width:100%;max-width:100%;margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;text-align:center;}.elementor-21774 .elementor-element.elementor-element-ae4d544.elementor-element{--align-self:center;}.elementor-21774 .elementor-element.elementor-element-ae4d544 .elementor-heading-title{font-size:29px;line-height:1.3em;}.elementor-21774 .elementor-element.elementor-element-bd74ae2{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;font-size:15px;}.elementor-21774 .elementor-element.elementor-element-63f8f78{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:-5%;--padding-bottom:-5%;--padding-left:0%;--padding-right:0%;}.elementor-21774 .elementor-element.elementor-element-d5d65d6{margin:-15% 0% calc(var(--kit-widget-spacing, 0px) + -15%) 0%;padding:0% 0% 0% 0%;}}/* Start custom CSS for html, class: .elementor-element-b22a369 *//* =========================================================
   MANOREAL FINANCE
   LANDINGPAGE-HEADER – MITARBEITER-BENEFIT
   ========================================================= */

/*
  Auf der Benefit-Seite ersetzt dieser Header den globalen Theme-Header.
  :has() wird von aktuellen Chrome-, Safari- und Firefox-Versionen unterstützt.
*/
body:has(#mf-benefit-header-root) .elementor-location-header,
body:has(#mf-benefit-header-root) header#site-header,
body:has(#mf-benefit-header-root) .site-header {
  display: none !important;
}

body.mf-lp-menu-open {
  overflow: hidden !important;
  padding-right: var(--mf-scrollbar-width, 0px) !important;
}

#mf-benefit-header-root {
  --mf-header-page: #f5f5f2;
  --mf-header-surface: rgba(255, 255, 252, 0.92);
  --mf-header-white: #ffffff;
  --mf-header-green: #005f41;
  --mf-header-green-deep: #004a35;
  --mf-header-text: #103d35;
  --mf-header-copy: #6d7974;
  --mf-header-muted: #929b97;
  --mf-header-lime: #a6e52b;
  --mf-header-lime-hover: #b8ed4d;
  --mf-header-border: rgba(8, 48, 39, 0.1);
  --mf-header-border-strong: rgba(8, 48, 39, 0.16);

  width: 100%;
  font-family: "Poppins", sans-serif;
}

#mf-benefit-header-root,
#mf-benefit-header-root * {
  box-sizing: border-box;
}

#mf-benefit-header-root a,
#mf-benefit-header-root button {
  font: inherit;
}

/* =========================================================
   FIXED DESKTOP HEADER
   ========================================================= */

#mf-benefit-header-root .mf-lp-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99990;
  width: 100%;
  border-bottom: 1px solid transparent;
  background: rgba(245, 245, 242, 0.82);
  color: var(--mf-header-text);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.admin-bar #mf-benefit-header-root .mf-lp-header {
  top: 32px;
}

#mf-benefit-header-root .mf-lp-header.is-scrolled {
  border-bottom-color: var(--mf-header-border);
  background: var(--mf-header-surface);
  box-shadow: 0 10px 30px rgba(25, 38, 33, 0.055);
}

#mf-benefit-header-root .mf-lp-header__shell {
  display: grid;
  grid-template-columns:
    minmax(285px, auto)
    minmax(0, 1fr)
    minmax(325px, auto);
  gap: 30px;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  min-height: 82px;
  margin: 0 auto;
  padding: 0 24px;
  transition: min-height 220ms ease;
}

#mf-benefit-header-root
  .mf-lp-header.is-scrolled
  .mf-lp-header__shell {
  min-height: 72px;
}

#mf-benefit-header-root .mf-lp-header__spacer {
  width: 100%;
  height: 82px;
}

.admin-bar #mf-benefit-header-root .mf-lp-header__spacer {
  height: 114px;
}

/* =========================================================
   BRAND
   ========================================================= */

#mf-benefit-header-root .mf-lp-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: fit-content;
  min-width: 0;
  color: var(--mf-header-green);
  text-decoration: none;
}

#mf-benefit-header-root .mf-lp-header__logo {
  display: block;
  width: 166px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#mf-benefit-header-root .mf-lp-header__brand-divider {
  display: block;
  width: 1px;
  height: 30px;
  background: var(--mf-header-border-strong);
}

#mf-benefit-header-root .mf-lp-header__brand-context {
  color: var(--mf-header-copy);
  font-size: 15px;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

#mf-benefit-header-root .mf-lp-header__desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

#mf-benefit-header-root .mf-lp-header__nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 11px;
  color: var(--mf-header-copy);
  font-size: 15px;
  font-weight: 550;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease;
}

#mf-benefit-header-root .mf-lp-header__nav-link::after {
  content: "";
  position: absolute;
  right: 11px;
  bottom: 5px;
  left: 11px;
  height: 2px;
  border-radius: 999px;
  background: var(--mf-header-lime);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

#mf-benefit-header-root .mf-lp-header__nav-link:hover,
#mf-benefit-header-root .mf-lp-header__nav-link.is-active {
  color: var(--mf-header-green);
}

#mf-benefit-header-root .mf-lp-header__nav-link.is-active::after {
  transform: scaleX(1);
}

/* =========================================================
   ACTIONS
   ========================================================= */

#mf-benefit-header-root .mf-lp-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

#mf-benefit-header-root .mf-lp-header__phone {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--mf-header-text);
  text-decoration: none;
}

#mf-benefit-header-root .mf-lp-header__phone-status {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--mf-header-lime);
  box-shadow: 0 0 0 5px rgba(166, 229, 43, 0.12);
}

#mf-benefit-header-root .mf-lp-header__phone-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#mf-benefit-header-root .mf-lp-header__phone-copy small {
  color: var(--mf-header-muted);
  font-size: 7px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#mf-benefit-header-root .mf-lp-header__phone-copy strong {
  color: var(--mf-header-green);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.2;
}

#mf-benefit-header-root .mf-lp-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 10px;
  background: var(--mf-header-lime);
  color: var(--mf-header-green-deep);
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

#mf-benefit-header-root .mf-lp-header__cta svg {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  transition: transform 180ms ease;
}

#mf-benefit-header-root .mf-lp-header__cta:hover {
  background: var(--mf-header-lime-hover);
  box-shadow: 0 9px 22px rgba(26, 50, 40, 0.1);
  transform: translateY(-1px);
}

#mf-benefit-header-root .mf-lp-header__cta:hover svg {
  transform: translateX(2px);
}

#mf-benefit-header-root .mf-lp-header__menu-button {
  display: none;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid var(--mf-header-border-strong);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.56);
  color: var(--mf-header-green);
  cursor: pointer;
}

#mf-benefit-header-root .mf-lp-header__menu-label {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

#mf-benefit-header-root .mf-lp-header__menu-icon {
  position: relative;
  display: block;
  width: 19px;
  height: 14px;
}

#mf-benefit-header-root .mf-lp-header__menu-icon span {
  position: absolute;
  left: 0;
  display: block;
  width: 19px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transition:
    top 220ms ease,
    transform 220ms ease;
}

#mf-benefit-header-root .mf-lp-header__menu-icon span:first-child {
  top: 3px;
}

#mf-benefit-header-root .mf-lp-header__menu-icon span:last-child {
  top: 10px;
}

#mf-benefit-header-root
  .mf-lp-header.menu-is-open
  .mf-lp-header__menu-icon
  span:first-child {
  top: 7px;
  transform: rotate(45deg);
}

#mf-benefit-header-root
  .mf-lp-header.menu-is-open
  .mf-lp-header__menu-icon
  span:last-child {
  top: 7px;
  transform: rotate(-45deg);
}

/* =========================================================
   SCROLL PROGRESS
   ========================================================= */

#mf-benefit-header-root .mf-lp-header__progress {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  overflow: hidden;
  pointer-events: none;
}

#mf-benefit-header-root .mf-lp-header__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--mf-header-lime);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

/* =========================================================
   FULL-VIEWPORT-MENÜ
   ========================================================= */

#mf-benefit-header-root .mf-lp-menu {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  visibility: hidden;
  background: var(--mf-header-page);
  color: var(--mf-header-text);
  clip-path: inset(0 0 100% 0);
}

.admin-bar #mf-benefit-header-root .mf-lp-menu {
  top: 32px;
  height: calc(100dvh - 32px);
}

#mf-benefit-header-root .mf-lp-menu.is-open {
  visibility: visible;
  clip-path: inset(0);
}

#mf-benefit-header-root .mf-lp-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  padding: 0 28px;
  border-bottom: 1px solid var(--mf-header-border);
}

#mf-benefit-header-root .mf-lp-menu__brand {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--mf-header-green);
  text-decoration: none;
}

#mf-benefit-header-root .mf-lp-menu__logo {
  display: block;
  width: 166px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#mf-benefit-header-root .mf-lp-menu__brand > span:last-child {
  color: var(--mf-header-copy);
  font-size: 10px;
  font-weight: 550;
  line-height: 1.3;
}

#mf-benefit-header-root .mf-lp-menu__close {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--mf-header-border-strong);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.58);
  color: var(--mf-header-green);
  cursor: pointer;
  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

#mf-benefit-header-root .mf-lp-menu__close:hover {
  background: #ffffff;
  transform: rotate(4deg);
}

#mf-benefit-header-root .mf-lp-menu__close span {
  position: absolute;
  width: 19px;
  height: 1.7px;
  border-radius: 999px;
  background: currentColor;
}

#mf-benefit-header-root .mf-lp-menu__close span:first-child {
  transform: rotate(45deg);
}

#mf-benefit-header-root .mf-lp-menu__close span:last-child {
  transform: rotate(-45deg);
}

/* Menüinhalt */

#mf-benefit-header-root .mf-lp-menu__body {
  display: grid;
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(340px, 0.65fr);
  min-height: 0;
  overflow: hidden;
}

#mf-benefit-header-root .mf-lp-menu__navigation {
  min-width: 0;
  padding: 38px 38px 30px 28px;
  overflow-y: auto;
}

#mf-benefit-header-root .mf-lp-menu__link {
  display: grid;
  grid-template-columns:
    34px
    minmax(0, 1fr)
    42px;
  gap: 18px;
  align-items: center;
  min-height: 94px;
  border-bottom: 1px solid var(--mf-header-border);
  color: var(--mf-header-text);
  text-decoration: none;
  transition:
    padding-left 220ms ease,
    color 180ms ease;
}

#mf-benefit-header-root .mf-lp-menu__link:first-child {
  border-top: 1px solid var(--mf-header-border);
}

#mf-benefit-header-root .mf-lp-menu__link:hover {
  padding-left: 8px;
  color: var(--mf-header-green);
}

#mf-benefit-header-root .mf-lp-menu__link-number {
  color: var(--mf-header-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.08em;
}

#mf-benefit-header-root .mf-lp-menu__link-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

#mf-benefit-header-root .mf-lp-menu__link-copy strong {
  color: inherit;
  font-size: clamp(24px, 2.4vw, 36px);
  font-weight: 550;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

#mf-benefit-header-root .mf-lp-menu__link-copy small {
  color: var(--mf-header-copy);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.45;
}

#mf-benefit-header-root .mf-lp-menu__link-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--mf-header-border-strong);
  border-radius: 50%;
  color: var(--mf-header-green);
  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

#mf-benefit-header-root .mf-lp-menu__link-arrow svg {
  display: block;
  width: 18px;
  height: 18px;
}

#mf-benefit-header-root
  .mf-lp-menu__link:hover
  .mf-lp-menu__link-arrow {
  background: var(--mf-header-lime);
  transform: translateX(3px);
}


#mf-benefit-header-root .mf-lp-menu__link.is-current {
  color: var(--mf-header-green);
}

#mf-benefit-header-root
  .mf-lp-menu__link.is-current
  .mf-lp-menu__link-number {
  color: var(--mf-header-green);
}

#mf-benefit-header-root
  .mf-lp-menu__link.is-current
  .mf-lp-menu__link-arrow {
  border-color: rgba(0, 95, 65, 0.18);
  background: var(--mf-header-lime);
}

/* Kontakt-/Conversionpanel */

#mf-benefit-header-root .mf-lp-menu__contact {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 38px 30px 30px;
  overflow-y: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.13);
  background:
    radial-gradient(
      circle at 15% 8%,
      rgba(166, 229, 43, 0.16) 0%,
      rgba(166, 229, 43, 0) 32%
    ),
    linear-gradient(
      145deg,
      var(--mf-header-green) 0%,
      var(--mf-header-green-deep) 100%
    );
  color: #ffffff;
}

#mf-benefit-header-root .mf-lp-menu__contact-kicker {
  display: inline-block;
  color: var(--mf-header-lime);
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#mf-benefit-header-root .mf-lp-menu__contact-head h2 {
  max-width: 460px;
  margin: 15px 0 0;
  color: #ffffff;
  font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 550;
  line-height: 1.18;
  letter-spacing: -0.035em;
}

#mf-benefit-header-root .mf-lp-menu__contact-head p {
  max-width: 420px;
  margin: 15px 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.65;
}

#mf-benefit-header-root .mf-lp-menu__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
  padding: 21px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

#mf-benefit-header-root .mf-lp-menu__facts > div {
  min-width: 0;
  padding: 0 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

#mf-benefit-header-root .mf-lp-menu__facts > div:first-child {
  padding-left: 0;
  border-left: 0;
}

#mf-benefit-header-root .mf-lp-menu__facts strong,
#mf-benefit-header-root .mf-lp-menu__facts span {
  display: block;
}

#mf-benefit-header-root .mf-lp-menu__facts strong {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}

#mf-benefit-header-root .mf-lp-menu__facts span {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 7px;
  font-weight: 550;
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#mf-benefit-header-root .mf-lp-menu__contact-links {
  display: flex;
  flex-direction: column;
  margin-top: 22px;
}

#mf-benefit-header-root .mf-lp-menu__contact-links a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  text-decoration: none;
}

#mf-benefit-header-root .mf-lp-menu__contact-links small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 7px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#mf-benefit-header-root .mf-lp-menu__contact-links strong {
  overflow-wrap: anywhere;
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 550;
  line-height: 1.4;
}

#mf-benefit-header-root .mf-lp-menu__primary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 52px;
  margin-top: auto;
  padding: 13px 16px;
  border-radius: 11px;
  background: var(--mf-header-lime);
  color: var(--mf-header-green-deep);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

#mf-benefit-header-root .mf-lp-menu__primary-cta:hover {
  background: var(--mf-header-lime-hover);
  transform: translateY(-2px);
}

#mf-benefit-header-root .mf-lp-menu__primary-cta svg {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

#mf-benefit-header-root .mf-lp-menu__microcopy {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.44);
  font-size: 7px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

#mf-benefit-header-root .mf-lp-menu__microcopy span {
  padding: 0 2px;
  color: var(--mf-header-lime);
}

/* Menüfooter */

#mf-benefit-header-root .mf-lp-menu__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 28px;
  border-top: 1px solid var(--mf-header-border);
  color: var(--mf-header-muted);
  font-size: 8px;
  font-weight: 500;
  line-height: 1.3;
}

#mf-benefit-header-root .mf-lp-menu__bottom a {
  color: var(--mf-header-green);
  font-weight: 600;
  text-decoration: none;
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

#mf-benefit-header-root a:focus-visible,
#mf-benefit-header-root button:focus-visible {
  outline: 2px solid var(--mf-header-green);
  outline-offset: 4px;
}

#mf-benefit-header-root
  .mf-lp-menu__contact
  a:focus-visible {
  outline-color: var(--mf-header-lime);
}

/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1180px) {
  #mf-benefit-header-root .mf-lp-header__shell {
    grid-template-columns:
      minmax(225px, auto)
      minmax(0, 1fr)
      minmax(220px, auto);
    gap: 18px;
  }

  #mf-benefit-header-root .mf-lp-header__desktop-nav {
    gap: 0;
  }

  #mf-benefit-header-root .mf-lp-header__nav-link {
    padding-right: 9px;
    padding-left: 9px;
    font-size: 10px;
  }

  #mf-benefit-header-root .mf-lp-header__nav-link::after {
    right: 9px;
    left: 9px;
  }

  #mf-benefit-header-root .mf-lp-header__phone {
    display: none;
  }
}

/* =========================================================
   TABLET / MOBILE HEADER
   ========================================================= */

@media (max-width: 980px) {
  #mf-benefit-header-root .mf-lp-header__shell {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 76px;
    padding-right: 20px;
    padding-left: 20px;
  }

  #mf-benefit-header-root
    .mf-lp-header.is-scrolled
    .mf-lp-header__shell {
    min-height: 68px;
  }

  #mf-benefit-header-root .mf-lp-header__spacer {
    height: 76px;
  }

  .admin-bar #mf-benefit-header-root .mf-lp-header__spacer {
    height: 108px;
  }

  #mf-benefit-header-root .mf-lp-header__desktop-nav {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-header__actions {
    grid-column: 2;
  }

  #mf-benefit-header-root .mf-lp-header__cta {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-header__menu-button {
    display: inline-flex;
  }
}

/* =========================================================
   MOBILE FULLSCREEN MENU
   ========================================================= */

@media (max-width: 767px) {
  #mf-benefit-header-root .mf-lp-header__shell {
    min-height: 70px;
    padding-right: 16px;
    padding-left: 16px;
  }

  #mf-benefit-header-root
    .mf-lp-header.is-scrolled
    .mf-lp-header__shell {
    min-height: 64px;
  }

  #mf-benefit-header-root .mf-lp-header__spacer {
    height: 70px;
  }

  .admin-bar #mf-benefit-header-root .mf-lp-header__spacer {
    height: 116px;
  }

  .admin-bar #mf-benefit-header-root .mf-lp-header {
    top: 46px;
  }

  .admin-bar #mf-benefit-header-root .mf-lp-menu {
    top: 46px;
    height: calc(100dvh - 46px);
  }

  #mf-benefit-header-root .mf-lp-header__brand {
    gap: 10px;
  }

  #mf-benefit-header-root .mf-lp-header__logo {
    width: 145px;
  }

  #mf-benefit-header-root .mf-lp-header__brand-divider {
    height: 26px;
  }

  #mf-benefit-header-root .mf-lp-header__brand-context {
    max-width: 68px;
    font-size: 8px;
    white-space: normal;
  }

  #mf-benefit-header-root .mf-lp-header__menu-button {
    min-height: 40px;
    padding: 0 11px;
  }

  #mf-benefit-header-root .mf-lp-header__menu-label {
    display: none;
  }

  /* Fullscreen-Menü */
  #mf-benefit-header-root .mf-lp-menu {
    overflow-y: auto;
    grid-template-rows: auto auto auto;
  }

  #mf-benefit-header-root .mf-lp-menu__top {
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 70px;
    padding: 0 16px;
    background: rgba(245, 245, 242, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  #mf-benefit-header-root .mf-lp-menu__logo {
    width: 145px;
  }

  #mf-benefit-header-root .mf-lp-menu__brand > span:last-child {
    font-size: 8px;
  }

  #mf-benefit-header-root .mf-lp-menu__close {
    width: 42px;
    height: 42px;
  }

  #mf-benefit-header-root .mf-lp-menu__body {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  #mf-benefit-header-root .mf-lp-menu__navigation {
    padding: 25px 16px 28px;
    overflow: visible;
  }

  #mf-benefit-header-root .mf-lp-menu__link {
    grid-template-columns:
      25px
      minmax(0, 1fr)
      34px;
    gap: 10px;
    min-height: 82px;
  }

  #mf-benefit-header-root .mf-lp-menu__link:hover {
    padding-left: 0;
  }

  #mf-benefit-header-root .mf-lp-menu__link-copy {
    gap: 5px;
  }

  #mf-benefit-header-root .mf-lp-menu__link-copy strong {
    font-size: 25px;
    line-height: 1.13;
  }

  #mf-benefit-header-root .mf-lp-menu__link-copy small {
    font-size: 8px;
    line-height: 1.4;
  }

  #mf-benefit-header-root .mf-lp-menu__link-arrow {
    width: 32px;
    height: 32px;
  }

  #mf-benefit-header-root .mf-lp-menu__contact {
    min-height: auto;
    padding: 30px 20px 24px;
    overflow: visible;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 0;
  }

  #mf-benefit-header-root .mf-lp-menu__contact-head h2 {
    font-size: 27px;
  }

  #mf-benefit-header-root .mf-lp-menu__facts {
    margin-top: 25px;
  }

  #mf-benefit-header-root .mf-lp-menu__primary-cta {
    margin-top: 25px;
  }

  #mf-benefit-header-root .mf-lp-menu__bottom {
    min-height: 54px;
    padding: 0 16px;
    font-size: 7px;
  }
}

/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {
  #mf-benefit-header-root .mf-lp-header__brand-context {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-header__brand-divider {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-menu__brand > span:last-child {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-menu__logo {
    width: 140px;
  }

  #mf-benefit-header-root .mf-lp-menu__link-copy strong {
    font-size: 23px;
  }

  #mf-benefit-header-root .mf-lp-menu__facts > div {
    padding: 0 8px;
  }

  #mf-benefit-header-root .mf-lp-menu__facts strong {
    font-size: 19px;
  }

  #mf-benefit-header-root .mf-lp-menu__facts span {
    font-size: 6px;
  }

  #mf-benefit-header-root .mf-lp-menu__bottom span {
    display: none;
  }

  #mf-benefit-header-root .mf-lp-menu__bottom {
    justify-content: flex-end;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  #mf-benefit-header-root *,
  #mf-benefit-header-root *::before,
  #mf-benefit-header-root *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ffb30f2 */#mf-benefit-section {
  --mf-benefit-page: #f7f7f4;
  --mf-benefit-green: #005f41;
  --mf-benefit-green-deep: #004c36;
  --mf-benefit-lime: #a6e52b;
  --mf-benefit-lime-hover: #b8ed4d;
  --mf-benefit-white: #fffdf8;
  --mf-benefit-copy: rgba(255, 253, 248, 0.76);
  --mf-benefit-line: rgba(255, 255, 255, 0.15);

  position: relative;
  width: 100%;
  padding: 0 !important;
  overflow: hidden;
  background: var(--mf-benefit-page);
  font-family: "Poppins", sans-serif;
}

#mf-benefit-section,
#mf-benefit-section * {
  box-sizing: border-box;
}

#mf-benefit-section a {
  font: inherit;
}

#mf-benefit-section .mf-benefit__container {
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Vollflächige, zusammenhängende Hauptsection */

#mf-benefit-section .mf-benefit__stage {
  display: grid;
  grid-template-columns:
    minmax(0, 50%)
    minmax(0, 50%);
  width: 100%;
  min-height: 680px;
  overflow: hidden;
  background: var(--mf-benefit-green);
}

/* =========================================================
   BILDBEREICH
   ========================================================= */

#mf-benefit-section .mf-benefit__media {
  position: relative;
  min-width: 0;
  min-height: 680px;
  overflow: hidden;
  background: #d6d0c4;
  isolation: isolate;
}

#mf-benefit-section .mf-benefit__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

#mf-benefit-section .mf-benefit__stage:hover .mf-benefit__image {
  transform: scale(1.012);
}

#mf-benefit-section .mf-benefit__media-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(
      180deg,
      rgba(3, 38, 28, 0) 47%,
      rgba(3, 38, 28, 0.32) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0, 95, 65, 0) 74%,
      rgba(0, 95, 65, 0.12) 100%
    );
  pointer-events: none;
}

/* Bild-Badge */

#mf-benefit-section .mf-benefit__media-badge {
  position: absolute;
  left: clamp(24px, 4vw, 64px);
  bottom: clamp(24px, 4vw, 54px);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  max-width: calc(100% - 48px);
  min-height: 46px;
  padding: 8px 15px 8px 8px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.92);
  box-shadow: 0 10px 30px rgba(2, 32, 24, 0.16);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#mf-benefit-section .mf-benefit__media-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: var(--mf-benefit-lime);
  color: var(--mf-benefit-green);
}

#mf-benefit-section .mf-benefit__media-badge-icon svg {
  display: block;
  width: 17px;
  height: 17px;
}

#mf-benefit-section .mf-benefit__media-badge-text {
  overflow: hidden;
  color: var(--mf-benefit-green);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =========================================================
   INHALTSBEREICH
   ========================================================= */

#mf-benefit-section .mf-benefit__content {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 680px;
  border-left: 1px solid rgba(166, 229, 43, 0.2);
  background:
    linear-gradient(
      135deg,
      var(--mf-benefit-green) 0%,
      var(--mf-benefit-green-deep) 100%
    );
  color: var(--mf-benefit-white);
}

#mf-benefit-section .mf-benefit__content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: min(32vw, 520px);
  height: 100%;
  background:
    radial-gradient(
      circle at 100% 15%,
      rgba(166, 229, 43, 0.09) 0%,
      rgba(166, 229, 43, 0) 58%
    );
  pointer-events: none;
}

#mf-benefit-section .mf-benefit__content-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 700px;
  margin-right: auto;
  padding:
    clamp(58px, 6vw, 86px)
    clamp(42px, 6vw, 86px)
    clamp(58px, 6vw, 86px)
    clamp(42px, 5vw, 72px);
}

/* Editoriales Label */

#mf-benefit-section .mf-benefit__eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 19px;
  color: var(--mf-benefit-lime);
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

#mf-benefit-section .mf-benefit__eyebrow-line {
  display: block;
  width: 34px;
  height: 2px;
  flex: 0 0 34px;
  border-radius: 999px;
  background: var(--mf-benefit-lime);
}

/* Typografie */

#mf-benefit-section .mf-benefit__title {
  max-width: 610px;
  margin: 0;
  color: var(--mf-benefit-white);
  font-size: 35px;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: -0.028em;
  text-wrap: balance;
}

#mf-benefit-section .mf-benefit__intro {
  max-width: 610px;
  margin: 21px 0 0;
  color: var(--mf-benefit-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.67;
}

/* Vorteile */

#mf-benefit-section .mf-benefit__list {
  display: flex;
  flex-direction: column;
  max-width: 610px;
  margin: 29px 0 0;
  padding: 0;
  border-top: 1px solid var(--mf-benefit-line);
  list-style: none;
}

#mf-benefit-section .mf-benefit__list-item {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid var(--mf-benefit-line);
  color: rgba(255, 253, 248, 0.95);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

#mf-benefit-section .mf-benefit__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-top: 2px;
  color: var(--mf-benefit-lime);
}

#mf-benefit-section .mf-benefit__check svg {
  display: block;
  width: 19px;
  height: 19px;
}

/* =========================================================
   CTA, TELEFON UND MICROCOPY
   ========================================================= */

#mf-benefit-section .mf-benefit__footer {
  max-width: 650px;
  margin-top: 30px;
}

#mf-benefit-section .mf-benefit__actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

#mf-benefit-section .mf-benefit__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 50px;
  padding: 14px 19px;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 12px;
  background: var(--mf-benefit-lime);
  color: var(--mf-benefit-green);
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

#mf-benefit-section .mf-benefit__button svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  transition: transform 180ms ease;
}

#mf-benefit-section .mf-benefit__button:hover {
  background: var(--mf-benefit-lime-hover);
  box-shadow: 0 10px 24px rgba(2, 40, 28, 0.18);
  transform: translateY(-2px);
}

#mf-benefit-section .mf-benefit__button:hover svg {
  transform: translateX(2px);
}

#mf-benefit-section .mf-benefit__button:focus-visible,
#mf-benefit-section .mf-benefit__phone:focus-visible {
  outline: 2px solid var(--mf-benefit-white);
  outline-offset: 4px;
}

/* Telefonnummer neben dem Button */

#mf-benefit-section .mf-benefit__phone {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 50px;
  color: var(--mf-benefit-white);
  text-decoration: none;
  transition:
    opacity 180ms ease,
    transform 180ms ease;
}

#mf-benefit-section .mf-benefit__phone:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

#mf-benefit-section .mf-benefit__phone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--mf-benefit-lime);
}

#mf-benefit-section .mf-benefit__phone-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

#mf-benefit-section .mf-benefit__phone-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#mf-benefit-section .mf-benefit__phone-copy small {
  color: rgba(255, 253, 248, 0.58);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#mf-benefit-section .mf-benefit__phone-copy strong {
  color: var(--mf-benefit-white);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
}

/* Microcopy unter dem CTA */

#mf-benefit-section .mf-benefit__microcopy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin: 15px 0 0;
  color: rgba(255, 253, 248, 0.56);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
}

#mf-benefit-section .mf-benefit__microcopy span {
  color: var(--mf-benefit-lime);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1120px) {
  #mf-benefit-section .mf-benefit__stage {
    grid-template-columns:
      minmax(0, 46%)
      minmax(0, 54%);
    min-height: 640px;
  }

  #mf-benefit-section .mf-benefit__media,
  #mf-benefit-section .mf-benefit__content {
    min-height: 640px;
  }

  #mf-benefit-section .mf-benefit__content-inner {
    padding: 58px 40px;
  }

  #mf-benefit-section .mf-benefit__title {
    font-size: 33px;
  }

  #mf-benefit-section .mf-benefit__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}

/* =========================================================
   GESTAPELTES LAYOUT
   ========================================================= */

@media (max-width: 850px) {
  #mf-benefit-section .mf-benefit__stage {
    grid-template-columns: 1fr;
  }

  #mf-benefit-section .mf-benefit__media {
    min-height: 460px;
  }

  #mf-benefit-section .mf-benefit__content {
    min-height: 0;
    border-top: 1px solid rgba(166, 229, 43, 0.2);
    border-left: 0;
  }

  #mf-benefit-section .mf-benefit__content-inner {
    max-width: 760px;
    margin: 0 auto;
    padding: 54px 48px 58px;
  }

  #mf-benefit-section .mf-benefit__title,
  #mf-benefit-section .mf-benefit__intro,
  #mf-benefit-section .mf-benefit__list {
    max-width: 680px;
  }

  #mf-benefit-section .mf-benefit__actions {
    align-items: center;
    flex-direction: row;
    gap: 22px;
  }
}

/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {
  #mf-benefit-section .mf-benefit__media {
    min-height: 360px;
  }

  #mf-benefit-section .mf-benefit__media-badge {
    right: 16px;
    bottom: 16px;
    left: 16px;
    max-width: none;
  }

  #mf-benefit-section .mf-benefit__media-badge-text {
    white-space: normal;
  }

  #mf-benefit-section .mf-benefit__content-inner {
    padding: 39px 24px 42px;
  }

  #mf-benefit-section .mf-benefit__eyebrow {
    margin-bottom: 16px;
    font-size: 11px;
  }

  #mf-benefit-section .mf-benefit__title {
    max-width: 100%;
    font-size: 30px;
    line-height: 1.2;
  }

  #mf-benefit-section .mf-benefit__intro {
    max-width: 100%;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.62;
  }

  #mf-benefit-section .mf-benefit__list {
    max-width: 100%;
    margin-top: 25px;
  }

  #mf-benefit-section .mf-benefit__list-item {
    padding: 13px 0;
    font-size: 15px;
  }

  #mf-benefit-section .mf-benefit__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 17px;
  }

  #mf-benefit-section .mf-benefit__button {
    justify-content: space-between;
    width: 100%;
  }

  #mf-benefit-section .mf-benefit__phone {
    align-self: flex-start;
  }

  #mf-benefit-section .mf-benefit__microcopy {
    display: block;
    margin-top: 17px;
    line-height: 1.7;
  }

  #mf-benefit-section .mf-benefit__microcopy span {
    padding: 0 3px;
  }
}

/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 390px) {
  #mf-benefit-section .mf-benefit__media {
    min-height: 320px;
  }

  #mf-benefit-section .mf-benefit__content-inner {
    padding: 35px 20px 38px;
  }

  #mf-benefit-section .mf-benefit__title {
    font-size: 28px;
  }

  #mf-benefit-section .mf-benefit__button {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
  }

  #mf-benefit-section .mf-benefit__phone-copy strong {
    font-size: 14px;
  }
}

/* =========================================================
   REDUZIERTE BEWEGUNG
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  #mf-benefit-section .mf-benefit__image,
  #mf-benefit-section .mf-benefit__button,
  #mf-benefit-section .mf-benefit__button svg,
  #mf-benefit-section .mf-benefit__phone {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9fbe96 *//* =========================================================
   WX BANK LOGO LOOP
   Robust real carousel / seamless marquee
========================================================= */

#wx-bank-logo-loop {
  /* =========================
     EASY SETTINGS
     ========================= */

  --wx-logo-bg: #f4f4f4;

  /* Höhe der gesamten Logo-Zeile */
  --wx-logo-section-height: 104px;

  /* Abstand zwischen Logos */
  --wx-logo-gap: 92px;

  /* Alle Logos größer/kleiner machen */
  --wx-logo-scale: 1.3;

  /* Sichtbarkeit der grauen Logos */
  --wx-logo-opacity: 0.52;

  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background: var(--wx-logo-bg) !important;
  box-sizing: border-box !important;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#wx-bank-logo-loop *,
#wx-bank-logo-loop *::before,
#wx-bank-logo-loop *::after {
  box-sizing: border-box !important;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__viewport {
  position: relative !important;
  width: 100% !important;
  height: var(--wx-logo-section-height) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__viewport::before,
#wx-bank-logo-loop .wx-bank-logo-loop__viewport::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  z-index: 5 !important;
  width: 150px !important;
  height: 100% !important;
  pointer-events: none !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__viewport::before {
  left: 0 !important;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.94) 38%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__viewport::after {
  right: 0 !important;
  background: linear-gradient(
    270deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.94) 38%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__track {
  display: flex !important;
  align-items: center !important;
  gap: var(--wx-logo-gap) !important;
  width: max-content !important;
  min-width: max-content !important;
  will-change: transform !important;
  transform: translate3d(0, 0, 0);
}

#wx-bank-logo-loop .wx-bank-logo-loop__item {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--wx-logo-section-height) !important;
  min-width: 148px !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__img {
  display: block !important;
  width: auto !important;
  object-fit: contain !important;
  opacity: var(--wx-logo-opacity) !important;
  filter: grayscale(1) brightness(0.62) contrast(0.72) !important;
  transform: scale(var(--wx-logo-scale)) translateZ(0) !important;
  transform-origin: center center !important;
  transition:
    opacity 220ms ease,
    filter 220ms ease,
    transform 220ms ease !important;
}

#wx-bank-logo-loop .wx-bank-logo-loop__item:hover .wx-bank-logo-loop__img {
  opacity: 0.62 !important;
  filter: grayscale(1) brightness(0.50) contrast(0.86) !important;
}

/* =========================================================
   LOGO-SPECIFIC SIZING
   Einzelne Logos feinjustieren
========================================================= */

#wx-bank-logo-loop .wx-logo-ibsh {
  max-width: 118px !important;
  max-height: 34px !important;
}

#wx-bank-logo-loop .wx-logo-haspa {
  max-width: 132px !important;
  max-height: 34px !important;
}

#wx-bank-logo-loop .wx-logo-muenchenerhyp {
  max-width: 154px !important;
  max-height: 36px !important;
}

#wx-bank-logo-loop .wx-logo-ing {
  max-width: 92px !important;
  max-height: 34px !important;
}

#wx-bank-logo-loop .wx-logo-unicredit {
  max-width: 138px !important;
  max-height: 34px !important;
}

#wx-bank-logo-loop .wx-logo-hanseatic {
  max-width: 154px !important;
  max-height: 34px !important;
}

#wx-bank-logo-loop .wx-logo-kfw {
  max-width: 90px !important;
  max-height: 34px !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {
  #wx-bank-logo-loop {
    --wx-logo-section-height: 92px;
    --wx-logo-gap: 68px;
    --wx-logo-scale: 0.94;
  }

  #wx-bank-logo-loop .wx-bank-logo-loop__viewport::before,
  #wx-bank-logo-loop .wx-bank-logo-loop__viewport::after {
    width: 100px !important;
  }

  #wx-bank-logo-loop .wx-bank-logo-loop__item {
    min-width: 130px !important;
  }

  #wx-bank-logo-loop .wx-logo-ibsh {
    max-width: 106px !important;
  }

  #wx-bank-logo-loop .wx-logo-haspa {
    max-width: 120px !important;
  }

  #wx-bank-logo-loop .wx-logo-muenchenerhyp {
    max-width: 138px !important;
  }

  #wx-bank-logo-loop .wx-logo-ing {
    max-width: 82px !important;
  }

  #wx-bank-logo-loop .wx-logo-unicredit {
    max-width: 124px !important;
  }

  #wx-bank-logo-loop .wx-logo-hanseatic {
    max-width: 138px !important;
  }

  #wx-bank-logo-loop .wx-logo-kfw {
    max-width: 82px !important;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  #wx-bank-logo-loop {
    --wx-logo-section-height: 78px;
    --wx-logo-gap: 24px;
    --wx-logo-scale: 1.4;
    --wx-logo-opacity: 0.48;
  }

  #wx-bank-logo-loop .wx-bank-logo-loop__viewport::before,
  #wx-bank-logo-loop .wx-bank-logo-loop__viewport::after {
    width: 58px !important;
  }

  #wx-bank-logo-loop .wx-bank-logo-loop__item {
    min-width: 108px !important;
  }

  #wx-bank-logo-loop .wx-logo-ibsh {
    max-width: 92px !important;
    max-height: 26px !important;
  }

  #wx-bank-logo-loop .wx-logo-haspa {
    max-width: 100px !important;
    max-height: 26px !important;
  }

  #wx-bank-logo-loop .wx-logo-muenchenerhyp {
    max-width: 114px !important;
    max-height: 28px !important;
  }

  #wx-bank-logo-loop .wx-logo-ing {
    max-width: 70px !important;
    max-height: 26px !important;
  }

  #wx-bank-logo-loop .wx-logo-unicredit {
    max-width: 104px !important;
    max-height: 26px !important;
  }

  #wx-bank-logo-loop .wx-logo-hanseatic {
    max-width: 116px !important;
    max-height: 26px !important;
  }

  #wx-bank-logo-loop .wx-logo-kfw {
    max-width: 70px !important;
    max-height: 26px !important;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  #wx-bank-logo-loop .wx-bank-logo-loop__track {
    transform: translate3d(0, 0, 0) !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03e823c */#mf-approach-section {
  --mf-bg: #f7f7f4;
  --mf-text: #073c37;
  --mf-muted: #5f6d69;
  --mf-border: rgba(7, 60, 55, 0.13);

  --mf-card-light: #ffffff;
  --mf-card-accent: #a8e963;
  --mf-card-dark: #014630;

  --mf-radius-card: 20px;
  --mf-radius-button: 999px;

  width: 100%;
  padding: 88px 24px 72px !important;
  background: var(--mf-bg);
  color: var(--mf-text);
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

#mf-approach-section,
#mf-approach-section * {
  box-sizing: border-box;
}

#mf-approach-section .mf-approach__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* Header */

#mf-approach-section .mf-approach__head {
  display: grid;
  grid-template-columns: minmax(0, 620px) minmax(300px, 440px);
  align-items: end;
  justify-content: space-between;
  gap: 64px;
  margin-bottom: 44px;
}

#mf-approach-section .mf-approach__head-left,
#mf-approach-section .mf-approach__head-right {
  min-width: 0;
}

#mf-approach-section .mf-approach__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0 0 18px;
  padding: 8px 14px;
  border: 1px solid var(--mf-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
  color: var(--mf-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

#mf-approach-section .mf-approach__eyebrow-icon {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

#mf-approach-section .mf-approach__title {
  max-width: 620px;
  margin: 0;
  color: var(--mf-text);
  font-size: 35px;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

#mf-approach-section .mf-approach__intro {
  max-width: 440px;
  margin: 0 0 2px;
  color: var(--mf-muted);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}

/* Kartenraster */

#mf-approach-section .mf-approach__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

/* Karten */

#mf-approach-section .mf-approach__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 370px;
  padding: 34px 34px 88px;
  border-radius: var(--mf-radius-card);
  overflow: hidden;
  isolation: isolate;
}

#mf-approach-section .mf-approach__card--light {
  background: var(--mf-card-light);
  color: var(--mf-text);
}

#mf-approach-section .mf-approach__card--accent {
  background: var(--mf-card-accent);
  color: var(--mf-text);
}

#mf-approach-section .mf-approach__card--dark {
  background: var(--mf-card-dark);
  color: #ffffff;
}

/* Dezente Dekoration der mittleren Karte */

#mf-approach-section .mf-approach__card--accent::before {
  content: "";
  position: absolute;
  right: -92px;
  bottom: -116px;
  width: 248px;
  height: 248px;
  border: 1px solid rgba(7, 60, 55, 0.11);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
}

#mf-approach-section .mf-approach__card--accent::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -84px;
  width: 148px;
  height: 148px;
  border-radius: 50%;
  background: rgba(7, 60, 55, 0.08);
  pointer-events: none;
  z-index: -1;
}

/* Icons */

#mf-approach-section .mf-approach__icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 44px;
  height: 44px;
  margin-bottom: 34px;
  color: currentColor;
}

#mf-approach-section .mf-approach__icon svg {
  display: block;
  width: 42px;
  height: 42px;
  overflow: visible;
}

#mf-approach-section .mf-approach__card--light .mf-approach__icon,
#mf-approach-section .mf-approach__card--accent .mf-approach__icon {
  color: var(--mf-text);
}

#mf-approach-section .mf-approach__card--dark .mf-approach__icon {
  color: var(--mf-card-accent);
}

/* Kartentypografie */

#mf-approach-section .mf-approach__card-title {
  position: relative;
  z-index: 2;
  max-width: 310px;
  margin: 0 0 16px;
  color: inherit;
  font-size: 23px;
  font-weight: 550;
  line-height: 1.23;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

#mf-approach-section .mf-approach__card-text {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin: 0;
  color: rgba(7, 60, 55, 0.72);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
}

#mf-approach-section .mf-approach__card--dark .mf-approach__card-text {
  color: rgba(255, 255, 255, 0.7);
}

/* Button-Ausschnitt */

#mf-approach-section .mf-approach__cta-pocket {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  padding: 14px 16px 0 0;
  border-radius: 0 20px 0 0;
  background: var(--mf-bg);
}

#mf-approach-section .mf-approach__cta-pocket::before {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  width: 20px;
  height: 20px;
  border-radius: 0 0 0 20px;
  box-shadow: -10px 10px 0 10px var(--mf-bg);
  pointer-events: none;
}

#mf-approach-section .mf-approach__cta-pocket::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border-radius: 0 0 0 20px;
  box-shadow: -10px 10px 0 10px var(--mf-bg);
  pointer-events: none;
}

#mf-approach-section .mf-approach__button {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 11px 17px;
  border: 0;
  border-radius: var(--mf-radius-button);
  color: var(--mf-text);
  font-size: 13px;
  font-weight: 550;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    opacity 180ms ease;
}

#mf-approach-section .mf-approach__card--light .mf-approach__button {
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(7, 60, 55, 0.08);
}

#mf-approach-section .mf-approach__card--accent .mf-approach__button {
  background: var(--mf-card-accent);
  box-shadow: 0 8px 20px rgba(7, 60, 55, 0.1);
}

#mf-approach-section .mf-approach__card--dark .mf-approach__button {
  background: var(--mf-card-dark);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}

#mf-approach-section .mf-approach__button:hover {
  transform: translateY(-2px);
}

#mf-approach-section .mf-approach__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

#mf-approach-section .mf-approach__button svg {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

/* Tablet */

@media (max-width: 1024px) {
  #mf-approach-section {
    padding: 76px 24px 64px !important;
  }

  #mf-approach-section .mf-approach__head {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
    gap: 40px;
    margin-bottom: 40px;
  }

  #mf-approach-section .mf-approach__title {
    font-size: 33px;
  }

  #mf-approach-section .mf-approach__intro {
    font-size: 16px;
  }

  #mf-approach-section .mf-approach__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #mf-approach-section .mf-approach__card:last-child {
    grid-column: 1 / -1;
  }

  #mf-approach-section .mf-approach__card {
    min-height: 350px;
  }

  #mf-approach-section .mf-approach__card-title,
  #mf-approach-section .mf-approach__card-text {
    max-width: 420px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  #mf-approach-section {
    padding: 60px 18px 48px !important;
  }

  #mf-approach-section .mf-approach__head {
    display: block;
    margin-bottom: 32px;
  }

  #mf-approach-section .mf-approach__eyebrow {
    margin-bottom: 16px;
    padding: 7px 12px;
    font-size: 12px;
  }

  #mf-approach-section .mf-approach__eyebrow-icon {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
  }

  #mf-approach-section .mf-approach__title {
    max-width: 100%;
    font-size: 30px;
    line-height: 1.18;
    letter-spacing: -0.02em;
  }

  #mf-approach-section .mf-approach__intro {
    max-width: 100%;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.6;
  }

  #mf-approach-section .mf-approach__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #mf-approach-section .mf-approach__card:last-child {
    grid-column: auto;
  }

  #mf-approach-section .mf-approach__card {
    min-height: 340px;
    padding: 28px 26px 82px;
    border-radius: 18px;
  }

  #mf-approach-section .mf-approach__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 28px;
  }

  #mf-approach-section .mf-approach__icon svg {
    width: 38px;
    height: 38px;
  }

  #mf-approach-section .mf-approach__card-title {
    max-width: 100%;
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 1.26;
  }

  #mf-approach-section .mf-approach__card-text {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  #mf-approach-section .mf-approach__cta-pocket {
    padding: 12px 14px 0 0;
    border-radius: 0 18px 0 0;
  }

  #mf-approach-section .mf-approach__button {
    min-height: 38px;
    padding: 10px 15px;
    font-size: 13px;
  }
}

/* Kleine Smartphones */

@media (max-width: 390px) {
  #mf-approach-section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #mf-approach-section .mf-approach__title {
    font-size: 28px;
  }

  #mf-approach-section .mf-approach__card {
    min-height: 350px;
    padding-right: 22px;
    padding-left: 22px;
  }

  #mf-approach-section .mf-approach__card-title {
    font-size: 21px;
  }
}

/* Barrierefreiheit */

@media (prefers-reduced-motion: reduce) {
  #mf-approach-section .mf-approach__button {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e80999 */#mf-employer-proof {
  --mf-proof-page: #fFFGG;
  --mf-proof-surface: #efefec;
  --mf-proof-border: rgba(17, 20, 18, 0.09);
  --mf-proof-border-strong: rgba(17, 20, 18, 0.14);
  --mf-proof-text: #131614;
  --mf-proof-copy: #727874;
  --mf-proof-muted: #959a97;
  --mf-proof-green: #005f41;
  --mf-proof-lime: #a6e52b;

  width: 100%;
  padding: 76px 24px !important;
  overflow: hidden;
  background: var(--mf-proof-page);
  font-family: "Poppins", sans-serif;
  color: var(--mf-proof-text);
}

#mf-employer-proof,
#mf-employer-proof * {
  box-sizing: border-box;
}

#mf-employer-proof button {
  font: inherit;
}

#mf-employer-proof .mf-proof__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* stage */
#mf-employer-proof .mf-proof__stage {
  padding: 26px 34px 24px;
  overflow: hidden;
  border: 1px solid rgba(17, 20, 18, 0.035);
  border-radius: 22px;
  background: var(--mf-proof-surface);
}

/* top nav */
#mf-employer-proof .mf-proof__brand-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--mf-proof-border);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

#mf-employer-proof .mf-proof__brand-scroll::-webkit-scrollbar {
  display: none;
}

#mf-employer-proof .mf-proof__brand-row {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 30px;
  width: max-content;
  min-width: 100%;
  padding-bottom: 16px;
}

#mf-employer-proof .mf-proof__brand-indicator {
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
  display: block;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--mf-proof-green);
  transform: translateX(0);
  pointer-events: none;
}

#mf-employer-proof .mf-proof__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #b4b8b5;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  transition: color 180ms ease;
}

#mf-employer-proof .mf-proof__brand:hover,
#mf-employer-proof .mf-proof__brand.is-active {
  color: var(--mf-proof-text);
}

#mf-employer-proof .mf-proof__brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(17, 20, 18, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.38);
  color: currentColor;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

#mf-employer-proof .mf-proof__brand.is-active .mf-proof__brand-icon {
  background: var(--mf-proof-green);
  border-color: rgba(0, 95, 65, 0.16);
  color: #ffffff;
}

#mf-employer-proof .mf-proof__brand-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

#mf-employer-proof .mf-proof__brand-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#mf-employer-proof .mf-proof__brand-copy strong {
  color: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
}

#mf-employer-proof .mf-proof__brand-copy small {
  color: var(--mf-proof-muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.15;
}

/* slider */
#mf-employer-proof .mf-proof__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#mf-employer-proof .mf-proof__slide {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 0 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

#mf-employer-proof .mf-proof__slide.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#mf-employer-proof .mf-proof__meta {
  display: flex;
  align-items: center;
  gap: 14px;
}

#mf-employer-proof .mf-proof__avatar {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  overflow: hidden;
  border-radius: 50%;
  background: #d9ddd8;
}

#mf-employer-proof .mf-proof__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#mf-employer-proof .mf-proof__person {
  min-width: 0;
}

#mf-employer-proof .mf-proof__name,
#mf-employer-proof .mf-proof__role {
  margin: 0;
}

#mf-employer-proof .mf-proof__name {
  color: var(--mf-proof-text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#mf-employer-proof .mf-proof__role {
  margin-top: 5px;
  color: var(--mf-proof-copy);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

/* quote area */
#mf-employer-proof .mf-proof__content {
  display: flex;
  align-items: flex-end;
  min-height: 250px;
  padding: 28px 0 25px;
}

#mf-employer-proof .mf-proof__quote {
  max-width: 1160px;
  margin: 0;
  color: var(--mf-proof-text);
  font-size: clamp(31px, 2.95vw, 39px);
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#mf-employer-proof .mf-proof__quote-mask {
  display: block;
  overflow: hidden;
}

#mf-employer-proof .mf-proof__quote-line {
  display: block;
  transform-origin: left bottom;
  will-change: transform;
}

/* metrics */
#mf-employer-proof .mf-proof__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--mf-proof-border);
  border-bottom: 1px solid var(--mf-proof-border);
}

#mf-employer-proof .mf-proof__metric {
  min-width: 0;
  padding: 21px 26px 22px 0;
}

#mf-employer-proof .mf-proof__metric + .mf-proof__metric {
  padding-right: 0;
  padding-left: 30px;
  border-left: 1px solid var(--mf-proof-border);
}

#mf-employer-proof .mf-proof__metric strong {
  display: block;
  color: var(--mf-proof-text);
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}

#mf-employer-proof .mf-proof__metric span {
  display: block;
  max-width: 420px;
  margin-top: 8px;
  color: #8b908d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.48;
}

#mf-employer-proof .mf-proof__source {
  margin: 12px 0 0;
  color: var(--mf-proof-muted);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.55;
}

/* footer */
#mf-employer-proof .mf-proof__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 20px;
}

#mf-employer-proof .mf-proof__controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

#mf-employer-proof .mf-proof__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(17, 20, 18, 0.14);
  border-radius: 50%;
  background: transparent;
  color: var(--mf-proof-text);
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

#mf-employer-proof .mf-proof__arrow svg {
  display: block;
  width: 16px;
  height: 16px;
}

#mf-employer-proof .mf-proof__arrow:hover {
  border-color: rgba(17, 20, 18, 0.24);
  background: rgba(255, 255, 255, 0.46);
  transform: translateY(-1px);
}

#mf-employer-proof .mf-proof__pagination {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--mf-proof-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
}

#mf-employer-proof .mf-proof__pagination-current {
  display: inline-block;
  color: var(--mf-proof-text);
}

#mf-employer-proof .mf-proof__pagination-line {
  display: block;
  width: 36px;
  height: 1px;
  background: var(--mf-proof-border-strong);
}

#mf-employer-proof .mf-proof__arrow:focus-visible,
#mf-employer-proof .mf-proof__brand:focus-visible {
  outline: 2px solid var(--mf-proof-green);
  outline-offset: 4px;
}

/* tablet */
@media (max-width: 1024px) {
  #mf-employer-proof {
    padding: 68px 20px !important;
  }

  #mf-employer-proof .mf-proof__stage {
    padding: 24px 26px 22px;
  }

  #mf-employer-proof .mf-proof__brand-row {
    gap: 24px;
  }

  #mf-employer-proof .mf-proof__content {
    min-height: 220px;
  }

  #mf-employer-proof .mf-proof__quote {
    font-size: clamp(29px, 3.2vw, 35px);
  }
}

/* mobile */
@media (max-width: 767px) {
  #mf-employer-proof {
    padding: 56px 16px !important;
  }

  #mf-employer-proof .mf-proof__stage {
    padding: 20px 18px 18px;
    border-radius: 18px;
  }

  #mf-employer-proof .mf-proof__brand-scroll {
    position: relative;
    margin-right: -18px;
  }

  #mf-employer-proof .mf-proof__brand-row {
    gap: 18px;
    min-width: max-content;
    padding-right: 56px;
    padding-bottom: 14px;
  }

  #mf-employer-proof .mf-proof__brand {
    flex: 0 0 auto;
  }

  #mf-employer-proof .mf-proof__brand-copy strong {
    font-size: 12px;
  }

  #mf-employer-proof .mf-proof__brand-copy small {
    font-size: 9px;
  }

  #mf-employer-proof .mf-proof__slide {
    padding-top: 20px;
  }

  #mf-employer-proof .mf-proof__avatar {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }

  #mf-employer-proof .mf-proof__name {
    font-size: 12px;
  }

  #mf-employer-proof .mf-proof__role {
    font-size: 9px;
  }

  #mf-employer-proof .mf-proof__content {
    min-height: 0;
    padding: 24px 0 20px;
  }

  #mf-employer-proof .mf-proof__quote {
    font-size: 26px;
    line-height: 1.18;
  }

  #mf-employer-proof .mf-proof__metrics {
    grid-template-columns: 1fr;
  }

  #mf-employer-proof .mf-proof__metric {
    padding: 17px 0;
  }

  #mf-employer-proof .mf-proof__metric + .mf-proof__metric {
    padding-left: 0;
    border-top: 1px solid var(--mf-proof-border);
    border-left: 0;
  }

  #mf-employer-proof .mf-proof__metric strong {
    font-size: 24px;
  }

  #mf-employer-proof .mf-proof__metric span {
    font-size: 12px;
  }

  #mf-employer-proof .mf-proof__source {
    font-size: 8px;
  }

  #mf-employer-proof .mf-proof__footer {
    padding-top: 18px;
  }

  #mf-employer-proof .mf-proof__arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 390px) {
  #mf-employer-proof .mf-proof__quote {
    font-size: 24px;
  }

  #mf-employer-proof .mf-proof__metric strong {
    font-size: 22px;
  }

  #mf-employer-proof .mf-proof__metric span {
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mf-employer-proof .mf-proof__brand,
  #mf-employer-proof .mf-proof__brand-icon,
  #mf-employer-proof .mf-proof__arrow {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20f1b36 */#mf-why-consulting {
  --mf-primary: #005f41;
  --mf-primary-deep: #004b35;
  --mf-primary-dark: #073c37;

  --mf-accent: #a6e52b;
  --mf-accent-hover: #b6ec48;
  --mf-accent-soft: #e6f8c2;

  --mf-page: #f2f2ef;
  --mf-surface: #ffffff;
  --mf-card: #e9e9e4;

  --mf-text: #0d4036;
  --mf-copy: #68736f;
  --mf-muted: #89918e;

  --mf-border: rgba(7, 60, 55, 0.12);

  position: relative;
  width: 100%;
  padding: 88px 24px 80px !important;
  overflow: hidden;
  background: var(--mf-page);
  color: var(--mf-text);
  font-family: "Poppins", sans-serif;
}

#mf-why-consulting,
#mf-why-consulting * {
  box-sizing: border-box;
}

#mf-why-consulting a,
#mf-why-consulting button {
  font: inherit;
}

#mf-why-consulting .mf-why-consulting__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* =========================================================
   HAUPTLAYOUT
   ========================================================= */

#mf-why-consulting .mf-why-consulting__layout {
  display: grid;
  grid-template-columns:
    minmax(430px, 1.02fr)
    minmax(0, 0.98fr);
  gap: 70px;
  align-items: center;
}

/* =========================================================
   LINKER BILDBEREICH
   ========================================================= */

#mf-why-consulting .mf-why-consulting__media {
  min-width: 0;
  margin: 0;
}

#mf-why-consulting .mf-why-consulting__image-wrap {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  border-radius: 28px;
  background: #dcddd9;
  clip-path: inset(0 0 0 0);
}

#mf-why-consulting .mf-why-consulting__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 650px;
  object-fit: cover;
  object-position: center 12%;
  user-select: none;
  transform-origin: center center;
}

/* Bild-Badges */

#mf-why-consulting .mf-why-consulting__image-proofs {
  position: absolute;
  right: 28px;
  bottom: 30px;
  left: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  pointer-events: none;
}

#mf-why-consulting .mf-why-consulting__image-proof {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  max-width: calc(100% - 15px);
  padding: 5px 17px 5px 6px;
  border: 1px solid rgba(7, 60, 55, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: var(--mf-text);
  box-shadow:
    0 4px 12px rgba(18, 34, 29, 0.05),
    0 12px 28px rgba(18, 34, 29, 0.06);
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
  white-space: nowrap;
}

#mf-why-consulting .mf-why-consulting__proof-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  background: var(--mf-accent);
  color: var(--mf-primary-deep);
}

#mf-why-consulting .mf-why-consulting__proof-icon svg {
  display: block;
  width: 17px;
  height: 17px;
}

/* Bildunterschrift */

#mf-why-consulting .mf-why-consulting__caption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 28px;
  padding: 15px 3px 0;
}

#mf-why-consulting .mf-why-consulting__caption strong {
  flex: 0 0 auto;
  color: var(--mf-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

#mf-why-consulting .mf-why-consulting__caption span {
  color: var(--mf-muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.035em;
  text-align: right;
  text-transform: uppercase;
}

/* =========================================================
   RECHTER INHALTSBEREICH
   ========================================================= */

#mf-why-consulting .mf-why-consulting__content {
  min-width: 0;
  padding-top: 4px;
}

/* Einheitlicher Eyebrow */

#mf-why-consulting .mf-why-consulting__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin: 0 0 18px;
  padding: 6px 14px 6px 7px;
  border: 1px solid var(--mf-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--mf-primary);
  font-size: 13px;
  font-weight: 550;
  line-height: 1;
}

#mf-why-consulting .mf-why-consulting__eyebrow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: var(--mf-accent);
  color: var(--mf-primary-deep);
}

#mf-why-consulting .mf-why-consulting__eyebrow-icon svg {
  display: block;
  width: 13px;
  height: 13px;
}

#mf-why-consulting .mf-why-consulting__title {
  max-width: 610px;
  margin: 0;
  color: var(--mf-text);
  font-size: 35px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.028em;
  text-wrap: balance;
}

#mf-why-consulting .mf-why-consulting__intro {
  max-width: 610px;
  margin: 19px 0 0;
  color: var(--mf-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.68;
}

/* =========================================================
   HORIZONTALER KARTENBEREICH
   ========================================================= */

#mf-why-consulting .mf-why-consulting__cards-viewport {
  width: 100%;
  margin-top: 31px;
  padding: 1px 0 9px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

#mf-why-consulting
  .mf-why-consulting__cards-viewport::-webkit-scrollbar {
  display: none;
}

#mf-why-consulting
  .mf-why-consulting__cards-viewport.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

#mf-why-consulting
  .mf-why-consulting__cards-viewport:focus-visible {
  outline: 2px solid var(--mf-primary);
  outline-offset: 5px;
  border-radius: 18px;
}

#mf-why-consulting .mf-why-consulting__cards-track {
  display: flex;
  gap: 18px;
  width: max-content;
  padding-right: 72px;
}

#mf-why-consulting .mf-why-consulting__card {
  display: flex;
  flex-direction: column;
  flex: 0 0 252px;
  min-height: 250px;
  padding: 31px 27px 28px;
  border: 1px solid rgba(7, 60, 55, 0.035);
  border-radius: 21px;
  background: var(--mf-card);
  scroll-snap-align: start;
}

#mf-why-consulting .mf-why-consulting__card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  margin-bottom: auto;
  border-radius: 50%;
  background: var(--mf-primary-deep);
  color: var(--mf-accent);
}

#mf-why-consulting .mf-why-consulting__card-icon svg {
  display: block;
  width: 25px;
  height: 25px;
}

#mf-why-consulting .mf-why-consulting__card h3 {
  margin: 29px 0 0;
  color: var(--mf-text);
  font-size: 18px;
  font-weight: 550;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

#mf-why-consulting .mf-why-consulting__card p {
  margin: 10px 0 0;
  color: var(--mf-copy);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
}

/* =========================================================
   CTA WIE IN DER REFERENZ
   ========================================================= */

#mf-why-consulting .mf-why-consulting__button {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  margin-top: 28px;
  padding: 5px 7px 5px 5px;
  border: 1px solid rgba(0, 95, 65, 0.08);
  border-radius: 999px;
  background: var(--mf-accent);
  color: var(--mf-primary-deep);
  text-decoration: none;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

#mf-why-consulting .mf-why-consulting__button-label {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 19px;
  border-radius: 999px;
  background: var(--mf-surface);
  color: var(--mf-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

#mf-why-consulting .mf-why-consulting__button-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  margin-left: 3px;
  border-radius: 50%;
  color: var(--mf-primary-deep);
}

#mf-why-consulting .mf-why-consulting__button-arrow svg {
  display: block;
  width: 19px;
  height: 19px;
}

#mf-why-consulting .mf-why-consulting__button:hover {
  background: var(--mf-accent-hover);
  box-shadow: 0 10px 22px rgba(0, 95, 65, 0.11);
  transform: translateY(-2px);
}

#mf-why-consulting .mf-why-consulting__button:focus-visible {
  outline: 2px solid var(--mf-primary);
  outline-offset: 4px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  #mf-why-consulting {
    padding: 76px 24px 66px !important;
  }

  #mf-why-consulting .mf-why-consulting__layout {
    grid-template-columns:
      minmax(350px, 0.94fr)
      minmax(0, 1.06fr);
    gap: 44px;
  }

  #mf-why-consulting .mf-why-consulting__image-wrap,
  #mf-why-consulting .mf-why-consulting__image {
    min-height: 590px;
  }

  #mf-why-consulting .mf-why-consulting__title {
    font-size: 32px;
  }

  #mf-why-consulting .mf-why-consulting__card {
    flex-basis: 235px;
    min-height: 242px;
    padding: 28px 24px 25px;
  }

  #mf-why-consulting .mf-why-consulting__caption {
    flex-direction: column;
    gap: 3px;
  }

  #mf-why-consulting .mf-why-consulting__caption span {
    text-align: left;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  #mf-why-consulting {
    padding: 60px 18px 49px !important;
  }

  #mf-why-consulting .mf-why-consulting__layout {
    grid-template-columns: 1fr;
    gap: 39px;
  }

  #mf-why-consulting .mf-why-consulting__image-wrap {
    min-height: 510px;
    border-radius: 22px;
  }

  #mf-why-consulting .mf-why-consulting__image {
    min-height: 510px;
    object-position: center top;
  }

  #mf-why-consulting .mf-why-consulting__image-proofs {
    right: 16px;
    bottom: 18px;
    left: 16px;
    gap: 7px;
  }

  #mf-why-consulting .mf-why-consulting__image-proof {
    min-height: 36px;
    max-width: 100%;
    padding: 4px 13px 4px 5px;
    font-size: 11px;
  }

  #mf-why-consulting .mf-why-consulting__proof-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }

  #mf-why-consulting .mf-why-consulting__proof-icon svg {
    width: 15px;
    height: 15px;
  }

  #mf-why-consulting .mf-why-consulting__caption {
    padding-top: 13px;
  }

  #mf-why-consulting .mf-why-consulting__eyebrow {
    min-height: 32px;
    margin-bottom: 15px;
    padding: 5px 12px 5px 6px;
    font-size: 12px;
  }

  #mf-why-consulting .mf-why-consulting__eyebrow-icon {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
  }

  #mf-why-consulting .mf-why-consulting__title {
    max-width: 100%;
    font-size: 29px;
    line-height: 1.21;
  }

  #mf-why-consulting .mf-why-consulting__intro {
    max-width: 100%;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.62;
  }

  #mf-why-consulting .mf-why-consulting__cards-viewport {
    margin-top: 27px;
    width: calc(100% + 18px);
    margin-right: -18px;
  }

  #mf-why-consulting .mf-why-consulting__cards-track {
    gap: 13px;
    padding-right: 36px;
  }

  #mf-why-consulting .mf-why-consulting__card {
    flex-basis: min(79vw, 278px);
    min-height: 235px;
    padding: 26px 23px 24px;
    border-radius: 18px;
  }

  #mf-why-consulting .mf-why-consulting__card-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  #mf-why-consulting .mf-why-consulting__card h3 {
    margin-top: 26px;
    font-size: 17px;
  }

  #mf-why-consulting .mf-why-consulting__button {
    width: 100%;
  }

  #mf-why-consulting .mf-why-consulting__button-label {
    flex: 1;
    justify-content: center;
  }
}

/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 390px) {
  #mf-why-consulting {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #mf-why-consulting .mf-why-consulting__image-wrap,
  #mf-why-consulting .mf-why-consulting__image {
    min-height: 470px;
  }

  #mf-why-consulting .mf-why-consulting__title {
    font-size: 27px;
  }

  #mf-why-consulting .mf-why-consulting__image-proof {
    font-size: 10px;
  }

  #mf-why-consulting .mf-why-consulting__cards-viewport {
    width: calc(100% + 16px);
    margin-right: -16px;
  }
}

/* =========================================================
   REDUZIERTE BEWEGUNG
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  #mf-why-consulting .mf-why-consulting__image-wrap,
  #mf-why-consulting .mf-why-consulting__image,
  #mf-why-consulting .mf-why-consulting__image-proof,
  #mf-why-consulting .mf-why-consulting__card,
  #mf-why-consulting .mf-why-consulting__button {
    transition: none !important;
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8a8593 */#mf-process-clean {
  --mf-process-page: #f7f7f4;
  --mf-process-card: #fdfdfb;
  --mf-process-border: rgba(8, 30, 22, 0.08);
  --mf-process-divider: rgba(8, 30, 22, 0.09);
  --mf-process-copy: #66726d;
  --mf-process-copy-dark: #456059;
  --mf-process-text: #063f3d;
  --mf-process-green: #005f41;
  --mf-process-lime: #a6e52b;
  --mf-process-shadow: 0 16px 36px rgba(18, 32, 27, 0.04);

  width: 100%;
  padding: 84px 24px !important;
  background: var(--mf-process-page);
  font-family: "Poppins", sans-serif;
}

#mf-process-clean,
#mf-process-clean * {
  box-sizing: border-box;
}

#mf-process-clean .mf-process-clean__container {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}

#mf-process-clean .mf-process-clean__header {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

#mf-process-clean .mf-process-clean__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(0, 95, 65, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--mf-process-green);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

#mf-process-clean .mf-process-clean__eyebrow-icon {
  display: inline-flex;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
}

#mf-process-clean .mf-process-clean__eyebrow-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

#mf-process-clean .mf-process-clean__title {
  margin: 18px 0 0;
  color: var(--mf-process-text);
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

#mf-process-clean .mf-process-clean__intro {
  max-width: 640px;
  margin: 18px auto 0;
  color: var(--mf-process-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

#mf-process-clean .mf-process-clean__flow {
  position: relative;
  width: min(980px, calc(100% - 240px));
  height: 76px;
  margin: 44px auto 18px;
}

#mf-process-clean .mf-process-clean__flow-line {
  position: absolute;
  top: 16px;
  left: 8.5%;
  right: 8.5%;
  height: 42px;
  border: 2px dashed rgba(7, 60, 55, 0.4);
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
}

#mf-process-clean .mf-process-clean__flow-node {
  position: absolute;
  bottom: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border: 2px solid rgba(7, 60, 55, 0.44);
  border-radius: 50%;
  background: #f7f7f4;
}

#mf-process-clean .mf-process-clean__flow-node::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--mf-process-lime);
}

#mf-process-clean .mf-process-clean__flow-node--1 { left: 16.66%; }
#mf-process-clean .mf-process-clean__flow-node--2 { left: 50%; }
#mf-process-clean .mf-process-clean__flow-node--3 { left: 83.33%; }

#mf-process-clean .mf-process-clean__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

#mf-process-clean .mf-process-clean__card {
  min-width: 0;
  padding: 34px 40px 36px;
  border: 1px solid rgba(0, 95, 65, 0.04);
  border-radius: 24px;
  background: var(--mf-process-card);
  box-shadow: var(--mf-process-shadow);
}

#mf-process-clean .mf-process-clean__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#mf-process-clean .mf-process-clean__step-number {
  color: var(--mf-process-text);
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.05em;
}

#mf-process-clean .mf-process-clean__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  color: var(--mf-process-green);
}

#mf-process-clean .mf-process-clean__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

#mf-process-clean .mf-process-clean__icon--lime {
  color: var(--mf-process-lime);
}

#mf-process-clean .mf-process-clean__icon--ring svg circle {
  stroke: var(--mf-process-green);
}

#mf-process-clean .mf-process-clean__icon--ring svg path {
  stroke: var(--mf-process-lime);
}

#mf-process-clean .mf-process-clean__card-title {
  margin: 64px 0 0;
  color: var(--mf-process-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

#mf-process-clean .mf-process-clean__divider {
  width: 100%;
  height: 1px;
  margin: 24px 0 22px;
  background: var(--mf-process-divider);
}

#mf-process-clean .mf-process-clean__card-text {
  margin: 0;
  color: var(--mf-process-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
}

#mf-process-clean .mf-process-clean__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

#mf-process-clean .mf-process-clean__list li {
  position: relative;
  padding-left: 24px;
  color: var(--mf-process-copy-dark);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

#mf-process-clean .mf-process-clean__list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 7px;
  border-bottom: 2px solid var(--mf-process-green);
  border-left: 2px solid var(--mf-process-green);
  transform: rotate(-45deg);
}

@media (max-width: 1199px) {
  #mf-process-clean .mf-process-clean__card {
    padding: 30px 28px 32px;
  }

  #mf-process-clean .mf-process-clean__step-number {
    font-size: 36px;
  }

  #mf-process-clean .mf-process-clean__card-title {
    margin-top: 56px;
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  #mf-process-clean {
    padding: 72px 20px !important;
  }

  #mf-process-clean .mf-process-clean__title {
    font-size: clamp(34px, 6vw, 44px);
  }

  #mf-process-clean .mf-process-clean__flow {
    width: min(720px, calc(100% - 80px));
  }

  #mf-process-clean .mf-process-clean__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #mf-process-clean .mf-process-clean__card-title {
    margin-top: 42px;
  }

  #mf-process-clean .mf-process-clean__flow {
    display: none;
  }
}

@media (max-width: 767px) {
  #mf-process-clean {
    padding: 58px 16px !important;
  }

  #mf-process-clean .mf-process-clean__eyebrow {
    min-height: 34px;
    padding: 0 14px;
    font-size: 11px;
  }

  #mf-process-clean .mf-process-clean__title {
    margin-top: 16px;
    font-size: 30px;
    line-height: 1.16;
  }

  #mf-process-clean .mf-process-clean__intro {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.6;
  }

  #mf-process-clean .mf-process-clean__grid {
    margin-top: 28px;
  }

  #mf-process-clean .mf-process-clean__card {
    padding: 24px 20px 24px;
    border-radius: 20px;
  }

  #mf-process-clean .mf-process-clean__step-number {
    font-size: 32px;
  }

  #mf-process-clean .mf-process-clean__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  #mf-process-clean .mf-process-clean__card-title {
    margin-top: 28px;
    font-size: 22px;
  }

  #mf-process-clean .mf-process-clean__divider {
    margin: 18px 0 18px;
  }

  #mf-process-clean .mf-process-clean__card-text {
    font-size: 15px;
  }

  #mf-process-clean .mf-process-clean__list {
    margin-top: 20px;
    gap: 8px;
  }

  #mf-process-clean .mf-process-clean__list li {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mf-process-clean,
  #mf-process-clean * {
    scroll-behavior: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5d65d6 */.logo-carousel-container {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 40px;
  contain: layout style;
}

.carousel-viewport {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 0;
  contain: layout;
}

.carousel-track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  contain: layout style;
}

.logo-card {
  position: relative;
  background: #fff;
  border: 3px solid #e8e8e8;
  border-radius: 16px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
  transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1), border-color 0.7s cubic-bezier(0.4,0,0.2,1), box-shadow 0.7s cubic-bezier(0.4,0,0.2,1);
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.logo-card.hidden {
  display: none;
}

.logo-card.exiting {
  opacity: 0;
  transform: translate3d(-30px,-30px,0) scale(0.85);
}

.logo-card.entering {
  animation: slideIn 0.7s cubic-bezier(0.4,0,0.2,1) forwards;
}

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translate3d(30px,30px,0) scale(0.85);
  }

  100% {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
  }
}

.logo-img {
  max-width: 150px;
  max-height: 65px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.4;
  transition: filter 0.6s ease, opacity 0.6s ease;
  will-change: filter, opacity;
}

.logo-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) translateZ(0) scale(0);
  background: linear-gradient(135deg, #E1FF03 0%, #D6F500 100%);
  color: #000000;
  padding: 7px 18px;
  border-radius: 22px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.68,-0.55,0.265,1.55), opacity 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);
  box-shadow: 0 4px 12px rgba(225,255,3,0.35);
  z-index: 10;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.logo-card.recommended {
  border-color: #E1FF03;
  background: #fcffe8;
  box-shadow: 0 0 0 2px rgba(225,255,3,0.16), 0 12px 32px rgba(225,255,3,0.18);
  transform: translateZ(0) scale(1.05);
}

.logo-card.recommended .logo-img {
  filter: grayscale(0%);
  opacity: 1;
}

.logo-card.recommended .logo-badge {
  transform: translateX(-50%) translateZ(0) scale(1);
  opacity: 1;
}

@media (max-width: 768px) {
  .carousel-viewport {
    max-width: 600px;
  }

  .carousel-track {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .logo-card {
    height: 130px;
    padding: 28px;
  }

  .logo-img {
    max-width: 130px;
    max-height: 55px;
  }
}

@media (max-width: 480px) {
  .logo-carousel-container {
    padding: 0 20px;
  }

  .carousel-track {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .logo-card {
    height: 100px;
    padding: 20px;
    border-radius: 12px;
  }

  .logo-img {
    max-width: 100px;
    max-height: 45px;
  }

  .logo-badge {
    padding: 5px 12px;
    font-size: 9px;
    top: -10px;
  }
}

/* --- 1. DAS GRID LAYOUT --- */
.clark-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 25px;
}

/* Die einzelne Karte */
.bank-slot {
  background: #fff;
  border: 1px solid #E1FF03;
  border-radius: 12px;
  height: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* Das Logo Bild */
.bank-slot img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
  transition: filter 0.1s;
}

/* --- 2. DER "GEWINNER" ZUSTAND --- */
.bank-slot.is-winner {
  border: 2px solid #E1FF03 !important;
  box-shadow: 0 8px 20px rgba(225,255,3,0.25);
  z-index: 2;
}

/* Der Badge */
.rec-badge {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  background-color: #E1FF03;
  color: #000000;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.12);
}

/* Badge sichtbar machen wenn Gewinner */
.bank-slot.is-winner .rec-badge {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* --- 3. DIE DREH-ANIMATION --- */
.spinning img {
  filter: blur(2px);
  opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46f0899 */#mf-reviews-section {
  --mf-reviews-bg: #f7f7f4;
  --mf-reviews-card: #ffffff;
  --mf-reviews-text: #073c37;
  --mf-reviews-copy: #586864;
  --mf-reviews-soft: #aeb5b2;
  --mf-reviews-border: rgba(7, 60, 55, 0.11);
  --mf-reviews-green: #00a878;
  --mf-reviews-dark-green: #005f41;

  width: 100%;
  padding: 88px 24px 72px !important;
  overflow: hidden;
  background: var(--mf-reviews-bg);
  color: var(--mf-reviews-text);
  font-family: "Poppins", sans-serif;
}

#mf-reviews-section,
#mf-reviews-section * {
  box-sizing: border-box;
}

#mf-reviews-section button {
  font: inherit;
}

#mf-reviews-section .mf-reviews__symbols {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

#mf-reviews-section .mf-reviews__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* Kopfbereich */

#mf-reviews-section .mf-reviews__header {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

#mf-reviews-section .mf-reviews__headline {
  max-width: 660px;
  margin: 0 auto;
  color: var(--mf-reviews-text);
  font-size: 35px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -0.026em;
  text-wrap: balance;
}

#mf-reviews-section .mf-reviews__headline span {
  display: block;
  font-weight: 600;
}

#mf-reviews-section .mf-reviews__subline {
  max-width: 650px;
  margin: 18px auto 0;
  color: var(--mf-reviews-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  text-wrap: balance;
}

#mf-reviews-section .mf-reviews__platforms {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  color: var(--mf-reviews-copy);
  font-size: 13px;
  line-height: 1;
}

#mf-reviews-section .mf-reviews__platform-label {
  margin-right: 2px;
  font-weight: 400;
}

#mf-reviews-section .mf-reviews__platform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 31px;
  padding: 7px 11px;
  border: 1px solid var(--mf-reviews-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--mf-reviews-text);
  font-weight: 550;
}

#mf-reviews-section .mf-reviews__platform--trustpilot svg {
  display: block;
  width: 17px;
  height: 17px;
  color: #00b67a;
}

#mf-reviews-section .mf-reviews__google-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  color: #4285f4;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
}

#mf-reviews-section .mf-reviews__platform-plus {
  color: rgba(7, 60, 55, 0.42);
  font-weight: 500;
}

#mf-reviews-section .mf-reviews__platform-divider {
  width: 1px;
  height: 18px;
  margin: 0 4px;
  background: var(--mf-reviews-border);
}

#mf-reviews-section .mf-reviews__review-count {
  color: var(--mf-reviews-copy);
  font-weight: 450;
}

/* Hauptaufteilung */

#mf-reviews-section .mf-reviews__layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: start;
  gap: 48px;
  margin-top: 64px;
}

/* Linke Spalte */

#mf-reviews-section .mf-reviews__intro {
  min-width: 0;
  padding-top: 2px;
}

#mf-reviews-section .mf-reviews__quote-icon {
  display: block;
  width: 68px;
  height: auto;
  margin-bottom: 28px;
  color: #b3b8b6;
}

#mf-reviews-section .mf-reviews__intro-title {
  max-width: 210px;
  margin: 0;
  color: var(--mf-reviews-text);
  font-size: 23px;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: -0.022em;
  text-wrap: balance;
}

#mf-reviews-section .mf-reviews__controls {
  display: grid;
  grid-template-columns: 32px minmax(52px, 1fr) 32px;
  align-items: center;
  gap: 11px;
  width: 168px;
  margin-top: 34px;
}

#mf-reviews-section .mf-reviews__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--mf-reviews-text);
  cursor: pointer;
  transition:
    background-color 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

#mf-reviews-section .mf-reviews__arrow svg {
  display: block;
  width: 19px;
  height: 19px;
}

#mf-reviews-section .mf-reviews__arrow:hover:not(:disabled) {
  background: rgba(7, 60, 55, 0.07);
  transform: translateY(-1px);
}

#mf-reviews-section .mf-reviews__arrow:focus-visible {
  outline: 2px solid var(--mf-reviews-text);
  outline-offset: 3px;
}

#mf-reviews-section .mf-reviews__arrow:disabled {
  opacity: 0.28;
  cursor: default;
}

#mf-reviews-section .mf-reviews__progress {
  position: relative;
  width: 100%;
  height: 2px;
  overflow: hidden;
  background: rgba(7, 60, 55, 0.15);
}

#mf-reviews-section .mf-reviews__progress-bar {
  position: absolute;
  inset: 0;
  background: var(--mf-reviews-text);
  transform: scaleX(0.1);
  transform-origin: left center;
  transition: transform 180ms ease;
}

/* Slider */

#mf-reviews-section .mf-reviews__viewport {
  min-width: 0;
  overflow: visible;
}

#mf-reviews-section .mf-reviews__track {
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  padding: 2px 24px 14px 2px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 2px;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  outline: none;
}

#mf-reviews-section .mf-reviews__track::-webkit-scrollbar {
  display: none;
}

#mf-reviews-section .mf-reviews__track:focus-visible {
  border-radius: 18px;
  outline: 2px solid rgba(7, 60, 55, 0.2);
  outline-offset: 5px;
}

#mf-reviews-section .mf-reviews__item {
  flex: 0 0 320px;
  min-width: 0;
  scroll-snap-align: start;
}

/* Bewertungskarte */

#mf-reviews-section .mf-reviews__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 280px;
  padding: 26px 27px 23px;
  border: 1px solid rgba(7, 60, 55, 0.035);
  border-radius: 15px 15px 4px 15px;
  background: var(--mf-reviews-card);
  box-shadow:
    0 2px 5px rgba(7, 60, 55, 0.025),
    0 15px 38px rgba(7, 60, 55, 0.055);
}

#mf-reviews-section .mf-reviews__card::after {
  content: "";
  position: absolute;
  left: 28px;
  bottom: -9px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: var(--mf-reviews-card);
  box-shadow: 7px 7px 14px rgba(7, 60, 55, 0.022);
  transform: rotate(45deg);
}

#mf-reviews-section .mf-reviews__text {
  margin: 0;
  color: var(--mf-reviews-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

#mf-reviews-section .mf-reviews__stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: auto;
  padding-top: 22px;
  color: var(--mf-reviews-green);
}

#mf-reviews-section .mf-reviews__stars svg {
  display: block;
  width: 17px;
  height: 17px;
}

/* Kundenangaben */

#mf-reviews-section .mf-reviews__author {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  margin-top: 16px;
  padding-left: 17px;
}

#mf-reviews-section .mf-reviews__avatar {
  --mf-avatar-bg: #e8eeeb;
  --mf-avatar-text: #073c37;

  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border: 3px solid var(--mf-reviews-bg);
  border-radius: 50%;
  background: var(--mf-avatar-bg);
  color: var(--mf-avatar-text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.02em;
}

#mf-reviews-section .mf-reviews__avatar--sand {
  --mf-avatar-bg: #eee4d5;
  --mf-avatar-text: #704f2f;
}

#mf-reviews-section .mf-reviews__avatar--sage {
  --mf-avatar-bg: #dce9df;
  --mf-avatar-text: #28563f;
}

#mf-reviews-section .mf-reviews__avatar--stone {
  --mf-avatar-bg: #e3e8e7;
  --mf-avatar-text: #3f5550;
}

#mf-reviews-section .mf-reviews__avatar--forest {
  --mf-avatar-bg: #d5e6de;
  --mf-avatar-text: #005f41;
}

#mf-reviews-section .mf-reviews__avatar--graphite {
  --mf-avatar-bg: #dce1df;
  --mf-avatar-text: #1d3430;
}

#mf-reviews-section .mf-reviews__author-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#mf-reviews-section .mf-reviews__author-content strong {
  overflow: hidden;
  color: var(--mf-reviews-text);
  font-size: 15px;
  font-weight: 550;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mf-reviews-section .mf-reviews__author-content span {
  overflow: hidden;
  margin-top: 2px;
  color: var(--mf-reviews-copy);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tablet */

@media (max-width: 1024px) {
  #mf-reviews-section {
    padding: 76px 24px 62px !important;
  }

  #mf-reviews-section .mf-reviews__headline {
    font-size: 33px;
  }

  #mf-reviews-section .mf-reviews__layout {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 32px;
    margin-top: 56px;
  }

  #mf-reviews-section .mf-reviews__quote-icon {
    width: 58px;
    margin-bottom: 23px;
  }

  #mf-reviews-section .mf-reviews__intro-title {
    font-size: 21px;
  }

  #mf-reviews-section .mf-reviews__controls {
    width: 150px;
  }

  #mf-reviews-section .mf-reviews__item {
    flex-basis: 306px;
  }

  #mf-reviews-section .mf-reviews__card {
    min-height: 286px;
    padding: 24px 24px 22px;
  }

  #mf-reviews-section .mf-reviews__text {
    font-size: 15px;
  }
}

/* Smartphone */

@media (max-width: 767px) {
  #mf-reviews-section {
    padding: 60px 18px 48px !important;
  }

  #mf-reviews-section .mf-reviews__headline {
    max-width: 100%;
    font-size: 30px;
    line-height: 1.2;
  }

  #mf-reviews-section .mf-reviews__subline {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.6;
  }

  #mf-reviews-section .mf-reviews__platforms {
    gap: 7px;
    margin-top: 20px;
    font-size: 12px;
  }

  #mf-reviews-section .mf-reviews__platform-label {
    flex-basis: 100%;
    margin-bottom: 2px;
  }

  #mf-reviews-section .mf-reviews__platform-divider {
    display: none;
  }

  #mf-reviews-section .mf-reviews__review-count {
    flex-basis: 100%;
    margin-top: 3px;
  }

  #mf-reviews-section .mf-reviews__layout {
    display: block;
    margin-top: 44px;
  }

  #mf-reviews-section .mf-reviews__intro {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: start;
    gap: 17px;
    padding: 0;
  }

  #mf-reviews-section .mf-reviews__quote-icon {
    width: 50px;
    margin: 0;
  }

  #mf-reviews-section .mf-reviews__intro-title {
    max-width: 275px;
    font-size: 21px;
    line-height: 1.3;
  }

  #mf-reviews-section .mf-reviews__controls {
    grid-column: 1 / -1;
    width: 160px;
    margin-top: 7px;
  }

  #mf-reviews-section .mf-reviews__viewport {
    margin-top: 30px;
    margin-right: -18px;
  }

  #mf-reviews-section .mf-reviews__track {
    gap: 15px;
    padding-right: 18px;
  }

  #mf-reviews-section .mf-reviews__item {
    flex-basis: min(84vw, 320px);
  }

  #mf-reviews-section .mf-reviews__card {
    min-height: 274px;
    padding: 23px 22px 21px;
    border-radius: 14px 14px 4px 14px;
  }

  #mf-reviews-section .mf-reviews__text {
    font-size: 15px;
    line-height: 1.65;
  }

  #mf-reviews-section .mf-reviews__stars {
    padding-top: 20px;
  }

  #mf-reviews-section .mf-reviews__author {
    margin-top: 15px;
    padding-left: 15px;
  }
}

/* Kleine Smartphones */

@media (max-width: 390px) {
  #mf-reviews-section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #mf-reviews-section .mf-reviews__headline {
    font-size: 28px;
  }

  #mf-reviews-section .mf-reviews__viewport {
    margin-right: -16px;
  }

  #mf-reviews-section .mf-reviews__track {
    padding-right: 16px;
  }

  #mf-reviews-section .mf-reviews__item {
    flex-basis: calc(100vw - 48px);
  }
}

/* Barrierefreiheit */

@media (prefers-reduced-motion: reduce) {
  #mf-reviews-section .mf-reviews__track {
    scroll-behavior: auto;
  }

  #mf-reviews-section .mf-reviews__arrow,
  #mf-reviews-section .mf-reviews__progress-bar {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04c29b2 */#mf-benefit-faq-page {
  --mf-faq-page: #f3f3ef;
  --mf-faq-surface: #ffffff;
  --mf-faq-surface-soft: #f8f8f5;
  --mf-faq-green: #005f41;
  --mf-faq-green-deep: #004a35;
  --mf-faq-text: #103d35;
  --mf-faq-copy: #68756f;
  --mf-faq-muted: #8c9691;
  --mf-faq-lime: #a6e52b;
  --mf-faq-lime-hover: #b8ed4d;
  --mf-faq-border: rgba(8, 48, 39, 0.1);
  --mf-faq-border-strong: rgba(8, 48, 39, 0.16);

  width: 100%;
  overflow: hidden;
  background: var(--mf-faq-page);
  color: var(--mf-faq-text);
  font-family: "Poppins", sans-serif;
}

#mf-benefit-faq-page,
#mf-benefit-faq-page * {
  box-sizing: border-box;
}

#mf-benefit-faq-page a,
#mf-benefit-faq-page button,
#mf-benefit-faq-page input {
  font: inherit;
}

#mf-benefit-faq-page .mf-benefit-faq__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* =========================================================
   HERO
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__hero {
  padding: 82px 24px 62px !important;
  background:
    linear-gradient(
      180deg,
      #f7f7f4 0%,
      var(--mf-faq-page) 100%
    );
}

#mf-benefit-faq-page .mf-benefit-faq__hero-layout {
  display: grid;
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(320px, 0.8fr);
  gap: 80px;
  align-items: end;
}

#mf-benefit-faq-page .mf-benefit-faq__hero-copy {
  max-width: 780px;
}

#mf-benefit-faq-page .mf-benefit-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 14px 6px 7px;
  border: 1px solid rgba(0, 95, 65, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--mf-faq-green);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#mf-benefit-faq-page .mf-benefit-faq__eyebrow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: var(--mf-faq-lime);
  color: var(--mf-faq-green-deep);
}

#mf-benefit-faq-page .mf-benefit-faq__eyebrow-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}

#mf-benefit-faq-page .mf-benefit-faq__hero-copy h1 {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--mf-faq-text);
  font-size: 35px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

#mf-benefit-faq-page .mf-benefit-faq__hero-copy p {
  max-width: 690px;
  margin: 18px 0 0;
  color: var(--mf-faq-copy);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.68;
}

#mf-benefit-faq-page .mf-benefit-faq__hero-facts {
  border-top: 1px solid var(--mf-faq-border);
}

#mf-benefit-faq-page .mf-benefit-faq__hero-facts > div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  padding: 17px 0;
  border-bottom: 1px solid var(--mf-faq-border);
}

#mf-benefit-faq-page .mf-benefit-faq__hero-facts strong {
  color: var(--mf-faq-green);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

#mf-benefit-faq-page .mf-benefit-faq__hero-facts span {
  color: var(--mf-faq-copy);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}

/* =========================================================
   TOOLBAR
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__directory {
  padding: 0 24px 78px !important;
}

#mf-benefit-faq-page .mf-benefit-faq__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 18px;
  border: 1px solid var(--mf-faq-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
}

#mf-benefit-faq-page .mf-benefit-faq__search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 650px;
}

#mf-benefit-faq-page .mf-benefit-faq__search-icon {
  position: absolute;
  left: 15px;
  z-index: 2;
  display: inline-flex;
  color: var(--mf-faq-green);
  pointer-events: none;
}

#mf-benefit-faq-page .mf-benefit-faq__search-icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

#mf-benefit-faq-page .mf-benefit-faq__search input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 45px;
  border: 1px solid var(--mf-faq-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--mf-faq-text);
  font-size: 12px;
  font-weight: 400;
  outline: 0;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
}

#mf-benefit-faq-page .mf-benefit-faq__search input::placeholder {
  color: #9aa39f;
}

#mf-benefit-faq-page .mf-benefit-faq__search input:focus {
  border-color: rgba(0, 95, 65, 0.34);
  box-shadow: 0 0 0 4px rgba(0, 95, 65, 0.06);
}

#mf-benefit-faq-page .mf-benefit-faq__search-clear {
  position: absolute;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--mf-faq-surface-soft);
  color: var(--mf-faq-copy);
  cursor: pointer;
}

#mf-benefit-faq-page .mf-benefit-faq__search-clear svg {
  display: block;
  width: 15px;
  height: 15px;
}

#mf-benefit-faq-page .mf-benefit-faq__expand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--mf-faq-border);
  border-radius: 10px;
  background: transparent;
  color: var(--mf-faq-green);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

#mf-benefit-faq-page .mf-benefit-faq__expand svg {
  display: block;
  width: 15px;
  height: 15px;
  transition: transform 180ms ease;
}

#mf-benefit-faq-page
  .mf-benefit-faq__expand[aria-pressed="true"]
  svg {
  transform: rotate(180deg);
}

/* =========================================================
   DIRECTORY LAYOUT
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__layout {
  display: grid;
  grid-template-columns:
    minmax(235px, 0.58fr)
    minmax(0, 1.42fr);
  gap: 72px;
  align-items: start;
  margin-top: 36px;
}

#mf-benefit-faq-page .mf-benefit-faq__side-inner {
  position: sticky;
  top: 96px;
}

#mf-benefit-faq-page .mf-benefit-faq__side-label {
  display: block;
  margin-bottom: 13px;
  color: var(--mf-faq-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#mf-benefit-faq-page .mf-benefit-faq__nav {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--mf-faq-border);
}

#mf-benefit-faq-page .mf-benefit-faq__nav-button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid var(--mf-faq-border);
  background: transparent;
  color: var(--mf-faq-copy);
  text-align: left;
  cursor: pointer;
  transition:
    color 180ms ease,
    padding-left 180ms ease;
}

#mf-benefit-faq-page .mf-benefit-faq__nav-button:hover,
#mf-benefit-faq-page .mf-benefit-faq__nav-button.is-active {
  padding-left: 5px;
  color: var(--mf-faq-green);
}

#mf-benefit-faq-page .mf-benefit-faq__nav-button span {
  color: var(--mf-faq-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
}

#mf-benefit-faq-page .mf-benefit-faq__nav-button strong {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}

#mf-benefit-faq-page .mf-benefit-faq__side-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid var(--mf-faq-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.64);
}

#mf-benefit-faq-page .mf-benefit-faq__side-contact > span {
  color: var(--mf-faq-copy);
  font-size: 9px;
  font-weight: 550;
  line-height: 1.4;
}

#mf-benefit-faq-page .mf-benefit-faq__side-contact a {
  margin-top: 7px;
  color: var(--mf-faq-green);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
}

#mf-benefit-faq-page .mf-benefit-faq__side-contact small {
  margin-top: 6px;
  color: var(--mf-faq-muted);
  font-size: 8px;
  font-weight: 400;
  line-height: 1.5;
}

/* =========================================================
   GROUPS
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__group {
  scroll-margin-top: 96px;
  padding: 0 0 62px;
}

#mf-benefit-faq-page .mf-benefit-faq__group:last-of-type {
  padding-bottom: 0;
}

#mf-benefit-faq-page .mf-benefit-faq__group-header {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(240px, 0.7fr);
  gap: 45px;
  align-items: end;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--mf-faq-border-strong);
}

#mf-benefit-faq-page .mf-benefit-faq__group-header > div {
  display: flex;
  align-items: baseline;
  gap: 15px;
}

#mf-benefit-faq-page .mf-benefit-faq__group-index {
  color: var(--mf-faq-lime);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

#mf-benefit-faq-page .mf-benefit-faq__group-header h2 {
  margin: 0;
  color: var(--mf-faq-text);
  font-size: 27px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

#mf-benefit-faq-page .mf-benefit-faq__group-header p {
  margin: 0;
  color: var(--mf-faq-copy);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.55;
}

#mf-benefit-faq-page .mf-benefit-faq__items {
  border-bottom: 1px solid var(--mf-faq-border);
}

#mf-benefit-faq-page .mf-benefit-faq__item {
  border-top: 1px solid var(--mf-faq-border);
}

#mf-benefit-faq-page .mf-benefit-faq__item:first-child {
  border-top: 0;
}

#mf-benefit-faq-page .mf-benefit-faq__question {
  display: grid;
  grid-template-columns:
    32px
    minmax(0, 1fr)
    32px;
  gap: 15px;
  align-items: center;
  width: 100%;
  padding: 22px 0;
  border: 0;
  background: transparent;
  color: var(--mf-faq-text);
  text-align: left;
  cursor: pointer;
}

#mf-benefit-faq-page .mf-benefit-faq__question-number {
  color: var(--mf-faq-muted);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}

#mf-benefit-faq-page .mf-benefit-faq__question-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.48;
}

#mf-benefit-faq-page .mf-benefit-faq__toggle {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid var(--mf-faq-border-strong);
  border-radius: 50%;
  transition:
    border-color 180ms ease,
    background-color 180ms ease;
}

#mf-benefit-faq-page .mf-benefit-faq__toggle::before,
#mf-benefit-faq-page .mf-benefit-faq__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background: var(--mf-faq-green);
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

#mf-benefit-faq-page .mf-benefit-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

#mf-benefit-faq-page
  .mf-benefit-faq__item.is-open
  .mf-benefit-faq__toggle {
  border-color: rgba(0, 95, 65, 0.18);
  background: var(--mf-faq-lime);
}

#mf-benefit-faq-page
  .mf-benefit-faq__item.is-open
  .mf-benefit-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

#mf-benefit-faq-page .mf-benefit-faq__question:focus-visible {
  outline: 2px solid var(--mf-faq-green);
  outline-offset: 4px;
}

#mf-benefit-faq-page .mf-benefit-faq__answer[hidden] {
  display: none !important;
}

#mf-benefit-faq-page .mf-benefit-faq__answer-inner {
  max-width: 760px;
  padding: 0 55px 23px 47px;
}

#mf-benefit-faq-page .mf-benefit-faq__answer p {
  margin: 0;
  color: var(--mf-faq-copy);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.72;
}

/* =========================================================
   EMPTY STATE
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__empty {
  padding: 46px;
  border: 1px solid var(--mf-faq-border);
  border-radius: 18px;
  background: var(--mf-faq-surface);
  text-align: center;
}

#mf-benefit-faq-page .mf-benefit-faq__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(166, 229, 43, 0.15);
  color: var(--mf-faq-green);
}

#mf-benefit-faq-page .mf-benefit-faq__empty-icon svg {
  width: 22px;
  height: 22px;
}

#mf-benefit-faq-page .mf-benefit-faq__empty h2 {
  margin: 17px 0 0;
  color: var(--mf-faq-text);
  font-size: 23px;
  font-weight: 600;
  line-height: 1.3;
}

#mf-benefit-faq-page .mf-benefit-faq__empty p {
  max-width: 520px;
  margin: 12px auto 0;
  color: var(--mf-faq-copy);
  font-size: 12px;
  line-height: 1.65;
}

#mf-benefit-faq-page .mf-benefit-faq__empty a {
  display: inline-flex;
  margin-top: 20px;
  color: var(--mf-faq-green);
  font-size: 11px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* =========================================================
   CTA
   ========================================================= */

#mf-benefit-faq-page .mf-benefit-faq__cta {
  padding: 0 24px 84px !important;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-stage {
  display: grid;
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(300px, 0.8fr);
  gap: 70px;
  align-items: end;
  padding: 45px 48px;
  border-radius: 22px;
  background:
    linear-gradient(
      135deg,
      var(--mf-faq-green) 0%,
      var(--mf-faq-green-deep) 100%
    );
  color: #ffffff;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-copy > span {
  color: var(--mf-faq-lime);
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-copy h2 {
  max-width: 690px;
  margin: 13px 0 0;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.027em;
  text-wrap: balance;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-copy p {
  max-width: 620px;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 17px;
  border-radius: 11px;
  background: var(--mf-faq-lime);
  color: var(--mf-faq-green-deep);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-primary svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-primary:hover {
  background: var(--mf-faq-lime-hover);
  transform: translateY(-2px);
}

#mf-benefit-faq-page .mf-benefit-faq__cta-phone {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-phone small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#mf-benefit-faq-page .mf-benefit-faq__cta-phone strong {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  #mf-benefit-faq-page .mf-benefit-faq__hero {
    padding: 72px 20px 56px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-facts > div {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px;
    border-left: 1px solid var(--mf-faq-border);
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-facts > div:first-child {
    padding-left: 0;
    border-left: 0;
  }

  #mf-benefit-faq-page .mf-benefit-faq__directory {
    padding: 0 20px 68px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__layout {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 45px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__group-header {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta {
    padding: 0 20px 72px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-stage {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-actions {
    justify-content: flex-start;
  }
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

@media (max-width: 767px) {
  #mf-benefit-faq-page .mf-benefit-faq__hero {
    padding: 58px 16px 46px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-copy h1 {
    font-size: 29px;
    line-height: 1.21;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-copy p {
    font-size: 15px;
    line-height: 1.63;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-facts {
    grid-template-columns: 1fr;
  }

  #mf-benefit-faq-page .mf-benefit-faq__hero-facts > div,
  #mf-benefit-faq-page .mf-benefit-faq__hero-facts > div:first-child {
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 14px;
    padding: 14px 0;
    border-left: 0;
  }

  #mf-benefit-faq-page .mf-benefit-faq__directory {
    padding: 0 16px 56px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 15px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__search {
    max-width: none;
  }

  #mf-benefit-faq-page .mf-benefit-faq__expand {
    justify-content: space-between;
    width: 100%;
  }

  #mf-benefit-faq-page .mf-benefit-faq__layout {
    display: block;
    margin-top: 25px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__side {
    margin: 0 -16px 32px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #mf-benefit-faq-page .mf-benefit-faq__side::-webkit-scrollbar {
    display: none;
  }

  #mf-benefit-faq-page .mf-benefit-faq__side-inner {
    position: static;
    width: max-content;
    min-width: 100%;
    padding: 0 16px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__side-label,
  #mf-benefit-faq-page .mf-benefit-faq__side-contact {
    display: none;
  }

  #mf-benefit-faq-page .mf-benefit-faq__nav {
    flex-direction: row;
    gap: 9px;
    border-top: 0;
  }

  #mf-benefit-faq-page .mf-benefit-faq__nav-button {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    width: auto;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid var(--mf-faq-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
  }

  #mf-benefit-faq-page .mf-benefit-faq__nav-button:hover,
  #mf-benefit-faq-page .mf-benefit-faq__nav-button.is-active {
    padding-left: 13px;
    border-color: rgba(0, 95, 65, 0.18);
    background: var(--mf-faq-green);
    color: #ffffff;
  }

  #mf-benefit-faq-page
    .mf-benefit-faq__nav-button.is-active
    span {
    color: var(--mf-faq-lime);
  }

  #mf-benefit-faq-page .mf-benefit-faq__group {
    scroll-margin-top: 24px;
    padding-bottom: 48px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__group-header h2 {
    font-size: 24px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__question {
    grid-template-columns:
      24px
      minmax(0, 1fr)
      30px;
    gap: 10px;
    padding: 19px 0;
  }

  #mf-benefit-faq-page .mf-benefit-faq__question-text {
    font-size: 13px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__answer-inner {
    padding: 0 40px 20px 34px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__answer p {
    font-size: 11px;
    line-height: 1.68;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta {
    padding: 0 16px 64px !important;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-stage {
    padding: 30px 22px;
    border-radius: 18px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-copy h2 {
    font-size: 26px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-actions {
    align-items: stretch;
    flex-direction: column;
  }

  #mf-benefit-faq-page .mf-benefit-faq__cta-primary {
    justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 390px) {
  #mf-benefit-faq-page .mf-benefit-faq__hero-copy h1 {
    font-size: 27px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__question {
    grid-template-columns:
      minmax(0, 1fr)
      30px;
  }

  #mf-benefit-faq-page .mf-benefit-faq__question-number {
    display: none;
  }

  #mf-benefit-faq-page .mf-benefit-faq__answer-inner {
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mf-benefit-faq-page *,
  #mf-benefit-faq-page *::before,
  #mf-benefit-faq-page *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}/* End custom CSS */