Files
desfoto/site/musik-und-buehne/index.html

161 lines
18 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Musik &amp; Bühne · Konzerte, Bands, Musikvideos · desfoto</title>
<meta name="description" content="Musik- und Bühnenfotografie aus Neumünster: Konzerte, Bandportraits und Musikvideos — plus Video für Künstler und Veranstalter.">
<meta name="author" content="Denny Schulz">
<meta name="robots" content="index,follow,max-image-preview:large">
<meta name="theme-color" content="#17140F">
<link rel="canonical" href="https://desfoto.de/musik-und-buehne/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="desfoto">
<meta property="og:locale" content="de_DE">
<meta property="og:title" content="Musik &amp; Bühne · Konzerte, Bands, Musikvideos · desfoto">
<meta property="og:description" content="Musik- und Bühnenfotografie aus Neumünster: Konzerte, Bandportraits und Musikvideos — plus Video für Künstler und Veranstalter.">
<meta property="og:url" content="https://desfoto.de/musik-und-buehne/">
<meta property="og:image" content="https://desfoto.de/assets/img/og-musik-und-buehne.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Musik &amp; Bühne · Konzerte, Bands, Musikvideos · desfoto">
<meta name="twitter:description" content="Musik- und Bühnenfotografie aus Neumünster: Konzerte, Bandportraits und Musikvideos — plus Video für Künstler und Veranstalter.">
<meta name="twitter:image" content="https://desfoto.de/assets/img/og-musik-und-buehne.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="/assets/fonts.css">
<link rel="stylesheet" href="/assets/site.css">
<noscript><style>.reveal,.reveal--mask{opacity:1;transform:none;clip-path:none}.reveal--mask>*{clip-path:none}.hero__title .w>span,.hero__sub,.hero__actions,.hero__facts{opacity:1;transform:none}</style></noscript>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Musik- und Bühnenfotografie","serviceType":"Musik- und Bühnenfotografie","description":"Konzertfotografie, Bandportraits und Musikvideos für Bands, Künstler und Veranstalter.","url":"https://desfoto.de/musik-und-buehne/","provider":{"@type":"ProfessionalService","name":"desfoto","legalName":"Denny Schulz Fotografie","url":"https://desfoto.de","email":"info@dennyschulz.de","telephone":"+49 175 4083133","address":{"@type":"PostalAddress","streetAddress":"Flensburger Str. 16","postalCode":"24537","addressLocality":"Neumünster","addressCountry":"DE"}},"areaServed":["Neumünster","Schleswig-Holstein","Hamburg","Kiel"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://desfoto.de/"},{"@type":"ListItem","position":2,"name":"Musik & Bühne","item":"https://desfoto.de/musik-und-buehne/"}]}</script>
</head>
<body>
<a class="skip" href="#main">Zum Inhalt springen</a>
<header class="masthead">
<div class="shell masthead__inner">
<a class="brand" href="/" aria-label="desfoto Startseite">
<span class="brand__mark"><img src="/assets/img/logo-160.png" width="160" height="160" alt="" decoding="async"></span>
<span class="brand__text"><span>desfoto</span><small>Fotografie &amp; Video</small></span>
</a>
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg> Menü
</button>
<nav class="nav" id="site-nav" aria-label="Hauptnavigation"><div class="nav__item"><a class="nav__link" href="/fotografie/">Fotografie<svg class="nav__caret" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6l5 5 5-5"/></svg></a><div class="nav__sub"><a href="/businessfotografie/">Businessfotografie</a><a href="/portrait-und-model/">Portrait &amp; Model</a><a href="/familie/">Familie</a><a href="/minishootings/">Minishootings</a></div></div><a class="nav__link" href="/video/">Video</a><a class="nav__link" href="/musik-und-buehne/" aria-current="page">Musik &amp; Bühne</a><a class="nav__link" href="/projekte/">Projekte</a><a class="nav__link" href="/ueber/">Über</a><a class="btn btn--solid" href="/kontakt/">Projekt anfragen</a></nav>
</div>
<span class="progress" aria-hidden="true"><span class="progress__bar" data-progress></span></span>
</header>
<main id="main"><section class="page-head">
<div class="page-head__bg">
<img class="" src="/assets/img/music-vocal-blue-1200.webp" srcset="/assets/img/music-vocal-blue-480.webp 480w, /assets/img/music-vocal-blue-768.webp 768w, /assets/img/music-vocal-blue-1200.webp 1200w, /assets/img/music-vocal-blue-1600.webp 1600w" sizes="100vw" width="1600" height="2400" decoding="async" loading="eager" alt="Sänger mit erhobenem Arm im blauen Bühnenlicht" style="object-position:50% 30%" fetchpriority="high">
</div>
<div class="shell page-head__inner">
<div class="breadcrumb"><a href="/">Start</a><span>/</span><span>Musik &amp; Bühne</span></div>
<span class="kicker">Musik &amp; Bühne</span>
<h1 class="balance">Bands, Künstler und Konzerte</h1>
<p class="page-head__lead">Live, Bandportraits und Musikvideo — als Musiker kenne ich beide Seiten der Bühne.</p>
<div class="page-head__actions"><a class="btn btn--solid" href="/kontakt/">Musikprojekt anfragen</a><a class="btn btn--outline-light" href="/projekte/">Arbeiten ansehen</a></div>
</div>
</section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Für Bands und Veranstalter</span><h2 class="balance">Was ich für Musik und Bühne mache</h2></div></div><div class="grid grid--3" data-stagger="0.08"><article class="card reveal"><h3>Live &amp; Konzert</h3><p class="card__text">Bühnenbilder aus Clubs, Festivals und Vereinsheimen — mitten im Geschehen statt am Rand, auch bei wenig Licht.</p></article><article class="card reveal"><h3>Band- &amp; Künstlerportraits</h3><p class="card__text">Pressebilder, Bandportraits und Artwork-Motive, die zur Musik passen.</p></article><article class="card reveal"><h3>Musikvideo</h3><p class="card__text">Konzept, Dreh, Schnitt und Farbkorrektur — für Songs, die ein Bild brauchen.</p></article><article class="card reveal"><h3>Promotion &amp; Content</h3><p class="card__text">Standbilder und Kurzclips für Ankündigungen, Kanäle und Presse.</p></article></div></div></section><section class="section section--ink">
<div class="shell">
<div class="section-head">
<div class="section-head__text stack">
<span class="kicker">Musikvideo</span>
<h2 class="balance">Thjódrörir – Skogamor (Official Video)</h2>
<p class="lead measure" style="color:rgba(246,242,234,.82)">Eigenes Musikvideo für Thjódrörir: Konzept, Dreh, Schnitt und Farbkorrektur aus einer Hand.</p>
</div>
<a class="link-arrow" style="color:#F6F2EA;border-color:rgba(246,242,234,.4)" href="/video/">Mehr zu Video <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h13M13 6l6 6-6 6"/></svg></a>
</div>
<div style="margin-top:clamp(1.6rem,3vw,2.6rem)"><div class="video-shell">
<button class="video-facade" type="button" data-video-id="NWWFTf7l8g0"
aria-label="Video starten: Thjódrörir – Skogamor (Official Video) (lädt YouTube nach Klick)">
<img class="frame--hover" src="/assets/img/video-skogamor-poster-1200.webp" srcset="/assets/img/video-skogamor-poster-480.webp 480w, /assets/img/video-skogamor-poster-768.webp 768w, /assets/img/video-skogamor-poster-1200.webp 1200w" sizes="92vw" width="1200" height="675" decoding="async" loading="lazy" alt="Vorschaubild zum Musikvideo Thjódrörir – Skogamor (Official Video)" style="object-position:50% 50%">
<span class="video-facade__play">
<span class="video-facade__btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"/></svg></span>
<span class="video-facade__label">Video starten</span>
</span>
</button>
</div>
<p class="form__hint" style="margin-top:.8rem">Das Video wird erst nach deinem Klick von YouTube geladen (youtube-nocookie.com). Mehr dazu in der <a href="/datenschutz/">Datenschutzerklärung</a>.</p></div>
</div>
</section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Referenz</span><h2 class="balance">Musikvideo Thjódrörir: Konzept, Dreh, Schnitt, Farbkorrektur</h2><p class="lead measure">Der komplette Weg vom Song zum fertigen Video — ohne zweite Crew und ohne Zwischenabstimmungen zwischen Dienstleistern.</p></div></div><div class="grid grid--4" data-stagger="0.08"><article class="card reveal"><h3>Konzept</h3><p class="card__text">Idee, Bildsprache und Drehorte, abgestimmt auf den Song.</p></article><article class="card reveal"><h3>Dreh</h3><p class="card__text">Kamera, Licht und Regie am Drehtag — aus einer Hand.</p></article><article class="card reveal"><h3>Schnitt</h3><p class="card__text">Schnitt und Aufbau des Videos in der Länge, die der Song vorgibt.</p></article><article class="card reveal"><h3>Farbkorrektur</h3><p class="card__text">Farbkorrektur und Ausgabe in den Formaten, die YouTube und die Kanäle brauchen.</p></article></div></div></section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Aus der Arbeit</span><h2 class="balance">Konzerte, Bands, Backstage</h2><p class="lead measure">Für Extinct und Sagenbringer entstehen Bilder und Videoarbeiten — live, auf der Probe und für Ankündigungen.</p></div></div><div class="grid grid--3" data-stagger="0.09"><div class="reveal reveal--mask"><img class="frame frame--4x5 frame--hover" src="/assets/img/music-guitar-silhouette-1200.webp" srcset="/assets/img/music-guitar-silhouette-480.webp 480w, /assets/img/music-guitar-silhouette-768.webp 768w, /assets/img/music-guitar-silhouette-1200.webp 1200w, /assets/img/music-guitar-silhouette-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2469" decoding="async" loading="lazy" alt="Gitarrist als Silhouette im Bühnennebel" style="object-position:50% 42%"></div><div class="reveal reveal--mask"><img class="frame frame--4x5 frame--hover" src="/assets/img/band-extinct-guitar-1200.webp" srcset="/assets/img/band-extinct-guitar-480.webp 480w, /assets/img/band-extinct-guitar-768.webp 768w, /assets/img/band-extinct-guitar-1200.webp 1200w, /assets/img/band-extinct-guitar-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Zwei Bandmitglieder stehen Rücken an Rücken mit Gitarre" style="object-position:50% 35%"></div><div class="reveal reveal--mask"><img class="frame frame--4x5 frame--hover" src="/assets/img/music-neck-1200.webp" srcset="/assets/img/music-neck-480.webp 480w, /assets/img/music-neck-768.webp 768w, /assets/img/music-neck-1200.webp 1200w, /assets/img/music-neck-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2400" decoding="async" loading="lazy" alt="Hand am Gitarrenhals im dunklen Bühnenlicht" style="object-position:50% 50%"></div><div class="reveal reveal--mask"><img class="frame frame--3x2 frame--hover" src="/assets/img/music-mic-1200.webp" srcset="/assets/img/music-mic-480.webp 480w, /assets/img/music-mic-768.webp 768w, /assets/img/music-mic-1200.webp 1200w, /assets/img/music-mic-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Bärtiger Sänger am Mikrofon mit erhobener Hand" style="object-position:50% 35%"></div><div class="reveal reveal--mask"><img class="frame frame--3x2 frame--hover" src="/assets/img/music-banner-1200.webp" srcset="/assets/img/music-banner-480.webp 480w, /assets/img/music-banner-768.webp 768w, /assets/img/music-banner-1200.webp 1200w, /assets/img/music-banner-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Gitarrist vor einem beleuchteten Bandbanner" style="object-position:50% 40%"></div><div class="reveal reveal--mask"><img class="frame frame--3x2 frame--hover" src="/assets/img/band-sagenbringer-1200.webp" srcset="/assets/img/band-sagenbringer-480.webp 480w, /assets/img/band-sagenbringer-768.webp 768w, /assets/img/band-sagenbringer-1200.webp 1200w, /assets/img/band-sagenbringer-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Musiker in Fellkleidung im Wald, von unten fotografiert" style="object-position:50% 30%"></div><div class="reveal reveal--mask"><img class="frame frame--1x1 frame--hover" src="/assets/img/music-drums-1200.webp" srcset="/assets/img/music-drums-480.webp 480w, /assets/img/music-drums-768.webp 768w, /assets/img/music-drums-1200.webp 1200w, /assets/img/music-drums-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="2217" decoding="async" loading="lazy" alt="Schlagzeuger am Drumset in Schwarzweiß" style="object-position:50% 45%"></div><div class="reveal reveal--mask"><img class="frame frame--1x1 frame--hover" src="/assets/img/band-extinct-group-1200.webp" srcset="/assets/img/band-extinct-group-480.webp 480w, /assets/img/band-extinct-group-768.webp 768w, /assets/img/band-extinct-group-1200.webp 1200w, /assets/img/band-extinct-group-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="1280" decoding="async" loading="lazy" alt="Vier Bandmitglieder hintereinander in Schwarzweiß" style="object-position:50% 40%"></div><div class="reveal reveal--mask"><img class="frame frame--1x1 frame--hover" src="/assets/img/music-horns-1200.webp" srcset="/assets/img/music-horns-480.webp 480w, /assets/img/music-horns-768.webp 768w, /assets/img/music-horns-1200.webp 1200w, /assets/img/music-horns-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, (min-width: 40rem) 45vw, 92vw" width="1600" height="1068" decoding="async" loading="lazy" alt="Zwei Musiker trinken aus Trinkhörnern" style="object-position:50% 35%"></div></div></div></section><section class="section section--ink">
<div class="shell">
<div class="section-head">
<div class="section-head__text stack">
<span class="kicker">Kontakt</span>
<h2 class="balance">Konzert, Band oder Musikvideo?</h2>
<p class="lead measure" style="color:rgba(246,242,234,.82)">Schreib mir, was ansteht: Termin, Ort und was du mit den Bildern oder dem Film vorhast.</p>
</div>
<div class="btn-row">
<a class="btn btn--light" href="/kontakt/">Projekt anfragen</a>
<a class="btn btn--outline-light" href="/video/">Videoprojekte ansehen</a>
</div>
</div>
</div>
</section></main>
<footer class="footer">
<div class="shell">
<div class="footer__grid">
<div class="footer__brand">
<span class="brand">
<span class="brand__mark"><img src="/assets/img/logo-160.png" width="160" height="160" alt="" decoding="async"></span>
<span class="brand__text"><span>desfoto</span><small>Fotografie &amp; Video</small></span>
</span>
<p class="footer__claim">desfoto ist ein Angebot von Denny Schulz, Neumünster.</p>
</div>
<div>
<h2>Fotografie</h2>
<div class="footer__links">
<a href="/fotografie/">Überblick Fotografie</a>
<a href="/businessfotografie/">Businessfotografie</a>
<a href="/portrait-und-model/">Portrait &amp; Model</a>
<a href="/familie/">Familie</a>
<a href="/minishootings/">Minishootings</a>
</div>
</div>
<div>
<h2>Video &amp; Bühne</h2>
<div class="footer__links">
<a href="/video/">Videoprojekte</a>
<a href="/musik-und-buehne/">Musik &amp; Bühne</a>
<a href="/social-media/">Social Media</a>
</div>
</div>
<div>
<h2>Mehr</h2>
<div class="footer__links">
<a href="/projekte/">Projekte</a>
<a href="/ueber/">Über desfoto</a>
</div>
</div>
<div>
<h2>Kontakt</h2>
<div class="footer__links">
<a href="mailto:info@dennyschulz.de">info@dennyschulz.de</a>
<a href="tel:+491754083133">+49 175 4083133</a>
<a href="/kontakt/">Anfrage stellen</a>
<span class="muted">Neumünster · Schleswig-Holstein</span>
</div>
</div>
<div>
<h2>Netzwerk</h2>
<div class="footer__links"><a class="footer__ext" href="https://www.dennyschulz.de/" target="_blank" rel="noopener">dennyschulz.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Hochzeiten und Paare — die Arbeit unter eigenem Namen, mit eigenem Schwerpunkt.</small><a class="footer__ext" href="https://dennyapp.de/" target="_blank" rel="noopener">dennyapp.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Websites und Web-Apps aus Neumünster — Design, Entwicklung und eigene Produkte.</small></div>
</div>
</div>
<div class="footer__bottom">
<nav aria-label="Rechtliches">
<a href="/impressum/">Impressum</a>
<a href="/datenschutz/">Datenschutz</a>
<a href="/kontakt/">Kontakt</a>
</nav>
<span>© Denny Schulz · Alle Rechte an den gezeigten Bildern und Filmen vorbehalten.</span>
</div>
</div>
</footer>
<script src="/assets/site.js" defer></script>
</body>
</html>