.elementor-9 .elementor-element.elementor-element-c2b7011{--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;--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-9 .elementor-element.elementor-element-07cde1e{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-9 .elementor-element.elementor-element-07cde1e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-07cde1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, var( --e-global-color-primary ) 100%);}.elementor-9 .elementor-element.elementor-element-07cde1e.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-10f5615{--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;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c343fa9{--display:flex;--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-d2c2014{text-align:start;}.elementor-9 .elementor-element.elementor-element-8428cc9{--display:flex;}.elementor-9 .elementor-element.elementor-element-c7aed86{--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-end;--align-items:center;}.elementor-widget-button .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-9 .elementor-element.elementor-element-21537a1 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #0AAA00 0%, #107700 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:10px 0px 10px 0px;}.elementor-9 .elementor-element.elementor-element-21537a1 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-21537a1 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #088A00 0%, #0B5000 100%);}.elementor-9 .elementor-element.elementor-element-21537a1 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-21537a1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-global-744{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:26px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon{background-color:var( --e-global-color-secondary );--icon-padding:0.2em;}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-global-744 .elementor-icon{border-radius:5px 0px 5px 0px;}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon:hover i{color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-global-744 .elementor-social-icon:hover svg{fill:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-49263f7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-49263f7:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-49263f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFED00;}.elementor-9 .elementor-element.elementor-element-d8830b3{--display:flex;--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-widget-navigation-menu .menu-item a.hfe-menu-item.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-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
								.elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );}
							.elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item{padding-left:7px;padding-right:7px;}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-sub-menu-item{padding-left:calc( 7px + 20px );padding-right:7px;}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 7px + 40px );padding-right:7px;}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 7px + 60px );padding-right:7px;}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 7px + 80px );padding-right:7px;}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item, .elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-sub-menu-item{padding-top:18px;padding-bottom:18px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:37px;}body.rtl .elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:37px;}.elementor-9 .elementor-element.elementor-element-3ab774d nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:37px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{margin-bottom:0px;}.elementor-9 .elementor-element.elementor-element-3ab774d ul.sub-menu{width:285px;}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item,
						 .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:28px;padding-bottom:28px;}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu__toggle{margin:0 auto;}.elementor-9 .elementor-element.elementor-element-3ab774d a.hfe-menu-item, .elementor-9 .elementor-element.elementor-element-3ab774d a.hfe-sub-menu-item{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.9px;}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item, .elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item, .elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu, .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown, .elementor-9 .elementor-element.elementor-element-3ab774d .hfe-dropdown-expandible{background-color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item.highlighted,
								.elementor-9 .elementor-element.elementor-element-3ab774d .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-9 .elementor-element.elementor-element-3ab774d .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d .elementor-menu-toggle,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-sub-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d .elementor-menu-toggle:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-sub-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-sub-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-menu-item:hover,
								.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover{background-color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active
							{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active{background-color:var( --e-global-color-secondary );}
							.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu li a.hfe-sub-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-nav-menu__layout-horizontal .sub-menu,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav:not(.hfe-nav-menu__layout-horizontal) .sub-menu.sub-menu-open,
							.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown .hfe-nav-menu,
						 	.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible .hfe-nav-menu{border-style:none;}.elementor-9 .elementor-element.elementor-element-3ab774d .sub-menu li.menu-item:not(:last-child),
						.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:var( --e-global-color-secondary );border-bottom-width:1px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-10f5615{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3ab774d.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-c343fa9{--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-9 .elementor-element.elementor-element-d2c2014{padding:40px 40px 40px 40px;}.elementor-9 .elementor-element.elementor-element-8428cc9{--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-9 .elementor-element.elementor-element-c7aed86{--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;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3ab774d.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-9 .elementor-element.elementor-element-3ab774d nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-c343fa9{--width:30%;}.elementor-9 .elementor-element.elementor-element-8428cc9{--width:100%;}.elementor-9 .elementor-element.elementor-element-c7aed86{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-814a655 *//* Floating koffie-blokje (desktop only) */
.coffee-float{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  width: 300px;
  height: 80px;
  overflow: hidden;

  background: #FFED00;
  color: #111;
  border: 3px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 25px rgba(0,0,0,.18);

  /* alleen linksboven & rechtsonder afgerond */
  border-radius: 18px 0 18px 0;

  font-size: 14px;
  line-height: 1.3;

  transition: box-shadow .2s ease;
}

.coffee-float:hover{
  box-shadow: 0 16px 35px rgba(0,0,0,.28);
}

/* sluitknop */
.coffee-float__close{
  position: absolute;
  top: 6px;
  right: 8px;

  width: 22px;
  height: 22px;

  background: #FFED00;
  color: #000 !important;   /* 👈 forceer zwart */

  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 20;

  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}

/* hover */
.coffee-float__close:hover{
  background: #e6d700;
  color: #000 !important;   /* 👈 blijft zwart */
  transform: scale(1.05);
}


.coffee-float__close:hover{
  color: #FFED00;
  transform: scale(1.1);
}

/* hoofdinhoud */
.coffee-float__main{
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;

  height: 100%;
  padding: 14px;
  text-align: center;
}

/* icoonvlak */
.coffee-float__icon{
  width: 38px;
  height: 38px;
  border-radius: 12px 0 12px 0;
  background: #000;

  display: grid;
  place-items: center;
}

.coffee-float__icon svg{
  color: #FFED00;
}

/* overlay */
.coffee-float__overlay{
  position: absolute;
  inset: 0;

  background: #000;
  color: #FFED00;

  padding: 15px 22px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;

  transform: translateY(100%);
  transition: transform .35s ease;
}

.coffee-float__overlay strong{
  font-size: 12px;
  margin-bottom: 6px;
}

.coffee-float__overlay span{
  font-size: 12px;
  line-height: 1.25;
}

.coffee-float__overlay .indent{
  padding-left: 18px;
  opacity: .9;
}

/* hover → overlay omhoog */
.coffee-float:hover .coffee-float__overlay{
  transform: translateY(0);
}

/* verberg op tablet & mobiel */
@media (max-width: 1024px){
  .coffee-float{
    display: none !important;
  }
}/* End custom CSS */