.elementor-425 .elementor-element.elementor-element-d600fc0{--display:flex;--min-height:78vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:96px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-425 .elementor-element.elementor-element-4219d93{z-index:0;}.elementor-425 .elementor-element.elementor-element-2820a81{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-425 .elementor-element.elementor-element-b4a07d1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;--z-index:2;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-425 .elementor-element.elementor-element-160cad6{text-align:start;}.elementor-425 .elementor-element.elementor-element-160cad6 .elementor-heading-title{font-family:var( --e-global-typography-display-font-family ), sans-serif;font-size:var( --e-global-typography-display-font-size );font-weight:var( --e-global-typography-display-font-weight );text-transform:var( --e-global-typography-display-text-transform );line-height:var( --e-global-typography-display-line-height );letter-spacing:var( --e-global-typography-display-letter-spacing );color:var( --e-global-color-bone );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-425 .elementor-element.elementor-element-3440d8e{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-lead-font-family ), sans-serif;font-size:var( --e-global-typography-lead-font-size );font-weight:var( --e-global-typography-lead-font-weight );line-height:var( --e-global-typography-lead-line-height );color:var( --e-global-color-bone );}.elementor-425 .elementor-element.elementor-element-763c0a1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button:hover, .elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button:focus{background-color:var( --e-global-color-geel-zacht );color:var( --e-global-color-accent );border-color:var( --e-global-color-geel-zacht );}.elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button:hover svg, .elementor-425 .elementor-element.elementor-element-c5a9a11 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-425 .elementor-element.elementor-element-d5d003b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:104px;--padding-bottom:104px;--padding-left:48px;--padding-right:48px;}.elementor-425 .elementor-element.elementor-element-d5d003b:not(.elementor-motion-effects-element-type-background), .elementor-425 .elementor-element.elementor-element-d5d003b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-nacht );}.elementor-425 .elementor-element.elementor-element-18232a5{--display:grid;--e-con-grid-template-columns:1.4fr 0.9fr;--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-425 .elementor-element.elementor-element-ba02e2c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-425 .elementor-element.elementor-element-60edcce{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:start;}.elementor-425 .elementor-element.elementor-element-60edcce .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-wit );}.elementor-425 .elementor-element.elementor-element-d4a5d2a{width:var( --container-widget-width, 560px );max-width:560px;--container-widget-width:560px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-lead-font-family ), sans-serif;font-size:var( --e-global-typography-lead-font-size );font-weight:var( --e-global-typography-lead-font-weight );line-height:var( --e-global-typography-lead-line-height );color:var( --e-global-color-mist );}.elementor-425 .elementor-element.elementor-element-fe0383d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button:hover, .elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button:focus{background-color:var( --e-global-color-geel-zacht );color:var( --e-global-color-accent );border-color:var( --e-global-color-geel-zacht );}.elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button:hover svg, .elementor-425 .elementor-element.elementor-element-6ef5c30 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-425 .elementor-element.elementor-element-047d0b2{text-align:start;font-family:var( --e-global-typography-body-klein-font-family ), sans-serif;font-size:var( --e-global-typography-body-klein-font-size );font-weight:var( --e-global-typography-body-klein-font-weight );line-height:var( --e-global-typography-body-klein-line-height );color:var( --e-global-color-mist );}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-425 .elementor-element.elementor-element-b4a07d1{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-425 .elementor-element.elementor-element-160cad6 .elementor-heading-title{font-size:var( --e-global-typography-display-font-size );line-height:var( --e-global-typography-display-line-height );letter-spacing:var( --e-global-typography-display-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-425 .elementor-element.elementor-element-3440d8e{font-size:var( --e-global-typography-lead-font-size );line-height:var( --e-global-typography-lead-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-425 .elementor-element.elementor-element-d5d003b{--padding-top:76px;--padding-bottom:76px;--padding-left:32px;--padding-right:32px;}.elementor-425 .elementor-element.elementor-element-18232a5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-425 .elementor-element.elementor-element-60edcce .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-425 .elementor-element.elementor-element-d4a5d2a{font-size:var( --e-global-typography-lead-font-size );line-height:var( --e-global-typography-lead-line-height );}.elementor-425 .elementor-element.elementor-element-047d0b2{font-size:var( --e-global-typography-body-klein-font-size );line-height:var( --e-global-typography-body-klein-line-height );}}@media(max-width:767px){.elementor-425 .elementor-element.elementor-element-d600fc0{--min-height:72vh;--padding-top:64px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-425 .elementor-element.elementor-element-b4a07d1{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-425 .elementor-element.elementor-element-160cad6 .elementor-heading-title{font-size:var( --e-global-typography-display-font-size );line-height:var( --e-global-typography-display-line-height );letter-spacing:var( --e-global-typography-display-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-425 .elementor-element.elementor-element-3440d8e{font-size:var( --e-global-typography-lead-font-size );line-height:var( --e-global-typography-lead-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-425 .elementor-element.elementor-element-d5d003b{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:58px;--padding-bottom:58px;--padding-left:24px;--padding-right:24px;}.elementor-425 .elementor-element.elementor-element-18232a5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-425 .elementor-element.elementor-element-60edcce .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-425 .elementor-element.elementor-element-d4a5d2a{font-size:var( --e-global-typography-lead-font-size );line-height:var( --e-global-typography-lead-line-height );}.elementor-425 .elementor-element.elementor-element-047d0b2{font-size:var( --e-global-typography-body-klein-font-size );line-height:var( --e-global-typography-body-klein-line-height );}}/* Start custom CSS *//* Hungry Cyclist — aanvullingen voor /over-ons/, /contact/,
   /reisgids-toscane/ en /reisgids-portugal/.

   Deze regels worden door build/paginas_over_contact.py als Custom CSS in de
   paginainstellingen van precies die vier pagina's gezet, niet in de kit. Zo
   blijft design/site.css (gedeeld met ander werk) onaangeraakt en lekt niets
   naar pagina's die het niet nodig hebben.

   Alles hieronder staat hier omdat de Elementor-widget er geen instelling voor
   heeft. Kleur en typografie die wél instelbaar zijn, staan in de widget en
   verwijzen naar de globals; die vind je hier dus niet terug. De enige hex in
   dit bestand is het foutrood #A23426 uit design/componenten.md §9: de kit kent
   geen rode globale kleur en tokens.json is gedeeld werk dat ik niet mocht
   uitbreiden. Overal waar er wél een globale kleur is, staat de variabele. */

/* ---------------------------------------------------------------- beeld

   De image-widget kent breedte, uitlijning en radius, maar geen bijsnij-
   verhouding en geen object-fit. Zonder die twee krijgen de portretten van Ken
   en Mark naast elkaar verschillende hoogtes (2048x1536 tegenover 1024x768) en
   springt het volle-breedte beeld mee met de hoogte van het origineel. */

.hc-beeld-3-2 img,
.hc-beeld-4-3 img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.hc-beeld-3-2 img { aspect-ratio: 3 / 2; }
.hc-beeld-4-3 img { aspect-ratio: 4 / 3; }

.hc-beeld-breed img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: clamp(260px, 44vw, 560px);
}

/* ---------------------------------------------------------------- sticky kolom

   Elementor Pro heeft alleen een sticky *motion effect*: JavaScript dat het
   element uit de flow tilt en het ook op mobiel laat plakken. Binnen een
   grid-cel breekt dat de kolom. `position: sticky` doet hetzelfde met één regel
   en valt vanzelf weg zodra het raster onder 1025px stapelt. */

@media (min-width: 1025px) {
  .hc-sticky {
    position: sticky;
    top: 104px;
    align-self: start;
  }
}

/* De kit maakt van elke sectie een afgerond blok met `overflow: hidden`
   (site.css, .hc-sectie). Daarmee wordt de sectie een scroll-container en doet
   position: sticky in een kolom niets meer — nagemeten: de kolom scrolde gewoon
   mee. `overflow: clip` knipt precies hetzelfde af maar maakt géén
   scroll-container, dus de sticky kolom werkt weer. Alleen op de secties die er
   een hebben. */
.hc-sectie:has(.hc-sticky) { overflow: clip; }

/* ---------------------------------------------------------------- formulier

   Het form-widget van Elementor Pro heeft geen instelling voor de kleur van de
   placeholder, voor de focusrand, voor de foutkleur per veld, of voor de
   binnenruimte van een veld. Die vier staan in design/componenten.md §9 wél
   vastgelegd, dus ze moeten hier. */

/* De body.elementor-page-425s hieronder dragen bewust .elementor-widget-form mee. Elementor
   schrijft zijn eigen veldregels als `.elementor-<pagina> .elementor-element-<id>
   .elementor-field-group .elementor-field`; dat is vier klassen. Een body.elementor-page-425
   van twee klassen verliest daarvan, ook al staat hij later in het bestand.
   Nagemeten in de browser: zonder deze extra klasse bleef de foutmelding op
   17px staan en hield het foutveld zijn gewone rand. */

.hc-formulier.elementor-widget-form .elementor-field-group .elementor-field-textual {
  padding: 14px 16px;
  min-height: 48px;
}
.hc-formulier.elementor-widget-form .elementor-field-group textarea.elementor-field-textual {
  min-height: 140px;
  resize: vertical;
}

/* Steen is de gedempte tekstkleur uit de kit en haalt op Papier ruim AA.
   Bewust de globale variabele en geen hex, zodat de placeholder meebeweegt als
   de merkkleuren in Site Settings wijzigen. Firefox zet standaard opacity op de
   placeholder; die moet terug naar 1. */
.hc-formulier.elementor-widget-form .elementor-field-textual::placeholder {
  color: var(--e-global-color-steen);
  opacity: 1;
}

/* De randkleur van een veld schrijft Elementor als
   `… .elementor-field-group .elementor-field:not(.elementor-select-wrapper)`,
   zes klassen diep. Hover en focus moeten daar dus overheen; vandaar dezelfde
   :not() en de extra klasse. Nagemeten: met één klasse minder bleef de rand op
   rust staan. */
.hc-formulier.elementor-widget-form .elementor-field-group
  .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):hover {
  border-color: var(--e-global-color-steen);
}
.hc-formulier.elementor-widget-form .elementor-field-group
  .elementor-field.elementor-field-textual:not(.elementor-select-wrapper):focus {
  outline: none;
  border-color: var(--e-global-color-primary);
  /* De focusring is 35% van de merkkleur (componenten.md). De kit heeft die
     tussenwaarde niet als globale kleur; color-mix haalt hem uit de globale
     kleur zelf, zodat er geen hex bij komt. Oudere browsers krijgen de
     terugvaloptie op de regel erboven. */
  box-shadow: 0 0 0 3px var(--e-global-color-groen-licht);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--e-global-color-primary) 35%, transparent);
}

/* Foutrood #A23426 uit componenten.md §9; de kit heeft geen rode globale kleur.
   6.6:1 op Papier. */
.hc-formulier.elementor-widget-form .elementor-message.elementor-message-danger,
.hc-formulier.elementor-widget-form .elementor-form-error {
  color: #A23426;
  font-size: 13px;
  line-height: 1.45;
  margin: 6px 0 0;
  display: block;
}
.hc-formulier.elementor-widget-form .elementor-field-group.elementor-error
  .elementor-field.elementor-field-textual {
  border-color: #A23426;
}

/* Het sterretje achter een verplicht label; Elementor zet er geen kleur op. */
.hc-formulier .elementor-mark-required .elementor-field-label::after {
  color: var(--e-global-color-primary);
  margin-left: 2px;
}

/* De succesmelding als blok, zoals componenten.md §9 hem beschrijft. Elementor
   kent alleen een tekstkleur voor deze melding, geen achtergrond of rand. */
.hc-formulier.elementor-widget-form .elementor-message.elementor-message-success {
  background: var(--e-global-color-groen-sluier);
  border: 1px solid var(--e-global-color-primary);
  border-radius: 0;  /* hoekig: alleen de passe-partout rondt af */
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--e-global-color-primary);
}

/* ---------------------------------------------------------------- gegevenslijst

   Definitielijstjes (IBAN, KBO, documenten) staan in een text-editor. De
   widget heeft geen instelling om de bullets weg te halen of om de regels van
   een haarlijn te voorzien. */

.hc-gegevens ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hc-gegevens li {
  padding: 10px 0;
  border-bottom: 1px solid var(--e-global-color-lijn);
}
.hc-gegevens li:last-child { border-bottom: 0; }/* End custom CSS */