/* ============ Lehnert Media — Vanilla CSS ============ */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif; background:#0d1424;color:#f7f9fc;line-height:1.5; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; } img{display:block;max-width:100%;height:auto} a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer;background:none;border:0;color:inherit} svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :root{ --bg:#0d1424;--fg:#f7f9fc;--card:#141c30;--secondary:#1a2238; --muted-fg:#9aa4b8;--border:rgba(255,255,255,.10); --primary:#3b82f6;--primary-fg:#f7f9fc; --radius:14px; } /* ============ Layout ============ */ .container{max-width:1200px;margin:0 auto;padding:0 24px} .section{padding:112px 0} .section-alt{background:rgba(26,34,56,.3)} .grid{display:grid;gap:24px} .grid-2{grid-template-columns:1fr} .grid-3{grid-template-columns:1fr} .grid-cd{grid-template-columns:1fr} .grid-faq{grid-template-columns:1fr} .align-center{align-items:center} .gap-xl{gap:64px} .mb-lg{margin-bottom:32px} .mb-xl{margin-bottom:64px} .center{text-align:center}.center-text{text-align:center;margin-left:auto;margin-right:auto} .center-flex{justify-content:center} .hide-sm{display:none}.show-sm{display:inline} @media (min-width:640px){ .hide-sm{display:inline}.show-sm{display:none} } @media (min-width:768px){ .grid-2{grid-template-columns:1fr 1fr} .grid-3{grid-template-columns:repeat(3,1fr)} } @media (min-width:1024px){ .grid-cd{grid-template-columns:1.2fr 1fr} .grid-faq{grid-template-columns:1fr 1.5fr} } /* ============ Typography ============ */ .h1{font-size:clamp(2.5rem,6vw,6rem);font-weight:600;letter-spacing:-.025em;line-height:.95;text-wrap:balance;max-width:18ch;margin:0 0 32px} .h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;text-wrap:balance;margin:0 0 24px;max-width:22ch} .h2.big{font-size:clamp(2.25rem,5vw,3.75rem);max-width:16ch} .lead{font-size:clamp(1.05rem,1.3vw,1.25rem);color:var(--muted-fg);max-width:52ch;text-wrap:pretty;margin:0 0 48px} .eyebrow{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--muted-fg);margin:0 0 16px} .eyebrow.accent{color:var(--primary)} .eyebrow-pill{display:inline-block;border:1px solid var(--border);background:var(--secondary);border-radius:999px;padding:6px 14px;color:var(--primary);margin-bottom:32px} .section-sub{color:var(--muted-fg);max-width:30rem;text-wrap:pretty;margin:0} .section-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:64px} @media (min-width:768px){.section-head{flex-direction:row;align-items:flex-end}} /* ============ Buttons ============ */ .btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:.875rem;font-weight:500;padding:14px 20px;transition:transform .2s,background .2s,color .2s;white-space:nowrap} .btn svg{width:16px;height:16px;transition:transform .2s} .btn:hover svg{transform:translateX(2px)} .btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:inset 0 0 0 1px var(--primary)} .btn-primary:hover{transform:scale(1.02)} .btn-secondary{background:var(--secondary);color:var(--fg);box-shadow:inset 0 0 0 1px var(--border)} .btn-secondary:hover{background:#222c47} .btn-sm{padding:8px 14px} .link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--muted-fg);transition:color .2s} .link-arrow:hover{color:var(--fg)} .link-arrow svg{width:16px;height:16px;transition:transform .2s} .link-arrow:hover svg{transform:translateX(2px)} /* ============ Nav ============ */ .nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(13,20,36,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px} .brand img{height:32px;width:auto} @media (min-width:768px){.brand img{height:36px}} .nav-links{display:none;align-items:center;gap:32px;font-size:.875rem;font-weight:500;color:var(--muted-fg)} .nav-links a{transition:color .2s}.nav-links a:hover{color:var(--fg)} @media (min-width:768px){.nav-links{display:flex}} /* ============ Hero ============ */ .hero{position:relative;padding:128px 0 80px;overflow:hidden} .hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative} .grid-bg{position:absolute;inset:0;opacity:.6;pointer-events:none; background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px); background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%); mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%); } .glow{position:absolute;border-radius:999px;filter:blur(140px);pointer-events:none;z-index:-1} .glow-hero{left:50%;top:160px;width:700px;height:700px;transform:translateX(-50%);background:rgba(59,130,246,.2)} .glow-tr{right:-60px;top:-60px;width:500px;height:500px;background:rgba(59,130,246,.15)} .glow-bl{left:-80px;bottom:-80px;width:400px;height:400px;background:rgba(59,130,246,.10)} .hero-ctas{display:flex;flex-direction:column;gap:12px;margin-bottom:64px} @media (min-width:640px){.hero-ctas{flex-direction:row}} .reel{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border)} .reel img{width:100%;height:100%;object-fit:cover;transition:transform 2s} .reel:hover img{transform:scale(1.05)} .reel-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,20,36,.8) 0%,rgba(13,20,36,.1) 50%,transparent 100%)} .reel-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} .reel-play button{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:999px;background:rgba(13,20,36,.3);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--border);transition:transform .2s,background .2s} .reel-play button:hover{transform:scale(1.1);background:var(--primary)} .reel-play svg{width:28px;height:28px;transform:translateX(2px)} @media (min-width:768px){.reel-play button{width:96px;height:96px}} .reel-meta{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;text-align:left} .reel-title{font-size:.875rem;font-weight:500;margin:0} .reel-time{font-size:.75rem;color:var(--muted-fg);margin:0;display:none} @media (min-width:640px){.reel-time{display:block}} /* ============ Marquee ============ */ .marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0} .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:40px;row-gap:16px;opacity:.6} .logos span{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--muted-fg)} /* ============ Cards / Services ============ */ .card{background:var(--card);border-radius:16px;padding:24px;box-shadow:inset 0 0 0 1px var(--border)} .service{display:flex;flex-direction:column;gap:24px;transition:box-shadow .3s} .service:hover{box-shadow:inset 0 0 0 1px rgba(59,130,246,.4)} .service h3{font-size:1.25rem;font-weight:500;margin:0 0 12px} .service p{font-size:.875rem;line-height:1.6;color:var(--muted-fg);text-wrap:pretty;margin:0} .ratio-4-5{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--secondary)} .ratio-4-5 img{width:100%;height:100%;object-fit:cover;transition:transform .7s} .service:hover .ratio-4-5 img{transform:scale(1.05)} .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px} .tags span{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 16px;font-size:.75rem;font-weight:500;color:var(--muted-fg)} /* ============ Studio ============ */ .studio-img{position:relative} .studio-img .ratio-4-5{box-shadow:inset 0 0 0 1px var(--border)} .studio-badge{display:none;position:absolute;bottom:-24px;right:-24px;background:var(--primary);color:var(--primary-fg);padding:24px;border-radius:14px;box-shadow:0 0 80px -10px rgba(59,130,246,.45)} .studio-badge p:first-child{font-size:1.875rem;font-weight:600;line-height:1;margin:0} .studio-badge .eyebrow{margin:6px 0 0;color:rgba(255,255,255,.8)} @media (min-width:768px){.studio-badge{display:block}} .features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px} @media (min-width:640px){.features{grid-template-columns:1fr 1fr}} .features li{display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:rgba(20,28,48,.5);padding:12px 16px;border-radius:8px;font-size:.875rem} .features .dot,.dot{width:6px;height:6px;border-radius:999px;background:var(--primary);display:inline-block} .dot-pulse{animation:pulse 2s ease-in-out infinite} @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}} /* ============ Content Day ============ */ .content-day{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .stat{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:24px;text-align:center} .stat-v{font-size:clamp(2.25rem,4vw,3rem);font-weight:600;line-height:1;color:var(--primary);margin:0 0 8px} .stat .eyebrow{margin:0} .accent{color:var(--primary)} .output ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:16px} .output li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px} .output li:last-child{border-bottom:0;padding-bottom:0} .output li span{font-size:.875rem;color:var(--muted-fg)} .output li b{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums} .output .eyebrow{margin:0} /* ============ Process ============ */ .process{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border)} @media (min-width:768px){.process{grid-template-columns:1fr 1fr}} @media (min-width:1024px){.process{grid-template-columns:repeat(4,1fr)}} .step{background:var(--card);padding:32px;transition:background .2s} .step:hover{background:var(--secondary)} .step-n{font-size:.75rem;font-weight:500;color:var(--muted-fg);margin:0 0 32px} .step-icon{width:28px;height:28px;color:var(--primary);stroke-width:1.5;margin-bottom:24px} .step h3{font-size:1.25rem;font-weight:500;margin:0 0 12px} .step p{font-size:.875rem;line-height:1.6;color:var(--muted-fg);text-wrap:pretty;margin:0} /* ============ Portfolio ============ */ .portfolio{display:grid;grid-template-columns:1fr;gap:16px} @media (min-width:768px){.portfolio{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(280px,auto)} .case-tall{grid-row:span 2} .case-wide{grid-column:span 2} } .case{position:relative;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border);min-height:280px} .case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s} .case:hover img{transform:scale(1.05)} .case-fade{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(13,20,36,.3) 50%,transparent 100%);opacity:.9} .case-meta{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;gap:16px} .case-meta h3{font-size:1.25rem;font-weight:500;margin:0} @media (min-width:768px){.case-meta h3{font-size:1.5rem}} .case-meta .eyebrow{margin:0 0 4px;color:var(--primary)} .play-sm{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:rgba(13,20,36,.6);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--border);flex-shrink:0;transition:transform .2s} .case:hover .play-sm{transform:scale(1.1)} .play-sm svg{width:16px;height:16px;transform:translateX(1px)} /* ============ Testimonials ============ */ .quote{display:flex;flex-direction:column;justify-content:space-between;padding:32px} .quote blockquote{font-size:1.125rem;line-height:1.6;margin:0 0 32px;text-wrap:pretty} .quo{color:var(--primary);margin:0 4px} .quote .name{font-size:.875rem;font-weight:500;margin:0} .quote .role{font-size:.75rem;color:var(--muted-fg);margin:0} .quote figcaption{margin:0} /* ============ FAQ ============ */ .faq{border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .faq-item{border-bottom:1px solid var(--border);padding:24px 0} .faq-item:last-child{border-bottom:0} .faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;text-align:left;padding:0} .faq-q>span:first-child{font-size:1.125rem;font-weight:500} @media (min-width:768px){.faq-q>span:first-child{font-size:1.25rem}} .faq-ico{position:relative;display:flex;flex-shrink:0;width:36px;height:36px;border-radius:999px;border:1px solid var(--border)} .faq-ico::before,.faq-ico::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:2px;transition:transform .25s} .faq-ico::before{width:14px;height:2px;transform:translate(-50%,-50%)} .faq-ico::after{width:2px;height:14px;transform:translate(-50%,-50%)} .faq-item.open .faq-ico::after{transform:translate(-50%,-50%) scaleY(0)} .faq-a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease-out,opacity .5s ease-out,margin-top .3s} .faq-a>p{overflow:hidden;color:var(--muted-fg);text-wrap:pretty;padding-right:48px;margin:0} .faq-item.open .faq-a{grid-template-rows:1fr;opacity:1;margin-top:16px} .faq-a>p{min-height:0} .faq-a{display:grid}.faq-a>p{overflow:hidden;transition:none} /* fallback: ensure inner p is hidden when collapsed */ .faq-item:not(.open) .faq-a>p{max-height:0;padding-top:0;padding-bottom:0} .faq-item.open .faq-a>p{max-height:1000px} /* ============ CTA box ============ */ .cta-box{position:relative;max-width:1100px;margin:0 auto;border:1px solid var(--border);background:var(--card);border-radius:24px;padding:48px 32px;overflow:hidden} @media (min-width:768px){.cta-box{padding:80px}} .cta-inner{position:relative;text-align:center} .cta-inner .h2{margin-left:auto;margin-right:auto} .cta-inner .lead{margin-left:auto;margin-right:auto;max-width:36rem} .trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:32px;row-gap:12px;margin-top:48px;font-size:.75rem;color:var(--muted-fg)} .trust span{display:inline-flex;align-items:center;gap:8px} /* ============ Footer ============ */ .footer{border-top:1px solid var(--border);padding:48px 0} .footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px} @media (min-width:768px){.footer-inner{flex-direction:row}} .footer-logo{height:28px;width:auto} .copy{font-size:.75rem;color:var(--muted-fg);margin:0} .footer-links{display:flex;gap:24px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-fg)} .footer-links a{transition:color .2s}.footer-links a:hover{color:var(--fg)} /* ============ Animations ============ */ @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .animate-up{animation:fadeUp .9s cubic-bezier(.32,.72,0,1) both} .animate-up:nth-child(2){animation-delay:.05s} .animate-up:nth-child(3){animation-delay:.1s} .animate-up:nth-child(4){animation-delay:.15s} .animate-up:nth-child(5){animation-delay:.2s} Skip to content
Lehnert Media GmbH — Premium Videoproduktion Düsseldorf
Düsseldorf · High-End Production

