/*
Theme Name: Travel Monster Child
Theme URI: https://wptravelengine.com/wordpress-travel-themes/travel-monster/
Template: travel-monster
Author: WP Travel Engine
Author URI: https://wordpress.org/themes/author/wptravelengine/
Description: Travel Monster is a free travel and tour booking WordPress theme for travel agencies. It is powered by the WP Travel Engine plugin, the most popular travel booking plugin. You can use the Travel Monster theme to create websites such as travel agencies, tour operators, trekking, camping, mountaineering, surfing, city tour, rafting, jungle safari, hiking, tourism, summer holidays, winter holidays, wine tours, cruise websites, beach holidays, etc. You can create itineraries, destinations, activities, trip types. etc. Your website visitors can quickly search for tours and book them. Travel Monster is mobile-friendly, SEO-optimized, translation-ready and RTL-ready. Plus, it is compatible with Elementor and Gutenberg, offering more flexibility to customise your website. Check the demos here: https://wptravelengine.com/travel-monster-demo/. Documentation at https://docs.wptravelengine.com/docs-category/travel-monster/, and get support at https://wptravelengine.com/support/.
Tags: one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,food-and-drink,holiday,entertainment
Version: 1.3.2.1765629758
Updated: 2025-12-13 13:42:38

*/

.echt-trip-highlights{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.08);
  font-size: 14px;
}

.echt-trip-highlights__title{
  font-weight: 700;
  margin-bottom: 6px;
}

.echt-trip-highlights__list{
  margin: 0;
  padding-left: 18px;
}

.echt-trip-highlights__list li{
  margin: 4px 0;
}

