.elementor-9 .elementor-element.elementor-element-206b44ca{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-3e39e3c{--display:flex;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-206b44ca{--padding-top:048px;--padding-bottom:48px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-206b44ca{--padding-top:48px;--padding-bottom:48px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for html, class: .elementor-element-c77c563 *//* Thema: roze accent, zachte achtergronden */
:root{
  --rose:#e11d48; --rose-50:#fdf2f8;
  --ink:#1c1917; --muted:#6b7280;
  --card:#ffffff; --bg:#fcfcfc; --line:#ececec;
  --shadow:0 10px 28px rgba(16,24,40,.08);
}

*{ box-sizing:border-box }
html,body{ margin:0; padding:0 }
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--rose-50), transparent),
    radial-gradient(900px 500px at 110% -20%, #fff0f5, transparent),
    var(--bg);
  line-height:1.6;
}
.wrap{ max-width:1100px; margin:0 auto; padding:0 20px; }


/* Buttons */
.btn{ display:inline-block; border-radius:999px; padding:.8rem 1.15rem; font-weight:700; letter-spacing:.01em; text-decoration:none; border:1px solid transparent; cursor:pointer; }
.btn.primary{ background:var(--rose); color:#fff; }
.btn.primary:hover{ filter:brightness(.95) }
.btn.secondary{ background:#fff; color:var(--rose); border-color:var(--rose); }
.btn.secondary:hover{ background:var(--rose-50) }
.btn.ghost{ background:#fff; color:var(--ink); border-color:var(--line); }
.btn.ghost:hover{ background:#f8fafc }

/* Pills */
.pills{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.pill{ background:var(--rose-50); color:#9d174d; padding:.35rem .65rem; border-radius:999px; font-size:.85rem; }

/* Hero */
.hero{ padding:56px 0 18px; }
.hero-inner{ display:grid; gap:26px; align-items:center; }
@media (min-width:960px){ .hero-inner{ grid-template-columns: 1.05fr .95fr; } }
.hero h1{ font-size: clamp(2.2rem, 3.2vw, 3rem); margin:.1rem 0 .4rem; letter-spacing:-.02em; }
.hero p{ color:var(--muted); max-width:56ch; }
.hero-cta{ display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.points{ list-style:none; padding:0; margin:10px 0 0; color:var(--muted); display:grid; gap:6px; }
.media-frame{ position:relative; border-radius:22px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); }
.media-frame img{ width:100%; height:100%; display:block; object-fit:cover; aspect-ratio:4/5; }
.media-grad{ position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.25), transparent 45%); pointer-events:none; }

/* Contact */
.contact{ padding:30px 0 60px; }
.grid{ display:grid; gap:20px; }
@media (min-width:980px){ .grid{ grid-template-columns: 1.15fr .85fr; } }
.card{ background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
.form{ padding:22px; }
.form h2{ margin:0 0 10px; letter-spacing:-.01em; }
.grid-2{ display:grid; gap:12px; grid-template-columns:1fr; margin:12px 0; }
@media (min-width:620px){ .grid-2{ grid-template-columns:1fr 1fr; } }

.field{ display:flex; flex-direction:column; gap:8px; }
label{ font-weight:650; font-size:.95rem; }
input, textarea{
  appearance:none; border:1px solid #d7d9df; border-radius:10px;
  padding:.9rem .95rem; font: inherit; background:#fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:focus, textarea:focus{ outline:none; border-color:var(--rose); box-shadow:0 0 0 4px rgba(225,29,72,.12); }
.hint{ color:#98a2b3; font-size:.8rem; }

.actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:6px; }
.small{ color:var(--muted); font-size:.9rem; }
.small a{ color:var(--rose); text-decoration:none; }
.small a:hover{ text-decoration:underline; }

/* Info card */
.info{ padding:20px; }
.info h2{ margin:0 0 10px; }
.list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.list li{ display:flex; gap:12px; align-items:flex-start; }
.icon{ font-size:1.25rem; line-height:1.2; }
.info a{ color:var(--rose); text-decoration:none; }
.info a:hover{ text-decoration:underline; }
.note{ margin-top:12px; padding:12px; border:1px dashed #f0a; border-radius:12px; background:linear-gradient(180deg, #fff, #fff7fa); }
.mini-cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

/* FAQ */
.faq{ padding:12px 0 70px; }
.faq-head{ text-align:center; margin:0 0 14px; }
.faq-head h2{ margin:0 0 6px; font-size: clamp(1.6rem, 2.6vw, 2rem); }
.faq-head p{ color:var(--muted); }
.faq-grid{ max-width:900px; margin:16px auto 0; display:grid; gap:12px; padding:0 20px; }
.faq-item{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:10px 14px; box-shadow:var(--shadow); }
.faq-item summary{ cursor:pointer; font-weight:700; list-style:none; }
.faq-item summary::marker{ color:var(--rose); }
.faq-item[open]{ border-color:#f2b0c1; }
.faq-item p{ margin:.6rem 0 0; color:var(--muted); }/* End custom CSS */