Kino-Qualität für Ihre Marke. An einem einzigen Tag.

Lehnert Media produziert hochwertigen Video-Content für 30–90 Tage aus nur einem Drehtag. Strategisch geplant, präzise umgesetzt, maximal effizient.

Lehnert Media Showreel

Showreel

Selected Work — 2024

02:14 min

Vertrauen von Marken & Experten in der DACH-Region

BMWAllianzHenkelVodafone DHLL'OréalSiemensTelekom

Leistungen

Maßgeschneiderte Formate für jedes Ziel.

Keine Standardlösungen. Jedes Projekt wird individuell geplant, damit an einem Drehtag maximal viel hochwertiger Output entsteht.

Reels & Social Ads

Reels & Social Ads

Kurzform-Content mit maximaler Retention für Instagram, TikTok und LinkedIn — optimiert für den Algorithmus.

Podcasts & Masterclasses

Podcasts & Masterclasses

Multi-Kamera-Produktionen in unserem Premium-Studio für Experten, Coaches und Speaker.

Image- & Sales-Videos

Image- & Sales-Videos

Visuelle Identität und Verkaufsargumente, verpackt in cineastische Meisterwerke.

Reels & Social MediaPerformance AdsPodcastsMasterclasses Sales VideosImagefilmeEventvideosRecruiting Videos YouTube ProduktionenContent DaysVor-Ort-Drehs
Premium Content Studio Düsseldorf