/* ===== EchtReizen footer-b contact bar ===== */
.er-footer-b .er-footer-b__cop{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* chips rij */
.er-footer-contact{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.er-footer-chip{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: rgba(0,0,0,.75);
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  line-height: 1;
}

.er-footer-chip:hover{
  background: rgba(255,255,255,.26);
}

/* maak de hele footer-b layout wat logischer */
.er-footer-b .er-footer-b__info{
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* mobiel: alles netjes onder elkaar */
@media (max-width: 768px){
  .er-footer-b .er-footer-b__info{
    flex-direction: column;
    align-items: flex-start;
  }

  .er-footer-contact{
    gap: 6px;
  }

  .er-footer-chip{
    font-size: 12.5px;
    padding: 6px 9px;
  }
}

/* ===== Footer-b: 3 kolommen + tagline onder ===== */

.er-footer-b{
  padding: 28px 0 !important;
}

.er-footer-b__grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
  align-items: start;
}

.er-footer-title{
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: 800;
  color: rgba(255,255,255,.92);
}

.er-footer-muted{
  margin: 0 0 12px 0;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.4;
}

.er-footer-note{
  margin: 10px 0 0 0;
  color: rgba(255,255,255,.45);
  font-size: 12px;
}

.er-footer-stack{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* chips */
.er-footer-chip{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  line-height: 1;
}

.er-footer-chip:hover{
  background: rgba(255,255,255,.22);
}

/* nieuwsbrief form */
.er-newsletter{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

.er-newsletter input{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 10px 12px;
  outline: none;
}

.er-newsletter input::placeholder{
  color: rgba(255,255,255,.5);
}

.er-newsletter button{
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
  background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
  color: #fff;
}

/* partners: logo grid */
.er-partners{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.er-partner-slot{
  height: 42px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px dashed rgba(255,255,255,.18);
}

/* tagline onderaan */
.er-footer-b__tagline{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.75);
  font-size: 13px;
}

/* Zorg dat de theme copyright span niet rare dingen doet */
.er-footer-b__tagline .copyright{
  color: rgba(255,255,255,.75) !important;
}

/* responsive */
@media (max-width: 900px){
  .er-footer-b__grid{
    grid-template-columns: 1fr;
  }

  .er-partners{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 520px){
  .er-newsletter{
    grid-template-columns: 1fr;
  }

  .er-partners{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mailchimp footer form (jouw stijl, zonder layout-slopen) */
.er-mc{ color:#fff; }
.er-mc__title{ font-weight:900; margin:0 0 6px; }
.er-mc__sub{ margin:0 0 12px; opacity:.85; font-size:14px; line-height:1.35; }

.er-mc__form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.er-mc__form input[type="email"]{
  flex:1 1 220px;
  min-width:200px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  padding:12px 14px;
  background:rgba(255,255,255,.10);
  color:#fff;
  outline:none;
}

.er-mc__form input[type="email"]::placeholder{
  color:rgba(255,255,255,.7);
}

.er-mc__btn{
  border:0;
  border-radius:999px;
  padding:12px 16px;
  font-weight:800;
  cursor:pointer;
  background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
  color:#fff;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.er-mc__btn:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}

.er-mc__fineprint{
  margin:10px 0 0;
  opacity:.7;
  font-size:12.5px;
}

.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

.er-mc__msg{
  width:100%;
  margin-top:10px;
  font-size:13.5px;
}

.er-mc__msg.is-success{
  color:#0f5132;
  background:rgba(25, 135, 84, .16);
  border:1px solid rgba(25, 135, 84, .35);
  padding:10px 12px;
  border-radius:12px;
}

.er-mc__msg.is-error{
  color:#842029;
  background:rgba(220, 53, 69, .14);
  border:1px solid rgba(220, 53, 69, .32);
  padding:10px 12px;
  border-radius:12px;
}

.er-mc__msg.is-success{
  color: #f6fff9;          /* bijna wit, niet schreeuwerig */
  background: rgba(25, 135, 84, 0.85);
  border-color: rgba(25, 135, 84, 0.95);
}

/* Verberg sidebar op alle pagina's */
.sidebar-wrap-main{
  display: none !important;
}

/* Offerte knop account */

.echt-offerte-btn--disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}

.echt-offerte-btn{
  margin-top: 10px;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

.echt-offerte-btn--disabled{
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(35%);
}

@media (min-width: 1025px){
  .header-m-rght-wrap .er-booking-link,
  .header-t-rght-wrap .er-booking-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fb9556;
    color: #111 !important;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 1;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
  }

  .header-m-rght-wrap .er-booking-link:hover,
  .header-t-rght-wrap .er-booking-link:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 14px 28px rgba(0,0,0,.22);
  }
}

/* =========================================================
   EchtReizen – Blog carousel styling (alleen deze widget)
   Target: #meafe-post-grid-847a184
   Accent: #fb9556 (EchtReizen oranje)
   Font: AnyBody
========================================================= */

#meafe-post-grid-847a184 {
  --er-accent: #fb9556;
  --er-ink: #1f1f1f;
  --er-muted: rgba(31, 31, 31, 0.68);
  --er-card: rgba(255, 255, 255, 0.82);
  --er-card-solid: #ffffff;
  --er-line: rgba(31, 31, 31, 0.10);
  --er-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);
  --er-shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.08);
  --er-radius: 22px;
  --er-radius-sm: 14px;
  --er-blur: blur(10px);
  font-family: "AnyBody", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Achtergrond “sectie feel” zonder schreeuwerigheid */
#meafe-post-grid-847a184 .meafe-post-carousel-wrapper,
#meafe-post-grid-847a184.meafe-post-carousel-wrapper {
  position: relative;
  padding: 22px 8px 8px;
}

#meafe-post-grid-847a184 .meafe-post-carousel-wrapper:before,
#meafe-post-grid-847a184.meafe-post-carousel-wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(251, 149, 86, 0.18), transparent 60%),
    radial-gradient(900px 260px at 80% 0%, rgba(251, 149, 86, 0.10), transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Swiper container boven pseudo-bg */
#meafe-post-grid-847a184 .swiper {
  position: relative;
  z-index: 1;
}

/* Cards: glazen, warm, premium */
#meafe-post-grid-847a184 .meafe-post-carousel-card {
  border-radius: var(--er-radius);
  overflow: visible;
}

#meafe-post-grid-847a184 .meafe-post-carousel-card-inner {
  background: var(--er-card);
  backdrop-filter: var(--er-blur);
  -webkit-backdrop-filter: var(--er-blur);
  border: 1px solid var(--er-line);
  border-radius: var(--er-radius);
  box-shadow: var(--er-shadow);
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

#meafe-post-grid-847a184 .meafe-post-carousel-card:hover .meafe-post-carousel-card-inner {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
  background: rgba(255, 255, 255, 0.92);
}

/* Media wrapper: geef ruimte voor category chips */
#meafe-post-grid-847a184 .meafe-entry-wrapper-media {
  padding: 18px 18px 0;
}

/* Category pills */
#meafe-post-grid-847a184 .category--wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#meafe-post-grid-847a184 .category--wrapper a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(251, 149, 86, 0.14);
  border: 1px solid rgba(251, 149, 86, 0.25);
  color: var(--er-ink);
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

#meafe-post-grid-847a184 .category--wrapper a:hover {
  background: rgba(251, 149, 86, 0.22);
  border-color: rgba(251, 149, 86, 0.45);
  transform: translateY(-1px);
}

/* Content wrapper */
#meafe-post-grid-847a184 .meafe-entry-wrapper {
  padding: 14px 18px 18px;
}

/* Titel */
#meafe-post-grid-847a184 .meafe-entry-title {
  margin: 10px 0 10px;
  letter-spacing: -0.01em;
}

#meafe-post-grid-847a184 .meafe-entry-title a {
  color: var(--er-ink);
  text-decoration: none;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.15;
  display: inline;
  background-image: linear-gradient(transparent 72%, rgba(251,149,86,0.22) 0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: color 160ms ease, background-image 160ms ease;
}

