{"id":28,"date":"2025-01-07T04:54:11","date_gmt":"2025-01-07T04:54:11","guid":{"rendered":"https:\/\/casahogarstaging.flywheelsites.com\/?page_id=28"},"modified":"2026-05-31T17:30:55","modified_gmt":"2026-05-31T17:30:55","slug":"sur-on","status":"publish","type":"page","link":"https:\/\/casahogar.be\/fr\/over-ons\/","title":{"rendered":"\u00c0 propos de nous"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d4b6a4 e-con-full e-flex e-con e-parent\" data-id=\"7d4b6a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d38329 elementor-widget elementor-widget-html\" data-id=\"9d38329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CASA HOGAR \u2014 \"Over ons\" \u2014 Custom HTML blok (Elementor HTML widget)\n     E\u00e9n zelfstandig blok. Plak dit in \u00e9\u00e9n HTML-widget.\n     Alle stijlen gescoped onder .choo zodat niks van de site botst.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto+Slab:wght@500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n.choo *{margin:0;padding:0;box-sizing:border-box}\n.choo{\n  --navy:#0f1733;\n  --navy-2:#16203f;\n  --navy-3:#1d2a52;\n  --pink:#e91e78;\n  --pink-light:#ff4d97;\n  --pink-glow:rgba(233,30,120,.28);\n  --cream:#faf7f2;\n  --cream-2:#f3ede3;\n  --sand:#e9dcc6;\n  --white:#ffffff;\n  --text:#28304a;\n  --text-soft:#5d6a86;\n  --text-onnavy:rgba(255,255,255,.78);\n  --heading:'Roboto Slab',Georgia,serif;\n  --body:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;\n  font-family:var(--body);\n  color:var(--text);\n  line-height:1.7;\n  background:var(--cream);\n  -webkit-font-smoothing:antialiased;\n  overflow:hidden;\n}\n\n\/* \u2500\u2500\u2500 algemene helpers \u2500\u2500\u2500 *\/\n.choo .wrap{max-width:1120px;margin:0 auto;padding:0 24px}\n.choo .narrow{max-width:760px}\n.choo .eyebrow{\n  display:inline-block;font-size:12px;font-weight:800;letter-spacing:3.5px;\n  text-transform:uppercase;color:var(--pink);margin-bottom:16px;\n}\n.choo h2{font-family:var(--heading);font-weight:800;line-height:1.12;letter-spacing:-.5px;color:var(--navy)}\n.choo p{font-size:16.5px}\n.choo b,.choo strong{font-weight:700;color:var(--navy)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .hero{\n  position:relative;\n  background:\n    radial-gradient(120% 90% at 80% 0%,rgba(233,30,120,.18) 0%,transparent 55%),\n    radial-gradient(100% 100% at 0% 100%,rgba(45,70,150,.35) 0%,transparent 60%),\n    linear-gradient(165deg,var(--navy) 0%,var(--navy-2) 55%,var(--navy) 100%);\n  padding:90px 24px 130px;\n  text-align:center;\n  overflow:hidden;\n}\n.choo .hero::before{\n  content:'';position:absolute;inset:0;\n  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);\n  background-size:26px 26px;opacity:.6;pointer-events:none;\n}\n.choo .hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}\n.choo .hero-logo{\n  width:142px;height:auto;margin:0 auto 30px;display:block;\n  filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));\n  animation:choo-fade .9s ease both;\n}\n.choo .hero-eyebrow{\n  display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:5px;\n  text-transform:uppercase;color:var(--pink-light);margin-bottom:18px;\n  animation:choo-fade .9s .1s ease both;\n}\n.choo .hero h1{\n  font-family:var(--heading);font-weight:900;color:var(--white);\n  font-size:clamp(40px,7vw,76px);line-height:1.02;letter-spacing:-1.5px;\n  margin-bottom:22px;animation:choo-up .9s .15s ease both;\n}\n.choo .hero h1 span{\n  color:var(--pink);\n  display:inline-block;\n}\n.choo .hero-sub{\n  font-size:clamp(16px,2.2vw,20px);color:var(--text-onnavy);line-height:1.65;\n  max-width:560px;margin:0 auto 40px;animation:choo-up .9s .25s ease both;\n}\n.choo .hero-btns{\n  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;\n  animation:choo-up .9s .35s ease both;\n}\n.choo .btn{\n  display:inline-flex;align-items:center;gap:9px;\n  font-family:var(--body);font-weight:700;font-size:15px;\n  text-decoration:none;padding:16px 34px;border-radius:50px;\n  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;\n  cursor:pointer;border:none;\n}\n.choo .btn-primary{\n  background:var(--pink);color:var(--white);\n  box-shadow:0 12px 30px var(--pink-glow);\n}\n.choo .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px var(--pink-glow);background:var(--pink-light)}\n.choo .btn-ghost{\n  background:rgba(255,255,255,.07);color:var(--white);\n  border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);\n}\n.choo .btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45)}\n.choo .btn svg{width:16px;height:16px}\n\n\/* wave onderaan hero *\/\n.choo .hero-wave{\n  position:absolute;bottom:-1px;left:0;width:100%;height:90px;\n  display:block;z-index:2;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .videosec{\n  position:relative;margin-top:-70px;z-index:5;padding:0 24px 0;\n}\n.choo .video-card{\n  max-width:980px;margin:0 auto;border-radius:24px;overflow:hidden;\n  box-shadow:0 30px 70px rgba(15,23,51,.35);\n  background:#000;position:relative;aspect-ratio:16\/9;\n  border:1px solid rgba(255,255,255,.4);\n}\n.choo .video-card video{\n  width:100%;height:100%;object-fit:cover;display:block;\n}\n\/* play overlay *\/\n.choo .video-poster{\n  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\n  cursor:pointer;background:linear-gradient(180deg,rgba(15,23,51,.15),rgba(15,23,51,.45));\n  transition:opacity .4s ease;z-index:3;\n}\n.choo .video-poster.hidden{opacity:0;pointer-events:none}\n.choo .play-btn{\n  width:84px;height:84px;border-radius:50%;background:var(--pink);\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 14px 40px var(--pink-glow);transition:transform .3s ease,background .3s ease;\n}\n.choo .video-poster:hover .play-btn{transform:scale(1.08);background:var(--pink-light)}\n.choo .play-btn svg{width:32px;height:32px;margin-left:5px;fill:#fff}\n.choo .video-tag{\n  position:absolute;left:22px;bottom:20px;z-index:3;\n  font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;\n  color:#fff;background:rgba(15,23,51,.55);backdrop-filter:blur(6px);\n  padding:8px 16px;border-radius:30px;pointer-events:none;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .intro{padding:90px 24px 30px;text-align:center}\n.choo .intro h2{font-size:clamp(30px,4.5vw,46px)}\n.choo .intro h2 b{color:var(--pink);font-weight:900}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STORY (2-koloms) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .story{padding:50px 24px 80px}\n.choo .story-grid{\n  max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;\n  gap:0;border-radius:26px;overflow:hidden;\n  box-shadow:0 24px 60px rgba(15,23,51,.12);\n  background:var(--white);\n}\n.choo .story-text{padding:54px 50px}\n.choo .story-text h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:22px}\n.choo .story-text h2::after{\n  content:'';display:block;width:54px;height:4px;background:var(--pink);\n  border-radius:4px;margin-top:16px;\n}\n.choo .story-text p{color:var(--text-soft);margin-bottom:18px}\n.choo .story-text p:last-child{margin-bottom:0}\n.choo .story-media{\n  background:linear-gradient(160deg,var(--navy-2),var(--navy));\n  position:relative;min-height:340px;\n  display:flex;align-items:center;justify-content:center;padding:40px;\n}\n.choo .story-media::before{\n  content:'';position:absolute;inset:0;\n  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);\n  background-size:22px 22px;\n}\n.choo .story-stat{position:relative;text-align:center;color:#fff}\n.choo .story-stat .big{\n  font-family:var(--heading);font-weight:900;font-size:clamp(64px,10vw,104px);\n  line-height:1;color:var(--pink-light);letter-spacing:-2px;\n}\n.choo .story-stat .lbl{\n  font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;\n  color:var(--text-onnavy);margin-top:10px;\n}\n.choo .story-stat .since{\n  margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);\n  font-size:15px;color:var(--text-onnavy);max-width:240px;margin-left:auto;margin-right:auto;line-height:1.6;\n}\n.choo .story-stat .since b{color:#fff}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PIJLERS (3 kaarten) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .pillars{padding:30px 24px 90px}\n.choo .pillars-grid{\n  max-width:1120px;margin:40px auto 0;display:grid;\n  grid-template-columns:repeat(3,1fr);gap:24px;\n}\n.choo .pcard{\n  background:var(--white);border-radius:20px;padding:38px 32px;\n  border:1px solid rgba(15,23,51,.06);\n  box-shadow:0 10px 30px rgba(15,23,51,.06);\n  transition:transform .3s ease,box-shadow .3s ease;\n}\n.choo .pcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(15,23,51,.12)}\n.choo .pcard-ico{\n  width:58px;height:58px;border-radius:16px;\n  background:linear-gradient(145deg,var(--pink),var(--pink-light));\n  display:flex;align-items:center;justify-content:center;margin-bottom:22px;\n  box-shadow:0 8px 20px var(--pink-glow);\n}\n.choo .pcard-ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2}\n.choo .pcard h3{font-family:var(--heading);font-size:21px;font-weight:800;color:var(--navy);margin-bottom:12px}\n.choo .pcard p{font-size:15.5px;color:var(--text-soft);line-height:1.65}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ETAPPES (timeline) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .steps{\n  padding:96px 24px;position:relative;\n  background:\n    radial-gradient(90% 70% at 50% 0%,rgba(233,30,120,.12) 0%,transparent 55%),\n    linear-gradient(170deg,var(--navy) 0%,var(--navy-2) 100%);\n}\n.choo .steps::before{\n  content:'';position:absolute;inset:0;\n  background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);\n  background-size:26px 26px;pointer-events:none;\n}\n.choo .steps-head{position:relative;text-align:center;max-width:680px;margin:0 auto 60px}\n.choo .steps-head .eyebrow{color:var(--pink-light)}\n.choo .steps-head h2{color:#fff;font-size:clamp(28px,4vw,42px)}\n.choo .steps-grid{\n  position:relative;max-width:980px;margin:0 auto;\n  display:grid;grid-template-columns:repeat(2,1fr);gap:22px;\n}\n.choo .scard{\n  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);\n  border-radius:18px;padding:30px 30px 30px 30px;\n  backdrop-filter:blur(4px);transition:transform .3s ease,border-color .3s ease,background .3s ease;\n  position:relative;overflow:hidden;\n}\n.choo .scard:hover{transform:translateY(-5px);border-color:var(--pink);background:rgba(255,255,255,.07)}\n.choo .scard-num{\n  font-family:var(--heading);font-weight:900;font-size:46px;line-height:1;\n  color:var(--pink-light);opacity:.55;margin-bottom:14px;\n}\n.choo .scard h3{font-family:var(--heading);font-size:20px;font-weight:800;color:#fff;margin-bottom:12px}\n.choo .scard ul{list-style:none}\n.choo .scard li{\n  position:relative;padding-left:22px;margin-bottom:9px;\n  font-size:15px;color:var(--text-onnavy);line-height:1.55;\n}\n.choo .scard li:last-child{margin-bottom:0}\n.choo .scard li::before{\n  content:'';position:absolute;left:0;top:9px;width:8px;height:8px;\n  border-radius:50%;background:var(--pink);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .quote{padding:90px 24px;text-align:center;background:var(--cream-2)}\n.choo .quote-mark{\n  font-family:var(--heading);font-size:90px;line-height:.6;color:var(--pink);\n  opacity:.35;margin-bottom:0;height:50px;\n}\n.choo .quote p{\n  font-family:var(--heading);font-weight:700;font-style:italic;\n  font-size:clamp(24px,3.6vw,38px);line-height:1.4;color:var(--navy);\n  max-width:820px;margin:0 auto;letter-spacing:-.5px;\n}\n.choo .quote p span{color:var(--pink)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ONTDEK MEER (CTA cards) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.choo .discover{padding:90px 24px 100px}\n.choo .discover-head{text-align:center;max-width:620px;margin:0 auto 50px}\n.choo .discover-head h2{font-size:clamp(28px,4vw,42px)}\n.choo .discover-grid{\n  max-width:1120px;margin:0 auto;display:grid;\n  grid-template-columns:repeat(3,1fr);gap:24px;\n}\n.choo .dcard{\n  position:relative;border-radius:22px;overflow:hidden;min-height:380px;\n  display:flex;flex-direction:column;justify-content:flex-end;\n  text-decoration:none;color:#fff;\n  box-shadow:0 16px 40px rgba(15,23,51,.18);\n  transition:transform .35s ease,box-shadow .35s ease;\n}\n.choo .dcard:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(15,23,51,.3)}\n.choo .dcard-bg{\n  position:absolute;inset:0;background-size:cover;background-position:center;\n  transition:transform .6s ease;\n}\n.choo .dcard:hover .dcard-bg{transform:scale(1.07)}\n.choo .dcard-overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(to top,rgba(15,23,51,.92) 0%,rgba(15,23,51,.55) 45%,rgba(15,23,51,.05) 100%);\n}\n.choo .dcard-content{position:relative;padding:34px 30px;z-index:2}\n.choo .dcard h3{font-family:var(--heading);font-size:25px;font-weight:800;margin-bottom:8px}\n.choo .dcard p{font-size:15px;color:rgba(255,255,255,.82);margin-bottom:18px;line-height:1.55}\n.choo .dcard-link{\n  display:inline-flex;align-items:center;gap:8px;\n  font-weight:700;font-size:14.5px;color:#fff;\n}\n.choo .dcard-link span{\n  display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--pink);\n  align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease;\n}\n.choo .dcard:hover .dcard-link span{transform:translateX(4px);background:var(--pink-light)}\n.choo .dcard-link svg{width:15px;height:15px;fill:#fff}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes choo-fade{from{opacity:0}to{opacity:1}}\n@keyframes choo-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}\n\n\/* reveal on scroll *\/\n.choo .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}\n.choo .reveal.in{opacity:1;transform:translateY(0)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:900px){\n  .choo .story-grid{grid-template-columns:1fr}\n  .choo .story-media{min-height:260px;order:-1}\n  .choo .story-text{padding:42px 32px}\n  .choo .pillars-grid{grid-template-columns:1fr;gap:18px}\n  .choo .discover-grid{grid-template-columns:1fr;gap:20px}\n  .choo .dcard{min-height:300px}\n}\n@media(max-width:680px){\n  .choo .steps-grid{grid-template-columns:1fr}\n  .choo .hero{padding:70px 20px 110px}\n  .choo .intro{padding:70px 20px 20px}\n  .choo .hero-btns{flex-direction:column;align-items:stretch}\n  .choo .btn{justify-content:center}\n  .choo .videosec{margin-top:-55px}\n}\n<\/style>\n\n<div class=\"choo\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"hero\">\n    <div class=\"hero-inner\">\n      <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/casahogar.be\/wp-content\/uploads\/2024\/11\/Casa-Hogar-logo-negatief-2024-300x282.png\" alt=\"Casa Hogar logo\">\n      <span class=\"hero-eyebrow\">Sinds 1987 &middot; Toluca, Mexico<\/span>\n      <h1>Over <span>Casa Hogar<\/span><\/h1>\n      <p class=\"hero-sub\">Un foyer chaleureux o\u00f9 des enfants abandonn\u00e9s et d\u00e9favoris\u00e9s peuvent \u00e0 nouveau respirer, grandir et r\u00eaver.<\/p>\n      <div class=\"hero-btns\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/casahogar.be\/fr\/compagnons\/companero-worden\/\">\n          Deviendrez-vous aussi un compa\u00f1ero ?\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a class=\"btn btn-ghost\" href=\"https:\/\/casahogar.be\/fr\/compagnons\/\">\n          Draag je steentje bij\n        <\/a>\n      <\/div>\n    <\/div>\n    <!-- wave -->\n    <svg class=\"hero-wave\" viewbox=\"0 0 1440 90\" preserveaspectratio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M0,40 C240,90 480,90 720,55 C960,20 1200,20 1440,55 L1440,90 L0,90 Z\" fill=\"#faf7f2\"><\/path>\n    <\/svg>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"videosec\">\n    <div class=\"video-card reveal\">\n      <video id=\"chooVideo\"\n             src=\"https:\/\/casahogar.be\/wp-content\/uploads\/2026\/05\/Casa-Hogar-Lang-OT-final-2.mp4\"\n             playsinline preload=\"metadata\"\n             poster=\"https:\/\/casahogar.be\/wp-content\/uploads\/2025\/01\/Groepsfoto.jpg\"><\/video>\n      <div class=\"video-poster\" id=\"chooPoster\">\n        <div class=\"play-btn\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <span class=\"video-tag\">\u25b6 D\u00e9couvrez notre histoire<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"intro\">\n    <div class=\"wrap narrow reveal\">\n      <span class=\"eyebrow\">Faites connaissance<\/span>\n      <h2>Maak kennis met <b>Casa Hogar<\/b><\/h2>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"story\">\n    <div class=\"story-grid reveal\">\n      <div class=\"story-text\">\n        <h2>Casa Hogar Diablos Rojos de B\u00e9lgica<\/h2>\n        <p>Op het WK voetbal van 1986 in Mexico maakten de Rode Duivels niet alleen sportief indruk. Ze wilden ook iets doen voor de vele kansarme kinderen in Toluca. En zo werd Casa Hogar opgericht \u2014 letterlijk <b>'het huis bij de haard'<\/b>.<\/p>\n        <p>La maison se situe \u00e0 la fronti\u00e8re entre Toluca et Zinacantepec. Depuis, des centaines d'enfants orphelins et des rues y ont \u00e9t\u00e9 accueillis et \u00e9lev\u00e9s. Aujourd'hui encore, de nombreux enfants mexicains n'ont pas les chances qu'ils m\u00e9ritent.<\/p>\n      <\/div>\n      <div class=\"story-media\">\n        <div class=\"story-stat\">\n          <div class=\"big\">1987<\/div>\n          <div class=\"lbl\">Nos portes se sont ouvertes<\/div>\n          <div class=\"since\">Het idee ontstond in <b>1986<\/b>. In februari <b>1987<\/b> opende Casa haar deuren \u2014 en sluit ze sindsdien voor geen enkel kind.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PIJLERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"pillars\">\n    <div class=\"wrap narrow reveal\" style=\"text-align:center\">\n      <span class=\"eyebrow\">Notre c\u0153ur<\/span>\n      <h2 style=\"font-size:clamp(28px,4vw,42px)\">Plus qu'une maison<\/h2>\n    <\/div>\n    <div class=\"pillars-grid\">\n      <div class=\"pcard reveal\">\n        <div class=\"pcard-ico\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M3 10l9-7 9 7v9a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><path d=\"M9 21V12h6v9\"\/><\/svg>\n        <\/div>\n        <h3>Qu'est-ce que Casa Hogar ?<\/h3>\n        <p>Un foyer chaleureux et un refuge s\u00fbr o\u00f9 les enfants vuln\u00e9rables trouvent amour, s\u00e9curit\u00e9 et nouvelles opportunit\u00e9s. Un lieu o\u00f9 les blessures gu\u00e9rissent, les r\u00eaves grandissent et l'espoir rena\u00eet.<\/p>\n      <\/div>\n      <div class=\"pcard reveal\">\n        <div class=\"pcard-ico\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 1.66 2.69 3 6 3s6-1.34 6-3v-5\"\/><\/svg>\n        <\/div>\n        <h3>Que fait Casa Hogar ?<\/h3>\n        <p>Nous emmenons les enfants \u00e0 l'\u00e9cole chaque jour et les soutenons dans leurs \u00e9tudes \u2014 du primaire \u00e0 la formation professionnelle et \u00e0 l'universit\u00e9. Pas une \u00e9cole, mais une porte d'acc\u00e8s \u00e0 l'\u00e9ducation.<\/p>\n      <\/div>\n      <div class=\"pcard reveal\">\n        <div class=\"pcard-ico\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\n        <\/div>\n        <h3>Ce que nous d\u00e9fendons<\/h3>\n        <p>Nous accompagnons des enfants qui portent souvent un pass\u00e9 difficile vers un avenir plein d'espoir. Pas \u00e0 pas, en veillant \u00e0 leur bien-\u00eatre \u00e9motionnel, leur \u00e9ducation, leurs talents et leurs chances.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ETAPPES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"steps\">\n    <div class=\"steps-head reveal\">\n      <span class=\"eyebrow\">Le parcours<\/span>\n      <h2>Les \u00e9tapes du processus d'accueil et d'\u00e9ducation<\/h2>\n    <\/div>\n    <div class=\"steps-grid\">\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">01<\/div>\n        <h3>Accueil &amp; S\u00e9curit\u00e9<\/h3>\n        <ul>\n          <li>Een eerste warme ontvangst in een veilige omgeving.<\/li>\n          <li>Eten, zorg, kleding en een bed worden onmiddellijk voorzien.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">02<\/div>\n        <h3>R\u00e9tablissement &amp; Confiance<\/h3>\n        <ul>\n          <li>Kinderen krijgen emotionele ondersteuning en psychologische begeleiding.<\/li>\n          <li>Het helen van trauma's en het herstellen van basisvertrouwen staat centraal.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">03<\/div>\n        <h3>\u00c9ducation &amp; Formation<\/h3>\n        <ul>\n          <li>Toegang tot school en onderwijs wordt gegarandeerd.<\/li>\n          <li>We stimuleren discipline, kennis en creativiteit als fundament.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">04<\/div>\n        <h3>D\u00e9veloppement des talents<\/h3>\n        <ul>\n          <li>Sport, kunst en muziek helpen kinderen hun talenten te ontdekken.<\/li>\n          <li>Zelfvertrouwen groeit en dromen krijgen vorm.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">05<\/div>\n        <h3>Int\u00e9gration sociale &amp; \u00e9motionnelle<\/h3>\n        <ul>\n          <li>Kinderen leren samenwerken, respect tonen en relaties opbouwen.<\/li>\n          <li>Ze ontwikkelen zelfstandigheid en verantwoordelijkheid.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"scard reveal\">\n        <div class=\"scard-num\">06<\/div>\n        <h3>Pr\u00e9paration \u00e0 l'avenir<\/h3>\n        <ul>\n          <li>Jongeren worden begeleid naar hogere studies, vakopleiding of werk.<\/li>\n          <li>Begeleiding stopt niet bij 18 jaar \u2014 we blijven hun kompas.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"quote\">\n    <div class=\"wrap reveal\">\n      <div class=\"quote-mark\">&ldquo;<\/div>\n      <p>Casa Hogar, c'est : une <span>seconde chance<\/span>, un foyer chaleureux, un avenir plein d'espoir.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ONTDEK MEER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"discover\">\n    <div class=\"discover-head reveal\">\n      <span class=\"eyebrow\">D\u00e9couvrez plus<\/span>\n      <h2>Apprenez \u00e0 mieux conna\u00eetre Casa Hogar<\/h2>\n    <\/div>\n    <div class=\"discover-grid\">\n      <a class=\"dcard reveal\" href=\"https:\/\/casahogar.be\/fr\/sur-on\/equipe\/\">\n        <div class=\"dcard-bg\" style=\"background-image:url('https:\/\/casahogar.be\/wp-content\/uploads\/2025\/01\/A9187rfvt_zy4ai9_3mk.jpg')\"><\/div>\n        <div class=\"dcard-overlay\"><\/div>\n        <div class=\"dcard-content\">\n          <h3>\u00c9quipe Casa Hogar<\/h3>\n          <p>D\u00e9couvrez les piliers de l'organisation.<\/p>\n          <span class=\"dcard-link\">Rencontrez l'\u00e9quipe\n            <span><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dcard reveal\" href=\"https:\/\/casahogar.be\/fr\/sur-on\/onze-verhalen\/\">\n        <div class=\"dcard-bg\" style=\"background-image:url('https:\/\/casahogar.be\/wp-content\/uploads\/2025\/01\/Groepsfoto.jpg')\"><\/div>\n        <div class=\"dcard-overlay\"><\/div>\n        <div class=\"dcard-content\">\n          <h3>R\u00e9cits<\/h3>\n          <p>D\u00e9couvrez les innombrables histoires de Casa Hogar.<\/p>\n          <span class=\"dcard-link\">Lisez nos r\u00e9cits\n            <span><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dcard reveal\" href=\"https:\/\/casahogar.be\/fr\/sur-on\/histoire\/\">\n        <div class=\"dcard-bg\" style=\"background-image:url('https:\/\/casahogar.be\/wp-content\/uploads\/2025\/01\/A99369gm_zy4ai6_3mk-scaled.jpg')\"><\/div>\n        <div class=\"dcard-overlay\"><\/div>\n        <div class=\"dcard-content\">\n          <h3>Histoire<\/h3>\n          <p>L'histoire remarquable de Casa Hogar.<\/p>\n          <span class=\"dcard-link\">D\u00e9couvrez notre histoire\n            <span><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n          <\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  var root = document.currentScript.previousElementSibling;\n  while(root && !root.classList.contains('choo')){ root = root.previousElementSibling; }\n  if(!root) root = document.querySelector('.choo');\n\n  \/* Video play *\/\n  var video = root.querySelector('#chooVideo');\n  var poster = root.querySelector('#chooPoster');\n  if(poster && video){\n    poster.addEventListener('click', function(){\n      poster.classList.add('hidden');\n      video.setAttribute('controls','controls');\n      video.play();\n    });\n    video.addEventListener('pause', function(){\n      if(video.currentTime===0){ poster.classList.remove('hidden'); }\n    });\n  }\n\n  \/* Reveal on scroll *\/\n  var els = root.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\n      });\n    },{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(el){ io.observe(el); });\n  } else {\n    els.forEach(function(el){ el.classList.add('in'); });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Sinds 1987 &middot; Toluca, Mexico Over Casa Hogar Een warme thuis waar verlaten en kansarme kinderen opnieuw kunnen ademen, groeien en dromen. Word jij ook een compa\u00f1ero? Draag je steentje bij \u25b6 Bekijk ons verhaal Maak kennis Maak kennis met Casa Hogar Casa Hogar Diablos Rojos de B\u00e9lgica Op het WK voetbal van 1986 in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":0,"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"wp:attachment":[{"href":"https:\/\/casahogar.be\/fr\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}