500m²

Premium Fläche

Das Studio

Das Premium-Content-Studio in Düsseldorf.

Keine Hotelzimmer-Vibes, keine provisorischen Setups. In unserem eigenen Studio finden Sie verschiedene High-End-Kulissen, ARRI- und RED-Kamera-Technik sowie cinematic Licht-Setups — alles an einem Ort.

  • ARRI & RED Kameratechnik
  • Verschiedene Premium-Sets
  • Cinematic Light-Design
  • Integrierte Post-Production
  • Hair & Make-up On-Site
  • Catering & Lounge

The Content Day

30–90 Tage Content. Ein Drehtag.

Wir minimieren Ihren Zeitaufwand auf das absolute Minimum. An einem einzigen Drehtag erfassen wir das Rohmaterial für Ihre gesamte Quartalsplanung — vom Vertical Reel bis zum Imagefilm.

1

Drehtag

8h

Produktionszeit

90

Tage Output

Beispiel-Output

  • Vertical Reels30+
  • Long-Form YouTube-Videos8
  • Performance Ad Hooks12
  • Hero Imagefilm1
  • Podcast-Episoden6

Ablauf

In vier Schritten zu Ihrem Content-System.

01 / 04

Strategie & Konzept

Wir analysieren Ziele, Zielgruppe und Plattformen. Daraus entsteht ein präzises Content-Konzept.

