.elementor-2 .elementor-element.elementor-element-e1bb2c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:020px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-72a98f4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4b7bad0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-eb30581{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-eb30581.elementor-element{--align-self:center;}.elementor-2 .elementor-element.elementor-element-99ead34{--display:flex;}.elementor-2 .elementor-element.elementor-element-c7cd406{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c7cd406.elementor-element{--align-self:center;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2 .elementor-element.elementor-element-77594fa{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-2 .elementor-element.elementor-element-77594fa:after{content:"0.6";}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__thumbnail__link{width:100%;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__meta-data span + span:before{content:"•";}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__card{border-width:0px;border-radius:30px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__text{margin-top:0px;margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__badge{right:0;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__card .elementor-post__badge{border-radius:0px;margin:20px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__title{margin-bottom:5px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__excerpt{margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__read-more{margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-3836a12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-3836a12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-4338d60{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8a416ec{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-8a416ec.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-2 .elementor-element.elementor-element-f4c818c{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-af7f4f5{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-a5e0718{--divider-border-style:solid;--divider-color:#F5E9DD;--divider-border-width:4px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-a5e0718 .elementor-divider-separator{width:100%;}.elementor-2 .elementor-element.elementor-element-a5e0718 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-3836a12{--content-width:100%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-4b7bad0{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-eb30581{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2 .elementor-element.elementor-element-77594fa:after{content:"0.5";}.elementor-2 .elementor-element.elementor-element-77594fa .elementor-post__thumbnail__link{width:100%;}.elementor-2 .elementor-element.elementor-element-4338d60{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8a416ec{--min-height:0px;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f4c818c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-2{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c7cd406 */.highlighted-articles h2 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  /* optioneel: geef extra stijl zoals spacing of lettertype */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4c818c *//* --- Algemene container voor de hotel sectie --- */
.elementor-2 .elementor-element.elementor-element-f4c818c .recommended-hotels {
    width: 100%;
    max-width: 1200px;
    margin: 2.5rem auto 0 auto;
    padding: 0; /* Geen padding hier, wordt per view geregeld */
}

.elementor-2 .elementor-element.elementor-element-f4c818c .recommended-hotels h2 {
    text-align: center;
    margin-bottom: 2.1rem;
    font-size: 2.05rem;
    font-family: 'Marcellus', serif;
    color: #181102;
}

/* --- MOBIEL: Horizontaal scrollende kaarten --- */
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid {
    display: flex;
    overflow-x: auto;
    gap: 1.1rem;
    /* VERWIJDERD: padding: 0 5vw; */
    padding-bottom: 1.6rem; /* Alleen padding aan de onderkant voor de scrollbar */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Vloeiend scrollen op iOS */
}

/* NIEUW: Voegt ruimte toe aan het begin en einde van de scroll-container */
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid > .hotel-card:first-child {
    margin-left: 5vw;
}

.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid > .hotel-card:last-child {
    margin-right: 5vw;
}

.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card {
    flex: 0 0 83vw; /* Kaart is 83% van de schermbreedte */
    max-width: 320px;
    scroll-snap-align: center; /* Zorgt dat kaarten mooi in het midden snappen */
    background: #fff8f2;
    border-radius: 18px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.09);
    text-decoration: none;
    color: #222;
    display: flex;
    flex-direction: column;
}

/* --- Stijlen voor de inhoud van de kaart (ongewijzigd) --- */
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 13px 13px 0 0;
}

.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .info {
    padding: 0.9rem 1.1rem 1.1rem 1.1rem;
    flex: 1 1 auto;
}

.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card h3 {
    font-size: 1.05rem;
    font-family: 'Marcellus', serif;
    margin: 0 0 0.4rem 0;
    color: #3b2400;
}
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .stars {
    color: #c77c2e;
    font-size: 1rem;
    margin-left: 0.3em;
}
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .location {
    font-size: 0.95rem;
    color: #725c3b;
    margin-bottom: 0.7rem;
}
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .card-footer {
    margin-top: auto; /* Zorgt dat de footer altijd onderaan staat */
    padding-top: 1.1rem;
    display: flex;
    align-items: center;
}
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .btn {
    background: #e63946;
    color: #fff;
    padding: 0.38rem 1.15rem;
    border-radius: 999px;
    font-size: 0.92rem;
    text-decoration: none;
}
.elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card .rating {
    font-size: 0.97rem;
    color: #c77c2e;
    font-weight: 600;
    margin-left: auto; /* Duwt de rating naar rechts */
}


/* --- DESKTOP: Grid layout --- */
@media (min-width: 900px) {
    .elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.4rem;
        overflow-x: visible;
        padding: 0;
        margin: 0 auto;
        max-width: 950px;
    }

    .elementor-2 .elementor-element.elementor-element-f4c818c .hotel-card {
        flex: 1 1 auto; /* Reset flex voor grid layout */
        max-width: none;
    }
    
    /* VERWIJDERD: Geen speciale margins meer nodig op desktop */
    .elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid > .hotel-card:first-child {
        margin-left: 0;
    }

    .elementor-2 .elementor-element.elementor-element-f4c818c .hotel-grid > .hotel-card:last-child {
        margin-right: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a416ec */.hotel-dots {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.5rem;
}

.hotel-dot {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.hotel-dot.active {
  background-color: #333;
}/* End custom CSS */