#meafe-post-grid-847a184 .meafe-entry-title a:hover {
  color: var(--er-ink);
  background-image: linear-gradient(transparent 68%, rgba(251,149,86,0.35) 0);
}

/* Meta */
#meafe-post-grid-847a184 .meafe-entry-meta.details {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 12px;
  color: var(--er-muted);
  font-size: 12.5px;
  font-weight: 600;
}

#meafe-post-grid-847a184 .meafe-posted-by.author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

#meafe-post-grid-847a184 .meafe-author-avatar img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(251,149,86,0.35);
  box-shadow: 0 6px 14px rgba(0,0,0,0.10);
}

#meafe-post-grid-847a184 .meafe-posted-by.author a {
  color: var(--er-ink);
  text-decoration: none;
  font-weight: 800;
}

#meafe-post-grid-847a184 .meafe-date time {
  color: var(--er-muted);
  font-weight: 700;
}

/* Excerpt */
#meafe-post-grid-847a184 .meafe-entry-content.meafe-content p {
  margin: 0 0 14px;
  color: rgba(31, 31, 31, 0.78);
  font-size: 14.5px;
  line-height: 1.55;
}

/* Lees meer button: echt knop, niet “linkje met pijl” */
#meafe-post-grid-847a184 .meafe-post-carousel-button.read-more {
  margin-top: 12px;
}

#meafe-post-grid-847a184 .meafe-post-elements-readmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(251,149,86,0.16);
  border: 1px solid rgba(251,149,86,0.28);
  color: var(--er-ink);
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

#meafe-post-grid-847a184 .meafe-post-elements-readmore-btn svg {
  width: 18px;
  height: 18px;
}

#meafe-post-grid-847a184 .meafe-post-elements-readmore-btn:hover {
  transform: translateY(-2px);
  background: rgba(251,149,86,0.26);
  border-color: rgba(251,149,86,0.45);
}

/* Navigatie pijlen: mooi, subtiel, consistent */
#meafe-post-grid-847a184 .meafe-navigation-wrap {
  position: relative;
  z-index: 2;
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

#meafe-post-grid-847a184 .meafe-navigation-wrap .nav {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.80);
  border: 1px solid var(--er-line);
  box-shadow: var(--er-shadow-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 160ms ease, background 160ms ease, opacity 160ms ease;
}

#meafe-post-grid-847a184 .meafe-navigation-wrap .nav i {
  color: var(--er-ink);
  font-size: 16px;
}

#meafe-post-grid-847a184 .meafe-navigation-wrap .nav:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.95);
}

#meafe-post-grid-847a184 .meafe-navigation-wrap .nav.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: not-allowed;
  transform: none !important;
}

/* Responsive polish */
@media (max-width: 1024px) {
  #meafe-post-grid-847a184 .meafe-entry-title a { font-size: 20px; }
  #meafe-post-grid-847a184 .meafe-entry-content.meafe-content p { font-size: 14px; }
}

@media (max-width: 767px) {
  #meafe-post-grid-847a184 .meafe-entry-wrapper-media { padding: 14px 14px 0; }
  #meafe-post-grid-847a184 .meafe-entry-wrapper { padding: 12px 14px 14px; }
  #meafe-post-grid-847a184 .meafe-entry-title a { font-size: 18px; }
  #meafe-post-grid-847a184 .meafe-navigation-wrap {
    justify-content: center;
  }
}

/* =========================================================
   FIX 1: Haal “blok” achter de carousel weg (wrapper clean)
========================================================= */
#meafe-post-grid-847a184.meafe-post-carousel-wrapper.layout-1,
#meafe-post-grid-847a184.meafe-post-carousel-wrapper,
#meafe-post-grid-847a184 .meafe-post-carousel-wrapper {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#meafe-post-grid-847a184.meafe-post-carousel-wrapper.layout-1:before,
#meafe-post-grid-847a184.meafe-post-carousel-wrapper:before,
#meafe-post-grid-847a184 .meafe-post-carousel-wrapper:before {
  content: none !important;
}

/* Als je ergens een extra container-shadow ziet: kill it ook */
#meafe-post-grid-847a184 .elementor-widget-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   FIX 2: Alle posts exact zelfde formaat + nette ... clamping
========================================================= */

/* Maak elke slide/card even hoog */
#meafe-post-grid-847a184 .swiper-wrapper {
  align-items: stretch; /* alle slides even hoog */
}

#meafe-post-grid-847a184 .meafe-post-carousel-card {
  height: auto;
}

#meafe-post-grid-847a184 .meafe-post-carousel-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Content blok duwt button naar beneden */
#meafe-post-grid-847a184 .meafe-entry-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Titel: max 3 regels + ... */
#meafe-post-grid-847a184 .meafe-entry-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* pas aan: 2 of 3 */
  overflow: hidden;
}

