.elementor-5786 .elementor-element.elementor-element-94708f6{--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;--justify-content:center;--align-items:center;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-064ead6{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:183px;}body:not(.rtl) .elementor-5786 .elementor-element.elementor-element-064ead6{left:0px;}body.rtl .elementor-5786 .elementor-element.elementor-element-064ead6{right:0px;}.elementor-5786 .elementor-element.elementor-element-744b320{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-5786 .elementor-element.elementor-element-3369386{--grid-columns:1;}.elementor-5786 .elementor-element.elementor-element-c8ae1f1{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:-17px;--z-index:1;}.elementor-5786 .elementor-element.elementor-element-c8ae1f1:not(.elementor-motion-effects-element-type-background), .elementor-5786 .elementor-element.elementor-element-c8ae1f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5786 .elementor-element.elementor-element-c8ae1f1.e-con{--e-con-transform-rotateZ:180deg;}body:not(.rtl) .elementor-5786 .elementor-element.elementor-element-c8ae1f1{left:0px;}body.rtl .elementor-5786 .elementor-element.elementor-element-c8ae1f1{right:0px;}.elementor-5786 .elementor-element.elementor-element-9808dd2{--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;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-2dcb658{--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;--justify-content:center;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5786 .elementor-element.elementor-element-2d0e5b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-5786 .elementor-element.elementor-element-2d0e5b7 .elementor-heading-title{font-family:"General Sans", Sans-serif;font-size:2.4rem;font-weight:500;color:#000000;}.elementor-5786 .elementor-element.elementor-element-5374f0a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 0px;--row-gap:30px;--column-gap:0px;--grid-auto-flow:row;}.elementor-widget-image .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-5786 .elementor-element.elementor-element-823eb5f{text-align:center;}.elementor-5786 .elementor-element.elementor-element-823eb5f img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-b330a2c{text-align:center;}.elementor-5786 .elementor-element.elementor-element-b330a2c img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-2da9103{text-align:center;}.elementor-5786 .elementor-element.elementor-element-2da9103 img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-5dd2618{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-5786 .elementor-element.elementor-element-5dd2618 img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-ca9c237{text-align:center;}.elementor-5786 .elementor-element.elementor-element-ca9c237 img{width:100%;max-width:1000px;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-a21aa26{text-align:center;}.elementor-5786 .elementor-element.elementor-element-a21aa26 img{width:100%;height:160px;object-fit:contain;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-9549bdf{text-align:center;}.elementor-5786 .elementor-element.elementor-element-9549bdf img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-9b46d75{text-align:center;}.elementor-5786 .elementor-element.elementor-element-9b46d75 img{width:100%;height:160px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-05c84c1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--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-5786 .elementor-element.elementor-element-c00c564{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:80px;--padding-right:80px;}.elementor-5786 .elementor-element.elementor-element-575b7f1{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}.elementor-5786 .elementor-element.elementor-element-575b7f1:not(.elementor-motion-effects-element-type-background), .elementor-5786 .elementor-element.elementor-element-575b7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-5786 .elementor-element.elementor-element-575b7f1{left:0px;}body.rtl .elementor-5786 .elementor-element.elementor-element-575b7f1{right:0px;}@media(max-width:1024px){.elementor-5786 .elementor-element.elementor-element-064ead6{top:218px;}.elementor-5786 .elementor-element.elementor-element-744b320{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-3369386{--grid-columns:1;}.elementor-5786 .elementor-element.elementor-element-c8ae1f1{bottom:4px;}.elementor-5786 .elementor-element.elementor-element-2dcb658{--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-5786 .elementor-element.elementor-element-2d0e5b7{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-5786 .elementor-element.elementor-element-2d0e5b7 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-5786 .elementor-element.elementor-element-5374f0a{--grid-auto-flow:row;}.elementor-5786 .elementor-element.elementor-element-823eb5f img{height:120px;}.elementor-5786 .elementor-element.elementor-element-b330a2c img{height:120px;}.elementor-5786 .elementor-element.elementor-element-2da9103 img{height:120px;}.elementor-5786 .elementor-element.elementor-element-5dd2618{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5786 .elementor-element.elementor-element-5dd2618 img{height:120px;}.elementor-5786 .elementor-element.elementor-element-ca9c237 img{height:120px;}.elementor-5786 .elementor-element.elementor-element-a21aa26 img{height:120px;}.elementor-5786 .elementor-element.elementor-element-9549bdf img{height:120px;}.elementor-5786 .elementor-element.elementor-element-9b46d75 img{height:120px;}.elementor-5786 .elementor-element.elementor-element-05c84c1{--grid-auto-flow:row;}.elementor-5786 .elementor-element.elementor-element-c00c564{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5786 .elementor-element.elementor-element-94708f6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-064ead6{top:137px;}.elementor-5786 .elementor-element.elementor-element-744b320{width:var( --container-widget-width, 242px );max-width:242px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 22px;padding:0px 0px 0px 0px;--container-widget-width:242px;--container-widget-flex-grow:0;}.elementor-5786 .elementor-element.elementor-element-744b320.elementor-element{--align-self:flex-start;}.elementor-5786 .elementor-element.elementor-element-3369386{--grid-columns:1;}.elementor-5786 .elementor-element.elementor-element-c8ae1f1{bottom:4px;}.elementor-5786 .elementor-element.elementor-element-9808dd2{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-2dcb658{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-2d0e5b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 2px 0px 12px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-5786 .elementor-element.elementor-element-2d0e5b7 .elementor-heading-title{font-size:1.6rem;line-height:120%;}.elementor-5786 .elementor-element.elementor-element-5374f0a{--width:77%;--e-con-grid-template-columns:repeat(2, 1fr);--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;}.elementor-5786 .elementor-element.elementor-element-823eb5f{grid-column:span 1;}.elementor-5786 .elementor-element.elementor-element-823eb5f.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-823eb5f img{width:120px;height:100%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-b330a2c.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-b330a2c img{width:120px;height:100%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-2da9103.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-2da9103 img{width:120px;max-width:120px;height:120%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-5dd2618{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-5dd2618.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-5dd2618 img{width:120px;height:100%;}.elementor-5786 .elementor-element.elementor-element-ca9c237.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-ca9c237 img{width:120px;max-width:120px;height:100%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-a21aa26.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-a21aa26 img{width:120px;height:100%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-9549bdf.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-9549bdf img{width:120px;height:100%;object-fit:contain;}.elementor-5786 .elementor-element.elementor-element-9b46d75.elementor-element{--align-self:center;}.elementor-5786 .elementor-element.elementor-element-9b46d75 img{width:120px;height:100%;object-fit:scale-down;}.elementor-5786 .elementor-element.elementor-element-05c84c1{--e-con-grid-template-columns:repeat(1, 1fr);--gap:12px 0px;--row-gap:12px;--column-gap:0px;--grid-auto-flow:row;}.elementor-5786 .elementor-element.elementor-element-c00c564{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-5786 .elementor-element.elementor-element-575b7f1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(min-width:768px){.elementor-5786 .elementor-element.elementor-element-9808dd2{--content-width:1400px;}.elementor-5786 .elementor-element.elementor-element-2dcb658{--width:1400px;}.elementor-5786 .elementor-element.elementor-element-5374f0a{--width:995px;}.elementor-5786 .elementor-element.elementor-element-c00c564{--content-width:1080px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5786 .elementor-element.elementor-element-2dcb658{--width:100%;}.elementor-5786 .elementor-element.elementor-element-5374f0a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-77257bc */.waves-container { position: relative; width: 100%; height: 10vh; /* Hoogte van de golven */ min-height: 100px; max-height: 150px; overflow: hidden; /* Verbergt alles wat buiten de container valt */ } .waves-svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .parallax > use { /* De animatie wordt hier aangeroepen */ animation: move-forever 5s cubic-bezier(.55,.5,.45,.5) infinite; } /* De keyframes voor de animatie */ @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* --- Mobiele aanpassing --- */ @media (max-width: 768px) { .waves-container { height: 7vh; /* Verlaagd van 10vh */ min-height: 70px; /* Verlaagd van 100px */ max-height: 100px; /* Verlaagd van 150px */ } } /* Mediaquery voor mobiele apparaten */ @media (max-width: 768px) { .waves-container { /* Verlaag de hoogtewaarden voor een subtielere golf */ height: 8vh; min-height: 50px; max-height: 80px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-744b320 */.animated-heading { font-size: 4rem; font-weight: 500; text-align: center; line-height: 4rem; font-family: "General Sans", Sans-serif; display: flex; gap: 12px; flex-wrap: wrap; /* Voorkomt rare afbreking op kleinere schermen */ justify-content: center; } /* Verberg de tekstregels in eerste instantie */ .animated-heading .line { display: block; overflow: hidden; padding: 0.2rem 0; } .animated-heading .line span { display: block; transform: translateY(110%); will-change: transform; /* BELANGRIJK: de animatie staat hier niet meer direct */ } /* Stijl voor het woord "Lychee" */ .animated-heading .lychee { color: #FE3E8C; } /* ✔️ DE KEYFRAME ANIMATIE */ @keyframes reveal { to { transform: translateY(0); } } /* ✔️ TRIGGER DE ANIMATIE PAS ALS DE CLASS 'is-visible' AANWEZIG IS */ .animated-heading.is-visible .line span { animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; } .animated-heading.is-visible .line:nth-child(2) span { animation-delay: 0.2s; } /* Responsive stijlen (ik heb je 'h1' .elementor-5786 .elementor-element.elementor-element-744b320s aangepast naar '.animated-heading' voor consistentie) */ @media(max-width:1024px) { .animated-heading { font-size: 50px; line-height: 50px; } } @media(max-width:767px) { .animated-heading{ justify-content:start; } .animated-heading { font-size: 32px; line-height: 32px; gap:0px; text-align:left; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-3369386 */.elementor-5786 .elementor-element.elementor-element-3369386{ width: 100%; background: #FFF1F5; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fe1e740 */.bottom-waves-container { position: relative; width: 100%; height: 10vh; /* Je kunt de hoogte aanpassen */ min-height: 100px; max-height: 150px; overflow: hidden; /* Verbergt alles buiten de container */ } .bottom-waves-svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .bottom-parallax > use { /* De animatie wordt hier aangeroepen */ animation: move-forever-bottom 5s cubic-bezier(.55,.5,.45,.5) infinite; } /* De keyframes voor de animatie (OMGEKEERD) */ @keyframes move-forever-bottom { 0% { transform: translate3d(85px,0,0); } 100% { transform: translate3d(-90px,0,0); } } /* Mediaquery voor mobiele apparaten */ @media (max-width: 768px) { .bottom-waves-container { /* Verlaag de hoogtewaarden voor een subtielere golf */ height: 8vh; min-height: 50px; max-height: 80px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-813f1b4 */.waves-container { position: relative; width: 100%; height: 10vh; /* Hoogte van de golven */ min-height: 100px; max-height: 150px; overflow: hidden; /* Verbergt alles wat buiten de container valt */ } .waves-svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .parallax > use { /* De animatie wordt hier aangeroepen */ animation: move-forever 5s cubic-bezier(.55,.5,.45,.5) infinite; } /* De keyframes voor de animatie */ @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* --- Mobiele aanpassing --- */ @media (max-width: 768px) { .waves-container { height: 7vh; /* Verlaagd van 10vh */ min-height: 70px; /* Verlaagd van 100px */ max-height: 100px; /* Verlaagd van 150px */ } } /* Mediaquery voor mobiele apparaten */ @media (max-width: 768px) { .waves-container { /* Verlaag de hoogtewaarden voor een subtielere golf */ height: 8vh; min-height: 50px; max-height: 80px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'General Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Medium.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Semibold.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Regular.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: italic; font-weight: 300; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Italic.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-VariableItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */