{"id":4711,"date":"2026-03-09T17:21:56","date_gmt":"2026-03-09T17:21:56","guid":{"rendered":"https:\/\/lossebeer.nl\/?post_type=cases&#038;p=4711"},"modified":"2026-03-17T10:01:09","modified_gmt":"2026-03-17T10:01:09","slug":"asics","status":"publish","type":"cases","link":"https:\/\/lossebeer.nl\/index.php\/cases\/asics\/","title":{"rendered":"ASICS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4711\" class=\"elementor elementor-4711\" data-elementor-post-type=\"cases\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c8c288 e-con-full case-hero e-flex e-con e-parent\" data-id=\"9c8c288\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/lossebeer.nl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/ASICS.mov&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-70e0672 elementor-widget elementor-widget-spacer\" data-id=\"70e0672\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-375fbf0 e-flex e-con-boxed e-con e-child\" data-id=\"375fbf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dda320 elementor-widget elementor-widget-heading\" data-id=\"0dda320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">ASICS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3df44f elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"a3df44f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"case-nav\"><a class=\"case-item prev\" href=\"https:\/\/lossebeer.nl\/index.php\/cases\/team-eiffel\/\"><span class=\"case-direction\">\u2190 Vorige case<\/span><div class=\"case-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-768x432.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-768x432.png 768w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-300x169.png 300w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-1024x576.png 1024w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-1536x863.png 1536w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-13.06.45-2048x1151.png 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/div><span class=\"case-title\">Team EIFFEL<\/span><\/a><a class=\"case-item next\" href=\"https:\/\/lossebeer.nl\/index.php\/cases\/sopra-steria\/\"><span class=\"case-direction\">Volgende case \u2192<\/span><div class=\"case-image\"><img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-768x432.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-768x432.png 768w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-300x169.png 300w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-1024x576.png 1024w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-1536x864.png 1536w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-12-at-14.46.20-2048x1152.png 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/div><span class=\"case-title\">Sopra Steria<\/span><\/a><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24d038a e-con-full e-flex e-con e-child\" data-id=\"24d038a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-46b2425 e-con-full e-flex e-con e-child\" data-id=\"46b2425\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bf694b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7bf694b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1280\" height=\"451\" src=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Asics_Logo.svg_.png\" class=\"attachment-full size-full wp-image-82\" alt=\"\" srcset=\"https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Asics_Logo.svg_.png 1280w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Asics_Logo.svg_-300x106.png 300w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Asics_Logo.svg_-1024x361.png 1024w, https:\/\/lossebeer.nl\/wp-content\/uploads\/2025\/05\/Asics_Logo.svg_-768x271.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49c72dc e-con-full e-flex e-con e-child\" data-id=\"49c72dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58e26c9 elementor-widget elementor-widget-text-editor\" data-id=\"58e26c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Voor ASICS Sportstyle, Running, Tennis en Technology maken we content voor zowel intern als extern gebruik. Vette socials ads van de schoenen en apparel, evenementen in het binnen- en buitenland, employer branding of reviews voor ambassadeurs.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b68db65 e-flex e-con-boxed e-con e-parent\" data-id=\"b68db65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d6a3e5c e-con-full e-flex e-con e-child\" data-id=\"d6a3e5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcae319 elementor-widget elementor-widget-heading\" data-id=\"dcae319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Uitgelicht projecten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7093ffc e-flex e-con-boxed e-con e-parent\" data-id=\"7093ffc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7e3cd18 e-con-full e-flex e-con e-child\" data-id=\"7e3cd18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91b0a8 elementor-widget elementor-widget-heading\" data-id=\"c91b0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Life at ASICS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7c6a4d elementor-widget elementor-widget-text-editor\" data-id=\"e7c6a4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Voor ASICS EMEA hebben we voorzien in een serie portretten van werknemers op het hoofdkantoor in Europa. Van de portretten zijn vervolgens quotes geknipt tot 6 en 15 seconden snippets voor een arbeidsmarkt campagne.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e8be05 e-con-full e-flex e-con e-child\" data-id=\"4e8be05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-658993f elementor-widget elementor-widget-html\" data-id=\"658993f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <title>Spotlight Carrousel met YouTube & Vimeo<\/title>\n  <style>\n    body {\n      font-family: sans-serif;\n      margin: 0;\n      background: #f0f0f0;\n      display: flex;\n      flex-direction: column;\n      padding: 0px;\n    }\n\n    .carousel {\n      position: relative;\n      width: 100%;\n      max-width: 800px;\n      overflow: visible; \/* bolletjes mogen buiten vallen *\/\n      border-radius: 8px;\n      background: white;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n\n    .carousel-track {\n      display: flex;\n      transition: transform 0.3s ease;\n      will-change: transform;\n      user-select: none;\n      -webkit-overflow-scrolling: touch;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      scrollbar-width: none;\n    }\n    .carousel-track::-webkit-scrollbar {\n      display: none;\n    }\n\n    .video-thumbnail {\n      flex: 0 0 100%;\n      scroll-snap-align: start;\n      cursor: pointer;\n      padding: 0;\n      margin: 0;\n    }\n\n    .video-thumbnail img {\n      width: 100%;\n      border-radius: 8px;\n      height: auto;\n      aspect-ratio: 2 \/ 1;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n    }\n\n    \/* Navigatie bolletjes *\/\n    .carousel-nav {\n      position: absolute;\n      bottom: -20px; \/* net buiten het frame *\/\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      z-index: 10;\n    }\n\n    .carousel-nav button {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      border: none;\n      background: #ccc;\n      cursor: pointer;\n      transition: background 0.3s;\n      padding: 0;\n    }\n\n    .carousel-nav button.active {\n      background: #007bff;\n    }\n\n    \/* Overlay *\/\n    .overlay {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100vw;\n      height: 100vh;\n      background: rgba(0, 0, 0, 0.6);\n      justify-content: center;\n      align-items: center;\n      z-index: 9999;\n    }\n\n    .overlay iframe {\n      width: 80vw;\n      height: 45vw;\n      max-width: 960px;\n      max-height: 540px;\n      border: none;\n      border-radius: 8px;\n    }\n\n    @media (max-width: 768px) {\n      .overlay iframe {\n        width: 90vw;\n        height: 30vw;\n      }\n    }\n\n    \/* Pijltjes *\/\n    .arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(0, 0, 0, 0.4);\n      border-radius: 50%;\n      width: 36px;\n      height: 36px;\n      color: white;\n      font-size: 24px;\n      line-height: 36px;\n      text-align: center;\n      cursor: pointer;\n      user-select: none;\n      z-index: 10;\n      transition: background 0.3s;\n    }\n\n    .arrow:hover {\n      background: rgba(0, 0, 0, 0.7);\n    }\n\n    .arrow-left {\n      left: 10px;\n    }\n\n    .arrow-right {\n      right: 10px;\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"carousel\">\n  <div class=\"carousel-track\">\n      \n    <!-- YouTube video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"760295539\">\n      <img decoding=\"async\" src=\"\"https:\/\/vumbnail.com\/760295539.jpg\"\" alt=\"vimeo Video 1\" \/>\n    <\/div>\n\n<div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"766911112\">\n  <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/766911112.jpg\" alt=\"Vimeo Video\" \/>\n<\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"800470126\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/800470126.jpg\" alt=\"Vimeo Video 1\" \/>\n    <\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"766929897\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/766929897.jpg\" alt=\"Vimeo Video 1\" \/>\n    <\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"774738248\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/774738248.jpg\" alt=\"Vimeo Video 1\" \/>\n    <\/div>\n    \n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"766910714\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/766910714.jpg\" alt=\"Vimeo Video 1\" \/>\n    <\/div>\n    \n    <div class=\"video-thumbnail\" data-provider=\"Vimeo\" data-videoid=\"799421823\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/799421823.jpg\" alt=\"Portrait 4\" \/>\n    <\/div>\n  <\/div>\n\n  <div class=\"arrow arrow-left\">&#10094;<\/div>\n  <div class=\"arrow arrow-right\">&#10095;<\/div>\n  <div class=\"carousel-nav\"><\/div>\n<\/div>\n\n<!-- Overlay met iframe -->\n<div class=\"overlay\" id=\"videoOverlay\">\n  <iframe id=\"videoIframe\" src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const overlay = document.getElementById('videoOverlay');\n    const iframe = document.getElementById('videoIframe');\n\n    class Carousel {\n      constructor(root) {\n        this.root = root;\n        this.track = this.root.querySelector('.carousel-track');\n        this.thumbnails = this.track.querySelectorAll('.video-thumbnail');\n        this.nav = this.root.querySelector('.carousel-nav');\n        this.arrowLeft = this.root.querySelector('.arrow-left');\n        this.arrowRight = this.root.querySelector('.arrow-right');\n        this.currentIndex = 0;\n        this.total = this.thumbnails.length;\n\n        this.init();\n      }\n\n      init() {\n        \/\/ Maak bolletjes\n        this.nav.innerHTML = '';\n        for (let i = 0; i < this.total; i++) {\n          const btn = document.createElement('button');\n          if (i === 0) btn.classList.add('active');\n          btn.addEventListener('click', () => {\n            this.currentIndex = i;\n            this.updateCarousel();\n          });\n          this.nav.appendChild(btn);\n        }\n        this.navButtons = this.nav.querySelectorAll('button');\n\n        \/\/ Pijltjes\n        this.arrowLeft.addEventListener('click', () => this.prev());\n        this.arrowRight.addEventListener('click', () => this.next());\n\n        \/\/ Scroll detectie\n        this.track.addEventListener('scroll', () => this.onScroll());\n\n\/\/ Thumbnail click opent video (YouTube of Vimeo)\nthis.thumbnails.forEach(thumb => {\n  thumb.addEventListener('click', () => {\n    const provider = thumb.dataset.provider;\n    const videoID = thumb.dataset.videoid;\n\n    if (provider === \"youtube\") {\n      iframe.src = `https:\/\/www.youtube.com\/embed\/${videoID}?autoplay=1&modestbranding=1&rel=0&controls=1`;\n    } \n    else if (provider === \"vimeo\") {\n      iframe.src = `https:\/\/player.vimeo.com\/video\/${videoID}?autoplay=1&title=0&byline=0&portrait=0`;\n    }\n\n    overlay.style.display = 'flex';\n  });\n});\n\n        \/\/ Haal thumbnails op voor Vimeo\n        this.thumbnails.forEach(thumb => {\n          if (thumb.dataset.provider === \"vimeo\") {\n            const videoID = thumb.dataset.videoid;\n            fetch(`https:\/\/vimeo.com\/api\/oembed.json?url=https:\/\/vimeo.com\/${videoID}`)\n              .then(res => res.json())\n              .then(data => {\n                const img = thumb.querySelector('img');\n                if (img) img.src = data.thumbnail_url;\n              });\n          }\n        });\n\n        this.updateArrows();\n      }\n\n      updateCarousel() {\n        const width = this.track.clientWidth;\n        this.track.scrollTo({ left: width * this.currentIndex, behavior: 'smooth' });\n        this.navButtons.forEach((btn, idx) => {\n          btn.classList.toggle('active', idx === this.currentIndex);\n        });\n        this.updateArrows();\n      }\n\n      updateArrows() {\n        this.arrowLeft.style.display = this.currentIndex === 0 ? 'none' : 'block';\n        this.arrowRight.style.display = this.currentIndex === this.total - 1 ? 'none' : 'block';\n      }\n\n      onScroll() {\n        const width = this.track.clientWidth;\n        const scrollLeft = this.track.scrollLeft;\n        const newIndex = Math.round(scrollLeft \/ width);\n        if (newIndex !== this.currentIndex) {\n          this.currentIndex = newIndex;\n          this.navButtons.forEach((btn, idx) => {\n            btn.classList.toggle('active', idx === this.currentIndex);\n          });\n          this.updateArrows();\n        }\n      }\n\n      prev() {\n        if (this.currentIndex > 0) {\n          this.currentIndex--;\n          this.updateCarousel();\n        }\n      }\n\n      next() {\n        if (this.currentIndex < this.total - 1) {\n          this.currentIndex++;\n          this.updateCarousel();\n        }\n      }\n    }\n\n    \/\/ Init carrousel(s)\n    const carousels = document.querySelectorAll('.carousel');\n    carousels.forEach(c => new Carousel(c));\n\n    \/\/ Overlay sluiten\n    overlay.addEventListener('click', (e) => {\n      if (e.target === overlay) {\n        iframe.src = '';\n        overlay.style.display = 'none';\n      }\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9978aa6 e-flex e-con-boxed e-con e-parent\" data-id=\"9978aa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-deb6596 e-con-full e-flex e-con e-child\" data-id=\"deb6596\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6dddc9a e-con-full e-flex e-con e-child\" data-id=\"6dddc9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29097ad elementor-widget elementor-widget-heading\" data-id=\"29097ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">ASICS x Mind UK<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9f1f8a elementor-widget elementor-widget-text-editor\" data-id=\"c9f1f8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>ASICS is een sponsor van Mind UK in de strijd tegen mentale problemen in het Verenigd Koninkrijk. Voor de opnames reisden we af naar West-Sussex en Londen om vast te leggen waar mensen met mentale problemen mee te kampen hebben en wat ASICS samen met Mind UK voor ze kunnen betekenen.\u00a0<\/p><p>We verzorgden zowel de video&#8217;s voor Linkedin, Instagram (reels) en youtube als de fotografie van het begin tot aan de\u00a0 oplevering.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35c7213 e-con-full e-flex e-con e-child\" data-id=\"35c7213\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a27d3c elementor-widget elementor-widget-html\" data-id=\"0a27d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>YouTube Spotlight Video<\/title>\n  <style>\n\nbody {\n      font-family: sans-serif;\n      margin: 0;\n      background: #f0f0f0;\n    }\n\n  .video-thumbnail {\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n\n  margin: 0;\n  padding: 0;\n}\n\n    .video-thumbnail img {\n      width: 100%;\n      border-radius: 8px;\n      display: block;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n      height: auto;\n       aspect-ratio: 2 \/ 1;\n     object-fit: cover;\n   object-position: center; \/* \u2b05\ufe0f deze regel zorgt dat het croppen gecentreerd is *\/\n    }\n\n    .overlay {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100vw;\n      height: 100vh;\n      background: rgba(0, 0, 0, 0.6);\n      justify-content: center;\n      align-items: center;\n      z-index: 9999;\n    }\n\n    .overlay iframe {\n      width: 80vw;\n      height: 45vw;\n      max-width: 960px;\n      max-height: 540px;\n      border: none;\n      border-radius: 8px;\n      box-shadow: 0 0 24px rgba(0,0,0,0.5);\n    }\n\n    @media (max-width: 768px) {\n      .overlay iframe {\n        width: 90vw;\n        height: 30vw; \/* 16:9 verhouding *\/\n      }\n   }\n  <\/style>\n<\/head>\n<body>\n    \n<div class=\"carousel\">\n  <div class=\"carousel-track\">\n      \n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"youtube\" data-videoid=\"aTtGQSrwyEI\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/aTtGQSrwyEI.jpg\" alt=\"Vimeo Video 1\" \/>\n    <\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"youtube\" data-videoid=\"jU4xtnYLw-4\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/jU4xtnYLw-4.jpg\" alt=\"Vimeo Video 2\" \/>\n    <\/div>\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"youtube\" data-videoid=\"lswE8Ga9shs\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/lswE8Ga9shs.jpg\" alt=\"Vimeo Video 3\" \/>\n    <\/div>\n  <\/div>\n    \n<div class=\"arrow arrow-left\">&#10094;<\/div>\n<div class=\"arrow arrow-right\">&#10095;<\/div>\n<div class=\"carousel-nav\"><\/div>\n  <\/div> \n\n<!-- Overlay met iframe -->\n<div class=\"overlay\" id=\"videoOverlay\">\n  <iframe id=\"videoIframe\" src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div>\n\n\n\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e1b3ac e-flex e-con-boxed e-con e-parent\" data-id=\"9e1b3ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-78ff1c0 e-con-full e-flex e-con e-child\" data-id=\"78ff1c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8773e2a elementor-widget elementor-widget-heading\" data-id=\"8773e2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Uplift Week<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2091242 elementor-widget elementor-widget-text-editor\" data-id=\"2091242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2 Keer per jaar organiseert ASICS EMEA een Uplift Week waarin er activiteiten worden georganiseerd voor medewerkers om tijdens werktijd ook met mentale gezondheid bezig te zijn.<\/p><p>Wij verzorgen daarin de testimonials en recap van het event.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20c72f6 e-con-full e-flex e-con e-child\" data-id=\"20c72f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f962521 elementor-widget elementor-widget-html\" data-id=\"f962521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>YouTube Spotlight Video<\/title>\n  <style>\n\nbody {\n      font-family: sans-serif;\n      margin: 0;\n      background: #f0f0f0;\n    }\n\n  .video-thumbnail {\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n\n  margin: 0;\n  padding: 0;\n}\n\n    .video-thumbnail img {\n      width: 100%;\n      border-radius: 8px;\n      display: block;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n      height: auto;\n       aspect-ratio: 2 \/ 1;\n     object-fit: cover;\n   object-position: center; \/* \u2b05\ufe0f deze regel zorgt dat het croppen gecentreerd is *\/\n    }\n\n    .overlay {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100vw;\n      height: 100vh;\n      background: rgba(0, 0, 0, 0.6);\n      justify-content: center;\n      align-items: center;\n      z-index: 9999;\n    }\n\n    .overlay iframe {\n      width: 80vw;\n      height: 45vw;\n      max-width: 960px;\n      max-height: 540px;\n      border: none;\n      border-radius: 8px;\n      box-shadow: 0 0 24px rgba(0,0,0,0.5);\n    }\n\n    @media (max-width: 768px) {\n      .overlay iframe {\n        width: 90vw;\n        height: 30vw; \/* 16:9 verhouding *\/\n      }\n   }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"carousel\">\n  <div class=\"carousel-track\">\n      \n    <!-- YouTube video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"1117812822\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/1117812822.jpg\" alt=\"vimeo Video 1\" \/>\n    <\/div>\n\n<div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"1117813177\">\n  <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/1117813177.jpg\" alt=\"Vimeo Video\" \/>\n<\/div>\n\n<div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"882958789\">\n  <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/882958789.jpg\" alt=\"Vimeo Video\" \/>\n<\/div>\n\n<\/div>\n\n  <div class=\"arrow arrow-left\">&#10094;<\/div>\n  <div class=\"arrow arrow-right\">&#10095;<\/div>\n  <div class=\"carousel-nav\"><\/div>\n<\/div>\n\n<!-- Overlay met iframe -->\n<div class=\"overlay\" id=\"videoOverlay\">\n  <iframe id=\"videoIframe\" src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div>\n\n\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae88bbe e-flex e-con-boxed e-con e-parent\" data-id=\"ae88bbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-17d5921 e-con-full e-flex e-con e-child\" data-id=\"17d5921\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e611d64 e-con-full e-flex e-con e-child\" data-id=\"e611d64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2da54f6 elementor-widget elementor-widget-heading\" data-id=\"2da54f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Summits<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1176215 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1176215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Voor de Summits van ASICS EMEA cre\u00eberen we gedurende de week waarin dit plaatsvindt same-day edits en een wekelijkse recap waarin (zonder de nieuwe producten te verklappen) de week wordt herbeleefd. Mooie locaties, energieke events, topsporters en leerzame talks voor alle EMEA Marketing teams.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-587244d e-con-full e-flex e-con e-child\" data-id=\"587244d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef14c2 elementor-widget elementor-widget-html\" data-id=\"7ef14c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<title>Meerdere YouTube Carrousels<\/title>\n<style>\n  body {\n    font-family: sans-serif;\n    margin: 0;\n    background: #f0f0f0;\n    display: flex;\n    flex-direction: column;\n    gap: 50px;\n  }\n\n  .carousel {\n    position: relative;\n    width: 100%;\n    max-width: 600px;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    background: white;\n  }\n\n  .carousel-track {\n    display: flex;\n    transition: transform 0.3s ease;\n    will-change: transform;\n    user-select: none;\n    -webkit-overflow-scrolling: touch;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n  }\n  .carousel-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .video-thumbnail {\n    flex: 0 0 100%;\n    scroll-snap-align: start;\n    cursor: pointer;\n  }\n\n  .video-thumbnail img {\n    width: 100%;\n    border-radius: 8px;\n    height: auto;\n    aspect-ratio: 2 \/ 1;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n  }\n\n  .carousel-nav {\n    display: flex;\n    justify-content: center;\n    margin-top: 10px;\n    gap: 8px;\n  }\n\n  .carousel-nav button {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: none;\n    background: #ccc;\n    cursor: pointer;\n    transition: background 0.3s;\n    padding: 0;\n  }\n\n  .carousel-nav button.active {\n    background: #007bff;\n  }\n\n  .arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 50%;\n    width: 36px;\n    height: 36px;\n    color: white;\n    font-size: 24px;\n    line-height: 36px;\n    text-align: center;\n    cursor: pointer;\n    user-select: none;\n    z-index: 10;\n    transition: background 0.3s;\n  }\n\n  .arrow:hover {\n    background: rgba(0, 0, 0, 0.7);\n  }\n\n  .arrow-left {\n    left: 10px;\n  }\n\n  .arrow-right {\n    right: 10px;\n  }\n\n  \/* Overlay *\/\n  .overlay {\n    display: none;\n    position: fixed;\n    top: 0; left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.6);\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n  }\n\n  .overlay iframe {\n    width: 80vw;\n    height: 45vw;\n    max-width: 960px;\n    max-height: 540px;\n    border: none;\n    border-radius: 8px;\n    box-shadow: 0 0 24px rgba(0,0,0,0.5);\n  }\n\n  @media (max-width: 768px) {\n    .overlay iframe {\n      width: 90vw;\n      height: 30vw;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n\n\n<!--  carrousel -->\n<div class=\"carousel\">\n  <div class=\"carousel-track\">\n\n     <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"873744075\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/873744075.jpg\" alt=\"Vimeo Video 3\" \/>\n    <\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"780517204\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/780517204.jpg\" alt=\"Vimeo Video 2\" \/>\n    <\/div>\n\n    <!-- Vimeo video -->\n    <div class=\"video-thumbnail\" data-provider=\"vimeo\" data-videoid=\"768015608\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/768015608.jpg\" alt=\"Vimeo Video 4\" \/>\n    <\/div>\n\n      <div class=\"video-thumbnail\" data-provider=\"youtube\" data-videoid=\"705339985\">\n      <img decoding=\"async\" src=\"https:\/\/vumbnail.com\/705339985.jpg\" alt=\"Vimeo Video 5\" \/>\n    <\/div>\n    \n      <\/div> \n<div class=\"arrow arrow-left\">&#10094;<\/div>\n<div class=\"arrow arrow-right\">&#10095;<\/div>\n<div class=\"carousel-nav\"><\/div>\n\n  <\/div>\n\n<!-- Overlay met iframe (1x voor hele pagina) -->\n<div class=\"overlay\" id=\"videoOverlay\">\n  <iframe id=\"videoIframe\" src=\"\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const overlay = document.getElementById('videoOverlay');\n    const iframe = document.getElementById('videoIframe');\n\n    \/\/ Functie om 1 carrousel te initialiseren\n    function initCarousel(carousel) {\n      const track = carousel.querySelector('.carousel-track');\n      const thumbnails = track.querySelectorAll('.video-thumbnail');\n      const nav = carousel.querySelector('.carousel-nav');\n      const arrowLeft = carousel.querySelector('.arrow-left');\n      const arrowRight = carousel.querySelector('.arrow-right');\n\n      let currentIndex = 0;\n      const total = thumbnails.length;\n\n      \/\/ Maak bolletjes aan\n      for (let i = 0; i < total; i++) {\n        const btn = document.createElement('button');\n        if (i === 0) btn.classList.add('active');\n        btn.addEventListener('click', () => {\n          currentIndex = i;\n          updateCarousel();\n        });\n        nav.appendChild(btn);\n      }\n      const navButtons = nav.querySelectorAll('button');\n\n      function updateCarousel() {\n        const width = track.clientWidth;\n        track.scrollTo({ left: width * currentIndex, behavior: 'smooth' });\n        navButtons.forEach((btn, idx) => {\n          btn.classList.toggle('active', idx === currentIndex);\n        });\n        updateArrows();\n      }\n\n      function updateArrows() {\n        arrowLeft.style.display = currentIndex === 0 ? 'none' : 'block';\n        arrowRight.style.display = currentIndex === total - 1 ? 'none' : 'block';\n      }\n\n      track.addEventListener('scroll', () => {\n        const width = track.clientWidth;\n        const scrollLeft = track.scrollLeft;\n        const newIndex = Math.round(scrollLeft \/ width);\n        if (newIndex !== currentIndex) {\n          currentIndex = newIndex;\n          navButtons.forEach((btn, idx) => {\n            btn.classList.toggle('active', idx === currentIndex);\n          });\n          updateArrows();\n        }\n      });\n\n      arrowLeft.addEventListener('click', () => {\n        if (currentIndex > 0) {\n          currentIndex--;\n          updateCarousel();\n        }\n      });\n\n      arrowRight.addEventListener('click', () => {\n        if (currentIndex < total - 1) {\n          currentIndex++;\n          updateCarousel();\n        }\n      });\n\n      thumbnails.forEach((thumb) => {\n        thumb.addEventListener('click', () => {\n          const videoID = thumb.dataset.videoid;\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${videoID}?autoplay=1&modestbranding=1&rel=0&controls=1`;\n          overlay.style.display = 'flex';\n        });\n      });\n\n      updateArrows();\n    }\n\n    \/\/ Init alle carrousels op de pagina\n    document.querySelectorAll('.carousel').forEach(carousel => {\n      initCarousel(carousel);\n    });\n\n    \/\/ Overlay click sluit video\n    overlay.addEventListener('click', (e) => {\n      if (e.target === overlay) {\n        iframe.src = '';\n        overlay.style.display = 'none';\n      }\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b6d08e e-flex e-con-boxed e-con e-parent\" data-id=\"9b6d08e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ASICS Voor ASICS Sportstyle, Running, Tennis en Technology maken we content voor zowel intern als extern gebruik. Vette socials ads van de schoenen en apparel, evenementen in het binnen- en buitenland, employer branding of reviews voor ambassadeurs.\u00a0 Uitgelicht projecten Life at ASICS Voor ASICS EMEA hebben we voorzien in een serie portretten van werknemers op [&hellip;]<\/p>\n","protected":false},"featured_media":1904,"template":"","cases":[],"class_list":["post-4711","cases","type-cases","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/cases\/4711"}],"collection":[{"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/cases"}],"about":[{"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/types\/cases"}],"version-history":[{"count":22,"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/cases\/4711\/revisions"}],"predecessor-version":[{"id":5400,"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/cases\/4711\/revisions\/5400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/media\/1904"}],"wp:attachment":[{"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/media?parent=4711"}],"wp:term":[{"taxonomy":"cases","embeddable":true,"href":"https:\/\/lossebeer.nl\/index.php\/wp-json\/wp\/v2\/cases?post=4711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}