/* Excerpt: max 3 regels + ... */
#meafe-post-grid-847a184 .meafe-entry-content.meafe-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* pas aan: 2 of 3 */
  overflow: hidden;
}

/* Meta blok op 1 regel, zodat het niet ineens 2 regels wordt */
#meafe-post-grid-847a184 .meafe-entry-meta.details {
  flex-wrap: nowrap;
  overflow: hidden;
}

#meafe-post-grid-847a184 .meafe-posted-by.author a,
#meafe-post-grid-847a184 .meafe-date time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button altijd onderaan */
#meafe-post-grid-847a184 .meafe-post-carousel-button.read-more {
  margin-top: auto;
  padding-top: 10px;
}

/* =========================================================
   RESPONSIVE – TABLET / MOBIEL
========================================================= */

@media (max-width: 1024px) {
  .box-planning {
    grid-template-columns: 1fr;
    padding: 40px;
  }

  .box-planning-text {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .box-planning {
    padding: 28px;
    border-radius: 22px;
  }

  .box-planning-pic {
    padding: 14px;
  }
}

/* =========================================
   IMAGE BOX – ECHTREIZEN STYLING
========================================= */

.elementor-image-box-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;

  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Afbeelding container */
.elementor-image-box-img {
  width: 100%;
  height: 240px; /* <<< HIER zit de gelijke hoogte */
  overflow: hidden;
}

/* Afbeelding zelf */
.elementor-image-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transition: transform 0.6s ease;
}

/* Content */
.elementor-image-box-content {
  padding: 28px 26px 32px;
  text-align: center;
}

/* Titel */
.elementor-image-box-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 14px;
}

/* Tekst */
.elementor-image-box-description {
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
  margin: 0;
}

/* Hover effect – subtiel maar classy */
@media (hover: hover) {
  .elementor-image-box-wrapper:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.14);
  }

  .elementor-image-box-wrapper:hover img {
    transform: scale(1.06);
  }
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1024px) {
  .elementor-image-box-img {
    height: 220px;
  }
}

@media (max-width: 640px) {
  .elementor-image-box-img {
    height: 200px;
  }

  .elementor-image-box-content {
    padding: 22px 20px 26px;
  }

  .elementor-image-box-title {
    font-size: 1.35rem;
  }
}

/* ===== Fix image-box images netjes ===== */

/* Elementor zet soms margin/padding op figure: kill it */
.elementor-image-box-img {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0; /* voorkomt mini-witte randjes */
}

/* De wrapper behoudt vaste hoogte */
.elementor-image-box-img {
  height: 240px;          /* hou je gelijke hoogte */
  border-radius: 22px 22px 0 0; /* ronding matcht kaart */
  overflow: hidden;
  position: relative;
}

/* Afbeelding: midden croppen, geen rare uitlijning */
.elementor-image-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center; /* <<< belangrijk */
  display: block;
}

/* Subtiele fade zodat het minder hard stopt (optioneel maar nice) */
.elementor-image-box-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.10),
    rgba(0,0,0,0.00) 45%,
    rgba(0,0,0,0.12)
  );
  pointer-events: none;
}

/* Responsive hoogtes */
@media (max-width: 1024px) {
  .elementor-image-box-img { height: 220px; }
}
@media (max-width: 640px) {
  .elementor-image-box-img { height: 200px; }
}

/* ===== Image box cards: fix smalle afbeelding + lege ruimte ===== */

