/* CSS für das Hintergrundvideo */ .video-background { position: relative; width: 100%; height: 100vh; /* Vollbild-Höhe */ overflow: hidden; } #background-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index: -1; object-fit: cover; /* Video passt sich dem Container an */ } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); /* Dunkler Overlay – optional */ display: flex; align-items: center; justify-content: center; flex-direction: column; color: white; text-align: center; z-index: 1; } .video-overlay h1 { font-size: 3rem; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .video-overlay p { font-size: 1.2rem; max-width: 600px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } /* Video Controls komplett ausblenden */ #background-video::-webkit-media-controls { display: none !important; } #background-video::-webkit-media-controls-panel { display: none !important; } #background-video::-webkit-media-controls-play-button { display: none !important; } #background-video::-webkit-media-controls-start-playback-button { display: none !important; } /* Mobile Optimierung */ @media (max-width: 768px) { .video-overlay h1 { font-size: 2rem; } .video-overlay p { font-size: 1rem; padding: 0 20px; } /* Optional: Video auf Mobile ausblenden und Fallback-Bild zeigen */ /*#background-video { display: none; } .video-background { background-image: url(‘https://barflow.de/wp-content/uploads/video_background-scaled.jpg’); background-size: cover; background-position: center; background-repeat: no-repeat; }*/ } /* Preloader für bessere Performance */ .video-background::before { content: ”; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -2; } // JavaScript für erweiterte Video-Kontrolle document.addEventListener(‘DOMContentLoaded’, function() { var video = document.getElementById(‘background-video’); if (video) { // Sicherstellen, dass das Video stumm ist (erforderlich für Autoplay) video.muted = true; // Video laden und abspielen video.load(); // Fehlerbehandlung video.addEventListener(‘error’, function(e) { console.error(‘Video konnte nicht geladen werden:’, e); }); // Sicherstellen, dass das Video im Loop läuft video.addEventListener(‘ended’, function() { video.currentTime = 0; video.play(); }); // Autoplay für verschiedene Browser erzwingen var playPromise = video.play(); if (playPromise !== undefined) { playPromise.then(function() { // Autoplay erfolgreich console.log(‘Video spielt automatisch ab’); }).catch(function(error) { // Autoplay fehlgeschlagen console.log(‘Autoplay fehlgeschlagen:’, error); }); } } });
.video-background { position: relative; width: 100%; height: 100vh; /* Vollbild-Höhe */ overflow: hidden; } #background-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index: -1; object-fit: cover; /* Video passt sich dem Container an */ }
BARFLOW Barkeeper im Einsatz – Premium Cocktail-Catering

BARFLOW Premium Events · siden 2010

Dit premium barservice og cocktail-catering – i hele Tyskland

Hvis du leder efter det gennemsnitlige, er du havnet forkert. I mere end ti år har vi stået for kompromisløst premium barservice og mobile cocktailbarer, der dominerer ethvert arrangement.

  • Firmabegivenheder
  • Butiksåbninger
  • Bryllupper
  • Messer
  • Jubilæer

Ingen kompromisser. Ingen tilfældigheder.

Kun rigtige professionelle bag disken.

Mobil bar, bartendere, udstyr, logistik – fuldt organiseret og perfekt afstemt med dig. Fra Berlin til München, Hamburg til Köln – vi skaber det øjeblik, som ingen glemmer.

Du ønsker drinks, der gør indtryk?

EVENT ANFRAGEN

910+ Rezepte zum Nachmixen. Stöber im Barflow Cocktail-Hub.

BARFLOW Franchise Mobil bartendertjeneste og cocktail- & drikkevare-catering Du ønsker at blive selvstændig?

