/* Auto-generiert aus partner-makler.html (alle Selektoren auf .page-makler gescoped) */
/* Brand-Tokens scoped — keine globale Kollision */
.page-makler {
  --m-navy:#0D3A5C; --m-blue:#1B4B82; --m-cyan:#00A0D2; --m-lcyan:#00C5E5;
  --m-ink:#1E293B; --m-muted:#5B6B7E; --m-line:#E2E8F0;
  --m-bg:#FFFFFF; --m-bg-soft:#F5F7FA; --m-bg-tint:#E9F5FB;
  --m-radius:8px; --m-radius-md:12px; --m-radius-lg:16px; --m-pill:999px;
  --m-shadow-sm:0 1px 2px rgba(13,58,92,.05);
  --m-shadow-md:0 8px 28px rgba(13,58,92,.10);
  --m-maxw:1140px;
  /* Aliase, damit das automatisch erzeugte CSS sie findet */
  --navy:var(--m-navy); --blue:var(--m-blue); --cyan:var(--m-cyan); --lcyan:var(--m-lcyan);
  --ink:var(--m-ink); --muted:var(--m-muted); --line:var(--m-line);
  --bg:var(--m-bg); --bg-soft:var(--m-bg-soft); --bg-tint:var(--m-bg-tint);
  --radius:var(--m-radius); --radius-md:var(--m-radius-md); --radius-lg:var(--m-radius-lg); --pill:var(--m-pill);
  --shadow-sm:var(--m-shadow-sm); --shadow-md:var(--m-shadow-md);
  --maxw:var(--m-maxw);
  /* Typo */
  color:var(--m-ink); font-family:'Outfit', system-ui, -apple-system, sans-serif;
}

.page-makler .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

.page-makler .header-cta{
  background:var(--cyan);color:#fff;font-weight:600;font-size:.92rem;
  padding:11px 22px;border-radius:var(--pill);transition:background .15s,transform .15s;
}
.page-makler .header-cta:hover{background:var(--lcyan);transform:translateY(-1px)}

/* Section-Default-Padding (vom Aufbereiter weggefiltert — hier wieder rein) */
.page-makler section{padding:84px 0}
/* Extra Luft an den Hell↔Dunkel-Übergängen 04↔05 und 07↔08 */
.page-makler section.extra-bottom{padding-bottom:130px}
.page-makler .section-dark{padding-top:104px}
.page-makler .section-cta{padding-top:120px}

.page-makler .hero{
  position:relative;background:var(--navy);color:#fff;overflow:hidden;
  padding:104px 0 96px;
}
/* Überschreibt die globale Site-Regel h1,h2,h3{color:--primary-dark},
   die sonst den Hero-Titel dunkelblau auf dunkelblau zeichnet. */
.page-makler .hero h1,
.page-makler .hero h2,
.page-makler .hero h3,
.page-makler .hero p,
.page-makler .hero a {
  color:#fff;
}
.page-makler .hero::before{ 
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;
}
.page-makler .hero::after{ 
  content:"";position:absolute;top:-180px;right:-160px;width:620px;height:620px;
  background:radial-gradient(circle,rgba(0,160,210,.38) 0%,transparent 68%);
  pointer-events:none;
}
.page-makler .hero .wrap{position:relative;z-index:1}
.page-makler .eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:.78rem;font-weight:600;letter-spacing:.18em;color:var(--lcyan);
  text-transform:uppercase;margin-bottom:22px;
}
.page-makler .eyebrow::before{content:"";width:34px;height:2px;background:var(--cyan)}
.page-makler .hero .lead{
  font-size:clamp(1.05rem,1.7vw,1.28rem);color:#C2D3E2;
  max-width:56ch;margin-bottom:34px;font-weight:300;
}
.page-makler .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:54px}
.page-makler .btn{
  display:inline-flex;align-items:center;gap:10px;font-weight:600;
  padding:15px 30px;border-radius:var(--pill);font-size:1rem;
  cursor:pointer;border:none;transition:transform .15s,background .15s,box-shadow .15s;
}
.page-makler .btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 26px rgba(0,160,210,.32)}
.page-makler .btn-primary:hover{background:var(--lcyan);transform:translateY(-2px)}
.page-makler .btn-ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.32)}
.page-makler .btn-ghost:hover{border-color:var(--lcyan);color:var(--lcyan)}
.page-makler .trust-row{display:flex;flex-wrap:wrap;gap:14px}
.page-makler .trust{
  display:flex;align-items:center;gap:11px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  padding:13px 18px;border-radius:var(--radius-md);
}
.page-makler .trust b{color:#fff;font-size:.95rem;font-weight:600}
.page-makler .trust small{display:block;color:#9FB6CC;font-size:.76rem;font-weight:300}
.page-makler .trust .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);flex:0 0 auto}