/* De hele card */
.elementor-image-box-wrapper{
  border-radius: 26px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

/* Reset figure + zet vaste media-hoogte */
.elementor-image-box-img{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  height: 230px;                 /* pas aan naar smaak */
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Forceer dat Elementor’s figure/IMG zich gedraagt */
.elementor-image-box-img img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Kill die rare “grijze/lege” media backgrounds als Elementor die zet */
.elementor-image-box-wrapper figure,
.elementor-image-box-wrapper .elementor-image-box-img,
.elementor-image-box-wrapper .elementor-image-box-img a{
  background: transparent !important;
}

/* Content netjes */
.elementor-image-box-content{
  padding: 28px 26px 30px;
  text-align: center;
}

/* Title + tekst wat strakker */
.elementor-image-box-title{
  margin: 0 0 12px !important;
  font-weight: 800;
}

.elementor-image-box-description{
  margin: 0 !important;
  opacity: .9;
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 1024px){
  .elementor-image-box-img{ height: 210px; }
}
@media (max-width: 640px){
  .elementor-image-box-img{ height: 190px; }
  .elementor-image-box-content{ padding: 22px 18px 24px; }
}

/* Header Koalendar button */
.header-m-rght-wrap .koa-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 22px;
    border-radius: 999px;

    background: linear-gradient(135deg, #ff9f5a, #ff7a2f);
    color: #ffffff !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;
    white-space: nowrap;

    box-shadow: 0 8px 20px rgba(255, 122, 47, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Icon */
.header-m-rght-wrap .koa-link svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}

/* Hover effect */
.header-m-rght-wrap .koa-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(255, 122, 47, 0.45);
    background: linear-gradient(135deg, #ff8b3d, #ff6a1f);
}

/* Active / click */
.header-m-rght-wrap .koa-link:active {
    transform: translateY(0);
    box-shadow: 0 6px 14px rgba(255, 122, 47, 0.35);
}

/* Forceer theme-font (wat je site ook gebruikt) */
.header-m-rght-wrap .koa-link,
.header-m-rght-wrap .koa-link * {
  font-family: inherit !important;
}

/* =========================================================
   Trip Type onder titel – modern label
   ========================================================= */

.wpte-triptype-under-title {
	margin-top: 8px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* basis pill */
.wpte-triptype-pill {
	display: inline-flex;
	align-items: center;

	padding: 6px 10px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.2px;
	line-height: 1;

	color: #111;
	background: #f3f4f6; /* licht neutraal */
	border: 1px solid rgba(17,17,17,0.10);

	/* subtle premium depth */
	box-shadow:
		0 8px 18px rgba(0,0,0,0.06);
}

/* klein accent streepje links (ziet er meteen “designed” uit) */
.wpte-triptype-pill::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 999px;
	margin-right: 8px;
	background: #111;
	opacity: 0.9;
}

/* hover (optioneel, voelt interactief) */
.wpte-triptype-pill:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 22px rgba(0,0,0,0.10);
	transition: 160ms ease;
}

/* =========================================================
   Per categorie eigen stijl (term slug) – juiste classes
   ========================================================= */

/* Algemene link hygiene binnen pills */
a.wpte-triptype-pill {
  color: inherit;
  text-decoration: none;
}

/* -----------------------------------------
   Meerdere landen
   ----------------------------------------- */
a.wpte-triptype-pill.wpte-triptype-meerderelanden {
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(37, 99, 235, 0.25);
  color: #1d4ed8;
}
a.wpte-triptype-pill.wpte-triptype-meerderelanden::before {
  background: #1d4ed8;
}

/* -----------------------------------------
   Betaalbare luxe
   ----------------------------------------- */
a.wpte-triptype-pill.wpte-triptype-betaalbareluxe {
  background: rgba(124, 58, 237, 0.10);
  border-color: rgba(124, 58, 237, 0.25);
  color: #6d28d9;
}
a.wpte-triptype-pill.wpte-triptype-betaalbareluxe::before {
  background: #6d28d9;
}

/* -----------------------------------------
   Pure cultuur
   ----------------------------------------- */
a.wpte-triptype-pill.wpte-triptype-purecultuur {
  background: rgba(5, 150, 105, 0.10);
  border-color: rgba(5, 150, 105, 0.25);
  color: #047857;
}
a.wpte-triptype-pill.wpte-triptype-purecultuur::before {
  background: #047857;
}

/* -----------------------------------------
   Highlights
   ----------------------------------------- */
a.wpte-triptype-pill.wpte-triptype-highlights {
  background: rgba(249, 115, 22, 0.12);
  border-color: rgba(249, 115, 22, 0.30);
  color: #c2410c;
}
a.wpte-triptype-pill.wpte-triptype-highlights::before {
  background: #f97316;
}

/* -----------------------------------------
   Prijsbewust
   ----------------------------------------- */
a.wpte-triptype-pill.wpte-triptype-prijsbewust {
  background: rgba(51, 65, 85, 0.10);
  border-color: rgba(51, 65, 85, 0.22);
  color: #334155;
}
a.wpte-triptype-pill.wpte-triptype-prijsbewust::before {
  background: #334155;
}

/* =========================================
   Échte Reizen – signature pill (stijlvast)
   ========================================= */

a.wpte-triptype-pill.wpte-triptype-echtereizen {
  background: rgba(212, 175, 55, 0.14);      /* zacht goud */
  border: 1.5px solid rgba(212, 175, 55, 0.45);
  color: #6b4e16;                            /* warm donker goud/bruin */

  font-weight: 800;
  letter-spacing: 0.2px;

  box-shadow:
    0 4px 10px rgba(212, 175, 55, 0.22);
}

a.wpte-triptype-pill.wpte-triptype-echtereizen:hover {
  background: rgba(212, 175, 55, 0.18);
  border-color: rgba(212, 175, 55, 0.6);

  box-shadow:
    0 6px 14px rgba(212, 175, 55, 0.28);
}

/* =========================================
   Échte Reizen – goudkleurige dot
   ========================================= */

a.wpte-triptype-pill.wpte-triptype-echtereizen::before {
  background: #d4af37 !important;          /* klassiek goud */
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25);
}

/* Fallback: als dot een child span/div is */
a.wpte-triptype-pill.wpte-triptype-echtereizen .wpte-triptype-dot,
a.wpte-triptype-pill.wpte-triptype-echtereizen .trip-type-dot {
  background: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25);
}