#bfMixing { box-sizing: border-box; background: transparent; padding: 40px 20px 80px; font-family: inherit; } #bfMixing *, #bfMixing *::before, #bfMixing *::after { box-sizing: border-box; } #bfMixing .bf-mg__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; gap: 64px; } #bfMixing .bf-mg__media { flex: 0 0 44%; max-width: 44%; margin: 0; padding: 0; } #bfMixing .bf-mg__media img { width: 100%; height: auto; display: block; border-radius: 4px; margin: 0; box-shadow: 0 24px 60px rgba(0,0,0,0.22); transition: transform 0.35s ease, box-shadow 0.35s ease; } #bfMixing .bf-mg__media img:hover { transform: translateY(-6px); box-shadow: 0 32px 70px rgba(0,0,0,0.28); } #bfMixing .bf-mg__content { flex: 1 1 auto; text-align: left; } #bfMixing .bf-mg__eyebrow { color: #b89968; font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 18px; line-height: 1.4; font-style: normal; } #bfMixing .bf-mg__title { color: #1a1a1a; font-family: inherit; font-size: clamp(28px, 3.2vw, 40px); font-weight: 700; line-height: 1.2; margin: 0 0 20px; letter-spacing: -0.01em; font-style: normal; text-transform: none; } #bfMixing .bf-mg__sub { color: #1a1a1a; font-family: inherit; font-size: clamp(18px, 1.8vw, 22px); font-weight: 400; line-height: 1.45; margin: 0 0 28px; font-style: normal; } #bfMixing .bf-mg__hook { color: #1a1a1a; font-family: inherit; font-size: clamp(20px, 2vw, 24px); font-weight: 700; line-height: 1.35; margin: 0 0 32px; font-style: normal; } #bfMixing .bf-mg__cta { display: inline-flex; align-items: center; gap: 10px; background: #b89968; color: #ffffff; font-family: inherit; padding: 16px 32px; text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; border-radius: 2px; border: none; font-style: normal; line-height: 1.4; transition: background 0.2s ease, transform 0.2s ease; } #bfMixing .bf-mg__cta:hover, #bfMixing .bf-mg__cta:focus { background: #a08355; color: #ffffff; transform: translateY(-1px); } #bfMixing .bf-mg__cta-icon { flex-shrink: 0; } @media (max-width: 860px) { #bfMixing .bf-mg__inner { flex-direction: column; gap: 40px; text-align: center; } #bfMixing .bf-mg__media { flex: 0 0 auto; max-width: 360px; width: 100%; } #bfMixing .bf-mg__content { text-align: center; } } @media (max-width: 600px) { #bfMixing { padding: 24px 16px 56px; } #bfMixing .bf-mg__media { max-width: 280px; } }
Barflow Mixing-Guide, Cover

Gratis download

BARFLOW Mixing Guide

Opslagsværket til professionel bararbejde.

Du vil lave cocktails som en professionel bartender?