02 / 04

Pre-Production

Skripte, Storyboards, Outfits, Locations. Jedes Detail vorbereitet — Sie investieren nur Ihre Zeit.

03 / 04

Der Content Day

Ein hocheffizienter Drehtag im Studio Düsseldorf oder vor Ort. 30–90 Tage Material in 8 Stunden.

04 / 04

Post-Production

High-End Schnitt, Sound-Design und Color-Grading. Lieferung im Format Ihrer Wahl.

Selected Work

Cases, die für sich sprechen.

Vollständiges Portfolio anfragen
Automotive Brand Film

Imagefilm

Automotive Brand Film

Coaching Masterclass

Event & Stage

Coaching Masterclass

Luxury Product Campaign

Performance Ads

Luxury Product Campaign

Tech Recruiting Spot

Recruiting

Tech Recruiting Spot

Stimmen

Was Marken über die Zusammenarbeit sagen.

An einem Tag haben wir Content für ein ganzes Quartal gedreht. Die Qualität ist auf Netflix-Niveau — unsere Anzeigen performen seitdem 3x besser.

Marcus K.

Founder, B2B SaaS

Vom ersten Strategie-Call bis zur finalen Auslieferung: jeder Schritt durchdacht. Lehnert Media versteht Marken — nicht nur Kameras.

Sophia R.

Head of Brand, Mittelstand

Das Premium-Studio in Düsseldorf ist ein Game-Changer. Wir kommen mit einem Outfit und gehen mit 50 hochwertigen Reels.

Daniel B.

Executive Coach

FAQ

Häufig gestellte Fragen.

Sie haben weitere Fragen? Wir beantworten alle im persönlichen Gespräch.

Wir planen vorab gemeinsam die Inhalte, Locations und Sets. Am Drehtag selbst übernehmen wir komplette Regie, Kamera, Licht und Ton. In 6–10 Stunden entsteht Rohmaterial für 30–90 Tage Output.

Standardmäßig in unserem Premium-Content-Studio in Düsseldorf mit verschiedenen Sets. Auf Wunsch drehen wir auch bei Ihnen vor Ort oder an Location-Sets in DACH und Europa.

Jedes Projekt ist individuell. Ein Content Day im Studio mit voller Post-Production startet im hohen vierstelligen Bereich. Im Erstgespräch erstellen wir Ihnen ein transparentes, maßgeschneidertes Angebot.

Vertical Reels meist innerhalb von 7–14 Tagen, größere Imagefilme oder Kampagnen 3–6 Wochen je nach Umfang. Express-Lieferungen sind möglich.

Wir arbeiten mit Unternehmern, Coaches, Experten, Marken, Agenturen, Mittelstand und Eventveranstaltern, die keine Kompromisse bei Qualität eingehen wollen.

Let's Build

Bereit für Ihr nächstes Content-Level?

Sichern Sie sich Ihr kostenloses Strategiegespräch. Wir analysieren Ihre Marke und zeigen, wie ein Content Day Ihre Sichtbarkeit verändert.

Antwort innerhalb 24h ·Unverbindlich & kostenlos ·Termine ab Q2 verfügbar
// Lehnert Media — minimal vanilla JS // Footer year (function(){ var y=document.getElementById('year'); if(y) y.textContent=new Date().getFullYear(); })(); // FAQ accordion document.querySelectorAll('.faq-item').forEach(function(item){ var btn=item.querySelector('.faq-q'); if(!btn) return; btn.addEventListener('click',function(){ var isOpen=item.classList.contains('open'); // close all document.querySelectorAll('.faq-item.open').forEach(function(o){ o.classList.remove('open'); var b=o.querySelector('.faq-q'); if(b) b.setAttribute('aria-expanded','false'); }); if(!isOpen){ item.classList.add('open'); btn.setAttribute('aria-expanded','true'); } }); }); ```html ```