/* Deze regel lijkt een typo (echtreizen vs echtereizen), maar ik laat ’m staan zoals jij ’m had */
.wpte-triptype-echtreizen::before { background: #b91c1c; }

/* mobiel iets compacter */
@media (max-width: 768px) {
  .wpte-triptype-pill {
    font-size: 11px;
    padding: 6px 9px;
  }
}


/* =========================================================
   Footer menu: Onze Reizen (STRICT scoped)
   ========================================================= */

#menu-onze-reizen {
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Basis linkstijl */
#menu-onze-reizen > li > a {
  position: relative;
  display: inline-block;

  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: 0.2px;
  line-height: 1.25;

  padding-bottom: 2px;
  transition: color 160ms ease;
}

/* Subtiele underline on hover */
#menu-onze-reizen > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;

  width: 100%;
  height: 2px;
  border-radius: 999px;

  background: currentColor;
  opacity: 0;
  transform: scaleX(0.85);
  transform-origin: left;
  transition: 160ms ease;
}

#menu-onze-reizen > li > a:hover::after {
  opacity: 0.7;
  transform: scaleX(1);
}

/* =========================================================
   Kleur per categorie (1-op-1 met pills)
   ========================================================= */

/* Meerdere landen – blauw */
#menu-onze-reizen > li.cat-meerderelanden-reizen > a {
  color: #1d4ed8;
}

/* Betaalbare luxe – paars */
#menu-onze-reizen > li.cat-betaalbareluxe-reizen > a {
  color: #6d28d9;
}

/* Pure cultuur – groen */
#menu-onze-reizen > li.cat-purecultuur-reizen > a {
  color: #047857;
}

/* Highlights – oranje */
#menu-onze-reizen > li.cat-highlight-reizen > a {
  color: #c2410c;
}

/* Prijsbewust – slate */
#menu-onze-reizen > li.cat-prijsbewustreizen > a {
  color: #334155;
}

/* Échte Reizen – signature goud */
#menu-onze-reizen > li.cat-echtereizen > a {
  color: #6b4e16;
  text-shadow: 0 4px 14px rgba(212, 175, 55, 0.22);
}

/* =========================================================
   Footer menu: Onze Reizen – spacing herstellen
   ========================================================= */

#menu-onze-reizen {
  display: block;        /* geen flex meer */
  gap: unset;            /* theme spacing terug */
}

/* laat li’s weer doen wat het theme verwacht */
#menu-onze-reizen > li {
  margin: inherit;
}


/* =========================================
   Trip type pill – meer presence (boven titel)
   ========================================= */

.wpte-triptype-above-title .wpte-triptype-pill {
	padding: 8px 14px;        /* was 6x10 */
	font-size: 13px;          /* was 12 */
	font-weight: 900;         /* iets zwaarder */
	letter-spacing: 0.3px;
	border-width: 1.5px;
}

.wpte-triptype-above-title .wpte-triptype-pill::before {
	width: 12px;              /* was 10 */
	height: 12px;
	margin-right: 10px;
}

/* iets meer ruimte t.o.v. titel */
.wpte-triptype-above-title {
	margin-bottom: 8px;
}

/* =========================================
   Trip type pill – duidelijk & dominant
   ========================================= */

.wpte-triptype-above-title .wpte-triptype-pill {
	padding: 10px 18px;        /* duidelijk groter */
	font-size: 14px;           /* headline-achtig */
	font-weight: 900;
	letter-spacing: 0.4px;

	border-radius: 999px;
	border-width: 2px;

	box-shadow:
		0 10px 22px rgba(0,0,0,0.10);

	min-height: 34px;          /* visuele hoogte afdwingen */
}

/* accent-dot groter en meer “statement” */
.wpte-triptype-above-title .wpte-triptype-pill::before {
	width: 14px;
	height: 14px;
	margin-right: 12px;
}

/* iets meer ademruimte boven titel */
.wpte-triptype-above-title {
	margin-bottom: 10px;
}

/* =========================================================
   Trip Card Highlights: knop + modal (DESKTOP ONLY)
   Mobile: alles weg
   ========================================================= */

/* ---------------------------------------------------------
   1) Verwijder eventuele highlights die nog op de card renderen
   (jij wilt ze niet meer in de card)
   --------------------------------------------------------- */
.echt-trip-highlights-wrap,
.echt-trip-highlights,
.trip-card-highlights-source,
.trip-card-highlights-list,
.trip-card-highlights-title {
  display: none !important;
}

/* ---------------------------------------------------------
   2) Default: knop + modal verbergen (mobile + safety)
   --------------------------------------------------------- */
.wpte-open-highlights-btn { display: none !important; }
.wpte-highlights-modal { display: none !important; }