.page-makler .sec-eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:16px;
}
.page-makler .sec-eyebrow .num{color:var(--blue);font-weight:800;font-size:.92rem}
.page-makler .sec-eyebrow .num::after{content:"";display:inline-block;width:26px;height:2px;
  background:var(--line);margin-left:12px;vertical-align:middle}
.page-makler h2.sec-title{font-size:clamp(1.7rem,3.2vw,2.5rem);color:var(--navy);max-width:20ch}
.page-makler .sec-intro{font-size:1.08rem;color:var(--muted);max-width:62ch;margin-top:18px}

.page-makler .grid{display:grid;gap:22px;margin-top:42px}
.page-makler .g2{grid-template-columns:repeat(2,1fr)}
.page-makler .g3{grid-template-columns:repeat(3,1fr)}
.page-makler .g4{grid-template-columns:repeat(4,1fr)}
.page-makler .card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:28px;transition:transform .2s,box-shadow .2s;
}
.page-makler .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.page-makler .card p{color:var(--muted);font-size:.97rem}
.page-makler .icon{
  width:50px;height:50px;border-radius:12px;background:var(--bg-tint);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.page-makler .icon svg{width:25px;height:25px;stroke:var(--blue);fill:none;stroke-width:1.9}

.page-makler .stat{background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:32px 28px}
.page-makler .stat .big{font-size:2.7rem;font-weight:800;color:var(--blue);line-height:1;margin-bottom:14px}
.page-makler .stat p{color:var(--ink);font-size:.98rem}
.page-makler .callout{
  margin-top:34px;background:var(--navy);color:#fff;border-radius:var(--radius-md);
  padding:26px 32px;font-size:1.12rem;font-weight:500;
}
.page-makler .callout::before{content:"";display:inline-block;width:22px;height:3px;
  background:var(--cyan);margin-right:14px;vertical-align:middle}

.page-makler .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}
.page-makler .step{position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-md);padding:30px 24px 26px}
.page-makler .step .n{
  width:42px;height:42px;border-radius:50%;background:var(--cyan);color:#fff;
  font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
}
.page-makler .step p{color:var(--muted);font-size:.93rem}
.page-makler .step .chip{
  display:inline-block;margin-top:14px;background:var(--bg-tint);color:var(--blue);
  font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:var(--pill);
}

.page-makler .data-panel{
  margin-top:34px;display:flex;gap:24px;align-items:flex-start;
  background:var(--navy);color:#fff;border-radius:var(--radius-md);padding:32px 36px;
}
.page-makler .data-panel .data-icon{
  width:60px;height:60px;border-radius:14px;flex:0 0 auto;
  background:rgba(0,160,210,.18);display:flex;align-items:center;justify-content:center;
}
.page-makler .data-panel .data-icon svg{width:31px;height:31px;stroke:var(--lcyan);fill:none;stroke-width:1.8}
.page-makler .data-panel p{color:#C2D3E2;font-size:1rem;font-weight:300}
@media(max-width:560px){.page-makler .data-panel{flex-direction:column;gap:16px;padding:26px}}

.page-makler .price-panel{
  margin-top:24px;display:flex;align-items:center;justify-content:space-between;
  gap:18px 40px;flex-wrap:wrap;
  background:rgba(0,160,210,.12);border:1px solid rgba(0,197,229,.4);
  border-radius:var(--radius-md);padding:26px 34px;
}
.page-makler .price-panel .price-label{
  font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--lcyan);margin-bottom:7px;
}
.page-makler .price-panel .price-text p{color:#C2D3E2;font-size:.96rem;font-weight:300;margin:0}
.page-makler .price-panel .price-figure{
  font-size:2.7rem;font-weight:800;color:var(--lcyan);line-height:1;white-space:nowrap;
}
.page-makler .price-panel .price-figure span{
  display:block;font-size:.92rem;font-weight:400;color:#9FB6CC;margin-top:6px;
}
@media(max-width:560px){.page-makler .price-panel{padding:24px}}

.page-makler .section-dark{background:var(--navy);color:#fff}
.page-makler .section-dark .sec-eyebrow{color:var(--lcyan)}
.page-makler .section-dark .sec-eyebrow .num{color:var(--lcyan)}
.page-makler .section-dark .sec-eyebrow .num::after{background:rgba(255,255,255,.2)}
.page-makler .section-dark h2.sec-title{color:#fff}
.page-makler .section-dark .sec-intro{color:#C2D3E2}
.page-makler .video-frame{
  margin-top:38px;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.page-makler .video-frame video{width:100%;display:block;background:#000}

.page-makler .report-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  color:var(--cyan);font-weight:600;font-size:.93rem;
}
.page-makler .report-link:hover{color:var(--blue)}
.page-makler .report-link::after{content:"\2192";transition:transform .15s}
.page-makler .report-link:hover::after{transform:translateX(3px)}

.page-makler .section-phases{background:var(--bg-soft)}
.page-makler .phase{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:30px}
.page-makler .phase .badge{
  display:inline-block;background:var(--cyan);color:#fff;font-weight:700;
  font-size:.92rem;padding:6px 16px;border-radius:var(--pill);margin-bottom:16px;
}
.page-makler .phase p{color:var(--muted);font-size:.98rem}
.page-makler .note{
  margin-top:26px;background:#fff;border:1px solid var(--line);
  border-left:5px solid var(--cyan);border-radius:var(--radius);
  padding:24px 28px;display:flex;gap:18px;align-items:flex-start;
}
.page-makler .note svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:1.9;flex:0 0 auto;margin-top:2px}
.page-makler .note p{color:var(--ink);font-size:.99rem}
.page-makler .note strong{color:var(--navy)}

.page-makler .section-cta{background:linear-gradient(135deg,#F5F7FA 0%,#E6F1FB 100%)}
.page-makler .cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.page-makler .cta-copy p{color:var(--muted);font-size:1.05rem;margin-bottom:22px}
.page-makler .cta-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.page-makler .cta-list li{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:500}
.page-makler .cta-list svg{width:21px;height:21px;stroke:var(--cyan);fill:none;stroke-width:2.4;flex:0 0 auto}
.page-makler .form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px;box-shadow:var(--shadow-md)}
.page-makler .form-card .sub{color:var(--muted);font-size:.94rem;margin-bottom:22px}
.page-makler .field{margin-bottom:16px}
.page-makler .field label{display:block;font-size:.86rem;font-weight:600;color:var(--navy);margin-bottom:6px}
.page-makler .field input, .page-makler .field textarea{
  width:100%;font-family:inherit;font-size:.97rem;color:var(--ink);
  border:1.5px solid var(--line);border-radius:var(--radius);padding:12px 14px;
  transition:border-color .15s;background:#fff;
}
.page-makler .field input:focus, .page-makler .field textarea:focus{outline:none;border-color:var(--cyan)}
.page-makler .field textarea{resize:vertical;min-height:96px}
.page-makler .consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 20px;
  font-size:.82rem;color:var(--muted)}
.page-makler .consent input{margin-top:3px;flex:0 0 auto}
.page-makler .form-card .btn-primary{width:100%;justify-content:center;box-shadow:none}
.page-makler .form-ok{display:none;text-align:center;padding:34px 10px}
.page-makler .form-ok.show{display:block}
.page-makler .form-ok .check{width:62px;height:62px;border-radius:50%;background:var(--bg-tint);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.page-makler .form-ok .check svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:3}
.page-makler .form-ok p{color:var(--muted)}

.page-makler .author{display:grid;grid-template-columns:230px 1fr;gap:42px;align-items:start}
.page-makler .author-portrait{width:230px;height:230px;border-radius:var(--radius-lg);object-fit:cover;
  border:4px solid #fff;box-shadow:var(--shadow-md)}
.page-makler .author .role{color:var(--cyan);font-weight:600;margin-bottom:16px}
.page-makler .author p{color:var(--muted);font-size:1rem;margin-bottom:18px;max-width:62ch}
.page-makler .cred-row{display:flex;flex-wrap:wrap;gap:10px}
.page-makler .cred{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--pill);
  padding:8px 16px;font-size:.84rem;font-weight:600;color:var(--navy)}

.page-makler .reveal{opacity:0;transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,.68,0,.98),transform .7s cubic-bezier(.22,.68,0,.98)}
.page-makler .reveal.in{opacity:1;transform:none}

@media (max-width:900px){
  .page-makler .g3, .page-makler .g4, .page-makler .steps, .page-makler .cta-grid, .page-makler .author{grid-template-columns:1fr}
  .page-makler .g2{grid-template-columns:1fr}
  .page-makler .author{gap:26px}
  .page-makler .author-portrait{width:170px;height:170px}
  
  .page-makler .hero{padding:78px 0 70px}
}
@media (max-width:560px){
  
  .page-makler .header-cta{padding:9px 16px;font-size:.84rem}
  .page-makler .cta-row .btn{width:100%;justify-content:center}
  
  
}

.page-makler .video-extra{
  margin-top: 18px;
  text-align: center;
  color: var(--ink-light);
  font-size: 14px;
}
.page-makler .video-extra a:hover{
  color: var(--cyan);
}