{"id":8390,"date":"2026-08-24T13:17:02","date_gmt":"2026-08-24T12:17:02","guid":{"rendered":"https:\/\/pattybakker.nl\/?page_id=8390"},"modified":"2026-08-25T08:45:04","modified_gmt":"2026-08-25T07:45:04","slug":"homepage-tijdelijk","status":"publish","type":"page","link":"https:\/\/pattybakker.nl\/en\/","title":{"rendered":"Homepage-tijdelijk"},"content":{"rendered":"<!--\n  BINNENKORT-PAGINA - fragment voor Beaver Builder\n  ============================================================================\n  Plaats dit in een HTML-module (Beaver Builder: Basis -> HTML).\n  Het is bewust GEEN volledig HTML-document: een module zit al binnen de <body>\n  van je thema, dus <!doctype>, <html> en <head> horen er niet in. Drie gevolgen:\n  1. ALLE opmaak is ingekapseld onder .pb-cs. Klassenamen als .kaart of .knop\n     zijn te algemeen; zonder inkapseling zou dit blok knoppen en kaarten\n     elders op je site kunnen herstylen.\n  2. De achtergrond en het centreren zitten op .pb-cs in plaats van op <body>.\n     Een module mag de <\/body><body> van het thema niet overnemen.\n  3. HET LETTERTYPE ZIT HIER NIET IN. Fraunces en Manrope moeten in de <head>\n     geladen worden en dat kan een module niet. Zie snippet-lettertypen.php:\n     die regels zet je eenmalig in functions.php of in een snippet-plugin.\n     Doe je dat niet, dan valt de pagina terug op Georgia en een systeemletter\n     - leesbaar, maar niet de huisstijl.\n  NOG DOEN, buiten dit blok om:\n  - Zet de pagina op \"niet indexeren\" in je SEO-plugin. Een module kan geen\n    meta-tags in de <\/head><head> plaatsen.\n  - Controleer de bestandsnamen. WordPress hernoemt een upload als er al een\n    bestand met die naam stond (insta-1.webp wordt dan insta-1-1.webp). Open\n    een van de foto-URL's hieronder in je browser om te zien of hij verschijnt.\n-->\n<style>\n.pb-cs{\n  \/* Eigen tokens met pb-cs-prefix, zodat ze niets van het thema overschrijven. *\/\n  --pb-cs-brown:#6c4d38;\n  --pb-cs-accent:#c97a55;\n  --pb-cs-paper:#fffaf5;\n  --pb-cs-cream:#fdfaf6;\n  --pb-cs-muted:#7d6d63;\n  --pb-cs-line:#e1d1c4;\n  --pb-cs-r:12px;\n  display:grid;\n  \/* Op een Samsung (360px) liep de pagina 230px buiten beeld. Deze grid\n     heeft maar een impliciete `auto`-kolom, en zo'n track wordt altijd\n     minstens zo breed als de MINIMALE inhoudsbreedte van de kaart. Die\n     was 570px: de Instagram-strook is vijf tegels van 96px plus vier\n     tussenruimtes (512px), plus 2x28px kaartpadding. Dat de strook\n     `overflow-x:auto` heeft maakt daar niets aan uit - die\n     nul-minimumregel geldt alleen voor flex- en grid-items, en de strook\n     is een gewoon blok. De kolom werd dus 570px in een container van\n     335px, en de telefoon zoomde daarop uit.\n     `minmax(0, 1fr)` laat de track nooit groter worden dan de container.\n     De `min-width:0` op de kaart en de strook zet hun automatische\n     minimumbreedte uit, want als grid-item zouden ze anders alsnog op\n     570px blijven staan. *\/\n  grid-template-columns:minmax(0, 1fr);\n  place-items:center;\n  \/* Volle hoogte van het venster. min-height en niet height, zodat de kaart\n     op een kleine telefoon gewoon mag doorgroeien in plaats van af te breken. *\/\n  min-height:100vh;\n  margin:0;\n  padding:32px 20px;\n  background:\n    radial-gradient(1200px 600px at 15% -10%, #fff7ef 0%, transparent 60%),\n    radial-gradient(900px 500px at 100% 110%, #f6eee7 0%, transparent 55%),\n    var(--pb-cs-cream);\n  color:var(--pb-cs-brown);\n  font-family:Manrope, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  font-size:16px;\n  line-height:1.65;\n  -webkit-font-smoothing:antialiased;\n  text-align:center;\n}\n.pb-cs *{box-sizing:border-box}\n\/* --------------------------------------------------------------------------\n   ACHTERGROND OVER DE VOLLE BREEDTE\n   Doe dit bij voorkeur in Beaver Builder, niet hier. Bij de instellingen van\n   de RIJ waar deze module in staat:\n     Layout -> Rij  -> Breedte: Volledige breedte\n     Layout -> Rij  -> Inhoudsbreedte: Volledige breedte\n     Stijl  -> Rij  -> Binnenmarge boven\/onder\/links\/rechts: 0\n   Dan loopt de achtergrond van rand tot rand zonder trucjes.\n   KAN DAT NIET, bijvoorbeeld omdat je thema de rijbreedte vastzet? Haal dan\n   het commentaar rondom het blok hieronder weg. Het trekt de module met\n   negatieve marges uit zijn container.\n   Let op de bijwerking: 100vw is de vensterbreedte INCLUSIEF de verticale\n   schuifbalk. Op Windows-desktops kan daardoor een horizontale schuifbalk\n   verschijnen. Zie je dat, gebruik dan alsnog de rij-instellingen hierboven,\n   of zet `overflow-x:hidden` op de body van je thema.\n   --------------------------------------------------------------------------\n.pb-cs{\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n}\n   -------------------------------------------------------------------------- *\/\n.pb-cs-kaart{\n  width:100%;\n  max-width:620px;\n  min-width:0;\n  padding:clamp(28px, 6vw, 52px);\n  border:1px solid var(--pb-cs-line);\n  border-radius:26px;\n  background:var(--pb-cs-paper);\n  box-shadow:0 14px 28px rgba(77,51,34,.13);\n}\n\/* --------------------------------------------------------------------------\n   LOGO\n   Nu een woordmerk in Fraunces, zodat dit blok geen afbeelding nodig heeft.\n   Heb je het logo als bestand? Vervang ... door:\n      <img decoding=\"async\" src=\"https:\/\/pattybakker.nl\/pad\/naar\/logo.png\" alt=\"Patty Bakker\"\/>\n   -------------------------------------------------------------------------- *\/\n.pb-cs-merk{\n  font-family:Fraunces, Georgia, serif;\n  font-size:clamp(26px, 6vw, 34px);\n  font-weight:700;\n  letter-spacing:-.03em;\n  line-height:1;\n  color:var(--pb-cs-brown);\n}\n.pb-cs-logo{display:block;width:clamp(140px,40vw,190px);height:auto;margin:0 auto}\n.pb-cs-kicker{\n  display:inline-block;\n  margin:22px 0 0;\n  padding:6px 13px;\n  border-radius:999px;\n  background:rgba(201,122,85,.12);\n  color:var(--pb-cs-accent);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\/* !important op de kop: bijna elk thema zet eigen regels op h1. *\/\n.pb-cs h1.pb-cs-titel{\n  margin:14px 0 0 !important;\n  padding:0 !important;\n  font-family:Fraunces, Georgia, serif !important;\n  font-size:clamp(30px, 7vw, 44px) !important;\n  font-weight:700 !important;\n  line-height:1.05 !important;\n  letter-spacing:-.03em;\n  color:var(--pb-cs-brown) !important;\n  text-align:center;\n}\n.pb-cs-lead{\n  margin:16px auto 0;\n  max-width:44ch;\n  color:var(--pb-cs-muted);\n  font-size:16px;\n  line-height:1.75;\n}\n\/* ---- Contactknoppen ---- *\/\n.pb-cs-acties{display:grid;gap:10px;margin-top:30px}\n@media (min-width:520px){\n  .pb-cs-acties{grid-template-columns:1fr 1fr}\n  .pb-cs-acties .pb-cs-breed{grid-column:1 \/ -1}\n}\n.pb-cs-knop{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  \/* 48px zit ruim boven de grens waarbij mistikken op een telefoon toeneemt. *\/\n  min-height:48px;\n  padding:0 18px;\n  border:1px solid var(--pb-cs-line);\n  border-radius:10px;\n  background:#fff;\n  color:var(--pb-cs-brown);\n  font-family:Manrope, system-ui, sans-serif;\n  font-size:14.5px;\n  font-weight:800;\n  text-decoration:none !important;\n  transition:transform .18s ease, border-color .18s ease, background .18s ease;\n}\n.pb-cs-knop svg{width:19px;height:19px;flex:0 0 19px}\n.pb-cs-knop.pb-cs-primair{\n  background:var(--pb-cs-accent);\n  border-color:var(--pb-cs-accent);\n  color:#fff;\n  box-shadow:0 8px 16px rgba(111,72,49,.18);\n}\n@media (hover:hover){\n  .pb-cs-knop:hover{transform:translateY(-1px);border-color:var(--pb-cs-accent)}\n  .pb-cs-knop.pb-cs-primair:hover{background:#b96a47;border-color:#b96a47;color:#fff}\n}\n\/* ---- Instagram-voorvertoning ----\n   Dit zijn PLAATJES, geen live feed. Een echte feed vraagt een token en dus\n   serverwerk; de officiele insluitcodes van Instagram zijn iframes die cookies\n   zetten, en dat mag niet zonder toestemming. Nieuwe foto's? Vervang de vijf\n   bestanden in je mediabibliotheek en pas de vijf hrefs aan.\n   -------------------------------------------------------------------------- *\/\n.pb-cs-instagram{\n  margin-top:30px;\n  padding-top:26px;\n  border-top:1px solid var(--pb-cs-line);\n}\n.pb-cs-igkop{\n  margin:0 0 14px;\n  color:var(--pb-cs-accent);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\/* Op een telefoon een veegbare strook: vijf vakjes naast elkaar worden daar\n   elk zo'n 50px en dan is er van de foto niets te zien. *\/\n.pb-cs-strip{\n  display:flex;\n  min-width:0;\n  gap:8px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n  padding-bottom:2px;\n}\n.pb-cs-strip::-webkit-scrollbar{display:none}\n.pb-cs-tegel{\n  flex:0 0 96px;\n  display:block;\n  aspect-ratio:1 \/ 1;\n  overflow:hidden;\n  border-radius:var(--pb-cs-r);\n  background:#ece0d6;\n  scroll-snap-align:start;\n  transition:transform .2s ease;\n}\n.pb-cs-tegel img{\n  display:block;\n  width:100%;\n  height:100%;\n  margin:0;\n  object-fit:cover;\n  \/* Vier van de vijf zijn staande reels (640x1136). In een vierkant vak snijdt\n     `cover` daar meer dan de helft weg; vanaf boven uitsnijden houdt de honden\n     in beeld. *\/\n  object-position:center top;\n}\n@media (hover:hover){\n  .pb-cs-tegel:hover{transform:translateY(-2px)}\n}\n@media (min-width:520px){\n  .pb-cs-strip{display:grid;grid-template-columns:repeat(5, 1fr);overflow:visible}\n  .pb-cs-tegel{flex:none}\n}\n.pb-cs-iglink{\n  display:inline-block;\n  margin-top:14px;\n  color:var(--pb-cs-brown);\n  font-size:13.5px;\n  font-weight:800;\n  text-decoration:none !important;\n  border-bottom:2px solid var(--pb-cs-accent);\n  padding-bottom:2px;\n}\n.pb-cs-iglink:hover{color:var(--pb-cs-accent)}\n\/* ---- Sociale iconen ---- *\/\n.pb-cs-sociaal{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin-top:26px;\n  padding-top:24px;\n  border-top:1px solid var(--pb-cs-line);\n}\n.pb-cs-sociaal a{\n  display:grid;\n  place-items:center;\n  width:46px;\n  height:46px;\n  border:1px solid var(--pb-cs-line);\n  border-radius:50%;\n  background:#fff;\n  color:var(--pb-cs-brown);\n  text-decoration:none !important;\n  transition:border-color .18s ease, color .18s ease, transform .18s ease;\n}\n.pb-cs-sociaal svg{width:20px;height:20px}\n@media (hover:hover){\n  .pb-cs-sociaal a:hover{border-color:var(--pb-cs-accent);color:var(--pb-cs-accent);transform:translateY(-2px)}\n}\n.pb-cs-adres{\n  margin:22px 0 0;\n  color:var(--pb-cs-muted);\n  font-size:13px;\n  line-height:1.6;\n}\n@media (prefers-reduced-motion:reduce){\n  .pb-cs-knop,\n  .pb-cs-sociaal a,\n  .pb-cs-tegel{transition:none}\n}\n<\/style>\n    Patty&nbsp;Bakker\n    Binnenkort\n    <h1>We werken aan een nieuwe website<\/h1>\n    \n      Achter de schermen bouwen we aan een nieuwe plek voor onze doodles en\n      poodles, de trimsalon en onze gastgezinnen. Tot die tijd is Patty gewoon\n      bereikbaar &mdash; bel, mail of stuur een bericht.\n    \n      <a href=\"https:\/\/wa.me\/31651825692\">\n        Stuur Patty een bericht\n      <\/a>\n      <a href=\"tel:+31651825692\">\n        +31 6 51 82 56 92\n      <\/a>\n      <a href=\"mailto:info@pattybakker.nl\">\n        info@pattybakker.nl\n      <\/a>\n      <p>Volg ons op Instagram<\/p>\n      <a href=\"https:\/\/www.instagram.com\/p\/DcY7cZvtO7N\/\" aria-label=\"Bekijk dit bericht op de Instagram van Patty Bakker\">\n        <img src=\"https:\/\/pattybakker.nl\/wp-content\/uploads\/2026\/08\/insta-1.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"\/>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/reel\/DcK4YsAt_JJ\/\" aria-label=\"Bekijk dit bericht op de Instagram van Patty Bakker\">\n        <img src=\"https:\/\/pattybakker.nl\/wp-content\/uploads\/2026\/08\/insta-2.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"\/>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/reel\/DcF5ckzNYUp\/\" aria-label=\"Bekijk dit bericht op de Instagram van Patty Bakker\">\n        <img src=\"https:\/\/pattybakker.nl\/wp-content\/uploads\/2026\/08\/insta-3.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"\/>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/reel\/Db01JTBNUEZ\/\" aria-label=\"Bekijk dit bericht op de Instagram van Patty Bakker\">\n        <img src=\"https:\/\/pattybakker.nl\/wp-content\/uploads\/2026\/08\/insta-4.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"\/>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/reel\/DbvtsmENw6R\/\" aria-label=\"Bekijk dit bericht op de Instagram van Patty Bakker\">\n        <img src=\"https:\/\/pattybakker.nl\/wp-content\/uploads\/2026\/08\/insta-5.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"\/>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/patty_bakker\">@patty_bakker<\/a>\n      <a href=\"https:\/\/www.instagram.com\/patty_bakker\" aria-label=\"Patty Bakker op Instagram\">\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/pattybakker\" aria-label=\"Patty Bakker op Facebook\">\n      <\/a>\n    \n      Kanaalstraat 44, 5691&nbsp;ND Son en Breugel<br \/>\n      Bezoek op afspraak\n    \n<\/head><\/body><\/head><\/html><\/body>","protected":false},"excerpt":{"rendered":"<p>Patty&nbsp;Bakker Binnenkort We werken aan een nieuwe website Achter de schermen bouwen we aan een nieuwe plek voor onze doodles en poodles, de trimsalon en onze gastgezinnen. Tot die tijd is Patty gewoon bereikbaar &mdash; bel, mail of stuur een bericht. Stuur Patty een bericht +31 6 51 82 56 92 info@pattybakker.nl Volg ons op&hellip;<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-8390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/pages\/8390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/comments?post=8390"}],"version-history":[{"count":7,"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/pages\/8390\/revisions"}],"predecessor-version":[{"id":8404,"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/pages\/8390\/revisions\/8404"}],"wp:attachment":[{"href":"https:\/\/pattybakker.nl\/en\/wp-json\/wp\/v2\/media?parent=8390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}