/* Tempolessen: private hero concept, four benefit cards only.
   No libraries, no package selection or booking logic changes. */

body.tl-seo-enhanced .hero .tl-hero-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  width: min(100%, 662px);
  margin: 27px 0 26px;
  padding: 0;
  list-style: none;
}

body.tl-seo-enhanced .hero .tl-benefit {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  min-height: 101px;
  padding: 17px 16px;
  overflow: hidden;
  color: #26312e;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 17px;
  box-shadow: 0 12px 28px rgba(52,38,20,.12), inset 0 1px 0 rgba(255,255,255,.66);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.tl-seo-enhanced .hero .tl-benefit-highlight {
  background: linear-gradient(122deg,rgba(255,228,206,.96),rgba(255,245,235,.86) 88%);
  border-color: rgba(237,102,29,.45);
  box-shadow: 0 12px 34px rgba(237,102,29,.13), inset 0 1px 0 rgba(255,255,255,.58);
}

body.tl-seo-enhanced .hero .tl-benefit-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #e85f16;
  background: rgba(255,129,44,.085);
  border: 1px solid rgba(237,102,29,.11);
}

body.tl-seo-enhanced .hero .tl-benefit-highlight .tl-benefit-icon {
  background: #fff;
  border-color: rgba(237,102,29,.16);
  color: #e85f16;
}

body.tl-seo-enhanced .hero .tl-benefit-icon svg {
  display: block;
  width: 23px;
  height: 23px;
}

body.tl-seo-enhanced .hero .tl-benefit-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  gap: 4px;
}

body.tl-seo-enhanced .hero .tl-benefit-content strong {
  color: #22302c;
  font-size: clamp(12.5px, 1.1vw, 15px);
  font-weight: 740;
  line-height: 1.27;
  letter-spacing: -.018em;
}

body.tl-seo-enhanced .hero .tl-benefit-content > span {
  color: #4c5551;
  font-size: 12px;
  font-weight: 540;
  line-height: 1.35;
}

body.tl-seo-enhanced .hero .tl-benefit-content small {
  color: #b84b13;
  font-size: 10px;
  font-weight: 610;
  line-height: 1.3;
}

body.tl-seo-enhanced .hero .tl-benefit-highlight .tl-benefit-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  color: #aa4314;
  background: rgba(255,255,255,.64);
  padding: 3px 7px;
  border: 1px solid rgba(201,80,18,.18);
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 750;
  text-decoration: none;
  text-underline-offset: 2px;
}

body.tl-seo-enhanced .hero .tl-benefit-more:hover,
body.tl-seo-enhanced .hero .tl-benefit-more:focus-visible {
  color: #873009;
  background: #fff;
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  body.tl-seo-enhanced .hero .tl-benefit:hover {
    transform: translateY(-3px);
    background-color: #fff;
    border-color: rgba(237,102,29,.2);
    box-shadow: 0 18px 35px rgba(52,38,20,.18);
  }

  body.tl-seo-enhanced .hero .tl-benefit-highlight:hover {
    background: linear-gradient(122deg,rgba(255,217,188,.98),rgba(255,240,224,.97) 88%);
    border-color: #ed661d;
  }
}

@media (max-width: 760px) {
  body.tl-seo-enhanced .hero.wrap {
    padding-top: 47px;
    padding-bottom: 113px;
  }

  body.tl-seo-enhanced .hero .eyebrow {
    margin-bottom: 14px;
  }

  body.tl-seo-enhanced .hero .tl-hero-benefits {
    gap: 9px;
    margin: 38px 0 23px;
  }

  body.tl-seo-enhanced .hero .tl-benefit {
    flex-direction: column;
    gap: 9px;
    padding: 12px 12px 13px;
    min-height: 134px;
    border-radius: 14px;
  }

  body.tl-seo-enhanced .hero .tl-benefit-icon {
    flex-basis: 33px;
    width: 33px;
    height: 33px;
    border-radius: 10px;
  }

  body.tl-seo-enhanced .hero .tl-benefit-icon svg {
    width: 20px;
    height: 20px;
  }

  body.tl-seo-enhanced .hero .tl-benefit-content {
    gap: 5px;
  }

  body.tl-seo-enhanced .hero .tl-benefit-content strong {
    font-size: clamp(11.5px, 3.5vw, 14px);
    line-height: 1.22;
  }

  body.tl-seo-enhanced .hero .tl-benefit-content > span {
    font-size: clamp(10px, 2.85vw, 11.5px);
    line-height: 1.25;
  }

  body.tl-seo-enhanced .hero .tl-benefit-content small {
    font-size: clamp(9px, 2.55vw, 10px);
  }

  body.tl-seo-enhanced .hero .tl-benefit-highlight .tl-benefit-more {
    font-size: 9px;
    padding: 2px 6px;
  }

  body.tl-seo-enhanced .hero .actions {
    gap: 13px;
  }

}

