Mehr Sichtbarkeit, mehr Erfolg 🚀 Digitalagentur aus Buxtehude

Bist Du neugierig? interessiert? bereit?

Deine digitale Erfolgsgeschichte
beginnt hier!

Du willst mehr Reichweite, mehr Kunden, mehr Erfolg? Wir bringen dein Unternehmen groß raus – mit kreativem Social Media Marketing, starkem Webdesign, zielgerichteten Werbekampagnen und einzigartigem Branding. Lass uns zusammen deine Marke pushen und digital durchstarten!

100% from Buxtehude

Wir sind hier zuhause und unterstützen Unternehmen in Buxtehude & dem Großraum Hamburg. Mit kreativen Strategien und digitalem Know-how bringen wir Deine Marke in der Region nach vorne!

OUR RECENT PROJECTS * SCROLL DOWN *

Erreiche Deine Zielgruppe

Erreiche Deine Zielgruppe

Kürzliche Projekte

Neugierig, was wir auf die Beine stellen? Schau dir unsere neuesten Projekte an und lass dich inspirieren – vielleicht steht Dein Projekt als Nächstes auf unserer Liste.

Smash'It Buxtehude

• Branding • Social Media Marketing • Webdesign

Hyrox x Highlight GmbH

• Content Produktion • Werbekampagne

Altstadtverein Buxtehude e.V.

• Social Media Marketing

Puzzles Pizza

• Social Media Marketing

Suitcase GmbH

• Foto- & Videoshooting

Dein Projekt

Bist Du bereit?

Wir machen Dich sichtbar!

/* ========================================================================== 216media – Startseite JS (Vanilla, ~2 KB gzip, keine Abhängigkeiten) Einbinden: als Datei im Child-Theme (defer) oder via Code-Snippets-Plugin. ========================================================================== */ (function () { 'use strict'; var ready = function (fn) { if (document.readyState !== 'loading') fn(); else document.addEventListener('DOMContentLoaded', fn); }; ready(function () { /* ---------- 1. Header: transparent oben, hide-on-scroll-down, show-on-scroll-up mit dunklem Blur-Hintergrund ---------- */ var header = document.querySelector('.m216-header'); if (header) { var lastY = window.scrollY, ticking = false; var update = function () { var y = window.scrollY; var atTop = y < 24; header.classList.toggle('is-scrolled', !atTop); if (atTop) { header.classList.remove('is-hidden'); } else if (y > 120 && y > lastY + 4) { header.classList.add('is-hidden'); // runter -> ausblenden } else if (y < lastY - 4) { header.classList.remove('is-hidden'); // hoch -> einblenden } lastY = y; ticking = false; }; window.addEventListener('scroll', function () { if (!ticking) { ticking = true; requestAnimationFrame(update); } }, { passive: true }); update(); /* Hamburger -> Fullscreen-Menü */ var burger = header.querySelector('.m216-burger'); var fullnav = document.querySelector('.m216-fullnav'); if (burger && fullnav) { var setNav = function (open) { burger.setAttribute('aria-expanded', String(open)); fullnav.hidden = !open; document.body.style.overflow = open ? 'hidden' : ''; }; burger.addEventListener('click', function () { setNav(burger.getAttribute('aria-expanded') !== 'true'); }); fullnav.addEventListener('click', function (e) { if (e.target.closest('a') || e.target.closest('.m216-fullnav-close')) setNav(false); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && !fullnav.hidden) setNav(false); }); } } /* ---------- 2. Hero-Video: nur >=768px und ohne reduced motion laden ---------- */ var video = document.querySelector('.m216-hero-video'); var pause = document.querySelector('.m216-pause'); if (video && video.dataset.src && !window.matchMedia('(prefers-reduced-motion:reduce)').matches) { var mql = window.matchMedia('(min-width:768px)'); var initVideo = function () { if (!mql.matches || video.src) return; video.src = video.dataset.src; video.muted = true; var p = video.play(); if (p && p.catch) p.catch(function () {}); if (pause) { pause.hidden = false; pause.addEventListener('click', function () { if (video.paused) { video.play(); pause.classList.remove('is-paused'); pause.setAttribute('aria-label', 'Video pausieren'); } else { video.pause(); pause.classList.add('is-paused'); pause.setAttribute('aria-label', 'Video abspielen'); } }); } }; initVideo(); if (mql.addEventListener) mql.addEventListener('change', initVideo); } /* ---------- 3. Ablauf: Animation beim Einscrollen (einmalig) ---------- */ var steps = document.querySelector('.m216-steps'); if (steps) { if (!('IntersectionObserver' in window)) { steps.classList.add('on'); } else { var io = new IntersectionObserver(function (entries) { if (entries.some(function (e) { return e.isIntersecting; })) { steps.classList.add('on'); io.disconnect(); } }, { threshold: 0.3 }); io.observe(steps); } } /* ---------- 4. FAQ:

schließt Geschwister automatisch. Fallback für ältere Browser ohne name-Support ---------- */ var faq = document.querySelector('.m216-faq'); if (faq && !('name' in document.createElement('details'))) { faq.addEventListener('toggle', function (e) { if (e.target.open) { faq.querySelectorAll('details[open]').forEach(function (d) { if (d !== e.target) d.open = false; }); } }, true); } /* ---------- 5. Video-Testimonials: Klick auf Play lädt das Video ---------- */ document.querySelectorAll('.m216-vt .vt-btn[data-video]').forEach(function (btn) { var src = btn.getAttribute('data-video'); if (!src) return; // Platzhalter ohne Video: Poster bleibt stehen btn.addEventListener('click', function () { var frame = btn.closest('.frame'); var v = document.createElement('video'); v.src = src; v.poster = (frame.querySelector('img') || {}).src || ''; v.controls = true; v.autoplay = true; v.playsInline = true; frame.replaceChildren(v); }); }); /* ---------- 6. WhatsApp-Chat: Textfeld -> wa.me-Link ---------- */ var bindChat = function (root) { var ta = root.querySelector('.m216-chat textarea'); var send = root.querySelector('.m216-chat-send'); if (!ta || !send || send.dataset.bound) return; send.dataset.bound = '1'; var base = 'https://wa.me/4915129000891?text='; var set = function () { send.href = base + encodeURIComponent(ta.value || 'Moin 216media, ich habe Interesse an '); }; ta.addEventListener('input', set); set(); /* Eigener Schließen-Button im Chat-Header (Elementor-Popup) */ var close = root.querySelector('.m216-chat-close'); if (close) close.addEventListener('click', function () { try { window.elementorProFrontend.modules.popup.closePopup({}, { preventDefault: function () {} }); } catch (err) { var d = close.closest('.m216-chat-preview'); if (d) d.hidden = true; } }); }; bindChat(document); /* Elementor lädt Popup-Inhalt erst beim Öffnen */ if (window.jQuery) { jQuery(document).on('elementor/popup/show', function () { bindChat(document); }); } }); })();