.elementor-51 .elementor-element.elementor-element-d0382a1{--display:flex;--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;}/* Start custom CSS for html, class: .elementor-element-fabac9f */body {
  font-family: system-ui, sans-serif;
  margin: 0;
  background: #fff;
  color: #1c1917;
  line-height: 1.6;
}

/* Header */
.header { position: sticky; top: 0; background: rgba(255,255,255,0.9); border-bottom: 1px solid #eee; }
.header-inner { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; padding: 1rem; }
.logo { display: flex; align-items: center; gap: .5rem; }
.logo-icon { font-size: 1.5rem; }
.brand { font-weight: 600; }
.tagline { font-size: .8rem; color: #666; }
.nav { display: flex; align-items: center; gap: .5rem; }
.badge { background: #f1f5f9; padding: .3rem .8rem; border-radius: 999px; font-size: .8rem; }
.btn { padding: .6rem 1rem; border-radius: 999px; text-decoration: none; font-weight: 500; }
.btn.primary { background: #e11d48; color: #fff; }
.btn.secondary { border: 1px solid #e11d48; color: #e11d48; }

/* Hero */
.hero { display: grid; gap: 2rem; align-items: center; max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.hero h1 span { color: #e11d48; }
.hero-img img { width: 100%; border-radius: 1rem; }
.pills { margin-bottom: 1rem; }
.pill { background: #fdf2f8; color: #9d174d; padding: .3rem .7rem; border-radius: 999px; font-size: .85rem; margin-right: .4rem; }
.cta-buttons { display: flex; gap: 1rem; margin: 1rem 0; }
.stats { display: flex; flex-wrap: wrap; gap: 1rem; }
.stat { background: #fdf2f8; border-radius: 1rem; padding: 1rem; flex: 1; min-width: 150px; }
.stat-title { font-weight: bold; }

/* Over ons */
.about { display: grid; gap: 2rem; max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.about ul { padding-left: 1.2rem; }

/* Aanpak */
.steps { max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.steps-grid { display: grid; gap: 1rem; }
.step { background: #fdf2f8; border-radius: 1rem; padding: 1rem; }

/* Team */
.team { background: #fff7f7; max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.team-grid { display: grid; gap: 1.5rem; }
.team-member { display: grid; gap: 1rem; background: white; border-radius: 1rem; overflow: hidden; padding: 1rem; }
.team-member img { width: 100%; height: auto; object-fit: cover; }
.role { color: #e11d48; font-size: .9rem; }

/* Waarom wij */
.reasons { max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.reasons ul { list-style: none; padding: 0; }
.reasons li { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .8rem; padding: .8rem 1rem; margin-bottom: .5rem; }

/* Contact */
.contact { display: grid; gap: 2rem; max-width: 1200px; margin: auto; padding: 4rem 1.5rem; }
.contact-form { display: grid; gap: .8rem; }
.contact-form input, .contact-form textarea { padding: .8rem; border: 1px solid #d1d5db; border-radius: .6rem; font: inherit; }
.contact-form button { background: #e11d48; color: white; padding: .9rem; border: none; border-radius: .8rem; font-size: 1rem; cursor: pointer; }
.contact-form button:hover { background: #be123c; }/* End custom CSS */