@media (max-width: 360px) {
  body.tl-seo-enhanced .hero .hero-copy {
    width: calc(100% - 28px);
  }

  body.tl-seo-enhanced .hero .tl-hero-benefits {
    gap: 7px;
  }

  body.tl-seo-enhanced .hero .tl-benefit {
    padding: 10px;
    min-height: 138px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tl-seo-enhanced .hero .tl-benefit {
    transition: none;
  }
}


/* De zichtbare belofte is op SEO-pagina's geen H1. Iedere stad behoudt haar unieke H1 hieronder. */
body.tl-seo-enhanced .hero.wrap{min-height:825px}
body.tl-seo-enhanced .hero .tl-hero-promise{
 display:block;margin:0;max-width:780px;color:#192c30;
 font-family:'Outfit','DM Sans',Manrope,Arial,sans-serif;
 font-weight:800;font-size:clamp(52px,6vw,82px);line-height:1.07;letter-spacing:-.055em;
 text-shadow:none;
}
body.tl-seo-enhanced .hero .tl-hero-promise em{font-style:normal;color:#ba4d20;position:relative;white-space:nowrap}
body.tl-seo-enhanced .hero .tl-hero-promise em::after{
 content:"";position:absolute;left:2%;right:2%;bottom:-.095em;height:6px;
 border-bottom:3px solid #ed9564;border-radius:50%;transform:rotate(-1.3deg);opacity:.72;
}
body.tl-seo-enhanced .hero .tl-hero-benefits{position:relative;z-index:2}
body.tl-seo-enhanced .hero .actions{margin-top:7px}
body.tl-seo-enhanced .tl-seo-topic{
 position:relative;width:min(1184px,calc(100% - 56px));max-width:1184px;
 padding:76px 0 85px;margin-inline:auto;background:transparent;
}
body.tl-seo-enhanced .tl-seo-topic-inner{
 max-width:850px;background:linear-gradient(140deg,#fffdfb,#fff6ef);
 padding:clamp(25px,5vw,55px);border:1px solid #ead7c6;
 border-radius:30px;box-shadow:0 14px 45px rgba(86,52,24,.06);
}
body.tl-seo-enhanced .tl-seo-topic .eyebrow{
 color:#a95624;font-weight:800;letter-spacing:.13em;font-size:11px;margin:0 0 15px;
}
body.tl-seo-enhanced .tl-seo-topic h2{
 color:#192c30;font-family:'Outfit','DM Sans',Manrope,Arial,sans-serif;
 font-weight:800;font-size:clamp(35px,4.5vw,57px);line-height:1.1;letter-spacing:-.045em;margin:0;
}
body.tl-seo-enhanced .tl-seo-topic h2 em{font-style:normal;color:#ba4d20}
body.tl-seo-enhanced .tl-seo-topic .lead{
 max-width:700px;font-size:16px;line-height:1.85;color:#625b55;margin:22px 0 0;
}
@media(max-width:760px){
 body.tl-seo-enhanced .hero.wrap{min-height:820px;padding-top:47px;padding-bottom:113px}
 body.tl-seo-enhanced .hero .tl-hero-promise{
  font-size:clamp(41px,10.6vw,63px);line-height:1.06;letter-spacing:-.055em;
 }
 body.tl-seo-enhanced .hero .tl-hero-promise em::after{height:5px;border-bottom-width:2px}
 body.tl-seo-enhanced .hero .tl-hero-benefits{margin-top:34px;margin-bottom:20px}
 body.tl-seo-enhanced .hero .tl-benefit{min-height:132px}
 body.tl-seo-enhanced .tl-seo-topic{width:calc(100% - 34px);padding:48px 0 60px}
 body.tl-seo-enhanced .tl-seo-topic-inner{padding:25px 22px;border-radius:24px}
 body.tl-seo-enhanced .tl-seo-topic h2{font-size:clamp(34px,8.3vw,45px)}
 body.tl-seo-enhanced .tl-seo-topic .lead{font-size:14px;line-height:1.75}
}
@media(max-width:390px){
 body.tl-seo-enhanced .hero.wrap{min-height:845px}
 body.tl-seo-enhanced .hero .tl-hero-promise{font-size:39px}
}