/* ---------------------------------------------------------
   3) Desktop: knop zichtbaar + netjes onder CTA in rechterkolom
   --------------------------------------------------------- */
@media (min-width: 1025px) {

  /* Zorg dat buttons in de rechterkolom onder elkaar staan */
  .category-trip-budget .wpte-button-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  /* Hoogtepunten knop: no-fill, altijd zichtbare tekstkleur */
  .category-trip-budget .wpte-open-highlights-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  /* WPTE forceert vaak color:#fff op .wpte-button, dus we overriden hard */
  .category-trip-budget .wpte-button.wpte-button--outline.wpte-open-highlights-btn,
  .category-trip-budget .wpte-button.wpte-button--outline.wpte-open-highlights-btn *,
  .category-trip-budget .wpte-open-highlights-btn,
  .category-trip-budget .wpte-open-highlights-btn * {
    background: transparent !important;
    color: #593f2c !important;
  }

  .category-trip-budget .wpte-button.wpte-button--outline.wpte-open-highlights-btn {
    border: 2px solid rgba(89, 63, 44, 0.35) !important;
    box-shadow: none !important;

    /* laat sizing over aan .wpte-button (zelfde als CTA),
       maar we houden wel dezelfde “feel” */
    font-weight: 900;
    letter-spacing: 0.2px;

    transition: all 180ms ease;
  }

  .category-trip-budget .wpte-button.wpte-button--outline.wpte-open-highlights-btn:hover {
    border-color: #593f2c !important;
    color: #3f2a1c !important;

    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(89, 63, 44, 0.18) !important;
  }

  .category-trip-budget .wpte-button.wpte-button--outline.wpte-open-highlights-btn:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(89, 63, 44, 0.25) !important;
  }

  /* -------------------------------------------------------
     4) Modal (desktop)
     ------------------------------------------------------- */

  .wpte-highlights-modal.is-open {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 99999;
  }

  .wpte-highlights-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.38);
    backdrop-filter: blur(10px);
  }

  .wpte-highlights-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: min(720px, 92vw);
    max-height: 78vh;

    background: #fff;
    border-radius: 18px;
    overflow: hidden;

    box-shadow: 0 26px 70px rgba(0,0,0,0.35);

    display: flex;
    flex-direction: column;
  }

  .wpte-highlights-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 18px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
  }

  .wpte-highlights-panel__title {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2px;
    color: #111;
  }

  .wpte-highlights-x {
    width: 38px;
    height: 38px;
    border-radius: 999px;

    border: 1px solid rgba(0,0,0,0.12);
    background: #fff;
    color: #111;

    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: 160ms ease;
  }

  .wpte-highlights-x:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.10);
  }

  .wpte-highlights-panel__content {
    padding: 18px 20px;
    overflow: auto;
  }

  /* Highlights lijst */
  .wpte-modal-highlights-list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: grid;
    gap: 12px;
  }

  .wpte-modal-highlights-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    padding: 12px 12px;
    border-radius: 12px;

    background: rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.06);

    font-size: 15px;
    line-height: 1.35;
    color: #111;
  }

  .wpte-modal-highlights-list li::before {
    content: "•";
    font-weight: 900;
    line-height: 1;
    transform: translateY(2px);
    opacity: 0.7;
  }

  /* Actions */
  .wpte-highlights-panel__actions {
    padding: 16px 20px;
    border-top: 1px solid rgba(0,0,0,0.08);

    display: flex;
    justify-content: flex-end;
    gap: 12px;
  }

  /* Sluiten knop (non-fill) */
  .wpte-btn-outline {
    padding: 12px 16px;
    border-radius: 12px;

    font-weight: 900;
    border: 2px solid rgba(17,17,17,0.18);
    background: transparent;
    color: #111;

    cursor: pointer;
    transition: 160ms ease;
  }

  .wpte-btn-outline:hover {
    border-color: rgba(17,17,17,0.28);
    transform: translateY(-1px);
  }

  /* CTA in modal (filled) */
  .wpte-btn-filled {
    padding: 12px 16px;
    border-radius: 12px;

    font-weight: 900;
    text-decoration: none;

    background: #ff8b4b;
    color: #fff;

    box-shadow: 0 14px 24px rgba(255,139,75,0.35);
    transition: 160ms ease;
  }

  .wpte-btn-filled:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 30px rgba(255,139,75,0.45);
  }
}

/* ---------------------------------------------------------
   5) Mobile: knop + modal altijd weg
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .wpte-open-highlights-btn,
  .wpte-highlights-modal {
    display: none !important;
  }
}

/* =========================================================
   FORCE: Hoogtepunten knop tekst altijd zichtbaar (#593f2c)
   Plak dit ALS LAATSTE in je CSS
   ========================================================= */
