.elementor-722 .elementor-element.elementor-element-c45894d{--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:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-a21185b{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-722 .elementor-element.elementor-element-c45894d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-a21185b{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-91bd266 *//* ============================================
   Voor Externe Partners — SeniorMakelaar.nl
   Volledig responsive: Elementor breakpoints 1024px (tablet) + 767px (mobiel)
   Plak in Site-instellingen > Custom CSS of WPCodeBox (CSS snippet)
   ============================================ */

:root{
  --vi:#6728E5;--vi-l:#8B5CF6;--vi-d:#5120B8;--vi-bg:#F3EFFE;--vi-bg2:#E9E0FD;
  --co:#FF5064;--co-d:#E63E52;--co-bg:#FFF0F2;--co-t:#C7223A;
  --mi:#C3E5CA;--mi-d:#2D9F4A;--mi-t:#1B7A33;
  --te:#5E8096;--te-d:#3D5E70;
  --w:#FFF;--off:#FAFAFE;
  --g1:#F1F0F5;--g2:#E4E2EC;--g4t:#6B6580;--g5:#756F8A;--g6:#524D66;--g7:#3A3650;--g8:#252239;
  --f:'Poppins',sans-serif;--max:1320px;
  --r:10px;--r-l:16px;--r-xl:24px;--r-2:32px;--r-f:9999px;
  --sh:0 1px 4px rgba(103,40,229,.04),0 0 0 1px rgba(103,40,229,.03);
  --sh-h:0 8px 28px rgba(103,40,229,.09),0 0 0 1px rgba(103,40,229,.05);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f);color:var(--g6)!important;background:var(--w);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:inherit;text-decoration:none}
.ctn{max-width:var(--max);margin:0 auto;padding:0}

/* Placeholders */
.ph{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:100%;height:100%;min-height:300px;color:var(--w);text-align:center;padding:2rem;font-family:var(--f)}
.ph svg{width:32px;height:32px;opacity:.6}
.ph span{font-size:.75rem;font-weight:500;opacity:.6;max-width:200px;line-height:1.3}
.ph--vi{background:linear-gradient(135deg,#7c3aed,#5120B8)}
.ph--te{background:linear-gradient(135deg,#7faabb,#3D5E70)}
.ph--mi{background:linear-gradient(135deg,#86efac,#1B7A33)}
.ph--co{background:linear-gradient(135deg,#f87171,#C7223A)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f);font-weight:600;font-size:.9rem;padding:14px 26px;border-radius:var(--r-f);transition:all .2s;line-height:1;white-space:nowrap;text-decoration:none!important;border:none!important;cursor:pointer;box-shadow:none!important}
.btn svg{width:15px;height:15px;flex-shrink:0;transition:transform .15s}
.btn:hover svg:last-child{transform:translateX(3px)}
.btn svg.btn-ic{width:18px;height:18px;margin-right:-.125rem;transition:none}
.btn:hover svg.btn-ic{transform:none}
.btn--vi{background:var(--vi)!important;color:var(--w)!important}.btn--vi:hover{background:var(--vi-d)!important}
.btn--co{background:var(--co)!important;color:var(--w)!important}.btn--co:hover{background:var(--co-d)!important}
.btn--w-vi{background:var(--w)!important;color:var(--vi-d)!important}.btn--w-vi:hover{background:var(--g1)!important}
.btn--outline{background:transparent!important;color:var(--vi)!important;box-shadow:inset 0 0 0 2px var(--g2)!important}.btn--outline:hover{box-shadow:inset 0 0 0 2px var(--vi)!important}
.btn--outline-w{background:transparent!important;color:#FFF!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)!important}.btn--outline-w:hover{box-shadow:inset 0 0 0 2px #FFF!important}

/* Section titles */
.st{margin-bottom:0}.st--c{text-align:center}
.st__label{font-size:.82rem!important;font-weight:600!important;color:var(--vi)!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.st__title{font-size:2rem!important;font-weight:700!important;color:var(--g8)!important;line-height:1.15;letter-spacing:-.015em}
.st__desc{font-size:.95rem!important;color:var(--g6)!important;margin-top:.6rem;max-width:580px;line-height:1.65}
.st--c .st__desc{margin-left:auto;margin-right:auto}

/* ========== HERO ========== */
.pt-hero{padding:0 0 3.5rem}
.pt-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:400px;border-radius:var(--r-2);overflow:hidden}
.pt-hero__content{background:var(--vi)!important;color:var(--w)!important;padding:3.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.pt-hero__content::before{content:'';position:absolute;bottom:-40%;right:-20%;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.pt-hero__label{font-size:.82rem!important;font-weight:600!important;color:rgba(255,255,255,.7)!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;position:relative}
.pt-hero__title{font-size:1.85rem!important;font-weight:900!important;line-height:1.1;margin-bottom:1rem;position:relative;color:#FFF!important}
.pt-hero__sub{font-size:.92rem!important;color:rgba(255,255,255,.85)!important;line-height:1.65;max-width:440px;position:relative;margin-bottom:.5rem}
.pt-hero__highlight{font-size:.95rem!important;font-weight:600!important;color:#FFF!important;position:relative;margin-top:.75rem}
.pt-hero__actions{display:flex;gap:.75rem;margin-top:1.5rem;position:relative;flex-wrap:wrap}
.pt-hero__img{overflow:hidden}
.pt-hero__img .ph{min-height:100%}

/* ========== TWO-COL SECTIONS ========== */
.pt-sec{padding:3.5rem 0}
.pt-sec--off{background:var(--off)}
.pt-sec__inner{display:grid;grid-template-columns:7fr 5fr;gap:4rem;align-items:center}
.pt-sec__inner--rev{grid-template-columns:5fr 7fr}
.pt-sec__text{font-size:.95rem!important;color:var(--g6)!important;line-height:1.7;margin-bottom:1.25rem}
.pt-sec__text strong{color:var(--g8)!important}
.pt-sec__list{display:flex;flex-direction:column;gap:.5rem}
.pt-sec__li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem!important;color:var(--g7)!important;line-height:1.5}
.pt-sec__li svg{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:var(--vi)!important}
.pt-sec__note{font-size:.95rem!important;font-weight:600!important;color:var(--vi-d)!important;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--vi-bg);border-radius:var(--r-l)}
.pt-sec__note--italic{font-style:italic;font-weight:400!important;color:var(--g6)!important;background:none;padding:0;margin-top:1rem;font-size:.88rem!important;line-height:1.6}
.pt-sec__img{border-radius:var(--r-l) var(--r-2) var(--r-l) var(--r-2);overflow:hidden}
.pt-sec__img--alt{border-radius:var(--r-2) var(--r-l) var(--r-2) var(--r-l)}
.pt-sec__img .ph{min-height:320px}

/* ========== PARTNER TYPES (6 cards) ========== */
.pt-types{padding:3.5rem 0;background:var(--off)}
.pt-types__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.pt-type{background:var(--w);border-radius:var(--r-xl);padding:1.75rem;box-shadow:var(--sh);transition:all .25s;border:1px solid transparent;display:flex;flex-direction:column}
.pt-type:hover{box-shadow:var(--sh-h);transform:translateY(-3px);border-color:rgba(103,40,229,.06)}
.pt-type__icon{width:48px;height:48px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0;background:var(--vi-bg);color:var(--vi)}
.pt-type__icon svg{width:24px;height:24px}
.pt-type__title{font-size:.95rem!important;font-weight:700!important;color:var(--g8)!important;margin-bottom:.35rem;line-height:1.3}
.pt-type__desc{font-size:.82rem!important;color:var(--g6)!important;line-height:1.55}

/* ========== TIMELINE (wanneer in beeld) ========== */
.pt-when{padding:3.5rem 0;background:var(--w)}
.pt-when__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.5rem}
.pt-when__step{background:var(--off);border-radius:var(--r-xl);padding:1.75rem;position:relative;border:1px solid transparent;transition:all .25s}
.pt-when__step:hover{box-shadow:var(--sh-h);border-color:rgba(103,40,229,.06)}
.pt-when__num{width:36px;height:36px;border-radius:50%;background:var(--vi);color:var(--w)!important;font-size:.82rem!important;font-weight:800!important;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}
.pt-when__step-title{font-size:.92rem!important;font-weight:700!important;color:var(--g8)!important;margin-bottom:.35rem;line-height:1.3}
.pt-when__step-desc{font-size:.82rem!important;color:var(--g6)!important;line-height:1.55}
.pt-when__note{text-align:center;font-size:.88rem!important;color:var(--g6)!important;font-style:italic;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}

/* ========== KWALITEIT (split card) ========== */
.pt-quality{padding:3.5rem 0;background:var(--off)}
.pt-quality__card{background:var(--vi-bg);border-radius:var(--r-2);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.pt-quality__text{font-size:.95rem!important;color:var(--g6)!important;line-height:1.7;margin-bottom:1rem}
.pt-quality__list{display:flex;flex-direction:column;gap:.5rem}
.pt-quality__li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem!important;color:var(--g7)!important;line-height:1.5;padding:10px 14px;background:var(--w);border-radius:var(--r-l);box-shadow:var(--sh)}
.pt-quality__li svg{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:var(--vi)!important}
.pt-quality__note{font-size:.88rem!important;color:var(--g6)!important;margin-top:1.25rem;font-style:italic;line-height:1.6}

/* ========== VOORDELEN (4 genummerd) ========== */
.pt-vals{padding:3.5rem 0;background:var(--w)}
.pt-vals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.5rem}
.pt-val{background:var(--off);border-radius:var(--r-xl);padding:1.75rem;transition:all .25s;border:1px solid transparent;display:flex;flex-direction:column}
.pt-val:hover{box-shadow:var(--sh-h);transform:translateY(-3px);border-color:rgba(103,40,229,.06)}
.pt-val__icon{width:48px;height:48px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0;background:var(--vi-bg);color:var(--vi)}
.pt-val__icon svg{width:24px;height:24px}
.pt-val__title{font-size:.92rem!important;font-weight:700!important;color:var(--g8)!important;margin-bottom:.35rem}
.pt-val__desc{font-size:.82rem!important;color:var(--g6)!important;line-height:1.55}

/* ========== WORD PARTNER (vakgebieden) ========== */
.pt-fields{padding:3.5rem 0;background:var(--off)}
.pt-fields__card{background:var(--vi-bg);border-radius:var(--r-2);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.pt-fields__text{font-size:.95rem!important;color:var(--g6)!important;line-height:1.7;margin-bottom:1rem}
.pt-fields__list{display:flex;flex-direction:column;gap:.5rem}
.pt-fields__li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem!important;color:var(--g7)!important;line-height:1.5;padding:10px 14px;background:var(--w);border-radius:var(--r-l);box-shadow:var(--sh)}
.pt-fields__li svg{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:var(--vi)!important}

/* ========== CTA ========== */
.pt-cta{padding:3.5rem 0}
.pt-cta__card{background:var(--vi);border-radius:var(--r-2);padding:3.5rem;color:var(--w)!important;display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:center;position:relative;overflow:hidden}
.pt-cta__card::before{content:'';position:absolute;top:-30%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.pt-cta__title{font-size:1.65rem!important;font-weight:900!important;line-height:1.15;margin-bottom:.75rem;position:relative;color:#FFF!important}
.pt-cta__desc{font-size:.95rem!important;color:rgba(255,255,255,.85)!important;line-height:1.65;position:relative;margin-bottom:1.25rem}
.pt-cta__checks{display:flex;flex-direction:column;gap:.5rem;position:relative}
.pt-cta__check{display:flex;align-items:center;gap:.5rem;font-size:.88rem!important;color:rgba(255,255,255,.95)!important;font-weight:500}
.pt-cta__check svg{width:14px;height:14px;flex-shrink:0;color:#FFF!important}
.pt-cta__actions{display:flex;flex-direction:column;gap:.75rem;position:relative}

/* ========== FAQ ========== */
.pt-faq{padding:3.5rem 0;background:var(--off)}
.pt-faq__list{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;margin-top:2.5rem}
.pt-faq__item{background:var(--w);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh);border:1px solid transparent;transition:border-color .2s}
.pt-faq__item:hover{border-color:rgba(103,40,229,.06)}
.pt-faq__q{width:100%;padding:1.25rem 1.5rem;background:none;border:none;font-family:var(--f);font-size:.9rem!important;font-weight:600!important;color:var(--g8)!important;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pt-faq__q svg{width:18px;height:18px;flex-shrink:0;color:var(--vi)!important;transition:transform .2s}
.pt-faq__item.is-open .pt-faq__q svg{transform:rotate(45deg)}
.pt-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.pt-faq__item.is-open .pt-faq__a{max-height:500px}
.pt-faq__a-inner{padding:.75rem 1.5rem 1.25rem;font-size:.85rem!important;color:var(--g6)!important;line-height:1.65}

/* ============================================
   TABLET — Elementor breakpoint (max-width: 1024px)
   ============================================ */
@media(max-width:1024px){
  /* Sectie-padding iets compacter */
  .pt-hero{padding-bottom:3rem}
  .pt-sec,.pt-types,.pt-when,.pt-quality,.pt-vals,.pt-fields,.pt-cta,.pt-faq{padding:3rem 0}

  /* Section titles iets kleiner */
  .st__title{font-size:1.75rem!important}

  /* Hero: blijft 2-koloms maar minder hoog en compactere padding */
  .pt-hero__inner{min-height:340px}
  .pt-hero__content{padding:2.5rem}
  .pt-hero__title{font-size:1.6rem!important}

  /* Twee-koloms secties: kleinere gap */
  .pt-sec__inner,.pt-sec__inner--rev{gap:2.5rem}

  /* Partner types: 2 koloms */
  .pt-types__grid{grid-template-columns:repeat(2,1fr)}

  /* Timeline: 2 koloms */
  .pt-when__steps{grid-template-columns:repeat(2,1fr)}

  /* Voordelen: 2 koloms */
  .pt-vals__grid{grid-template-columns:repeat(2,1fr)}

  /* Split cards: ruimere binnenmarge afbouwen */
  .pt-quality__card,.pt-fields__card{padding:2.5rem;gap:2.5rem}

  /* CTA blijft 2-koloms maar compacter */
  .pt-cta__card{padding:2.5rem;gap:2rem}
  .pt-cta__title{font-size:1.5rem!important}
}

/* ============================================
   MOBIEL — Elementor breakpoint (max-width: 767px)
   ============================================ */
@media(max-width:767px){
  /* Sectie-padding compact */
  .pt-hero{padding-bottom:2.5rem}
  .pt-sec,.pt-types,.pt-when,.pt-quality,.pt-vals,.pt-fields,.pt-cta,.pt-faq{padding:2.5rem 0}

  /* Section titles mobiel */
  .st__title{font-size:1.5rem!important}
  .st__desc{font-size:.9rem!important}

  /* HERO: stapelen, foto boven */
  .pt-hero__inner{grid-template-columns:1fr;min-height:0}
  .pt-hero__img{order:1;aspect-ratio:16/10}
  .pt-hero__img .ph{min-height:0}
  .pt-hero__content{order:2;padding:2rem 1.5rem}
  .pt-hero__title{font-size:1.4rem!important}
  .pt-hero__sub{max-width:none;font-size:.9rem!important}
  .pt-hero__actions{flex-direction:column;align-items:stretch}
  .pt-hero__actions .btn{justify-content:center;width:100%}

  /* TWEE-KOLOMS SECTIES: stapelen, foto boven */
  .pt-sec__inner,.pt-sec__inner--rev{grid-template-columns:1fr;gap:2rem}
  .pt-sec__img,.pt-sec__img--alt{order:-1}
  .pt-sec__img .ph{min-height:220px}

  /* PARTNER TYPES: 1 kolom */
  .pt-types__grid{grid-template-columns:1fr;margin-top:2rem}

  /* TIMELINE: 1 kolom */
  .pt-when__steps{grid-template-columns:1fr;margin-top:2rem}

  /* KWALITEIT split: stapelen */
  .pt-quality__card{grid-template-columns:1fr;gap:1.75rem;padding:2rem}

  /* VOORDELEN: 1 kolom */
  .pt-vals__grid{grid-template-columns:1fr;margin-top:2rem}

  /* VAKGEBIEDEN split: stapelen */
  .pt-fields__card{grid-template-columns:1fr;gap:1.75rem;padding:2rem}

  /* CTA: stapelen, knoppen full-width */
  .pt-cta__card{grid-template-columns:1fr;gap:1.75rem;padding:2rem 1.5rem}
  .pt-cta__title{font-size:1.4rem!important}
  .pt-cta__actions .btn{justify-content:center;width:100%}

  /* FAQ: iets compactere vraag-padding */
  .pt-faq__list{margin-top:2rem}
  .pt-faq__q{padding:1rem 1.25rem}
  .pt-faq__a-inner{padding:.5rem 1.25rem 1.1rem}
}

/* ============================================
   KLEINE TELEFOONS (max-width: 400px) — fijn-tuning
   ============================================ */
@media(max-width:400px){
  .pt-hero__content{padding:1.75rem 1.25rem}
  .pt-hero__title{font-size:1.3rem!important}
  .st__title{font-size:1.35rem!important}
  .pt-quality__card,.pt-fields__card,.pt-cta__card{padding:1.75rem 1.25rem}
}

/* Toegankelijkheid: respecteer reduced-motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}/* End custom CSS */