{"id":92,"date":"2026-07-14T10:24:15","date_gmt":"2026-07-14T10:24:15","guid":{"rendered":"https:\/\/casafontelheira.com\/?page_id=92"},"modified":"2026-10-21T18:59:52","modified_gmt":"2026-10-21T18:59:52","slug":"boeken","status":"publish","type":"page","link":"https:\/\/casafontelheira.com\/en\/boeken\/","title":{"rendered":"Books"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"92\" class=\"elementor elementor-92\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9f9a47 e-con e-atomic-element e-flexbox-base e-default-div e-4de5939 \" data-id=\"a9f9a47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a9f9a47\">\n    \t\t<div class=\"elementor-element elementor-element-b543524 elementor-widget elementor-widget-html\" data-id=\"b543524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 00: fonts-en-stijl\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n     Dit blok bevat de fonts en ALLE CSS van deze pagina.\r\n     Plaats dit als EERSTE widget bovenaan de pagina.\r\n     Bijgewerkt: hamburger- en mobiel-menu-CSS toegevoegd (ontbrak\r\n     volledig, waardoor er op mobiel geen menu beschikbaar was).\r\n     ================================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n  --cf-green-deep:  #1e3320;\r\n  --cf-green-dark:  #2c4a2e;\r\n  --cf-green-mid:   #3d6640;\r\n  --cf-green-light: #5a8a5c;\r\n  --cf-green-pale:  #e8f0e8;\r\n  --cf-gold:        #c9a84c;\r\n  --cf-sand:        #f2ede4;\r\n  --cf-white:       #faf9f6;\r\n  --cf-text:        #1a2b1b;\r\n  --cf-text-mid:    #3d5240;\r\n  --cf-border:      #c8d4c0;\r\n}\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nhtml { scroll-behavior: auto; }\r\n\r\nbody {\r\n  font-family: 'Jost', sans-serif;\r\n  background: var(--cf-white);\r\n  color: var(--cf-text);\r\n  overflow-x: hidden;\r\n  cursor: none;\r\n}\r\n\r\n\/* Custom cursor *\/\r\n.cursor {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 10px; height: 10px;\r\n  background: var(--cf-gold);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  transform: translate(-50%, -50%);\r\n  transition: width 0.3s, height 0.3s, background 0.3s;\r\n  mix-blend-mode: normal;\r\n}\r\n\r\n.cursor-ring {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 36px; height: 36px;\r\n  border: 1px solid rgba(201,168,76,0.5);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 9998;\r\n  transform: translate(-50%, -50%);\r\n  transition: width 0.4s ease, height 0.4s ease, border-color 0.3s;\r\n}\r\n\r\nbody:has(a:hover) .cursor,\r\nbody:has(button:hover) .cursor {\r\n  width: 20px; height: 20px;\r\n  background: var(--cf-gold);\r\n}\r\n\r\nbody:has(a:hover) .cursor-ring,\r\nbody:has(button:hover) .cursor-ring {\r\n  width: 56px; height: 56px;\r\n  border-color: var(--cf-gold);\r\n}\r\n\r\n@media (hover: none) {\r\n  .cursor, .cursor-ring { display: none; }\r\n  body { cursor: auto; }\r\n  a, button { cursor: pointer; }\r\n}\r\n\r\n\/* Nav *\/\r\n.cf-nav {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 100;\r\n  padding: 1.5rem 3rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  mix-blend-mode: normal;\r\n}\r\n\r\n.cf-nav-logo img {\r\n  width: 56px; height: 56px;\r\n  border-radius: 50%;\r\n  opacity: 0;\r\n  transform: translateY(-12px);\r\n}\r\n\r\n.cf-nav-links {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  list-style: none;\r\n}\r\n\r\n.cf-nav-links a {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--cf-white);\r\n  text-decoration: none;\r\n  opacity: 0;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n.cf-nav-links a:hover { opacity: 0.65; }\r\n\r\n.cf-nav-book {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--cf-white);\r\n  border: 1px solid rgba(255,255,255,0.4);\r\n  padding: 0.6rem 1.5rem;\r\n  background: transparent;\r\n  text-decoration: none;\r\n  opacity: 0;\r\n  transition: background 0.4s, border-color 0.4s;\r\n  cursor: none;\r\n}\r\n\r\n.cf-nav-book:hover {\r\n  background: rgba(255,255,255,0.1);\r\n  border-color: rgba(255,255,255,0.8);\r\n}\r\n\r\n\/* Hamburger - alleen zichtbaar op mobiel *\/\r\n.cf-hamburger {\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  width: 44px; height: 44px;\r\n  background: none; border: none;\r\n  cursor: pointer; padding: 4px;\r\n  -webkit-tap-highlight-color: transparent;\r\n  flex-shrink: 0;\r\n}\r\n.cf-hamburger span {\r\n  display: block;\r\n  width: 24px; height: 1.5px;\r\n  background: var(--cf-white);\r\n  transition: transform .3s, opacity .3s;\r\n}\r\n.cf-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\r\n.cf-hamburger.open span:nth-child(2) { opacity: 0; }\r\n.cf-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\r\n\r\n\/* Mobiel overlay menu *\/\r\n.cf-mobile-menu {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: var(--cf-green-deep);\r\n  z-index: 999;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 2rem;\r\n  opacity: 0;\r\n  transition: opacity .35s;\r\n}\r\n.cf-mobile-menu.visible { opacity: 1; }\r\n.cf-mobile-menu a {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2rem;\r\n  font-weight: 300;\r\n  color: var(--cf-white);\r\n  text-decoration: none;\r\n  letter-spacing: .04em;\r\n  cursor: pointer;\r\n}\r\n.cf-mobile-menu a.active { color: var(--cf-gold); }\r\n.cf-mobile-menu-book {\r\n  margin-top: .5rem;\r\n  font-family: 'Jost', sans-serif !important;\r\n  font-size: .72rem !important;\r\n  letter-spacing: .2em !important;\r\n  text-transform: uppercase;\r\n  border: 1px solid rgba(255,255,255,.35) !important;\r\n  padding: .85rem 2rem !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n.cf-section-header {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.cf-section-label {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.68rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--cf-gold);\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.cf-section-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.25rem, 3.5vw, 3.25rem);\r\n  font-weight: 300;\r\n  color: var(--cf-green-deep);\r\n  line-height: 1.1;\r\n}\r\n\r\n.cf-section-title em { font-style: italic; color: var(--cf-gold); }\r\n\r\n.cf-section-link {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.72rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--cf-green-mid);\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  transition: gap 0.3s;\r\n  cursor: none;\r\n}\r\n\r\n.cf-section-link:hover { gap: 1.25rem; }\r\n\r\n.cf-section-link::after {\r\n  content: '';\r\n  width: 30px; height: 1px;\r\n  background: var(--cf-green-mid);\r\n}\r\n\r\n\r\n.cf-footer {\r\n  background: var(--cf-green-deep);\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n  padding: 4rem 3rem 2.5rem;\r\n}\r\n\r\n.cf-footer-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n  gap: 3rem;\r\n  padding-bottom: 3rem;\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.cf-footer-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.cf-footer-logo img {\r\n  width: 44px; height: 44px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.cf-footer-brand {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  color: var(--cf-white);\r\n}\r\n\r\n.cf-footer-tagline {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: rgba(250,249,246,0.45);\r\n  max-width: 220px;\r\n}\r\n\r\n.cf-footer-col h4 {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.65rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: var(--cf-gold);\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.cf-footer-col ul { list-style: none; }\r\n\r\n.cf-footer-col ul li {\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\n.cf-footer-col ul li a {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: rgba(250,249,246,0.55);\r\n  text-decoration: none;\r\n  transition: color 0.3s;\r\n  cursor: none;\r\n}\r\n\r\n.cf-footer-col ul li a:hover { color: var(--cf-white); }\r\n\r\n.cf-footer-bottom {\r\n  max-width: 1200px;\r\n  margin: 2rem auto 0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.cf-footer-copy {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 300;\r\n  color: rgba(250,249,246,0.3);\r\n}\r\n\r\n.cf-footer-social {\r\n  display: flex;\r\n  gap: 1.25rem;\r\n}\r\n\r\n.cf-footer-social a {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: rgba(250,249,246,0.35);\r\n  text-decoration: none;\r\n  transition: color 0.3s;\r\n  cursor: none;\r\n}\r\n\r\n.cf-footer-social a:hover { color: var(--cf-gold); }\r\n\r\n\r\n\/* Gedeeld mobiel gedrag voor nav en footer (op elke pagina nodig) *\/\r\n@media (max-width: 900px) {\r\n  .cf-nav { padding: 1.25rem 1.5rem; }\r\n  .cf-nav-links { display: none; }\r\n  .cf-nav-book { display: none; }\r\n  .cf-hamburger { display: flex; }\r\n  .cf-footer-inner { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .cf-footer-inner { grid-template-columns: 1fr; }\r\n  .cf-footer-bottom { flex-direction: column; gap: 1rem; }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PAGINA-SPECIFIEKE CSS: boeken\r\n   Prefixen: cf-bkh- (hero), cf-bkw- (reserveren), cf-bkp- (persoonlijk)\r\n   ============================================================ *\/\r\n\r\n\/* Hero *\/\r\n.cf-bkh-hero {\r\n  background: linear-gradient(160deg, var(--cf-green-deep, #1E3320) 0%, #16281A 100%);\r\n  padding: 10rem 3rem 5.5rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.cf-bkh-grid {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: 4.5rem;\r\n  align-items: center;\r\n}\r\n\r\n.cf-bkh-tekst h1 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.75rem, 5vw, 4.5rem);\r\n  font-weight: 300;\r\n  line-height: 1.08;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n\/* Geforceerd wit tegen themastijlen die h1 zelf kleuren *\/\r\n.cf-bkh-tekst h1 { color: var(--cf-white, #FAF9F6) !important; }\r\n\r\n.cf-bkh-tekst h1 em { font-style: italic; color: var(--cf-gold, #C4A253); }\r\n\r\n.cf-bkh-sub {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: rgba(250,249,246,0.7);\r\n  max-width: 460px;\r\n  margin-bottom: 2.25rem;\r\n}\r\n\r\n.cf-bkh-usps {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.6rem 1.75rem;\r\n}\r\n\r\n.cf-bkh-usps li {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.78rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.08em;\r\n  color: rgba(250,249,246,0.75);\r\n  position: relative;\r\n  padding-left: 1.3rem;\r\n}\r\n\r\n.cf-bkh-usps li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  width: 14px;\r\n  height: 1px;\r\n  background: var(--cf-gold, #C4A253);\r\n}\r\n\r\n.cf-bkh-foto { position: relative; }\r\n\r\n.cf-bkh-foto::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 1.25rem;\r\n  right: -1.25rem;\r\n  bottom: -1.25rem;\r\n  left: 1.25rem;\r\n  border: 1px solid var(--cf-gold, #C4A253);\r\n  opacity: 0.55;\r\n  pointer-events: none;\r\n}\r\n\r\n.cf-bkh-foto-beeld {\r\n  height: 430px;\r\n  background-color: var(--cf-green-mid, #3E5C40);\r\n  background-image: url('https:\/\/casafontelheira.com\/media\/Casa-Fontelheira%20Resort%20(8).jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\r\n\/* Reserveren (widgetsectie) *\/\r\n.cf-bkw-section {\r\n  background: var(--cf-white, #FAF9F6);\r\n  padding: 6rem 3rem 5rem;\r\n}\r\n\r\n.cf-bkw-inner { max-width: 1050px; margin: 0 auto; }\r\n\r\n.cf-bkw-kop { margin-bottom: 3rem; }\r\n\r\n.cf-bkw-kop h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.1rem, 3.5vw, 3rem);\r\n  font-weight: 300;\r\n  line-height: 1.12;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.cf-bkw-kop h2 { color: var(--cf-green-deep, #1E3320) !important; }\r\n\r\n.cf-bkw-kop h2 em { font-style: italic; color: var(--cf-gold, #C4A253); }\r\n\r\n.cf-bkw-intro {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.98rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: var(--cf-text-mid, #5C6B5E);\r\n  max-width: 560px;\r\n}\r\n\r\n.cf-bkw-kaart {\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--cf-border, #E5E2DA);\r\n  border-top: 2px solid var(--cf-gold, #C4A253);\r\n  box-shadow: 0 24px 48px rgba(30,51,32,0.07);\r\n  padding: 2.5rem;\r\n}\r\n\r\n.cf-bkw-voetnoot {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: var(--cf-text-mid, #5C6B5E);\r\n  text-align: center;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.cf-bkw-voetnoot a {\r\n  color: var(--cf-green-mid, #3E5C40);\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n  cursor: none;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.cf-bkw-voetnoot a:hover { color: var(--cf-gold, #C4A253); }\r\n\r\n.cf-tb-credit {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.55rem;\r\n  margin-top: 1.25rem;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.78rem;\r\n  font-weight: 300;\r\n  color: var(--cf-text-mid, #5C6B5E);\r\n}\r\n.cf-tb-credit a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  text-decoration: none;\r\n  color: var(--cf-text-mid, #5C6B5E);\r\n  transition: opacity 0.3s;\r\n  cursor: none;\r\n}\r\n.cf-tb-credit a:hover { opacity: 0.75; }\r\n.cf-tb-logo { width: 20px; height: 20px; flex-shrink: 0; }\r\n.cf-tb-word { font-weight: 500; color: var(--cf-green-deep, #1E3320); }\r\n.cf-tb-word em { font-style: normal; color: var(--cf-gold, #C4A253); }\r\n\r\n\/* Liever persoonlijk *\/\r\n.cf-bkp-section {\r\n  background: var(--cf-green-deep, #1E3320);\r\n  padding: 6.5rem 3rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.cf-bkp-grid {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 4.5rem;\r\n  align-items: center;\r\n}\r\n\r\n.cf-bkp-foto { position: relative; }\r\n\r\n.cf-bkp-foto::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -1.25rem;\r\n  right: 1.25rem;\r\n  bottom: 1.25rem;\r\n  left: -1.25rem;\r\n  border: 1px solid var(--cf-gold, #C4A253);\r\n  opacity: 0.55;\r\n  pointer-events: none;\r\n}\r\n\r\n.cf-bkp-foto-beeld {\r\n  height: 400px;\r\n  background-color: var(--cf-green-mid, #3E5C40);\r\n  background-image: url('https:\/\/casafontelheira.com\/media\/Casa-Fontelheira%20Resort%20(26).jpg');\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\r\n.cf-bkp-tekst h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.1rem, 3.5vw, 3rem);\r\n  font-weight: 300;\r\n  line-height: 1.12;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.cf-bkp-tekst h2 { color: var(--cf-white, #FAF9F6) !important; }\r\n\r\n.cf-bkp-tekst h2 em { font-style: italic; color: var(--cf-gold, #C4A253); }\r\n\r\n.cf-bkp-tekst p {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.98rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: rgba(250,249,246,0.7);\r\n  max-width: 480px;\r\n  margin-bottom: 2.25rem;\r\n}\r\n\r\n.cf-bkp-knoppen { display: flex; flex-wrap: wrap; gap: 1rem; }\r\n\r\n.cf-bkp-knop {\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.72rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  padding: 0.9rem 1.8rem;\r\n  border: 1px solid var(--cf-gold, #C4A253);\r\n  color: var(--cf-gold, #C4A253);\r\n  cursor: none;\r\n  transition: background 0.3s, color 0.3s;\r\n}\r\n\r\n.cf-bkp-knop:hover {\r\n  background: var(--cf-gold, #C4A253);\r\n  color: var(--cf-green-deep, #1E3320);\r\n}\r\n\r\n.cf-bkp-knop.vol {\r\n  background: var(--cf-gold, #C4A253);\r\n  color: var(--cf-green-deep, #1E3320);\r\n}\r\n\r\n.cf-bkp-knop.vol:hover { background: transparent; color: var(--cf-gold, #C4A253); }\r\n\r\n\/* Mobiel: boeken *\/\r\n@media (max-width: 900px) {\r\n  .cf-bkh-hero { padding: 8.5rem 1.5rem 3.5rem; }\r\n  .cf-bkh-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n  .cf-bkh-foto { margin-right: 1.25rem; }\r\n  .cf-bkh-foto-beeld { height: 260px; }\r\n  .cf-bkw-section { padding: 4rem 1.5rem 3.5rem; }\r\n  .cf-bkw-kaart { padding: 1.25rem; }\r\n  .cf-bkp-section { padding: 4.5rem 1.5rem; }\r\n  .cf-bkp-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n  .cf-bkp-foto { margin-left: 1.25rem; }\r\n  .cf-bkp-foto-beeld { height: 260px; }\r\n}\r\n\r\n.reveal-up { transform: translateY(50px); opacity: 0; }\r\n.reveal-left { transform: translateX(-40px); opacity: 0; }\r\n.reveal-right { transform: translateX(40px); opacity: 0; }\r\n\r\n\/* Responsive *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }\r\n}\r\n\r\n\/* ===== WordPress \/ Elementor integratie (toegevoegd bij conversie) ===== *\/\r\n\/* Zorgt dat de secties de volledige paginabreedte krijgen, ongeacht de\r\n   containerinstellingen van Elementor. *\/\r\nbody{margin:0;padding:0;}\r\n.elementor-section.elementor-section-boxed > .elementor-container{max-width:none;}\r\n.elementor-widget-html .elementor-widget-container{width:100%;}\r\n.elementor-widget-html{width:100%;}\r\n.e-con{--content-width:100%;--width:100%;max-width:100%;\r\n  --padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}\r\n.e-con-inner{max-width:100%;}\r\n.e-con > .e-con-inner{padding:0;}\r\n\r\n\/* Geen witruimte tussen de HTML-widgets (Elementor standaardmarges en gaps) *\/\r\n.elementor-widget-html{margin:0 !important;margin-block-end:0 !important;}\r\n.elementor-widget:not(:last-child){margin-bottom:0;margin-block-end:0;}\r\n.e-con{--gap:0px;--row-gap:0px;--column-gap:0px;--flex-gap:0px;gap:0 !important;}\r\n.e-con-inner{gap:0 !important;}\r\n.elementor-section .elementor-column .elementor-widget-wrap{padding:0;}\r\n.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0;}\r\n\r\n\/* Normale muisaanwijzer in de Elementor-editor.\r\n   De gepubliceerde site behoudt de gouden custom cursor. *\/\r\nbody.elementor-editor-active, body.elementor-editor-active *{cursor:auto !important;}\r\nbody.elementor-editor-active a, body.elementor-editor-active button,\r\nbody.elementor-editor-active [onclick], body.elementor-editor-active .cf-kaart{cursor:pointer !important;}\r\nbody.elementor-editor-active .cursor, body.elementor-editor-active .cursor-ring{display:none !important;}\r\n\r\n\/* Extra harde regels tegen witruimte tussen blokken (alle Elementor-versies) *\/\r\n.e-con,.e-con-inner{padding:0 !important;margin:0 !important;gap:0 !important;}\r\n.e-con{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}\r\n.elementor-top-section,.elementor-section{margin:0 !important;}\r\n.elementor-widget-html .elementor-widget-container{margin:0 !important;padding:0 !important;}\r\n.elementor-element.elementor-widget-html{margin-block-end:0 !important;}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d1cc9c elementor-widget elementor-widget-html\" data-id=\"4d1cc9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: ALLE PAGINA'S  |  blok 01: navigatie\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n\r\n     Versie oktober 2026 (feedback Scherp Online, stapel 1):\r\n     - Identiek op elke pagina; de actieve pagina wordt automatisch\r\n       herkend en goud gemaakt.\r\n     - Eigen CSS en JavaScript in dit blok (prefix cf-hd-), dus blok 00\r\n       en de footer hoeven hiervoor niet aangepast te worden.\r\n     - Balk voor het scrollen half doorzichtig groen, na het scrollen\r\n       vol groen.\r\n     - Mobiel: knop \"Bekijk beschikbaarheid\" naast het menu-icoon;\r\n       menu met kruisje, sluit ook bij een tik op een link of Escape.\r\n     - Onderaan staan verborgen compatibiliteitselementen voor de\r\n       oude hamburgerscripts in de footers. Niet verwijderen.\r\n     - 11 oktober 2026: gouden knop in de balk is nu \"Contact\" (naar het\r\n       contactformulier); de losse menulink Contact is daarom weg.\r\n       Het mobiele menu houdt Contact en \"Bekijk beschikbaarheid\".\r\n     - 11 oktober 2026: in het mobiele menu een link \"Huurauto via Sunny\r\n       Cars\" naar de huurautotip op \/boeken\/#huurauto (blok 03b).\r\n     ================================================================ -->\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n<style>\r\n  .cf-hd {\r\n    position: fixed; top: 0; left: 0; right: 0;\r\n    z-index: 1000;\r\n    display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;\r\n    padding: 1.1rem 3rem;\r\n    background: rgba(30, 51, 32, 0.55) !important;\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n    transition: background .4s ease, padding .4s ease;\r\n    box-sizing: border-box;\r\n  }\r\n  .cf-hd.cf-hd-scrolled {\r\n    background: rgba(30, 51, 32, 0.95) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    backdrop-filter: blur(12px) !important;\r\n    padding-top: .75rem; padding-bottom: .75rem;\r\n  }\r\n  .cf-hd a, .cf-hd button { cursor: none; }\r\n  .cf-hd-logo { display: block; flex-shrink: 0; line-height: 0; }\r\n  .cf-hd-logo img { width: 56px; height: 56px; border-radius: 50%; display: block; transition: width .4s ease, height .4s ease; }\r\n  .cf-hd.cf-hd-scrolled .cf-hd-logo img { width: 48px; height: 48px; }\r\n\r\n  .cf-hd-links { display: flex; align-items: center; gap: 2.2rem; list-style: none; margin: 0 0 0 auto; padding: 0; }\r\n  .cf-hd-links a {\r\n    font-family: 'Jost', sans-serif; font-size: .75rem; font-weight: 400;\r\n    letter-spacing: .18em; text-transform: uppercase;\r\n    color: #faf9f6; text-decoration: none; opacity: .9;\r\n    transition: opacity .25s ease, color .25s ease;\r\n  }\r\n  .cf-hd-links a:hover { opacity: .65; }\r\n  .cf-hd-links a.cf-hd-active { color: #c9a84c; opacity: 1; }\r\n\r\n  .cf-hd-book {\r\n    font-family: 'Jost', sans-serif; font-size: .7rem; font-weight: 500;\r\n    letter-spacing: .16em; text-transform: uppercase; white-space: nowrap;\r\n    color: #1e3320; background: #c9a84c; border: 1px solid #c9a84c;\r\n    padding: .7rem 1.4rem; text-decoration: none;\r\n    transition: background .25s ease, color .25s ease;\r\n  }\r\n  .cf-hd-book:hover { background: transparent; color: #c9a84c; }\r\n\r\n  .cf-hd-toggle {\r\n    display: none; position: relative; z-index: 1002;\r\n    width: 44px; height: 44px; padding: 0; margin: 0;\r\n    background: transparent; border: 0; flex-shrink: 0;\r\n  }\r\n  .cf-hd-toggle span {\r\n    position: absolute; left: 10px; right: 10px; height: 1.5px;\r\n    background: #faf9f6; border-radius: 1px;\r\n    transition: transform .3s ease, opacity .2s ease, top .3s ease;\r\n  }\r\n  .cf-hd-toggle span:nth-child(1) { top: 15px; }\r\n  .cf-hd-toggle span:nth-child(2) { top: 21.5px; }\r\n  .cf-hd-toggle span:nth-child(3) { top: 28px; }\r\n  .cf-hd-toggle[aria-expanded=\"true\"] span:nth-child(1) { top: 21.5px; transform: rotate(45deg); }\r\n  .cf-hd-toggle[aria-expanded=\"true\"] span:nth-child(2) { opacity: 0; }\r\n  .cf-hd-toggle[aria-expanded=\"true\"] span:nth-child(3) { top: 21.5px; transform: rotate(-45deg); }\r\n\r\n  .cf-hd-menu {\r\n    position: fixed; inset: 0; z-index: 999;\r\n    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4rem;\r\n    background: #1e3320;\r\n    padding: 6rem 2rem 3rem; box-sizing: border-box;\r\n    opacity: 0; visibility: hidden;\r\n    transition: opacity .3s ease, visibility 0s linear .3s;\r\n    overflow-y: auto;\r\n  }\r\n  .cf-hd-menu.cf-hd-open { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }\r\n  .cf-hd-menu a {\r\n    font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.7rem; font-weight: 300;\r\n    color: #faf9f6; text-decoration: none; letter-spacing: .02em;\r\n  }\r\n  .cf-hd-menu a.cf-hd-active { color: #c9a84c; }\r\n  .cf-hd-menu .cf-hd-menu-book {\r\n    margin-top: 1rem;\r\n    font-family: 'Jost', sans-serif; font-size: .75rem; font-weight: 500;\r\n    letter-spacing: .16em; text-transform: uppercase;\r\n    color: #1e3320; background: #c9a84c; padding: .9rem 1.6rem;\r\n  }\r\n  .cf-hd-menu .cf-hd-menu-auto span {\r\n    display:block; margin-top:.15rem; text-align:center;\r\n    font-family:'Jost', sans-serif; font-size:.62rem; font-weight:400;\r\n    letter-spacing:.22em; text-transform:uppercase; color:#c9a84c;\r\n  }\r\n  .cf-hd-menu .cf-hd-menu-auto { text-align:center; }\r\n  body.cf-hd-lock { overflow: hidden; }\r\n  body.cf-hd-lock .cf-hd { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }\r\n  body.cf-hd-lock .cf-hd .cf-hd-book { visibility: hidden; }\r\n\r\n  @media (max-width: 1100px) {\r\n    .cf-hd-links { gap: 1.5rem; }\r\n  }\r\n  @media (max-width: 900px) {\r\n    .cf-hd { padding: .9rem 1.25rem; gap: .75rem; }\r\n    .cf-hd.cf-hd-scrolled { padding-top: .6rem; padding-bottom: .6rem; }\r\n    .cf-hd-links { display: none; }\r\n    .cf-hd-logo img, .cf-hd.cf-hd-scrolled .cf-hd-logo img { width: 46px; height: 46px; }\r\n    .cf-hd-book { margin-left: auto; font-size: .62rem; letter-spacing: .1em; padding: .6rem .9rem; }\r\n    .cf-hd-toggle { display: block; }\r\n  }\r\n  @media (max-width: 370px) {\r\n    .cf-hd-book-extra { display: none; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .cf-hd, .cf-hd *, .cf-hd-menu { transition: none !important; }\r\n  }\r\n  \/* Verborgen compatibiliteitselementen voor oude footerscripts *\/\r\n  .cf-hd-compat { display: none !important; }\r\n<\/style>\r\n\r\n<!-- Mobiel menu -->\r\n<div class=\"cf-hd-menu\" id=\"cfHdMenu\" aria-hidden=\"true\">\r\n  <a href=\"https:\/\/casafontelheira.com\/\">Home<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/accommodaties\/\">Accommodaties<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/omgeving\/\">Ontdek<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/groepen\/\">Groepen<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/prijzen\/\">Prijzen<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/contact\/#cfContactForm\">Contact<\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/boeken\/#huurauto\" class=\"cf-hd-menu-auto\">Huurauto <span>via Sunny Cars<\/span><\/a>\r\n  <a href=\"https:\/\/casafontelheira.com\/boeken\/\" class=\"cf-hd-menu-book\">Bekijk beschikbaarheid<\/a>\r\n<\/div>\r\n\r\n<!-- Navigatiebalk -->\r\n<nav class=\"cf-hd\" id=\"cfNav\" aria-label=\"Hoofdmenu\">\r\n  <a href=\"https:\/\/casafontelheira.com\/\" class=\"cf-hd-logo\">\r\n    <img decoding=\"async\" src=\"https:\/\/casafontelheira.com\/media\/logo.png\" alt=\"Casa Fontelheira\">\r\n  <\/a>\r\n  <ul class=\"cf-hd-links\">\r\n    <li><a href=\"https:\/\/casafontelheira.com\/\">Home<\/a><\/li>\r\n    <li><a href=\"https:\/\/casafontelheira.com\/accommodaties\/\">Accommodaties<\/a><\/li>\r\n    <li><a href=\"https:\/\/casafontelheira.com\/omgeving\/\">Ontdek<\/a><\/li>\r\n    <li><a href=\"https:\/\/casafontelheira.com\/groepen\/\">Groepen<\/a><\/li>\r\n    <li><a href=\"https:\/\/casafontelheira.com\/prijzen\/\">Prijzen<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"https:\/\/casafontelheira.com\/contact\/#cfContactForm\" class=\"cf-hd-book\">Contact<\/a>\r\n  <button type=\"button\" class=\"cf-hd-toggle\" id=\"cfHdToggle\" aria-label=\"Menu openen\" aria-expanded=\"false\" aria-controls=\"cfHdMenu\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/button>\r\n<\/nav>\r\n\r\n<!-- Compatibiliteit: oude footerscripts zoeken deze id's. Niet verwijderen. -->\r\n<div class=\"cf-hd-compat\" aria-hidden=\"true\">\r\n  <button type=\"button\" id=\"hamburger\" tabindex=\"-1\"><\/button>\r\n  <div id=\"mobileMenu\"><\/div>\r\n  <button type=\"button\" id=\"cfHamburger\" tabindex=\"-1\"><\/button>\r\n  <div id=\"cfMobileMenu\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function init() {\r\n    var nav    = document.getElementById('cfNav');\r\n    var toggle = document.getElementById('cfHdToggle');\r\n    var menu   = document.getElementById('cfHdMenu');\r\n    if (!nav || nav.dataset.cfHdBound) return;\r\n    nav.dataset.cfHdBound = '1';\r\n\r\n    \/* ---- Actieve pagina markeren ---- *\/\r\n    function pad(p) { return (p || '\/').replace(\/^\\\/en(\\\/|$)\/, '\/').replace(\/\\\/+$\/, '').toLowerCase(); }\r\n    var hier = pad(location.pathname);\r\n    document.querySelectorAll('.cf-hd-links a, .cf-hd-menu a').forEach(function (a) {\r\n      if (a.classList.contains('cf-hd-menu-book')) return;\r\n      var doel = pad(a.pathname);\r\n      if (doel === hier) { a.classList.add('cf-hd-active'); a.setAttribute('aria-current', 'page'); }\r\n    });\r\n\r\n    \/* ---- Kleur bij scrollen ---- *\/\r\n    function checkScroll() {\r\n      var y = window.pageYOffset || document.documentElement.scrollTop || 0;\r\n      nav.classList.toggle('cf-hd-scrolled', y > 80);\r\n    }\r\n    window.addEventListener('scroll', checkScroll, { passive: true });\r\n    checkScroll();\r\n\r\n    \/* ---- Mobiel menu ---- *\/\r\n    if (!toggle || !menu) return;\r\n    function zet(open) {\r\n      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      toggle.setAttribute('aria-label', open ? 'Menu sluiten' : 'Menu openen');\r\n      menu.classList.toggle('cf-hd-open', open);\r\n      menu.setAttribute('aria-hidden', open ? 'false' : 'true');\r\n      document.body.classList.toggle('cf-hd-lock', open);\r\n    }\r\n    toggle.addEventListener('click', function () {\r\n      zet(toggle.getAttribute('aria-expanded') !== 'true');\r\n    });\r\n    menu.querySelectorAll('a').forEach(function (a) {\r\n      a.addEventListener('click', function () { zet(false); });\r\n    });\r\n    document.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Escape' && menu.classList.contains('cf-hd-open')) { zet(false); toggle.focus(); }\r\n    });\r\n    window.addEventListener('resize', function () {\r\n      if (window.innerWidth > 900 && menu.classList.contains('cf-hd-open')) zet(false);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd37e85 elementor-widget elementor-widget-html\" data-id=\"fd37e85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 02: hero\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n     Foto: media\/Casa-Fontelheira Resort (8).jpg\r\n     Logo: media\/TB-logo klein.png (bescheiden, linksonder in de tekstkolom)\r\n\r\n     Wijziging oktober 2026 (feedback Scherp Online): geen belofte van\r\n     een directe bevestiging meer, want Max bevestigt elke reservering\r\n     persoonlijk. Nieuwe drie voordelen, je-vorm.\r\n     Later aan te vullen zodra bevestigd:\r\n     - termijn, bijv. \"Wij bevestigen je verblijf persoonlijk, meestal\r\n       binnen 24 uur.\" (Max)\r\n     - \"Je ontvangt direct een ontvangstbevestiging per e-mail.\" (alleen\r\n       als TrustBooking die automatisch stuurt)\r\n     ================================================================ -->\r\n<section class=\"cf-bkh-hero\">\r\n  <div class=\"cf-bkh-grid\">\r\n    <div class=\"cf-bkh-tekst\">\r\n      <p class=\"cf-section-label reveal-up\">Reserveren<\/p>\r\n      <h1 class=\"reveal-up\">Boek je <em>verblijf<\/em><\/h1>\r\n      <p class=\"cf-bkh-sub reveal-up\">Kies je accommodatie en je data en stuur je reservering in. Wij bevestigen je verblijf persoonlijk.<\/p>\r\n      <ul class=\"cf-bkh-usps reveal-up\">\r\n        <li>Persoonlijke bevestiging<\/li>\r\n        <li>Rechtstreeks bij Elisa &amp; Max, zonder tussenpartij<\/li>\r\n          <li>Veilig online betalen<\/li>\r\n        <li>50% aanbetaling, restant 8 weken voor aankomst<\/li>\r\n      <\/ul>\r\n      <img decoding=\"async\" src=\"https:\/\/casafontelheira.com\/media\/TB-logo%20klein.png\" alt=\"TrustBooking\" class=\"reveal-up\" style=\"height:22px;width:auto;opacity:.55;margin-top:2.5rem;display:block;\">\r\n    <\/div>\r\n    <div class=\"cf-bkh-foto reveal-right\">\r\n      <div class=\"cf-bkh-foto-beeld\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bafa3f elementor-widget elementor-widget-html\" data-id=\"0bafa3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 02b: zo-werkt-reserveren\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n\r\n     NIEUW BLOK (oktober 2026, feedback Scherp Online). Plaats dit\r\n     direct BOVEN het blok met de TrustBooking-widget. Eigen CSS met\r\n     prefix cf-zwr-.\r\n     Bijgewerkt 21 oktober 2026 (antwoorden Max): stap 2 meldt de\r\n     ontvangstbevestiging, stap 3 de bevestiging binnen 24 uur, stap 4\r\n     de aanbetaling binnen 1 week na bevestiging.\r\n     ================================================================ -->\r\n<style>\r\n.cf-zwr{\r\n  padding: 5rem 3rem 3.5rem;\r\n  background: var(--cf-sand, #f4efe6);\r\n}\r\n.cf-zwr-inner{ max-width: 1100px; margin: 0 auto; }\r\n.cf-zwr-label{\r\n  font-family:'Jost',sans-serif; font-size:.7rem; font-weight:400;\r\n  letter-spacing:.25em; text-transform:uppercase;\r\n  color: var(--cf-gold, #c9a84c); text-align:center; margin:0 0 .75rem;\r\n}\r\n.cf-zwr-titel{\r\n  font-family:'Cormorant Garamond',Georgia,serif; font-weight:300;\r\n  font-size: clamp(2rem, 3.2vw, 2.8rem); line-height:1.1;\r\n  color: var(--cf-green-deep, #1e3320); text-align:center; margin:0 0 3rem;\r\n}\r\n.cf-zwr-stappen{\r\n  display:grid; grid-template-columns: repeat(4, 1fr); gap: 2.25rem;\r\n  list-style:none; margin:0; padding:0; counter-reset: zwr;\r\n}\r\n.cf-zwr-stap{ position:relative; padding-top: 1.25rem; border-top: 1px solid rgba(201,168,76,.45); }\r\n.cf-zwr-num{\r\n  display:block; font-family:'Cormorant Garamond',Georgia,serif; font-weight:300;\r\n  font-size: 2.6rem; line-height:1; color: var(--cf-gold, #c9a84c); margin-bottom: .9rem;\r\n}\r\n.cf-zwr-stap h3{\r\n  font-family:'Cormorant Garamond',Georgia,serif; font-weight:400;\r\n  font-size: 1.45rem; line-height:1.2; color: var(--cf-green-deep, #1e3320); margin:0 0 .6rem;\r\n}\r\n.cf-zwr-stap p{\r\n  font-family:'Jost',sans-serif; font-weight:300; font-size:.95rem; line-height:1.75;\r\n  color: rgba(30,51,32,.8); margin:0;\r\n}\r\n@media (max-width: 1100px){\r\n  .cf-zwr-stappen{ grid-template-columns: repeat(2, 1fr); gap: 2.25rem 2.5rem; }\r\n}\r\n@media (max-width: 900px){\r\n  .cf-zwr{ padding: 3.5rem 1.5rem 2.5rem; }\r\n  .cf-zwr-titel{ margin-bottom: 2rem; }\r\n  .cf-zwr-stappen{ grid-template-columns: 1fr; gap: 1.75rem; }\r\n}\r\n<\/style>\r\n<section class=\"cf-zwr\" aria-labelledby=\"cfZwrTitel\">\r\n  <div class=\"cf-zwr-inner\">\r\n    <p class=\"cf-zwr-label reveal-up\">In vier stappen<\/p>\r\n    <h2 class=\"cf-zwr-titel reveal-up\" id=\"cfZwrTitel\">Zo werkt reserveren<\/h2>\r\n    <ol class=\"cf-zwr-stappen\">\r\n      <li class=\"cf-zwr-stap reveal-up\">\r\n        <span class=\"cf-zwr-num\" aria-hidden=\"true\">01<\/span>\r\n        <h3>Kies je data<\/h3>\r\n        <p>Selecteer je aankomst- en vertrekdatum in de kalender hieronder.<\/p>\r\n      <\/li>\r\n      <li class=\"cf-zwr-stap reveal-up\">\r\n        <span class=\"cf-zwr-num\" aria-hidden=\"true\">02<\/span>\r\n        <h3>Kies je verblijf<\/h3>\r\n        <p>Kies een accommodatie die in jouw periode vrij is, vul je gegevens in en stuur je reservering in. Je ontvangt direct een ontvangstbevestiging.<\/p>\r\n      <\/li>\r\n      <li class=\"cf-zwr-stap reveal-up\">\r\n        <span class=\"cf-zwr-num\" aria-hidden=\"true\">03<\/span>\r\n        <h3>Wij bevestigen persoonlijk<\/h3>\r\n        <p>Wij bekijken je reservering en bevestigen je verblijf persoonlijk, meestal binnen 24 uur. Je ontvangt dan een e-mail met een betaallink.<\/p>\r\n      <\/li>\r\n      <li class=\"cf-zwr-stap reveal-up\">\r\n        <span class=\"cf-zwr-num\" aria-hidden=\"true\">04<\/span>\r\n        <h3>Leg je vakantie vast<\/h3>\r\n        <p>Betaal de aanbetaling van 50% binnen 1 week veilig online via Mollie. Het restant betaal je uiterlijk 8 weken voor aankomst.<\/p>\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a766be3 elementor-widget elementor-widget-html\" data-id=\"a766be3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 03: reserveren\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n     Bijgewerkt: bescheiden TrustBooking-credit toegevoegd onder de\r\n     widget-kaart (logo + link naar trustbooking.nl).\r\n     Wijziging oktober 2026: je-vorm; intro belooft geen afgeronde\r\n     boeking meer maar het insturen van een reservering; widget.js?v=2\r\n     zodat browsers de nieuwe versie (voorselectie) laden.\r\n     ================================================================ -->\r\n<section class=\"cf-bkw-section\" id=\"reserveren\">\r\n  <div class=\"cf-bkw-inner\">\r\n    <div class=\"cf-bkw-kop reveal-up\">\r\n      <p class=\"cf-section-label\">Beschikbaarheid en reserveren<\/p>\r\n      <h2>Kies je accommodatie <em>en je data<\/em><\/h2>\r\n      <p class=\"cf-bkw-intro\">Bekijk de actuele beschikbaarheid, kies je verblijf en stuur je reservering in een paar stappen in.<\/p>\r\n    <\/div>\r\n    <div class=\"cf-bkw-kaart reveal-up\">\r\n    <!-- TrustBooking boekingswidget -->\r\n    <div class=\"cf-boeken-widget-frame reveal-up\">\r\n      <script src=\"https:\/\/trustbooking.nl\/widget\/widget.js?v=4\" data-klant=\"casafontelheira\" data-aanspreekvorm=\"je\"><\/script>\r\n    <\/div>\r\n    <\/div>\r\n    <p class=\"cf-tb-credit reveal-up\">\r\n      Boekingssysteem door\r\n      <a href=\"https:\/\/trustbooking.nl\" target=\"_blank\" rel=\"noopener\">\r\n        <svg class=\"cf-tb-logo\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <path d=\"M50 6 L88 20 V46 C88 68 72 84 50 94 C28 84 12 68 12 46 V20 Z\" fill=\"#1e3320\" stroke=\"#c9a84c\" stroke-width=\"2.5\"\/>\r\n          <path d=\"M38 50 L47 59 L64 40\" fill=\"none\" stroke=\"#c9a84c\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <span class=\"cf-tb-word\">Trust<em>booking<\/em><\/span>\r\n      <\/a>\r\n    <\/p>\r\n    <p class=\"cf-bkw-voetnoot reveal-up\">Vragen tijdens het boeken? Bel <a href=\"tel:+351935042099\">+351 935 042 099<\/a> of mail naar <a href=\"mailto:info@casafontelheira.com\">info@casafontelheira.com<\/a>.<\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a289d9 elementor-widget elementor-widget-html\" data-id=\"9a289d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 03b: huurauto\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n\r\n     NIEUW BLOK (oktober 2026): tip huurauto via de partnerlink van\r\n     Sunny Cars. Plaats dit direct ONDER blok 03 (reserveren, met de\r\n     TrustBooking-widget) en BOVEN blok 04 (Liever persoonlijk?).\r\n     Eigen CSS met prefix cf-bkc-, geen JavaScript nodig behalve de\r\n     kleine dataLayer-push bij een klik (event 'sunnycars_klik'),\r\n     zodat Scherp Online kan meten hoeveel gasten doorklikken.\r\n\r\n     Bijgewerkt 21 oktober 2026 (antwoord Max op vraag 17): de tekst\r\n     onder de knop is vervangen door \"Huur auto onder resort\".\r\n\r\n     Partnerlink: https:\/\/booking.sunnycars.nl\/?ak=2107015\r\n     Verandert de link ooit, pas dan alleen de href van de knop aan.\r\n     ================================================================ -->\r\n<style>\r\n.cf-bkc{\r\n  padding: 6rem 3rem;\r\n  background: var(--cf-green-deep, #1e3320);\r\n  color: var(--cf-white, #faf9f6);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cf-bkc::before{\r\n  content:\"\"; position:absolute; right:-160px; top:-160px; width:420px; height:420px; border-radius:50%;\r\n  background: radial-gradient(circle, rgba(201,168,76,.18), rgba(201,168,76,0) 65%);\r\n  pointer-events:none;\r\n}\r\n.cf-bkc-inner{\r\n  max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;\r\n  display: grid; grid-template-columns: 1.1fr .9fr; gap: 4.5rem; align-items: start;\r\n}\r\n.cf-bkc .cf-bkc-label{\r\n  font-family:'Jost',sans-serif; font-size:.68rem; font-weight:400; letter-spacing:.3em;\r\n  text-transform:uppercase; color: var(--cf-gold, #c9a84c); margin:0 0 1rem;\r\n}\r\n.cf-bkc h2{\r\n  font-family:'Cormorant Garamond',Georgia,serif; font-weight:300;\r\n  font-size: clamp(2.1rem, 3.6vw, 3.2rem); line-height:1.1;\r\n  color: var(--cf-white, #faf9f6) !important; margin:0 0 1.75rem;\r\n}\r\n.cf-bkc h2 em{ font-style:italic; color: var(--cf-gold, #c9a84c); }\r\n.cf-bkc-tekst p{\r\n  font-family:'Jost',sans-serif; font-weight:300; font-size:1rem; line-height:1.85;\r\n  color: rgba(250,249,246,.82); margin:0 0 1.1rem;\r\n}\r\n.cf-bkc-tip{\r\n  margin: 2rem 0 1.25rem; padding: 1.25rem 1.5rem;\r\n  border-left: 2px solid var(--cf-gold, #c9a84c);\r\n  background: rgba(255,255,255,.04);\r\n}\r\n.cf-bkc-tip strong{\r\n  display:block; font-family:'Cormorant Garamond',Georgia,serif; font-weight:400;\r\n  font-size:1.45rem; color: var(--cf-gold, #c9a84c); margin-bottom:.4rem;\r\n}\r\n.cf-bkc-tip p{ margin:0; }\r\n\r\n.cf-bkc-kaart{\r\n  position: relative;\r\n  background: var(--cf-white, #faf9f6); color: var(--cf-text, #1a2b1b);\r\n  padding: 2.5rem 2.25rem 2.25rem;\r\n}\r\n.cf-bkc-kaart::before{\r\n  content:\"\"; position:absolute; inset: 14px -14px -14px 14px;\r\n  border: 1px solid var(--cf-gold, #c9a84c); z-index:-1; pointer-events:none;\r\n}\r\n.cf-bkc-zon{ width:38px; height:38px; color: var(--cf-gold, #c9a84c); margin-bottom: .9rem; }\r\n.cf-bkc-kaart h3{\r\n  font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; font-size:1.6rem; line-height:1.2;\r\n  color: var(--cf-green-deep, #1e3320) !important; margin:0 0 .4rem;\r\n}\r\n.cf-bkc-kaart > p{\r\n  font-family:'Jost',sans-serif; font-weight:300; font-size:.95rem; line-height:1.7;\r\n  color: var(--cf-text-mid, #3d5240); margin:0 0 1.25rem;\r\n}\r\n.cf-bkc-lijst{ list-style:none; margin:0 0 1.75rem; padding:0; }\r\n.cf-bkc-lijst li{\r\n  display:flex; gap:.75rem; align-items:flex-start; padding:.55rem 0;\r\n  border-top:1px solid var(--cf-border, #c8d4c0);\r\n  font-family:'Jost',sans-serif; font-weight:300; font-size:.95rem; line-height:1.55;\r\n  color: var(--cf-text, #1a2b1b);\r\n}\r\n.cf-bkc-lijst li:last-child{ border-bottom:1px solid var(--cf-border, #c8d4c0); }\r\n.cf-bkc-lijst svg{ width:18px; height:18px; flex-shrink:0; margin-top:3px; color: var(--cf-gold, #c9a84c); }\r\n.cf-bkc-knop{\r\n  display:flex; align-items:center; justify-content:center; gap:.75rem; width:100%;\r\n  font-family:'Jost',sans-serif; font-size:.74rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase;\r\n  color: var(--cf-green-deep, #1e3320) !important; background: var(--cf-gold, #c9a84c);\r\n  border:1px solid var(--cf-gold, #c9a84c); padding:1.1rem 1.5rem; text-decoration:none; cursor:none;\r\n  transition: background .3s, color .3s;\r\n}\r\n.cf-bkc-knop:hover{ background: var(--cf-green-deep, #1e3320); color: var(--cf-gold, #c9a84c) !important; }\r\n.cf-bkc-knop svg{ width:14px; height:14px; transition: transform .3s; }\r\n.cf-bkc-knop:hover svg{ transform: translateX(4px); }\r\n.cf-bkc-noot{\r\n  margin-top:1.1rem !important; font-family:'Jost',sans-serif; font-weight:300; font-size:.8rem; line-height:1.6;\r\n  color: var(--cf-text-mid, #3d5240); margin:1rem 0 0; text-align:center;\r\n}\r\n.cf-bkc-slot{\r\n  font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:300;\r\n  font-size:1.3rem !important; line-height:1.5 !important; color: var(--cf-white, #faf9f6) !important;\r\n  margin-top:1.75rem !important;\r\n}\r\n@media (max-width: 900px){\r\n  .cf-bkc{ padding: 4rem 1.5rem 4.5rem; }\r\n  .cf-bkc-inner{ grid-template-columns: 1fr; gap: 3rem; }\r\n  .cf-bkc-kaart{ padding: 2rem 1.5rem 1.75rem; margin-right: 14px; }\r\n}\r\n<\/style>\r\n<section class=\"cf-bkc\" id=\"huurauto\">\r\n  <div class=\"cf-bkc-inner\">\r\n    <div class=\"cf-bkc-tekst\">\r\n      <p class=\"cf-bkc-label reveal-up\">Onze tip<\/p>\r\n      <h2 class=\"reveal-up\">Huur je auto op tijd en profiteer van <em>extra voordelen<\/em><\/h2>\r\n      <p class=\"reveal-up\">Een heerlijke vakantie bij Casa Fontelheira begint met een goede voorbereiding. En daar hoort wat ons betreft ook een huurauto bij! Zo ontdek je op je eigen tempo de prachtige natuur, charmante dorpjes en verborgen pareltjes van Noord-Portugal.<\/p>\r\n      <div class=\"cf-bkc-tip reveal-up\">\r\n        <strong>Onze gouden tip: boek je huurauto zo vroeg mogelijk!<\/strong>\r\n        <p>Vooral in het hoogseizoen kunnen de huurprijzen flink stijgen. Door je auto ruim van tevoren te reserveren, profiteer je vaak van aanzienlijk lagere tarieven &eacute;n heb je veel meer keuze. Dat kan je zomaar een flinke besparing opleveren!<\/p>\r\n      <\/div>\r\n      <p class=\"reveal-up\">Ons advies? Zodra je je verblijf en vliegtickets hebt geboekt, regel dan ook meteen je huurauto. Wacht vooral niet tot vlak voor vertrek!<\/p>\r\n      <p class=\"cf-bkc-slot reveal-up\">Dan hoef je bij aankomst op de luchthaven van Porto alleen nog maar je auto op te halen en kan het genieten beginnen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cf-bkc-kaart reveal-up\">\r\n      <svg class=\"cf-bkc-zon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\">\r\n        <circle cx=\"24\" cy=\"24\" r=\"8.5\"\/>\r\n        <path d=\"M24 5v6M24 37v6M5 24h6M37 24h6M10.6 10.6l4.2 4.2M33.2 33.2l4.2 4.2M10.6 37.4l4.2-4.2M33.2 14.8l4.2-4.2\"\/>\r\n      <\/svg>\r\n      <h3>Sunny Cars, onze aanrader<\/h3>\r\n      <p>Wij raden onze gasten Sunny Cars aan, een betrouwbare en al jarenlang hooggewaardeerde specialist in all-inclusive autohuur. Boek via onze speciale link en profiteer van:<\/p>\r\n      <ul class=\"cf-bkc-lijst\">\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Gratis glas- en bandendekking<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Gratis tweede bestuurder<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>All-inclusive autohuur met uitgebreide verzekeringsdekking<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Terugbetaling van het eigen risico volgens de voorwaarden<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Geen onverwachte verzekeringskosten aan de balie<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Nederlandstalige klantenservice<\/li>\r\n      <\/ul>\r\n      <a class=\"cf-bkc-knop\" id=\"cfSunnyCarsKnop\" href=\"https:\/\/booking.sunnycars.nl\/?ak=2107015\" target=\"_blank\" rel=\"sponsored noopener\">\r\n        Boek je huurauto hier\r\n        <svg viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 7h12M7 1l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <p class=\"cf-bkc-noot\">Huur auto onder resort. Partnerlink van Casa Fontelheira.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  var knop = document.getElementById('cfSunnyCarsKnop');\r\n  if (!knop || knop.dataset.cfBound) return;\r\n  knop.dataset.cfBound = '1';\r\n  knop.addEventListener('click', function () {\r\n    window.dataLayer = window.dataLayer || [];\r\n    window.dataLayer.push({ event: 'sunnycars_klik' });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7efb23 elementor-widget elementor-widget-html\" data-id=\"a7efb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 04: persoonlijk\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n     Foto: media\/Casa-Fontelheira Resort (26).jpg\r\n     Wijziging oktober 2026: je-vorm.\r\n     ================================================================ -->\r\n<section class=\"cf-bkp-section\">\r\n  <div class=\"cf-bkp-grid\">\r\n    <div class=\"cf-bkp-foto reveal-left\">\r\n      <div class=\"cf-bkp-foto-beeld\"><\/div>\r\n    <\/div>\r\n    <div class=\"cf-bkp-tekst\">\r\n      <p class=\"cf-section-label reveal-up\">Liever persoonlijk?<\/p>\r\n      <h2 class=\"reveal-up\">Wij denken graag <em>met je mee<\/em><\/h2>\r\n      <p class=\"reveal-up\">Twijfel je tussen accommodaties, kom je met een groep of heb je speciale wensen? Neem gerust contact op; we helpen je graag aan het verblijf dat bij je past.<\/p>\r\n      <div class=\"cf-bkp-knoppen reveal-up\">\r\n        <a class=\"cf-bkp-knop vol\" href=\"https:\/\/casafontelheira.com\/contact\/\">Stel je vraag<\/a>\r\n        <a class=\"cf-bkp-knop\" href=\"https:\/\/casafontelheira.com\/groepen\/\">Groepen &amp; events<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1e735f1 e-con e-atomic-element e-flexbox-base e-default-div e-b45031a \" data-id=\"1e735f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e735f1\">\n    \t\t<div class=\"elementor-element elementor-element-08e9f28 elementor-widget elementor-widget-html\" data-id=\"08e9f28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     CASA FONTELHEIRA  |  pagina: boeken  |  blok 05: footer-en-scripts\r\n     Plak de volledige inhoud van dit bestand in EEN Elementor\r\n     HTML-widget. Houd de volgorde van de bloknummers aan.\r\n     Dit blok bevat ook de scriptbestanden (Lenis, GSAP) en de\r\n     pagina-JavaScript. Plaats dit als LAATSTE widget onderaan.\r\n     Bijgewerkt: hamburgermenu-JS toegevoegd (ontbrak volledig).\r\n     ================================================================ -->\r\n<footer class=\"cf-footer\">\r\n  <div class=\"cf-footer-inner\">\r\n    <div>\r\n      <div class=\"cf-footer-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/casafontelheira.com\/media\/logo.png\" alt=\"Casa Fontelheira\">\r\n        <span class=\"cf-footer-brand\">Casa Fontelheira<\/span>\r\n      <\/div>\r\n      <p class=\"cf-footer-tagline\">Glamping Resort in Vila Nune, Noord-Portugal. Natuur, luxe en authenticiteit in perfecte balans.<\/p>\r\n    <\/div>\r\n    <div class=\"cf-footer-col\">\r\n      <h4>Accommodaties<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/accommodaties\/\">Alle accommodaties<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/accommodaties\/#casas\">Casa's<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/accommodaties\/#lodges\">Lodges<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/prijzen\/\">Tarieven<\/a><\/li><li><a href=\"https:\/\/casafontelheira.com\/boeken\/\">Boeken<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"cf-footer-col\">\r\n      <h4>Resort<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/omgeving\/\">Omgeving<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/groepen\/\">Groepen &amp; Events<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/extras\/\">Extra's &amp; activiteiten<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/contact\/\">Contact<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/contact\/#faq\">FAQ<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"cf-footer-col\">\r\n      <h4>Contact &amp; info<\/h4>\r\n      <ul>\r\n        <li><a href=\"tel:+351935042099\">+351 935 042 099<\/a><\/li>\r\n        <li><a href=\"mailto:info@casafontelheira.com\">info@casafontelheira.com<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/voorwaarden\/\">Voorwaarden<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/voorwaarden\/#privacy\">Privacy &amp; cookies<\/a><\/li>\r\n        <li><a href=\"https:\/\/casafontelheira.com\/voorwaarden\/#geschillen\">Geschillen<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.livroreclamacoes.pt\" target=\"_blank\" rel=\"noopener\">Livro de Reclama&ccedil;&otilde;es<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"cf-footer-bottom\">\r\n    <p class=\"cf-footer-copy\">&copy; 2026 Casa Fontelheira Unipessoal LDA &bull; BTW PT515018910 &bull; AL 22887\/AL<\/p>\r\n    <div class=\"cf-footer-social\">\r\n      <a href=\"https:\/\/facebook.com\/casafontelheira\" target=\"_blank\">Facebook<\/a>\r\n      <a href=\"https:\/\/instagram.com\/casa_fontelheira\" target=\"_blank\">Instagram<\/a>\r\n      <a href=\"https:\/\/www.youtube.com\/@casafontelheira2416\" target=\"_blank\">YouTube<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- Lenis smooth scroll -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\"><\/script>\r\n\r\n<!-- GSAP + ScrollTrigger -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function() {\r\n\r\n  function init() {\r\n\r\n  \/* ---- Custom cursor ---- *\/\r\n  const cursor = document.getElementById('cursor');\r\n  const ring   = document.getElementById('cursorRing');\r\n  if (cursor && ring) {\r\n    let cx = 0, cy = 0, rx = 0, ry = 0;\r\n    document.addEventListener('mousemove', e => { cx = e.clientX; cy = e.clientY; });\r\n    (function animateCursor() {\r\n      cursor.style.left = cx + 'px';\r\n      cursor.style.top  = cy + 'px';\r\n      rx += (cx - rx) * 0.12;\r\n      ry += (cy - ry) * 0.12;\r\n      ring.style.left = rx + 'px';\r\n      ring.style.top  = ry + 'px';\r\n      requestAnimationFrame(animateCursor);\r\n    })();\r\n  }\r\n\r\n  const heeftGsap = (typeof gsap !== 'undefined') && (typeof ScrollTrigger !== 'undefined');\r\n\r\n  \/* ---- Lenis ---- *\/\r\n  let lenis = null;\r\n  if (typeof Lenis !== 'undefined' && heeftGsap) {\r\n    lenis = new Lenis({ lerp: 0.07, smoothWheel: true, syncTouch: false });\r\n    lenis.on('scroll', ScrollTrigger.update);\r\n    gsap.ticker.add(time => lenis.raf(time * 1000));\r\n    gsap.ticker.lagSmoothing(0);\r\n  }\r\n\r\n  \/* ---- Nav scroll tint ---- *\/\r\n  const nav = document.getElementById('cfNav');\r\n  if (nav && heeftGsap) {\r\n    ScrollTrigger.create({\r\n      start: 'top -80px',\r\n      onEnter:     () => { nav.style.background = 'rgba(30,51,32,0.95)'; nav.style.backdropFilter = 'blur(12px)'; },\r\n      onLeaveBack: () => { nav.style.background = 'transparent'; nav.style.backdropFilter = 'none'; }\r\n    });\r\n  }\r\n\r\n  \/* ---- Entrance: nav ---- *\/\r\n  if (nav && heeftGsap) {\r\n    const tl = gsap.timeline({ defaults: { ease: 'power3.out' } });\r\n    tl.to('.cf-nav-logo img', { opacity: 1, y: 0, duration: 1 }, 0.2)\r\n      .to('.cf-nav-links a',  { opacity: 0.85, y: 0, duration: 0.8, stagger: 0.08 }, 0.4)\r\n      .to('.cf-nav-book',     { opacity: 0.85, y: 0, duration: 0.8 }, 0.6);\r\n  }\r\n\r\n  \/* ---- Scroll reveals ---- *\/\r\n  if (heeftGsap) {\r\n    gsap.utils.toArray('.reveal-up').forEach(el => {\r\n      gsap.to(el, {\r\n        y: 0, opacity: 1, duration: 0.9, ease: 'power3.out',\r\n        scrollTrigger: { trigger: el, start: 'top 88%', once: true }\r\n      });\r\n    });\r\n    gsap.utils.toArray('.reveal-left').forEach(el => {\r\n      gsap.to(el, { x: 0, opacity: 1, duration: 0.9, ease: 'power3.out',\r\n        scrollTrigger: { trigger: el, start: 'top 85%', once: true } });\r\n    });\r\n    gsap.utils.toArray('.reveal-right').forEach(el => {\r\n      gsap.to(el, { x: 0, opacity: 1, duration: 0.9, ease: 'power3.out',\r\n        scrollTrigger: { trigger: el, start: 'top 85%', once: true } });\r\n    });\r\n  }\r\n\r\n  \/* ---- Mobiel hamburgermenu (toegevoegd, ontbrak volledig) ---- *\/\r\n  const ham        = document.getElementById('cfHamburger')  || document.querySelector('.cf-hamburger');\r\n  const mobielMenu = document.getElementById('cfMobileMenu') || document.querySelector('.cf-mobile-menu');\r\n  function menuDicht() {\r\n    if (!ham || !mobielMenu) return;\r\n    ham.classList.remove('open');\r\n    mobielMenu.classList.remove('visible');\r\n    document.body.style.overflow = '';\r\n    setTimeout(() => { mobielMenu.style.display = 'none'; }, 350);\r\n  }\r\n  if (ham && mobielMenu && !ham.dataset.cfBound) {\r\n    ham.dataset.cfBound = '1';\r\n    ham.addEventListener('click', () => {\r\n      const open = ham.classList.toggle('open');\r\n      if (open) {\r\n        mobielMenu.style.display = 'flex';\r\n        requestAnimationFrame(() => mobielMenu.classList.add('visible'));\r\n        document.body.style.overflow = 'hidden';\r\n      } else {\r\n        menuDicht();\r\n      }\r\n    });\r\n    mobielMenu.querySelectorAll('a').forEach(a => a.addEventListener('click', menuDicht));\r\n  }\r\n\r\n  \/* ---- PAGINA-SPECIFIEKE JAVASCRIPT HIER ----\r\n     De boekenpagina heeft verder geen eigen JavaScript nodig; het\r\n     TrustBooking-widget regelt zijn eigen gedrag. ---- *\/\r\n\r\n  }\r\n\r\n  \/* Start pas als de DOM compleet is. In de Elementor-editor kan dit\r\n     script eerder draaien dan de andere widgets; zonder dit vangnet\r\n     en de nulcontroles hierboven geeft dat een consolefout en\r\n     stoppen ook het hamburgermenu. *\/\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fcfb10c e-con e-atomic-element e-flexbox-base e-default-div e-5bb3abe \" data-id=\"fcfb10c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fcfb10c\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-13a34ae e-con e-atomic-element e-flexbox-base e-default-div e-7dbe08c \" data-id=\"13a34ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13a34ae\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Accommodaties Ontdek Groepen Prijzen Contact Huurauto via Sunny Cars Bekijk beschikbaarheid Home Accommodaties Ontdek Groepen Prijzen Contact Reserveren Boek [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":68,"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/pages\/92\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/casafontelheira.com\/en\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"well played","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}