.elementor-2218 .elementor-element.elementor-element-9321190{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2218 .elementor-element.elementor-element-9321190:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-9321190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2218 .elementor-element.elementor-element-97e94a5{--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;}.elementor-2218 .elementor-element.elementor-element-d529a9e{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2218 .elementor-element.elementor-element-c678d10{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2218 .elementor-element.elementor-element-ca3b3dc{--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;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--overlay-opacity:0.7;}.elementor-2218 .elementor-element.elementor-element-ca3b3dc:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quality-guides.be/wp-content/uploads/2024/11/OLV.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2218 .elementor-element.elementor-element-ca3b3dc::before, .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-ca3b3dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2218 .elementor-element.elementor-element-ca3b3dc.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-2218 .elementor-element.elementor-element-9c83a65{text-align:center;}.elementor-2218 .elementor-element.elementor-element-9c83a65 .elementor-heading-title{font-family:"roc-grotesk-compressed", Sans-serif;font-size:14px;font-weight:600;}.elementor-2218 .elementor-element.elementor-element-bb0fb41 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;}.elementor-2218 .elementor-element.elementor-element-bb0fb41 .elementor-button:hover, .elementor-2218 .elementor-element.elementor-element-bb0fb41 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-bb0fb41 .elementor-button:hover svg, .elementor-2218 .elementor-element.elementor-element-bb0fb41 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-e896220{--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;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--overlay-opacity:0.7;}.elementor-2218 .elementor-element.elementor-element-e896220:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-e896220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quality-guides.be/wp-content/uploads/2024/03/gidsbeurten-quality-guides-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2218 .elementor-element.elementor-element-e896220::before, .elementor-2218 .elementor-element.elementor-element-e896220 > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-e896220 > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-e896220 > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-e896220 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-e896220 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2218 .elementor-element.elementor-element-e896220.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-2218 .elementor-element.elementor-element-84cc773{text-align:center;}.elementor-2218 .elementor-element.elementor-element-84cc773 .elementor-heading-title{font-family:"roc-grotesk-compressed", Sans-serif;font-size:14px;font-weight:600;}.elementor-2218 .elementor-element.elementor-element-d36b3e0 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;}.elementor-2218 .elementor-element.elementor-element-d36b3e0 .elementor-button:hover, .elementor-2218 .elementor-element.elementor-element-d36b3e0 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-d36b3e0 .elementor-button:hover svg, .elementor-2218 .elementor-element.elementor-element-d36b3e0 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-018b1c4{--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;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--overlay-opacity:0.7;}.elementor-2218 .elementor-element.elementor-element-018b1c4:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-018b1c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quality-guides.be/wp-content/uploads/2026/01/biertour.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2218 .elementor-element.elementor-element-018b1c4::before, .elementor-2218 .elementor-element.elementor-element-018b1c4 > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-018b1c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-018b1c4 > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-018b1c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-018b1c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2218 .elementor-element.elementor-element-018b1c4.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-2218 .elementor-element.elementor-element-47b6356{text-align:center;}.elementor-2218 .elementor-element.elementor-element-47b6356 .elementor-heading-title{font-family:"roc-grotesk-compressed", Sans-serif;font-size:14px;font-weight:600;}.elementor-2218 .elementor-element.elementor-element-0fd99d0 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;}.elementor-2218 .elementor-element.elementor-element-0fd99d0 .elementor-button:hover, .elementor-2218 .elementor-element.elementor-element-0fd99d0 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-0fd99d0 .elementor-button:hover svg, .elementor-2218 .elementor-element.elementor-element-0fd99d0 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-c691322{--display:flex;--min-height:40px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2218 .elementor-element.elementor-element-e12ffff{--spacer-size:10vh;}.elementor-2218 .elementor-element.elementor-element-4fb66aa{--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:space-between;--align-items:center;}.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2218 .elementor-element.elementor-element-8d3fea2{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2218 .elementor-element.elementor-element-9321190{--width:100%;}}@media(max-width:1024px){.elementor-2218 .elementor-element.elementor-element-9321190{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2218 .elementor-element.elementor-element-9321190{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2218 .elementor-element.elementor-element-d2bd01c > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-2218 .elementor-element.elementor-element-d2bd01c{font-size:14px;}.elementor-2218 .elementor-element.elementor-element-8d3fea2{width:100%;max-width:100%;}.elementor-2218 .elementor-element.elementor-element-8d3fea2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2218 .elementor-element.elementor-element-8d3fea2.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2218 .elementor-element.elementor-element-8d3fea2 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2218 .elementor-element.elementor-element-4b103a2 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-2218 .elementor-element.elementor-element-4b103a2 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-97e94a5 *//* =========================
   WRAPPER (full width + safe padding)
========================= */
.ticketsbar-wrap{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;

  /* NIEUW: footer shift variabele */
  --footer-shift: 0px;

  /* AANGEPAST: shift meenemen in transform */
  transform: translateY(calc(0px - var(--footer-shift)));

  transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    background-color .35s ease;

  will-change: transform;

  background: transparent;

  padding: 0px;
  box-sizing: border-box;
}

.ticketsbar-wrap.is-scrolled{
  /* AANGEPAST: ook hier shift meenemen */
  transform: translateY(calc(0px - var(--footer-shift)));
  background: #fe7312;
}


/* =========================
   BAR (boxed -> full width)
========================= */
.ticketsbar{
  box-sizing: border-box;
  width: 100%;

  max-width: 85vw;     /* start: smaller */
  margin: 0 auto;        /* center => groeit vanuit midden */

  /* hoogte gedrag */
  min-height: 200px;
  max-height: 60vh;
  overflow: hidden;

  /* padding zodat niets plakt */
  padding: 18px;

  display: flex;
  gap: 18px;
  align-items: stretch;

  background: transparent;

  transition:
    max-width .7s cubic-bezier(.16,1,.3,1),
    padding .7s cubic-bezier(.16,1,.3,1),
    gap .7s cubic-bezier(.16,1,.3,1),
    max-height .7s cubic-bezier(.16,1,.3,1),
    min-height .7s cubic-bezier(.16,1,.3,1);

  will-change: max-width, padding, max-height;
}

/* =========================
   4 BLOKKEN (ticketcol)
   -> titel + knoppen gecentreerd
========================= */
.ticketsbar .ticketcol{
  flex: 1;
  min-width: 0;

  padding: 10px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;  /* verticaal centreren */
  align-items: center;      /* horizontaal centreren */
  text-align: center;

  gap: 10px;

  overflow: hidden;
}

/* Titels */
.ticketsbar .ticketcol .elementor-heading-title{
  margin: 0;
  line-height: 1.05;
}


/* Buttons */
.ticketsbar .ticketcol .elementor-button{
  padding: 10px 16px;
}

/* =========================
   SCROLLED: full width + compacter + max 15vh
========================= */
.ticketsbar-wrap.is-scrolled .ticketsbar{
  max-width: 100%;
  min-height: 0;
  max-height: 15vh;

  padding: 5px;       /* behoud binnenruimte */
  gap: 12px;

  --container-max-width: 100% !important;
}

.ticketsbar-wrap.is-scrolled .ticketsbar .ticketcol{
  padding: 10px;
  gap: 10px;
}

/* Titels kleiner bij scroll */
.ticketsbar-wrap.is-scrolled .ticketsbar .ticketcol .elementor-heading-title{
  font-size: 14px;
}

/* Knoppen kleiner bij scroll */
.ticketsbar-wrap.is-scrolled .ticketsbar .ticketcol .elementor-button{
  padding: 8px 10px;
  font-size: 12px;
}

/* Wanneer footer duwt: GEEN animatie */
.ticketsbar-wrap.is-footer-push{
  transition: none !important;
}/* End custom CSS */