{"id":39,"date":"2025-09-03T15:12:02","date_gmt":"2025-09-03T13:12:02","guid":{"rendered":"https:\/\/tubtoo.com\/?page_id=39"},"modified":"2026-04-24T16:48:44","modified_gmt":"2026-04-24T14:48:44","slug":"home","status":"publish","type":"page","link":"https:\/\/tubtoo.com\/en\/","title":{"rendered":"Home &#8211; save water, save the planet"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;tubtoo-hero-wrapper&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code raw_content_tablet=&#8221;<\/p>\n<style>\n  \/* ===== HERO BASIS ===== *\/<\/p>\n<p>  .tubtoo-hero {\n    position: relative !important;\n    width: 100% !important;\n    height: min(100vh, 750px) !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: #000 url(%22https:\/\/tubtoo.com\/wp-content\/uploads\/2025\/09\/Tubtoo-website-in-badkamer-met-label-scaled.jpg%22)\n      center \/ cover no-repeat !important;\n  }<\/p>\n<p>  .tubtoo-hero > video {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: 60% center !important;\n    z-index: 1 !important;\n    transition: opacity .35s ease !important;\n  }<\/p>\n<p>  \/* ===== TEKST DESKTOP ===== *\/<\/p>\n<p>  .tubtoo-hero .hero-text {\n    position: absolute !important;\n    left: 5% !important;\n    top: 18% !important;\n    z-index: 4 !important;\n    max-width: 320px !important;\n    width: 32% !important;<\/p>\n<p>    color: #111 !important;\n    font-size: 17px !important;\n    line-height: 1.55 !important;<\/p>\n<p>    opacity: 0 !important;\n    transform: translateY(6px) !important;\n    transition: opacity .35s ease, transform .35s ease !important;<\/p>\n<p>    background: rgba(255,255,255,0.30) !important;\n    padding: 18px 20px !important;\n    border-radius: 14px !important;\n  }<\/p>\n<p>  .tubtoo-hero .hero-text strong {\n    font-weight: 700 !important;\n  }<\/p>\n<p>  \/* ===== KNOP ===== *\/<\/p>\n<p>  .tubtoo-hero .watch-btn {\n    position: absolute !important;\n    left: 50% !important;\n    bottom: 40px !important;\n    transform: translateX(-50%) !important;\n    z-index: 5 !important;<\/p>\n<p>    display: none !important;\n    padding: .9rem 1.3rem !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    background: #111 !important;\n    color: #fff !important;\n    font-weight: 600 !important;\n    cursor: pointer !important;\n  }<\/p>\n<p>  \/* ===== NA AFLOOP ===== *\/<\/p>\n<p>  .tubtoo-hero.is-done > video {\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }<\/p>\n<p>  .tubtoo-hero.is-done .hero-text {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }<\/p>\n<p>  .tubtoo-hero.is-done .watch-btn {\n    display: inline-block !important;\n  }<\/p>\n<p>  \/* ===== VISUAL BUILDER ===== *\/<\/p>\n<p>  .et-fb .tubtoo-hero > video {\n    display: none !important;\n  }<\/p>\n<p>  .et-fb .tubtoo-hero .hero-text {\n    opacity: 1 !important;\n    transform: none !important;\n  }<\/p>\n<p>  .et-fb .tubtoo-hero .watch-btn {\n    display: inline-block !important;\n  }<\/p>\n<p>  \/* ===== TABLET ===== *\/<\/p>\n<p>  @media (min-width: 768px) and (max-width: 980px) {\n    .tubtoo-hero .hero-text {\n      left: 5% !important;\n      top: 16% !important;\n      width: 28% !important;\n      max-width: 240px !important;<\/p>\n<p>      font-size: 15px !important;\n      line-height: 1.45 !important;<\/p>\n<p>      padding: 16px 18px !important;\n      background: rgba(255,255,255,0.45) !important;\n    }\n  }<\/p>\n<p>  \/* ===== MOBIEL ===== *\/<\/p>\n<p>  @media (max-width: 767px) {\n    .tubtoo-hero {\n      height: min(78vh, 700px) !important;\n    }<\/p>\n<p>    .tubtoo-hero > video {\n      position: absolute !important;\n      inset: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      object-position: center center !important;\n      opacity: 1 !important;\n      max-height: none !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done > video {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }<\/p>\n<p>    .tubtoo-hero .hero-text {\n      position: absolute !important;\n      left: 4% !important;\n      top: 36% !important;\n      width: 64% !important;\n      max-width: none !important;\n      margin: 0 !important;<\/p>\n<p>      font-size: 14px !important;\n      line-height: 1.45 !important;<\/p>\n<p>      padding: 16px 18px !important;\n      border-radius: 14px !important;<\/p>\n<p>      display: none !important;\n      opacity: 1 !important;\n      transform: none !important;<\/p>\n<p>      background: rgba(255,255,255,0.68) !important;\n      z-index: 6 !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done .hero-text {\n      display: block !important;\n    }<\/p>\n<p>    .tubtoo-hero .watch-btn {\n      position: absolute !important;\n      left: 4% !important;\n      bottom: 60px !important;\n      transform: none !important;<\/p>\n<p>      display: none !important;\n      margin: 0 !important;\n      z-index: 10 !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done .watch-btn {\n      display: inline-block !important;\n    }\n  }\n<\/style>\n<div class=%22tubtoo-hero%22 id=%22tubtoo-hero%22>\n  <video id=%22introVideo%22 autoplay muted playsinline preload=%22auto%22><source src=%22https:\/\/tubtoo.com\/wp-content\/uploads\/2026\/01\/tubtoo-hero-animatie-v3.mp4%22 type=%22video\/mp4%22><\/video><\/p>\n<div class=%22hero-text%22>\n    Elke douchebeurt spoel je gemiddeld 6 liter koud water weg voordat het warm wordt.<br \/>\n    Met de Tubtoo\u00ae vang je dit water eenvoudig op.<br \/>\n    Gebruik het voor je planten, huisdieren, schoonmaak of de regenton.<\/p>\n<p>    <strong>Makkelijk. Duurzaam. Logisch.<\/strong><br \/>\n    Do you Tubtoo?\n  <\/div>\n<p>  <button id=%22replayBtn%22 class=%22watch-btn%22>\u25b6\ufe0e Bekijk animatie<\/button>\n<\/div>\n<p><script>\n  (function () {\n    const root = document.getElementById('tubtoo-hero');\n    const video = document.getElementById('introVideo');\n    const btn = document.getElementById('replayBtn');\n    if (!root || !video || !btn) return;<\/p>\n<p>    const toDone = () => {\n      root.classList.add('is-done');\n      try {\n        video.pause();\n        video.currentTime = 0;\n      } catch (e) {}\n    };<\/p>\n<p>    const guard = setTimeout(() => {\n      if (!video || video.currentTime < 0.05) toDone();\n    }, 2500);\n\n    video.addEventListener('playing', () => clearTimeout(guard), { once: true });\n    video.addEventListener('ended', toDone);<\/p>\n<p>    btn.addEventListener('click', () => {\n      root.classList.remove('is-done');\n      try {\n        video.currentTime = 0;\n        const p = video.play();\n        if (p && typeof p.catch === 'function') {\n          p.catch(() => {\n            video.muted = true;\n            video.play();\n          });\n        }\n      } catch (e) {}\n    });\n  })();\n<\/script>&#8221; raw_content_phone=&#8221;<\/p>\n<style>\n  \/* ===== HERO BASIS ===== *\/<\/p>\n<p>  .tubtoo-hero {\n    position: relative !important;\n    width: 100% !important;\n    height: min(100vh, 750px) !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: #000 url(%22https:\/\/tubtoo.com\/wp-content\/uploads\/2025\/09\/Tubtoo-website-in-badkamer-met-label-scaled.jpg%22)\n      center \/ cover no-repeat !important;\n  }<\/p>\n<p>  .tubtoo-hero > video {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    min-width: 100% !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: 60% center !important;\n    z-index: 1 !important;\n    transition: opacity .35s ease !important;\n  }<\/p>\n<p>  \/* ===== TEKST DESKTOP ===== *\/<\/p>\n<p>  .tubtoo-hero .hero-text {\n    position: absolute !important;\n    left: 5% !important;\n    top: 18% !important;\n    z-index: 4 !important;\n    max-width: 320px !important;\n    width: 32% !important;<\/p>\n<p>    color: #111 !important;\n    font-size: 17px !important;\n    line-height: 1.55 !important;<\/p>\n<p>    opacity: 0 !important;\n    transform: translateY(6px) !important;\n    transition: opacity .35s ease, transform .35s ease !important;<\/p>\n<p>    background: rgba(255,255,255,0.30) !important;\n    padding: 18px 20px !important;\n    border-radius: 14px !important;\n  }<\/p>\n<p>  .tubtoo-hero .hero-text strong {\n    font-weight: 700 !important;\n  }<\/p>\n<p>  \/* ===== KNOP ===== *\/<\/p>\n<p>  .tubtoo-hero .watch-btn {\n    position: absolute !important;\n    left: 50% !important;\n    bottom: 40px !important;\n    transform: translateX(-50%) !important;\n    z-index: 5 !important;<\/p>\n<p>    display: none !important;\n    padding: .9rem 1.3rem !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    background: #111 !important;\n    color: #fff !important;\n    font-weight: 600 !important;\n    cursor: pointer !important;\n  }<\/p>\n<p>  \/* ===== NA AFLOOP ===== *\/<\/p>\n<p>  .tubtoo-hero.is-done > video {\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }<\/p>\n<p>  .tubtoo-hero.is-done .hero-text {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }<\/p>\n<p>  .tubtoo-hero.is-done .watch-btn {\n    display: inline-block !important;\n  }<\/p>\n<p>  \/* ===== VISUAL BUILDER ===== *\/<\/p>\n<p>  .et-fb .tubtoo-hero > video {\n    display: none !important;\n  }<\/p>\n<p>  .et-fb .tubtoo-hero .hero-text {\n    opacity: 1 !important;\n    transform: none !important;\n  }<\/p>\n<p>  .et-fb .tubtoo-hero .watch-btn {\n    display: inline-block !important;\n  }<\/p>\n<p>  \/* ===== TABLET ===== *\/<\/p>\n<p>  @media (min-width: 768px) and (max-width: 980px) {\n    .tubtoo-hero .hero-text {\n      left: 5% !important;\n      top: 16% !important;\n      width: 28% !important;\n      max-width: 240px !important;<\/p>\n<p>      font-size: 15px !important;\n      line-height: 1.45 !important;<\/p>\n<p>      padding: 16px 18px !important;\n      background: rgba(255,255,255,0.45) !important;\n    }\n  }<\/p>\n<p>  \/* ===== MOBIEL ===== *\/<\/p>\n<p>  @media (max-width: 767px) {\n    .tubtoo-hero {\n      height: min(78vh, 700px) !important;\n    }<\/p>\n<p>    .tubtoo-hero > video {\n      position: absolute !important;\n      inset: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      object-position: center center !important;\n      opacity: 1 !important;\n      max-height: none !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done > video {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }<\/p>\n<p>    .tubtoo-hero .hero-text {\n      position: absolute !important;\n      left: 4% !important;\n      top: 36% !important;\n      width: 64% !important;\n      max-width: none !important;\n      margin: 0 !important;<\/p>\n<p>      font-size: 14px !important;\n      line-height: 1.45 !important;<\/p>\n<p>      padding: 16px 18px !important;\n      border-radius: 14px !important;<\/p>\n<p>      display: none !important;\n      opacity: 1 !important;\n      transform: none !important;<\/p>\n<p>      background: rgba(255,255,255,0.68) !important;\n      z-index: 6 !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done .hero-text {\n      display: block !important;\n    }<\/p>\n<p>    .tubtoo-hero .watch-btn {\n      position: absolute !important;\n      left: 4% !important;\n      bottom: 60px !important;\n      transform: none !important;<\/p>\n<p>      display: none !important;\n      margin: 0 !important;\n      z-index: 10 !important;\n    }<\/p>\n<p>    .tubtoo-hero.is-done .watch-btn {\n      display: inline-block !important;\n    }\n  }\n<\/style>\n<div class=%22tubtoo-hero%22 id=%22tubtoo-hero%22>\n  <video id=%22introVideo%22 autoplay muted playsinline preload=%22auto%22><source src=%22https:\/\/tubtoo.com\/wp-content\/uploads\/2026\/01\/tubtoo-hero-animatie-v3.mp4%22 type=%22video\/mp4%22><\/video><\/p>\n<div class=%22hero-text%22>\n    Elke douchebeurt spoel je gemiddeld 6 liter koud water weg voordat het warm wordt.<br \/>\n    Met de Tubtoo\u00ae vang je dit water eenvoudig op.<br \/>\n    Gebruik het voor je planten, huisdieren, schoonmaak of de regenton.<\/p>\n<p>    <strong>Makkelijk. Duurzaam. Logisch.<\/strong><br \/>\n    Do you Tubtoo?\n  <\/div>\n<p>  <button id=%22replayBtn%22 class=%22watch-btn%22>\u25b6\ufe0e Bekijk animatie<\/button>\n<\/div>\n<p><script>\n  (function () {\n    const root = document.getElementById('tubtoo-hero');\n    const video = document.getElementById('introVideo');\n    const btn = document.getElementById('replayBtn');\n    if (!root || !video || !btn) return;<\/p>\n<p>    const toDone = () => {\n      root.classList.add('is-done');\n      try {\n        video.pause();\n        video.currentTime = 0;\n      } catch (e) {}\n    };<\/p>\n<p>    const guard = setTimeout(() => {\n      if (!video || video.currentTime < 0.05) toDone();\n    }, 2500);\n\n    video.addEventListener('playing', () => clearTimeout(guard), { once: true });\n    video.addEventListener('ended', toDone);<\/p>\n<p>    btn.addEventListener('click', () => {\n      root.classList.remove('is-done');\n      try {\n        video.currentTime = 0;\n        const p = video.play();\n        if (p && typeof p.catch === 'function') {\n          p.catch(() => {\n            video.muted = true;\n            video.play();\n          });\n        }\n      } catch (e) {}\n    });\n  })();\n<\/script>&#8221; raw_content_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  \/* ===== HERO BASIS ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero {<!-- [et_pb_line_break_holder] -->    position: relative !important;<!-- [et_pb_line_break_holder] -->    width: 100% !important;<!-- [et_pb_line_break_holder] -->    height: min(100vh, 750px) !important;<!-- [et_pb_line_break_holder] -->    overflow: hidden !important;<!-- [et_pb_line_break_holder] -->    margin: 0 !important;<!-- [et_pb_line_break_holder] -->    padding: 0 !important;<!-- [et_pb_line_break_holder] -->    background: #000 url(\"https:\/\/tubtoo.com\/wp-content\/uploads\/2025\/09\/Tubtoo-website-in-badkamer-met-label-scaled.jpg\")<!-- [et_pb_line_break_holder] -->      center \/ cover no-repeat !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .hero-video {<!-- [et_pb_line_break_holder] -->    position: absolute !important;<!-- [et_pb_line_break_holder] -->    inset: 0 !important;<!-- [et_pb_line_break_holder] -->    width: 100% !important;<!-- [et_pb_line_break_holder] -->    height: 100% !important;<!-- [et_pb_line_break_holder] -->    min-width: 100% !important;<!-- [et_pb_line_break_holder] -->    min-height: 100% !important;<!-- [et_pb_line_break_holder] -->    object-fit: cover !important;<!-- [et_pb_line_break_holder] -->    z-index: 1 !important;<!-- [et_pb_line_break_holder] -->    transition: opacity .35s ease !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .hero-video-desktop {<!-- [et_pb_line_break_holder] -->    display: block !important;<!-- [et_pb_line_break_holder] -->    object-position: 60% center !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .hero-video-mobile {<!-- [et_pb_line_break_holder] -->    display: none !important;<!-- [et_pb_line_break_holder] -->    object-position: center center !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== TEKST DESKTOP ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .hero-text {<!-- [et_pb_line_break_holder] -->    position: absolute !important;<!-- [et_pb_line_break_holder] -->    left: 5% !important;<!-- [et_pb_line_break_holder] -->    top: 18% !important;<!-- [et_pb_line_break_holder] -->    z-index: 4 !important;<!-- [et_pb_line_break_holder] -->    max-width: 320px !important;<!-- [et_pb_line_break_holder] -->    width: 32% !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #111 !important;<!-- [et_pb_line_break_holder] -->    font-size: 17px !important;<!-- [et_pb_line_break_holder] -->    line-height: 1.55 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    opacity: 0 !important;<!-- [et_pb_line_break_holder] -->    transform: translateY(6px) !important;<!-- [et_pb_line_break_holder] -->    transition: opacity .35s ease, transform .35s ease !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: rgba(255,255,255,0.30) !important;<!-- [et_pb_line_break_holder] -->    padding: 18px 20px !important;<!-- [et_pb_line_break_holder] -->    border-radius: 14px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .hero-text strong {<!-- [et_pb_line_break_holder] -->    font-weight: 700 !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== KNOP ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero .watch-btn {<!-- [et_pb_line_break_holder] -->    position: absolute !important;<!-- [et_pb_line_break_holder] -->    left: 50% !important;<!-- [et_pb_line_break_holder] -->    bottom: 40px !important;<!-- [et_pb_line_break_holder] -->    transform: translateX(-50%) !important;<!-- [et_pb_line_break_holder] -->    z-index: 5 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: none !important;<!-- [et_pb_line_break_holder] -->    padding: .9rem 1.3rem !important;<!-- [et_pb_line_break_holder] -->    border: 0 !important;<!-- [et_pb_line_break_holder] -->    border-radius: 999px !important;<!-- [et_pb_line_break_holder] -->    background: #111 !important;<!-- [et_pb_line_break_holder] -->    color: #fff !important;<!-- [et_pb_line_break_holder] -->    font-weight: 600 !important;<!-- [et_pb_line_break_holder] -->    cursor: pointer !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== NA AFLOOP ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero.is-done .hero-video {<!-- [et_pb_line_break_holder] -->    opacity: 0 !important;<!-- [et_pb_line_break_holder] -->    pointer-events: none !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero.is-done .hero-text {<!-- [et_pb_line_break_holder] -->    opacity: 1 !important;<!-- [et_pb_line_break_holder] -->    transform: translateY(0) !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .tubtoo-hero.is-done .watch-btn {<!-- [et_pb_line_break_holder] -->    display: inline-block !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== VISUAL BUILDER ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .et-fb .tubtoo-hero .hero-video {<!-- [et_pb_line_break_holder] -->    display: none !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .et-fb .tubtoo-hero .hero-text {<!-- [et_pb_line_break_holder] -->    opacity: 1 !important;<!-- [et_pb_line_break_holder] -->    transform: none !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .et-fb .tubtoo-hero .watch-btn {<!-- [et_pb_line_break_holder] -->    display: inline-block !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== TABLET ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (min-width: 768px) and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->    .tubtoo-hero .hero-text {<!-- [et_pb_line_break_holder] -->      left: 5% !important;<!-- [et_pb_line_break_holder] -->      top: 16% !important;<!-- [et_pb_line_break_holder] -->      width: 28% !important;<!-- [et_pb_line_break_holder] -->      max-width: 240px !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 15px !important;<!-- [et_pb_line_break_holder] -->      line-height: 1.45 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 16px 18px !important;<!-- [et_pb_line_break_holder] -->      background: rgba(255,255,255,0.45) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ===== MOBIEL ===== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (max-width: 767px) {<!-- [et_pb_line_break_holder] -->    .tubtoo-hero {<!-- [et_pb_line_break_holder] -->      height: min(78vh, 700px) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero .hero-video-desktop {<!-- [et_pb_line_break_holder] -->      display: none !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero .hero-video-mobile {<!-- [et_pb_line_break_holder] -->      display: block !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero .hero-video {<!-- [et_pb_line_break_holder] -->      position: absolute !important;<!-- [et_pb_line_break_holder] -->      inset: 0 !important;<!-- [et_pb_line_break_holder] -->      width: 100% !important;<!-- [et_pb_line_break_holder] -->      height: 100% !important;<!-- [et_pb_line_break_holder] -->      object-fit: cover !important;<!-- [et_pb_line_break_holder] -->      object-position: center center !important;<!-- [et_pb_line_break_holder] -->      opacity: 1 !important;<!-- [et_pb_line_break_holder] -->      max-height: none !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero .hero-text {<!-- [et_pb_line_break_holder] -->      position: absolute !important;<!-- [et_pb_line_break_holder] -->      left: 4% !important;<!-- [et_pb_line_break_holder] -->      top: 36% !important;<!-- [et_pb_line_break_holder] -->      width: 64% !important;<!-- [et_pb_line_break_holder] -->      max-width: none !important;<!-- [et_pb_line_break_holder] -->      margin: 0 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 14px !important;<!-- [et_pb_line_break_holder] -->      line-height: 1.45 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 16px 18px !important;<!-- [et_pb_line_break_holder] -->      border-radius: 14px !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: none !important;<!-- [et_pb_line_break_holder] -->      opacity: 1 !important;<!-- [et_pb_line_break_holder] -->      transform: none !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background: rgba(255,255,255,0.68) !important;<!-- [et_pb_line_break_holder] -->      z-index: 6 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero.is-done .hero-text {<!-- [et_pb_line_break_holder] -->      display: block !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero .watch-btn {<!-- [et_pb_line_break_holder] -->      position: absolute !important;<!-- [et_pb_line_break_holder] -->      left: 4% !important;<!-- [et_pb_line_break_holder] -->      bottom: 60px !important;<!-- [et_pb_line_break_holder] -->      transform: none !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: none !important;<!-- [et_pb_line_break_holder] -->      margin: 0 !important;<!-- [et_pb_line_break_holder] -->      z-index: 10 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .tubtoo-hero.is-done .watch-btn {<!-- [et_pb_line_break_holder] -->      display: inline-block !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"tubtoo-hero\" id=\"tubtoo-hero\"><!-- [et_pb_line_break_holder] -->  <video id=\"introVideoDesktop\" class=\"hero-video hero-video-desktop\" autoplay muted playsinline preload=\"auto\"><source src=\"https:\/\/tubtoo.com\/wp-content\/uploads\/2026\/01\/tubtoo-hero-animatie-v3.mp4\" type=\"video\/mp4\"><\/video><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <video id=\"introVideoMobile\" class=\"hero-video hero-video-mobile\" autoplay muted playsinline preload=\"auto\"><source src=\"https:\/\/tubtoo.com\/wp-content\/uploads\/2026\/04\/tubtoo-hero-animatie-mobiel.mp4\" type=\"video\/mp4\"><\/video><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"hero-text\"><!-- [et_pb_line_break_holder] -->    Elke douchebeurt spoel je gemiddeld 6 liter koud water weg voordat het warm wordt.<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->    Met de Tubtoo\u00ae vang je dit water eenvoudig op.<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->    Gebruik het voor je planten, huisdieren, schoonmaak of de regenton.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->    <strong>Makkelijk. Duurzaam. Logisch.<\/strong><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->    Do you Tubtoo?<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <button id=\"replayBtn\" class=\"watch-btn\">\u25b6\ufe0e Bekijk animatie<\/button><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  (function () {<!-- [et_pb_line_break_holder] -->    const root = document.getElementById('tubtoo-hero');<!-- [et_pb_line_break_holder] -->    const desktopVideo = document.getElementById('introVideoDesktop');<!-- [et_pb_line_break_holder] -->    const mobileVideo = document.getElementById('introVideoMobile');<!-- [et_pb_line_break_holder] -->    const btn = document.getElementById('replayBtn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!root || !desktopVideo || !mobileVideo || !btn) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function getActiveVideo() {<!-- [et_pb_line_break_holder] -->      return window.innerWidth <= 767 ? mobileVideo : desktopVideo;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function resetOtherVideo(activeVideo) {<!-- [et_pb_line_break_holder] -->      const otherVideo = activeVideo === desktopVideo ? mobileVideo : desktopVideo;<!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] -->        otherVideo.pause();<!-- [et_pb_line_break_holder] -->        otherVideo.currentTime = 0;<!-- [et_pb_line_break_holder] -->      } catch (e) {}<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function toDone() {<!-- [et_pb_line_break_holder] -->      const activeVideo = getActiveVideo();<!-- [et_pb_line_break_holder] -->      root.classList.add('is-done');<!-- [et_pb_line_break_holder] -->      resetOtherVideo(activeVideo);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] -->        activeVideo.pause();<!-- [et_pb_line_break_holder] -->        activeVideo.currentTime = 0;<!-- [et_pb_line_break_holder] -->      } catch (e) {}<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function bindVideoEvents(video) {<!-- [et_pb_line_break_holder] -->      const guard = setTimeout(() => {<!-- [et_pb_line_break_holder] -->        if (!video || video.currentTime < 0.05) {<!-- [et_pb_line_break_holder] -->          if (video === getActiveVideo()) {<!-- [et_pb_line_break_holder] -->            toDone();<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }, 2500);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      video.addEventListener('playing', () => clearTimeout(guard), { once: true });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      video.addEventListener('ended', () => {<!-- [et_pb_line_break_holder] -->        if (video === getActiveVideo()) {<!-- [et_pb_line_break_holder] -->          toDone();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    bindVideoEvents(desktopVideo);<!-- [et_pb_line_break_holder] -->    bindVideoEvents(mobileVideo);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    btn.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->      const activeVideo = getActiveVideo();<!-- [et_pb_line_break_holder] -->      root.classList.remove('is-done');<!-- [et_pb_line_break_holder] -->      resetOtherVideo(activeVideo);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] -->        activeVideo.currentTime = 0;<!-- [et_pb_line_break_holder] -->        const p = activeVideo.play();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (p && typeof p.catch === 'function') {<!-- [et_pb_line_break_holder] -->          p.catch(() => {<!-- [et_pb_line_break_holder] -->            activeVideo.muted = true;<!-- [et_pb_line_break_holder] -->            activeVideo.play();<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      } catch (e) {}<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  })();<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":104,"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/pages\/39\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/tubtoo.com\/en\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}