/* Ondernemers, 22 oktober 2026. Dezelfde vormgeving als de uitvaartcentra.
   Alleen binnen .hd-page; bestaande CMS-blokken en formulierverwerking blijven behouden. */
.hd-page { --hd-ink:#3c4033; --hd-muted:#65685b; --hd-green:#405447; --hd-paper:#f6f3ed; --hd-line:#dedfd5; }
.hd-page .hd-page__shell { width:100%; max-width:1240px; margin:0 auto; padding:0 28px; box-sizing:border-box; }
.hd-page > .hd-page__shell { padding-top:28px; }
.hd-page .hd-page__hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:var(--hd-paper); border-radius:4px; overflow:hidden; }
.hd-page .hd-page__hero--no-photo { grid-template-columns:minmax(0,1fr); }
.hd-page .hd-page__hero--no-photo .hd-page__intro { max-width:860px; width:100%; margin:0 auto; }
.hd-page .hd-page__intro { align-self:center; min-width:0; padding:36px; box-sizing:border-box; }
.hd-page .hd-page__eyebrow { margin:0 0 13px; font:600 11px/1.6 "Open Sans",sans-serif; text-transform:uppercase; letter-spacing:.14em; color:#7d6b48; }
.hd-page .hd-page__title { margin:0; color:var(--hd-ink); font:600 clamp(28px,3vw,36px)/1.25 "Open Sans",sans-serif; letter-spacing:-.5px; }
.hd-page .hd-page__description.page-content { color:var(--hd-muted); font:400 16px/1.65 "Open Sans",sans-serif; margin-top:20px; }
.hd-page .hd-page__description.page-content p { font:inherit; margin:0 0 14px; }
.hd-page .hd-page__description.page-content p:last-child { margin-bottom:0; }
.hd-page .hd-page__description.page-content :is(h1,h2,h3,h4) { font:600 20px/1.4 "Open Sans",sans-serif; letter-spacing:-.2px; color:var(--hd-ink); margin:0 0 12px; }
.hd-page .hd-page__description.page-content strong { font-weight:600; }
.hd-page .hd-page__actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; }
.hd-page .hd-page__button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:46px; box-sizing:border-box; padding:12px 20px; border:1px solid var(--hd-green); border-radius:3px; background:var(--hd-green); color:#fff; text-decoration:none; font:600 13px/1.5 "Open Sans",sans-serif; }
.hd-page .hd-page__button:hover { background:#2d4033; color:#fff; }
.hd-page .hd-page__phone { color:var(--hd-ink); font:600 14px/1.6 "Open Sans",sans-serif; text-decoration:underline; text-underline-offset:4px; }
.hd-page .hd-page__media { align-self:center; min-width:0; width:100%; }
.hd-page .hd-page__slider { min-width:0; position:relative; }
.hd-page .hd-page__slider .slider, .hd-page .hd-page__slider .slick-list { margin:0; padding:0; height:auto; }
.hd-page .hd-page__slider .slick-track, .hd-page .hd-page__slider .slider__item { height:auto; min-height:0; }
.hd-page .hd-page__slider .slider:not(.slick-initialized) > .slider__item:not(:first-child) { display:none; }
.hd-page .hd-page__photo { display:block; width:100%; height:auto; max-width:100%; aspect-ratio:auto; object-fit:contain; }
.hd-page .hd-page__controls { display:flex; justify-content:flex-end; align-items:center; gap:8px; min-height:54px; padding:8px 14px; box-sizing:border-box; }
.hd-page .hd-page__controls button { display:grid; place-items:center; width:36px; height:36px; min-height:36px; margin:0; padding:0; border:1px solid #d9ddd4; border-radius:50%; background:#fff; color:var(--hd-ink); cursor:pointer; font:400 25px/1 "Open Sans",sans-serif; }
.hd-page .hd-page__controls button span { display:block; transform:translateY(-1px); }
.hd-page .hd-page__controls button:hover { background:#e8ebdf; }
.hd-page .hd-page__slider .slick-count { position:absolute; bottom:17px; right:110px; left:auto; top:auto; color:var(--hd-muted); font:400 11px/20px "Open Sans",sans-serif; }
.hd-page .hd-page__slider .slick-count .seperator { padding:0 5px; }
.hd-page .hd-page__arrival { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:18px 0 0; color:var(--hd-muted); font:400 13px/1.6 "Open Sans",sans-serif; }
.hd-page .hd-page__arrival a { color:var(--hd-ink); text-decoration:underline; text-underline-offset:4px; font-weight:600; }
.hd-page .hd-page__contact { margin-top:16px; padding:42px 0; background:var(--hd-paper); }
.hd-page .hd-page__contact-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; align-items:start; }
.hd-page .hd-page__contact-info { min-width:0; }
.hd-page .hd-page__contact-title { margin:0 0 20px; color:var(--hd-ink); font:600 28px/1.35 "Open Sans",sans-serif; letter-spacing:-.35px; }
.hd-page .hd-page__contact .location__item { display:block; margin:0; padding:0; border:0; }
.hd-page .hd-page__contact .location__info { display:none; }
.hd-page .hd-page__contact .location__contact { margin:0; padding:0; width:auto; }
.hd-page .hd-page__contact .contact__item { display:block; margin:0 0 12px; padding:0; color:var(--hd-ink); font:400 14px/1.6 "Open Sans",sans-serif; overflow-wrap:anywhere; }
.hd-page .hd-page__contact .contact__item.phone { font-size:23px; font-weight:600; }
.hd-page .hd-page__contact .contact__item i { display:none; }
.hd-page .hd-page__contact .contact__item address { display:block; margin-top:16px; font-style:normal; color:var(--hd-muted); }
.hd-page .hd-page__contact .route-link { display:inline-block; position:static; padding:0; margin:7px 0 0; color:var(--hd-ink); font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.hd-page .hd-page__contact-photo { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; margin-top:22px; border-radius:4px; }
.hd-page .hd-page__form-panel { min-width:0; padding:26px 28px; border:1px solid #e3e2d8; border-radius:4px; background:#fff; box-sizing:border-box; box-shadow:0 7px 28px #3c422909; }
.hd-page .hd-page__form-title { color:var(--hd-ink); margin:0 0 5px; font:600 21px/1.4 "Open Sans",sans-serif; letter-spacing:-.2px; }
.hd-page .hd-page__form-location { font:400 12px/1.6 "Open Sans",sans-serif; color:var(--hd-muted); margin:0 0 20px; }
.hd-page .hd-page__contact .directors-form > .flex-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 16px; margin:0; padding:0; }
.hd-page .hd-page__contact .directors-form > .flex-col > .flex-col__item { min-width:0; max-width:none; width:auto; margin:0; padding:0; flex:none; }
.hd-page .hd-page__contact .directors-form > .flex-col > :is(.flex-col__item--100,.flex-col__item--70,.flex-col__item--30) { grid-column:1/-1; }
.hd-page .hd-page__contact .directors-form .field-wrap { margin:0; padding:0; }
.hd-page .hd-page__contact .directors-form .field-wrap > label { display:block; color:#4d584f; margin:0 0 5px; font:600 12px/1.5 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .directors-form input[type="text"], .hd-page .hd-page__contact .directors-form textarea { display:block; width:100%; min-width:0; height:42px; min-height:0; box-sizing:border-box; margin:0; padding:10px 11px; color:var(--hd-ink); background:#fbfbf8; border:1px solid #d9ddd4; border-radius:3px; box-shadow:none; font:400 16px/1.4 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .directors-form input[type="text"]::placeholder { color:transparent; }
.hd-page .hd-page__contact .directors-form textarea { height:104px; min-height:104px; resize:vertical; }
.hd-page .hd-page__contact .directors-form textarea::placeholder { color:#777e75; font-size:13px; }
.hd-page .hd-page__contact .directors-form .checkbox label { color:var(--hd-muted); font:400 12px/1.65 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .directors-form .checkbox label a { color:var(--hd-green); text-decoration:underline; text-underline-offset:2px; }
.hd-page .hd-page__contact .directors-form .submit-container { display:flex; justify-content:flex-end; margin:2px 0 0; padding:0; }
.hd-page .hd-page__contact .directors-form button[type="submit"] { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 20px; margin:0; border:1px solid var(--hd-green); border-radius:3px; background:var(--hd-green); color:#fff; font:600 13px/1.5 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .directors-form button[type="submit"]:hover { background:#2d4033; }
.hd-page .hd-page__contact .directors-form button[type="submit"].loading { cursor:wait; }
.hd-page .hd-page__contact .directors-form :is(input,textarea):focus-visible, .hd-page .hd-page__controls button:focus-visible, .hd-page .hd-page__button:focus-visible { outline:2px solid #8e774b; outline-offset:3px; }
@media(max-width:1000px) {
 .hd-page .hd-page__intro { padding:26px; }
 .hd-page .hd-page__contact-grid { gap:28px; }
 .hd-page .hd-page__form-panel { padding:24px; }
}
@media(max-width:700px) {
 .hd-page .hd-page__shell { padding-left:20px; padding-right:20px; }
 .hd-page > .hd-page__shell { padding-top:20px; }
 .hd-page .hd-page__hero { grid-template-columns:minmax(0,1fr); }
 .hd-page .hd-page__intro { padding:25px 24px; }
 .hd-page .hd-page__title { font-size:29px; }
 .hd-page .hd-page__description.page-content { font-size:16px; margin-top:16px; }
 .hd-page .hd-page__description.page-content :is(h1,h2,h3,h4) { font-size:18px; }
 .hd-page .hd-page__actions { gap:16px; }
 .hd-page .hd-page__arrival { font-size:12px; gap:6px 16px; }
 .hd-page .hd-page__contact { padding:28px 0; }
 .hd-page .hd-page__contact-grid { grid-template-columns:minmax(0,1fr); gap:26px; }
 .hd-page .hd-page__contact-title { font-size:24px; }
 .hd-page .hd-page__form-panel { padding:22px 18px; }
 .hd-page .hd-page__contact .directors-form > .flex-col { gap:13px 12px; }
 .hd-page .hd-page__contact .directors-form .field-wrap > label { font-size:11px; }
 .hd-page .hd-page__contact .directors-form button[type="submit"] { width:100%; }
}

.hd-page .hd-page__contact .location__item, .hd-page .hd-page__contact .location__contact { background:transparent; }

/* Bestaande contactitems en vestigingstekst op het overzicht. */
.hd-page .hd-page__section { margin:42px auto; }
.hd-page .hd-page__section-title { margin:0 0 18px; color:var(--hd-ink); font:600 28px/1.35 "Open Sans",sans-serif; letter-spacing:-.35px; }
.hd-page .hd-page__section-intro { max-width:760px; margin:0 0 26px; }
.hd-page .hd-page__section-intro p { margin:0 0 14px; }
.hd-page .hd-page__centres { padding:30px 36px; background:var(--hd-paper); border:1px solid var(--hd-line); border-radius:4px; }
.hd-page .hd-page__centres .hd-page__description { max-width:820px; margin-top:0; }
.hd-page .hd-page__contact-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.hd-page .hd-page__contact-card { min-width:0; padding:28px; border:1px solid var(--hd-line); border-radius:4px; background:#fff; }
.hd-page .hd-page__card-title { margin:0 0 16px; font:600 21px/1.4 "Open Sans",sans-serif; color:var(--hd-ink); }
.hd-page .hd-page__card-contact { display:block; width:fit-content; max-width:100%; margin:0 0 9px; color:var(--hd-green); font:600 16px/1.6 "Open Sans",sans-serif; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.hd-page .hd-page__card-copy { margin-top:16px; color:var(--hd-muted); font:400 16px/1.65 "Open Sans",sans-serif; }
.hd-page .hd-page__card-copy p { margin:0 0 12px; font:inherit; }
.hd-page .hd-page__card-copy p:last-child { margin-bottom:0; }
.hd-page .hd-page__contact address { font-style:normal; }
.hd-page .hd-page__contact .hd-page__contact-phone { display:block; margin:0 0 12px; font:600 23px/1.5 "Open Sans",sans-serif; color:var(--hd-ink); }
.hd-page .hd-page__contact .hd-page__contact-email { display:block; margin:0 0 18px; overflow-wrap:anywhere; color:var(--hd-green); font:400 16px/1.6 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .hd-page__contact-address { color:var(--hd-muted); font:400 14px/1.6 "Open Sans",sans-serif; }
.hd-page .hd-page__contact .hd-page__contact-address a { display:inline-block; margin-top:8px; color:var(--hd-green); text-decoration:underline; }
@media(max-width:700px) {
 .hd-page .hd-page__section { margin-top:28px; margin-bottom:28px; }
 .hd-page .hd-page__section-title { font-size:24px; }
 .hd-page .hd-page__centres { padding:24px; }
 .hd-page .hd-page__contact-cards { grid-template-columns:minmax(0,1fr); gap:16px; }
 .hd-page .hd-page__contact-card { padding:24px; }
 .hd-page .hd-page__card-title { font-size:20px; }
 .hd-page .hd-page__card-contact { font-size:15px; }
}