Få Mixing Guide nu
#bfMehr { box-sizing: border-box; background: transparent; padding: 40px 20px 80px; font-family: inherit; } #bfMehr *, #bfMehr *::before, #bfMehr *::after { box-sizing: border-box; } #bfMehr .bf-mb__inner { max-width: 1100px; margin: 0 auto; text-align: center; } #bfMehr .bf-mb__media { margin: 0 0 56px; padding: 0; overflow: hidden; } #bfMehr .bf-mb__media img { width: 100%; height: auto; display: block; border-radius: 0; margin: 0; } #bfMehr .bf-mb__eyebrow { color: #b89968; font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 24px; line-height: 1.4; font-style: normal; text-align: center; } #bfMehr .bf-mb__title { color: #1a1a1a; font-family: inherit; font-size: clamp(30px, 3.6vw, 42px); font-weight: 700; line-height: 1.2; margin: 0 0 32px; letter-spacing: -0.01em; font-style: normal; text-transform: none; text-align: center; } #bfMehr .bf-mb__lead { color: #1a1a1a; font-family: inherit; font-size: clamp(18px, 1.8vw, 22px); font-weight: 400; line-height: 1.55; max-width: 760px; margin: 0 auto 48px; font-style: normal; text-align: center; } #bfMehr .bf-mb__lead strong { color: #b89968; font-weight: 700; } #bfMeMehr .bf-mb__pillars { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 24px; list-style: none; padding: 32px 20px; margin: 0 auto 48px; max-width: 820px; border-top: 1px solid #b89968; border-bottom: 1px solid #b89968; } #bfMehr .bf-mb__pillar { display: block; flex: 1 1 0; min-width: 0; padding: 0; margin: 0; text-align: center; list-style: none; background: transparent; border: none; } #bfMehr .bf-mb__pillar::before, #bfMehr .bf-mb__pillar::marker { content: none; display: none; } #bfMehr .bf-mb__pillar-num { display: block; color: #b89968; font-family: inherit; font-size: clamp(36px, 4vw, 52px); font-weight: 700; line-height: 1; margin: 0 0 8px; font-style: normal; letter-spacing: -0.02em; } #bfMehr .bf-mb__pillar-label { display: block; color: #1a1a1a; font-family: inherit; font-size: clamp(13px, 1.2vw, 15px); font-weight: 600; line-height: 1.4; margin: 0; font-style: normal; letter-spacing: 0.02em; } #bfMehr .bf-mb__promise { padding: 0; margin: 0 auto 36px; max-width: 640px; background: transparent; border: none; text-align: center; } #bfMehr .bf-mb__promise-line { color: #1a1a1a; font-family: inherit; font-size: clamp(20px, 2vw, 24px); font-weight: 700; line-height: 1.4; margin: 0 0 4px; font-style: normal; letter-spacing: 0; text-align: center; } #bfMehr .bf-mb__promise-accent { color: #b89968; font-family: inherit; font-size: clamp(20px, 2vw, 24px); font-weight: 700; line-height: 1.4; margin: 0; font-style: normal; letter-spacing: 0; text-align: center; } #bfMehr .bf-mb__closer { color: #1a1a1a; font-family: inherit; font-size: clamp(17px, 1.6vw, 20px); font-weight: 400; line-height: 1.5; margin: 0 0 24px; font-style: normal; text-align: center; } #bfMehr .bf-mb__link { display: inline-flex; align-items: center; gap: 8px; color: #b89968; font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; padding: 6px 0; border-bottom: 1px solid #b89968; font-style: normal; line-height: 1.4; transition: color 0.2s ease, border-color 0.2s ease, gap 0.2s ease; } #bfMehr .bf-mb__link:hover, #bfMehr .bf-mb__link:focus { color: #a08355; border-color: #a08355; gap: 12px; } #bfMehr .bf-mb__link-icon { flex-shrink: 0; } @media (max-width: 600px) { #bfMehr { padding: 24px 16px 56px; } #bfMehr .bf-mb__media { margin-bottom: 32px; } #bfMehr .bf-mb__pillars { flex-wrap: wrap; gap: 28px; padding: 28px 16px; } #bfMehr .bf-mb__pillar { flex: 1 1 100%; min-width: 100%; } }
BARFLOW Bartender i aktion – premium cocktail-catering

Menneskerne bag disken

Mere end blot barservice

Vi mixer ikke bare – vi iscenesætter. Vores bartendere er værter, kunstnere og håndværkere med passion. Hver bevægelse er præcis, hver drink overbevisende – fra signaturcocktailen til champagnebaren.

  • 15+ års erfaring
    siden 2010
  • 100% uddannede bartendere
    med showtalent
  • 0 plastik, kompromiser,
    tilfældighed

Hvorfor BARFLOW?

Fordi premium ikke er et tomt slagord.

BARFLOW leverer det, som andre lover.

Lær mere om vores team

Kundereferencer

[logocarousel id=”13832″]

Brænder du for dit job i BARFLOW-teamet?

Hvad vores kunder siger om os!

[testimonial_view id=”2″]