@media (min-width: 1025px) {

  /* Pak exact jouw knop (super specifiek) */
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn,
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:visited,
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:hover,
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:focus,
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:active {
    color: #593f2c !important;
    -webkit-text-fill-color: #593f2c !important;

    background: transparent !important;
    border: 2px solid rgba(89, 63, 44, 0.35) !important;
  }

  /* Hover iets donkerder */
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:hover {
    color: #3f2a1c !important;
    -webkit-text-fill-color: #3f2a1c !important;
    border-color: #593f2c !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(89, 63, 44, 0.18) !important;
  }

  /* Focus */
  .category-trip-budget .wpte-button-group button.wpte-button.wpte-button--outline.wpte-open-highlights-btn:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(89, 63, 44, 0.25) !important;
  }
}

@media (min-width: 1025px) {

  /* ====== Close button (X) groter + lekker klikbaar ====== */
  .wpte-highlights-x {
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;

    font-size: 28px !important;     /* groter kruisje */
    font-weight: 900 !important;
    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
  }

  /* Optional: iets duidelijker hover */
  .wpte-highlights-x:hover {
    box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important;
    transform: translateY(-1px) !important;
  }

  /* ====== Highlights: compacter (minder afstand) ====== */

  /* Minder ruimte tussen items */
  .wpte-modal-highlights-list {
    gap: 8px !important; /* was 12px */
  }

  /* Minder padding in elk item */
  .wpte-modal-highlights-list li {
    padding: 10px 12px !important; /* was 12px 12px */
    border-radius: 10px !important;
  }

  /* Minder padding rondom content */
  .wpte-highlights-panel__content {
    padding: 14px 18px !important; /* was 18px 20px */
  }

  /* Minder header/footer padding zodat het “strakker” voelt */
  .wpte-highlights-panel__header {
    padding: 14px 18px !important;
  }

  .wpte-highlights-panel__actions {
    padding: 12px 18px !important;
  }
}

/* pill als <a> mag er niet uitzien als standaard link */
.wpte-triptype-above-title a.wpte-triptype-pill {
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 10px; /* houdt ruimte voor dot netjes */
}

.wpte-triptype-above-title a.wpte-triptype-pill:hover {
  filter: brightness(0.98);
  transform: translateY(-1px);
}

/* Fix: Elementor Full Width op CPT 'bestemming' zonder sidebar */
body.single-bestemming.elementor-template-full-width .main-content-wrapper,
body.single-bestemming.elementor-editor-active .main-content-wrapper {
  --tmp-sidebar-width: 0%;
}

body.single-bestemming.elementor-template-full-width #primary,
body.single-bestemming.elementor-editor-active #primary {
  width: 100%;
}


/* === Footer bottom: forceer 3-koloms grid, ook als theme flex wil spelen === */
.er-footer-b .er-footer-b__grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: start;
}

/* Belangrijk: grid items moeten mogen krimpen, anders duwt content kolommen stuk */
.er-footer-b .er-footer-col{
  min-width: 0;
}

/* Images in footer mogen nooit de layout breken */
.er-footer-b img{
  max-width: 100%;
  height: auto;
}

/* Als het theme widgets floats/widths geeft: kill it alleen binnen jouw footer */
.er-footer-b .widget,
.er-footer-b .widget *{
  float: none !important;
}

/* Responsive blijft 1 kolom onder 900px (zoals je al had) */
@media (max-width: 900px){
  .er-footer-b .er-footer-b__grid{
    grid-template-columns: 1fr !important;
  }
}

/* Footer grid: desktop 3 cols */
.er-footer-b__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

/* Tablet: 2 cols */
@media (max-width: 1024px){
  .er-footer-b__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobiel: 1 col */
@media (max-width: 640px){
  .er-footer-b__grid{
    grid-template-columns: 1fr;
  }
}

/* Forceer vaste plaatsing van de 3 footer-kolommen */
.er-footer-b .er-footer-b__grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px;
  align-items: start;
}

/* reset eventuele theme "grid-column" hacks */
.er-footer-b .er-footer-b__grid > .er-footer-col{
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0;
}

/* Zet elke kolom hard op z'n plek */
.er-footer-b .er-footer-col--gegevens   { grid-column: 1 !important; grid-row: 1 !important; }
.er-footer-b .er-footer-col--nieuwsbrief{ grid-column: 2 !important; grid-row: 1 !important; }
.er-footer-b .er-footer-col--partners   { grid-column: 3 !important; grid-row: 1 !important; }

/* Responsive: stapelen */
@media (max-width: 900px){
  .er-footer-b .er-footer-b__grid{
    grid-template-columns: 1fr !important;
  }
  .er-footer-b .er-footer-col--gegevens,
  .er-footer-b .er-footer-col--nieuwsbrief,
  .er-footer-b .er-footer-col--partners{
    grid-column: auto !important;
    grid-row: auto !important;
  }
}