CINXE.COM

<!DOCTYPE html> <html lang="de"> <head> <script type="text/plain" data-cookiefirst-category="advertising" > (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PB4KDBX');</script> <base href="https://zebralution.com/" /> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no"/> <title>Music | Zebralution GmbH </title> <meta name="author" content="Zebralution GmbH"/> <meta name="publisher" content="Zebralution GmbH"/> <meta name="copyright" content="Zebralution GmbH"/> <meta name="generator" content="https://zebralution.com/"/> <meta name="revisit-after" content="after 2 days"/> <meta name="audience" content="alle"/> <meta name="robots" content="index,follow"/> <meta name="title" content="Music | Zebralution GmbH "/> <meta name="description" content=""/> <link rel="canonical" href="https://zebralution.com/music/" /> <meta property="og:type" content="website"/> <meta property="og:title" content="Music | Zebralution GmbH"/> <meta property="og:url" content="https://zebralution.com/"/> <meta property="og:site_name" content="Zebralution GmbH"/> <meta property="og:image" content=""/> <link rel="shortcut icon" href="/assets/template/img/favicon.ico?1699974652" type="image/png"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon.png" /> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-57x57.png" sizes="57x57"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-72x72.png" sizes="72x72"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-76x76.png" sizes="76x76"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-114x114.png" sizes="114x114"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-120x120.png" sizes="120x120"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-144x144.png" sizes="144x144"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-152x152.png" sizes="152x152"/> <link rel="apple-touch-icon" href="/assets/template/img/apple-touch-icon-180x180.png" sizes="180x180"/> <meta name="apple-mobile-web-app-title" content="Zebralution GmbH"/> <meta name="msapplication-square70x70logo" content="/assets/template/img/win8-tile-70x70.png"/> <meta name="msapplication-square144x144logo" content="/assets/template/img/win8-tile-144x144.png"/> <meta name="msapplication-square150x150logo" content="/assets/template/img/win8-tile-150x150.png"/> <meta name="msapplication-wide310x150logo" content="/assets/template/img/win8-tile-310x150.png"/> <meta name="msapplication-square310x310logo" content="/assets/template/img/win8-tile-310x310.png"/> <meta name="msapplication-TileImage" content="/assets/template/img/win8-tile-144x144.png"/> <meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-navbutton-color" content="#ffffff"/> <meta name="application-name" content="Zebralution GmbH"/> <meta name="msapplication-tooltip" content="Zebralution GmbH"/> <link href="/assets/template/main.css?1709731426" rel="stylesheet" media="screen"/> </head> <body class="header-bg-green "> <script src="https://consent.cookiefirst.com/banner.js" data-cookiefirst-key="c411aadd-c605-4582-9a79-63733240ff9b"></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PB4KDBX" type="text/plain" data-cookiefirst-category="advertising" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <header class="navcont"> <div> <nav class="navbar navbar-expand-xl"> <div class="container"> <a class="navbar-brand no-underline" href="/"> <svg class="logo"> <use xlink:href="/assets/template/Medien/Bilder/1-Music/ZL-Music-Logo-WBM-RGB.svg?#logo"></use> </svg> </a> <div class="navbar-mobile-item-wrapper"> <div class="navbar-mobile-item d-none" data-contact-overlay=""> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#user"></use> </svg> </div> <div class="navbar-mobile-item nav-mobile-lang"> <div class="nav-lang-wrapper"> <div class="nav-lang-current"> DE </div> <ul class="nav-lang-list"> <li> <a href="https://zebralution.com/en/music/" class="langswitch en "> EN </a> </li> <li> <a href="https://zebralution.com/es/music/" class="langswitch es "> ES </a> </li> </ul> </div> </div> </div> <div class="navbar-toggler float-left" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"> <a class="nav-expander fixed navbar-toggle collapsed" data-open-nav="" data-nav="mainNav"> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </a> </div> <div class="nav-wrapper left-right"> <div class="navbar-collapse" id="mainNav"> <div class="nav-item-wrapper"> <div class="nav-item-root active dropdown-bg-green"> <a href="music/" data-text="Music"> Music <div class="nav-arrow"> <svg width="30" height="26"> <use xlink:href="/assets/template/icons.svg?1699974651#arrow-right"></use> </svg> </div> </a> <div class="nav-dropdown-wrapper"> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="dropdown-img-wrapper"> <img class="img-fluid" src=""> </div> </div> <div class="col-xl-6"> <div class="dropdown-items"> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-music.jpg"> <div class="nav-item-link"> <a href="music-services" data-text="Services" > Services </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-music.jpg"> <div class="nav-item-link"> <a href="music/#labels" data-text="Labels" data-anchor=""> Labels </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-music.jpg"> <div class="nav-item-link"> <a href="music/#kuenstlerinnen" data-text="Künstler:innen" data-anchor=""> Künstler:innen </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-music.jpg"> <div class="nav-item-link"> <a href="music/#music-team" data-text="Team" data-anchor=""> Team </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-music.jpg"> <div class="nav-item-link"> <a href="music/#music-faq" data-text="FAQ" data-anchor=""> FAQ </a> </div> </div> </div> </div> </div> </div> </div> <div class="nav-dropdown-bg"></div> </div> <div class="nav-item-root dropdown-bg-purple"> <a href="podcast/" data-text="Podcast"> Podcast <div class="nav-arrow"> <svg width="30" height="26"> <use xlink:href="/assets/template/icons.svg?1699974651#arrow-right"></use> </svg> </div> </a> <div class="nav-dropdown-wrapper"> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="dropdown-img-wrapper"> <img class="img-fluid" src=""> </div> </div> <div class="col-xl-6"> <div class="dropdown-items"> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-podcast.jpg"> <div class="nav-item-link"> <a href="podcaster" data-text="Podcaster" > Podcaster </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-podcast.jpg"> <div class="nav-item-link"> <a href="werbekunden" data-text="Werbekunden" > Werbekunden </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-podcast.jpg"> <div class="nav-item-link"> <a href="shows/" data-text="Shows" > Shows </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-podcast.jpg"> <div class="nav-item-link"> <a href="podcast/#podcast-services" data-text="Services" data-anchor=""> Services </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-podcast.jpg"> <div class="nav-item-link"> <a href="podcast/#podcast-team" data-text="Team" data-anchor=""> Team </a> </div> </div> </div> </div> </div> </div> </div> <div class="nav-dropdown-bg"></div> </div> <div class="nav-item-root dropdown-bg-blue"> <a href="digitalpublishing/" data-text="Digital Publishing"> Digital Publishing <div class="nav-arrow"> <svg width="30" height="26"> <use xlink:href="/assets/template/icons.svg?1699974651#arrow-right"></use> </svg> </div> </a> <div class="nav-dropdown-wrapper"> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="dropdown-img-wrapper"> <img class="img-fluid" src=""> </div> </div> <div class="col-xl-6"> <div class="dropdown-items"> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/3-Audiobook/Menu/fallback.jpg"> <div class="nav-item-link"> <a href="services" data-text="Serviceleistungen" > Serviceleistungen </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-audiobook.jpg"> <div class="nav-item-link"> <a href="digitalpublishing/#verlage-und-autoren" data-text="Verlage und Autoren" data-anchor=""> Verlage und Autoren </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-audiobook.jpg"> <div class="nav-item-link"> <a href="digitalpublishing/#publishing-team" data-text="Team" data-anchor=""> Team </a> </div> </div> <div class="nav-item-child nav-item-child-basic" data-menu-img="/assets/template/Medien/Bilder/0-Home/fallback-audiobook.jpg"> <div class="nav-item-link"> <a href="digitalpublishing/#lismio" data-text="Lismio" data-anchor=""> Lismio </a> </div> </div> </div> </div> </div> </div> </div> <div class="nav-dropdown-bg"></div> </div> <div class="nav-item-root dropdown-bg-"> <a href="about-us/" data-text="About us"> About us <div class="nav-arrow"> <svg width="30" height="26"> <use xlink:href="/assets/template/icons.svg?1699974651#arrow-right"></use> </svg> </div> </a> <div class="nav-dropdown-wrapper"> <div class="container"> <div class="row"> <div class="col-12"> <div class="dropdown-items"> <div class="nav-item-child-row"> <div class="nav-item-child-headline"> This is how we do it </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="about-us/#philosophie" data-text="Philosophie" data-anchor=""> Philosophie </a> </div> </div> </div> <div class="nav-item-child-row"> <div class="nav-item-child-headline"> Work </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="offene-stellen/" data-text="Offene Stellen" > Offene Stellen </a> </div> </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="about-us-team" data-text="Team" > Team </a> </div> </div> </div> <div class="nav-item-child-row"> <div class="nav-item-child-headline"> Media </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="media#news" data-text="News" data-anchor=""> News </a> </div> </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="media#downloads" data-text="Downloads" data-anchor=""> Downloads </a> </div> </div> </div> <div class="nav-item-child-row"> <div class="nav-item-child nav-item-child-contact" data-open-contact> <div class="nav-item-child-headline"> Kontakt </div> <div class="nav-item-child-text"> ZEBRALUTION GmbH<br>Pfuelstraße 5, Aufgang III<br>10997 Berlin<br>Germany<br>+49 (0) 30 488 2888 80 </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-dropdown-bg"></div> </div> </div> <div class="nav-right-wrapper"> <div class="nav-login"> <div class="nav-item-root dropdown-bg-white"> <a href="log-in/" data-text="Log In"> Log In <div class="nav-arrow"> <svg width="30" height="26"> <use xlink:href="/assets/template/icons.svg?1699974651#arrow-right"></use> </svg> </div> </a> <div class="nav-dropdown-wrapper"> <div class="container"> <div class="row"> <div class="col-12"> <div class="dropdown-items"> <div class="nav-item-child-row"> <div class="nav-item-child-headline"> Music </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="https://springboard.zebralution.tools/" data-text="Springboard" > Springboard </a> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#extern"></use> </svg> </div> <div class="nav-item-child-description"> Alle Tools auf einen Blick </div> </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="https://rightz.audio" data-text="Rightz Audio" > Rightz Audio </a> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#extern"></use> </svg> </div> </div> </div> <div class="nav-item-child-row"> <div class="nav-item-child-headline"> Audiobook </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="http://mmp.zebralution.tools" data-text="MMP" > MMP </a> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#extern"></use> </svg> </div> <div class="nav-item-child-description"> Alle Tools auf einen Blick </div> </div> <div class="nav-item-child nav-item-child-basic"> <div class="nav-item-link"> <a href="https://www.lismio.com/de" data-text="Lismio" > Lismio </a> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#extern"></use> </svg> </div> <div class="nav-item-child-description"> Deine Hörbuch-Suchmaschine in der Streaming-Welt! </div> </div> </div> <div class="nav-item-child-row nav-item-child-row-login"> <div class="nav-item-child nav-item-child-login"> <div class="nav-item-login"> <div class="nav-item-child-headline"> Podcast </div> <div> <form action="music/" method="post"> <div class="form-group mb-2"> <label for="username">Nutzername</label> <input class="form-control" type="text" name="username" required id="username"> </div> <div class="form-group mb-2"> <label for="password">Passwort</label> <input class="form-control" type="password" name="password" required id="password"> </div> <div class="mb-4"> <a class="text-small" href="mailto:info@zebra-audio.net">Password vergessen? </a> </div> <input class="loginLoginValue" type="hidden" name="service" value="login" /> <button class="btn btn-secondary btn-flip"> <span class="front"> Anmelden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Anmelden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> <div class="nav-login-register-text"> <div class="mt-4"> Noch keinen Account? </div> <a href="mailto:info@zebra-audio.net"> Jetzt registrieren </a> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-dropdown-bg"></div> </div> </div> <div class="nav-contact"> <div class="nav-item-root"> <a href="#" data-contact-overlay="" data-text="Contact">Contact</a> </div> </div> <div class="nav-lang"> <div class="nav-item-root"> <div class="nav-lang-wrapper"> <div class="nav-lang-current"> DE </div> <ul class="nav-lang-list"> <li> <a href="https://zebralution.com/en/music/" class="langswitch en "> EN </a> </li> <li> <a href="https://zebralution.com/es/music/" class="langswitch es "> ES </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </nav> </div> </header> <div id="app" style="opacity: 0;"> <div class="container-fluid bg-content-full" > <div class="header-it-wrapper header-it-green "> <div class="header-it-img-wrapper"> <div class="container"> <div class="row"> <div class="offset-xl-6 col-xl-6"> <div class="header-it-img-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/Music-Header-03.b1f375d5.webp" src="" alt="" /> </div> </div> </div> </div> </div> <div class="header-it-inner"> <div class="container"> <div class="row"> <div class="col-xl-9"> <h1>Hier spielt <br>die Musik</h1> </div> </div> <div class="row"> <div class="offset-xl- col-xl-6"> <div class="header-it-text"> Wir sind dein starker Partner für den weltweiten Musikvertrieb. Innovativ, independent und leidenschaftlich. </div> <div class="header-it-link"> <a class="btn btn-primary btn-large btn-flip" href="music-services"> <span class="front"> Services ansehen <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Services ansehen <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> <div class="content-pattern-wrapper pattern-right"> <img src="assets/template/Medien/Bilder/Pattern/pattern-weiß-rechts.svg" alt="Pattern"> </div> </div> <div class="bg-content-secondary bg-black " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <p class="overline">Unsere Services</p> <h2>360°-Service für Labels und Künstler:innen.</h2> <div class="services-wrapper"> <div class="row"> <div class="col-lg-6"> <div class="service-tile-wrapper"> <div class="service-tile pattern-top-left active"></div> <div class="service-tile pattern-top-right"></div> <div class="service-tile pattern-middle-left"></div> <div class="service-tile pattern-middle-right"></div> <div class="service-tile pattern-bottom-left"></div> <div class="service-tile pattern-bottom-right"></div> </div> </div> <div class="col-lg-6 col-xl-5 offset-xl-1"> <div class="service-item-wrapper"> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Distribution </div> <div class="service-item-text"> <p>Wir bieten ein globales Vertriebsnetzwerk aus über 100 digitalen Plattformen und Streaming Services</p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Technologien </div> <div class="service-item-text"> <p>Durch unsere in-house Development Teams entwickeln und bieten wir innovative Vertriebs-Tools für Labels & Künstler:innen.</p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Marketing </div> <div class="service-item-text"> <p>Ob Single oder langfristige Albumkampagne - wir bieten individualisierte Marketingstrategien für deinen Erfolg.</p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Analytics </div> <div class="service-item-text"> <p>Mit unseren Analyse-Tools schaffen wir Transparenz und helfen unseren Kund:innen Daten zu verstehen und zu nutzen.</p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Pitching </div> <div class="service-item-text"> <p>Wir kümmern uns um das gloable Pitching deiner Veröffentlichungen bei allen wichtigen digitalen Services.<br></p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="service-item" data-link="music-services"> <div class="service-item-headline"> Frontline und Katalog </div> <div class="service-item-text"> <p>Unser Team entwickelt für unsere Lizenzgeber:innen Format-übergreifende Strategien für Kataloge und Songs von morgen.</p> </div> <div class="service-item-link"> <a href="music-services" class="btn btn-primary btn-large btn-flip"> <span class="front"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Mehr erfahren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary pb-0 " id="labels"> <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <p class="overline">Labels</p> </div> </div> </div> </div> </div> <div class="container-fluid bg-content-full" > <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="label-slider-wrapper carousel-multiple carousel slide" data-carousel="" data-per-slide="7" data-desktop-per-slide="5" data-tablet-per-slide="4" data-mobile-per-slide="3"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-hot-action-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-hot-action-01.041512df.webp" alt="1" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-audiolith-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-audiolith-01.041512df.webp" alt="2" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-guesstimate-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-guesstimate-01.041512df.webp" alt="3" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-embassy-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-embassy-01.041512df.webp" alt="4" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-moon-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-moon-01.041512df.webp" alt="5" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-verlag-bubbles-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-verlag-bubbles-01.041512df.webp" alt="6" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-suol-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-suol-01.041512df.webp" alt="7" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/Logo%20Marke.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/Logo%20Marke.041512df.webp" alt="8" class="img-fluid" /> </div> </div> <div class="carousel-item "> <div class="label-slider-item"> <img data-src="/assets/image-cache/template/Medien/Bilder/0026611706_10.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/0026611706_10.041512df.webp" alt="9" class="img-fluid" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary pt-0 " > <div class="container"> </div> </div> <div class="bg-content-secondary bg-green " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <p class="overline">Vision</p> <h2>So arbeiten wir</h2> <div class="spacer-5 "></div> </div> </div> </div> <div class="row"> <div class="col-xxl-3 col-6" data-aos="fade-up"> <div class=" h-100"> <div class="flip-tile-wrapper"> <div class="flip-tile-front"> <div class="flip-tile-img"> <img data-src="assets/template/Medien/Bilder/1-Music/noun-rock-on-1002381.svg" src="assets/template/Medien/Bilder/1-Music/noun-rock-on-1002381.svg" alt="Indie Spirit" class="img-fluid" /> </div> <div class="flip-tile-headline"> Indie Spirit </div> </div> <div class="flip-tile-back"> <div class="flip-tile-headline"> Spirit </div> <div class="flip-tile-text" data-crop-text="75" data-crop-width="767"> Wir glauben an eine unabhängige und gleichberechtigte Musiklandschaft - we are Indies at heart! </div> </div> </div> </div> </div> <div class="col-xxl-3 col-6 mt-sm-0" data-aos="fade-up" data-aos-delay="100" > <div class=" h-100"> <div class="flip-tile-wrapper"> <div class="flip-tile-front"> <div class="flip-tile-img"> <img data-src="assets/template/Medien/Bilder/1-Music/noun-puzzle-1410553.svg" src="assets/template/Medien/Bilder/1-Music/noun-puzzle-1410553.svg" alt="Individuelle Lösungen" class="img-fluid" /> </div> <div class="flip-tile-headline"> Individuelle Lösungen </div> </div> <div class="flip-tile-back"> <div class="flip-tile-headline"> Lösungen </div> <div class="flip-tile-text" data-crop-text="75" data-crop-width="767"> Wir entwickeln bedarfsorientierte Strategien und Lösungen, um flexibel in einem agilen Markt agieren zu können. </div> </div> </div> </div> </div> <div class="col-xxl-3 col-6 mt-3 mt-xxl-0" data-aos="fade-up" data-aos-delay="200" > <div class=" h-100"> <div class="flip-tile-wrapper"> <div class="flip-tile-front"> <div class="flip-tile-img"> <img data-src="assets/template/Medien/Bilder/3-Audiobook/noun-innovation-4317403-02.svg" src="assets/template/Medien/Bilder/3-Audiobook/noun-innovation-4317403-02.svg" alt="Data driven" class="img-fluid" /> </div> <div class="flip-tile-headline"> Data driven </div> </div> <div class="flip-tile-back"> <div class="flip-tile-headline"> Data </div> <div class="flip-tile-text" data-crop-text="75" data-crop-width="767"> Wir verhelfen unseren Labels & Künstler:innen zu Durchblick im Daten-Dschungel um richtige Entscheidungen zu treffen. </div> </div> </div> </div> </div> <div class="col-xxl-3 col-6 mt-3 mt-xxl-0" data-aos="fade-up" data-aos-delay="300" > <div class=" h-100"> <div class="flip-tile-wrapper"> <div class="flip-tile-front"> <div class="flip-tile-img"> <img data-src="assets/template/Medien/Bilder/3-Audiobook/noun-worldwide-1997207.svg" src="assets/template/Medien/Bilder/3-Audiobook/noun-worldwide-1997207.svg" alt="Weltweites Netzwerk" class="img-fluid" /> </div> <div class="flip-tile-headline"> Weltweites Netzwerk </div> </div> <div class="flip-tile-back"> <div class="flip-tile-headline"> Netzwerk </div> <div class="flip-tile-text" data-crop-text="75" data-crop-width="767"> Von Berlin in die ganze Welt! Mit einem weltweiten Netzwerk helfen wir Labels und Künstler:innen bei der Verwirklichung ihrer Ziele. </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary pb-0 " id="kuenstlerinnen"> <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <p class="overline">Künstler:innen</p> </div> </div> </div> </div> </div> <div class="container-fluid bg-content-full" > <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="artist-slider-wrapper carousel-multiple carousel slide" data-carousel="" data-per-slide="6" data-desktop-per-slide="4" data-tablet-per-slide="3" data-mobile-per-slide="2"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-cascada-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-cascada-210x210-01.041512df.webp" alt="Cascada" class="img-fluid" /> <div class="artist-slider-item-name"> Cascada </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-asgeir-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-asgeir-210x210-01.041512df.webp" alt="Asgeir" class="img-fluid" /> <div class="artist-slider-item-name"> Asgeir </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-erlendoye-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-erlendoye-210x210-01.041512df.webp" alt="Erlend Oye" class="img-fluid" /> <div class="artist-slider-item-name"> Erlend Oye </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-ahzumjot-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-ahzumjot-210x210-01.041512df.webp" alt="Ahzumjot" class="img-fluid" /> <div class="artist-slider-item-name"> Ahzumjot </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-robyn-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-robyn-210x210-01.041512df.webp" alt="Robyn" class="img-fluid" /> <div class="artist-slider-item-name"> Robyn </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-whomadewho-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-whomadewho-210x210-01.041512df.webp" alt="WhoMadeWho" class="img-fluid" /> <div class="artist-slider-item-name"> WhoMadeWho </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-roeyksopp-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-roeyksopp-210x210-01.041512df.webp" alt="Royksopp" class="img-fluid" /> <div class="artist-slider-item-name"> Royksopp </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-djbobo-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-djbobo-210x210-01.041512df.webp" alt="DJ Bobo" class="img-fluid" /> <div class="artist-slider-item-name"> DJ Bobo </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-kayone-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-kayone-210x210-01.041512df.webp" alt="Kay One" class="img-fluid" /> <div class="artist-slider-item-name"> Kay One </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-kennedy-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-kennedy-210x210-01.041512df.webp" alt="Sophia Kennedy " class="img-fluid" /> <div class="artist-slider-item-name"> Sophia Kennedy </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-losbitchos-210x210-01%20copy.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-losbitchos-210x210-01%20copy.041512df.webp" alt="Los Bitchos" class="img-fluid" /> <div class="artist-slider-item-name"> Los Bitchos </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> <div class="carousel-item "> <div class="artist-slider-item"> <div class="artist-slider-item-inner"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-djkoze-210x210-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/artists/artist-djkoze-210x210-01.041512df.webp" alt="DJ Koze" class="img-fluid" /> <div class="artist-slider-item-name"> DJ Koze </div> <div class="artist-slider-item-pattern"> <img class="img-fluid" src="/assets//template/img/artist-pattern.svg" alt="Pattern"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary " id="music-team"> <div class="container"> <div class="row"> <div class="offset-xl-1 col-xl-7" data-aos="fade-up"> <div class=" "> <p class="overline">Unser Team</p> <h2>Starkes Team, starke Ergebnisse</h2> </div> </div> </div> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="team-wrapper" data-unit="Music"> <div class="row order-1 order-lg-0"> <div class="offset-xl-1 col-xl-4 col-lg-5"> <div class="team-img-first"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/Zebr-team-music-02.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/Zebr-team-music-02.041512df.webp" alt="Team" class="img-fluid" /> </div> </div> <div class="offset-xl-2 col-xl-5 col-lg-7"> <div class="team-img-second"> <img data-src="/assets/image-cache/template/Medien/Bilder/Zebra%20Music%20-%206%20Oct%202022%20%C2%A9%20Camille%20Blake-9%20Kopie.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/Zebra%20Music%20-%206%20Oct%202022%20%C2%A9%20Camille%20Blake-9%20Kopie.041512df.webp" alt="Eric, Michael & Lisa" class="img-fluid" /> </div> </div> </div> <div class="row order-0 order-lg-1"> <div class="offset-xl-1 col-xl-4 col-lg-5"> <div class="team-text-wrapper"> <div class="team-text"> <p>Kreative Köpfe, Tec-Nerds, Vertriebsasse und Zahlenjongleure - unser Team ist ganz schön vielfältig. Was uns verbindet? Unsere Liebe zur Musik!</p> </div> <div class="team-link"> <a class="btn btn-secondary btn-large btn-flip" href="about-us-team"> <span class="front"> Team kennenlernen <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Team kennenlernen <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> </div> <div class="offset-xl-1 col-xl-4 col-lg-5"> <div class="team-img-third"> <img data-src="/assets/image-cache/template/Medien/Bilder/Zebra%20Music%20-%206%20Oct%202022%20%C2%A9%20Camille%20Blake-10%20Kopie.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/Zebra%20Music%20-%206%20Oct%202022%20%C2%A9%20Camille%20Blake-10%20Kopie.041512df.webp" alt="Paul, Lars & Candy" class="img-fluid" /> </div> </div> </div> <div class="team-pattern"></div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary pt-0 " > <div class="container"> <div class="row"> <div class="col-xl-4 " data-aos="fade-up"> <div class=" h-100"> <p class="overline">Partner:innen</p> <h2>Hört sich <br>gut an!</h2> <p class="intro">Seit 2004 arbeiten wir gemeinsam mit unseren Partner:innen für den Erfolg unserer Lizenzgeber*innen.</p> </div> </div> <div class="col-xl-8 mt-3 mt-xl-0 " data-aos="fade-up" data-aos-delay="100"> <div class=" h-100"> <div class="partner-plane-wrapper partner-plane-small"> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-beatport-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-beatport-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-soundcloud-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-soundcloud-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-amazon-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-amazon-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-bookbeat-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-bookbeat-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-spotify-01%202.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-spotify-01%202.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-tiktok-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-tiktok-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-spotify-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-spotify-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-tidal-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-tidal-01.041512df.webp" alt="Test" class="img-fluid" /> </div> </div> <div class="partner-plane-item"> <div class="partner-plane-item-img"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-Youtube-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-Youtube-01.041512df.webp" alt="" class="img-fluid" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-black " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <h2>Kund:innenstimmen</h2> <div class="customer-quote-slider carousel-multiple carousel slide" data-carousel="" data-per-slide="1"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="customer-quote-slider-item"> <div class="customer-quote-slider-item-icon">„</div> <div class="row"> <div class="col-md-6"> <div class="customer-quote-slider-item-text"> <div class="customer-quote-slider-item-quote"> <p>„We’ve been partner of Zebralution since the very beginning of Suol. We stick to their professionalism, competence, trust, drive and love of music!“</p> </div> <div class="customer-quote-slider-item-name"> Suol </div> <div class="customer-quote-slider-item-position"> Musiclabel </div> </div> </div> <div class="offset-lg-1 col-lg-5 col-md-6"> <div class="customer-quote-slider-item-img-wrapper"> <div class="customer-quote-slider-item-img-text"> <div class="customer-quote-slider-item-position"> Musiclabel </div> <div class="customer-quote-slider-item-name"> Suol </div> </div> <div class="customer-quote-slider-item-img pattern-bottom-left"> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/logo-suol-kundenstimmen.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/logo-suol-kundenstimmen.041512df.webp" alt="Suol" class="img-fluid" /> <div class="customer-quote-slider-item-img-pattern"> <img class="img-fluid" src="/assets/template/img/customer-quote-pattern.png" alt="Pattern"> </div> </div> </div> </div> </div> </div> </div> <div class="carousel-item "> <div class="customer-quote-slider-item"> <div class="customer-quote-slider-item-icon">„</div> <div class="row"> <div class="col-md-6"> <div class="customer-quote-slider-item-text"> <div class="customer-quote-slider-item-quote"> <p>Zebralution steht für uns seit Jahren für ehrliche, kompetente und vertrauenswürdige Zusammenarbeit, sowie kontinuierliche Kommunikation. Der langfristige Erfolg steht hierbei im Vordergrund, kein schnelles und unkontrolliertes Wachstum.</p> </div> <div class="customer-quote-slider-item-name"> Stil vor Talent </div> <div class="customer-quote-slider-item-position"> Musiclabel </div> </div> </div> <div class="offset-lg-1 col-lg-5 col-md-6"> <div class="customer-quote-slider-item-img-wrapper"> <div class="customer-quote-slider-item-img-text"> <div class="customer-quote-slider-item-position"> Musiclabel </div> <div class="customer-quote-slider-item-name"> Stil vor Talent </div> </div> <div class="customer-quote-slider-item-img "> <img data-src="/assets/image-cache/template/Medien/Bilder/1-Music/logo-Stilvortalent-kundenstimmen.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/1-Music/logo-Stilvortalent-kundenstimmen.041512df.webp" alt="Stil vor Talent" class="img-fluid" /> <div class="customer-quote-slider-item-img-pattern"> <img class="img-fluid" src="/assets/template/img/customer-quote-pattern.png" alt="Pattern"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="carousel-arrows"> <div class="carousel-arrows-left"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </div> <div class="carousel-arrows-right"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-green " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <p class="overline">News</p> <h2>News aus der <br>Musik-Welt.</h2> <div class="elfsight-wrapper"> <script type="text/plain" data-cookiefirst-category="advertising" src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-cdc0410a-cd88-47bf-9b73-e27ffbacbb28"></div> <img src="assets/template/Medien/Bilder/Zebralution-Fallback.png" class="elfsight-cookie-fallback-image img-desktop img-fluid" alt="Elfsight für Desktop-Geräte"> <img src="assets/template/Medien/Bilder/Zebr-Instagram-Fallback-mobile.png" class="elfsight-cookie-fallback-image img-mobile img-fluid" alt="Elfsight für Mobile-Geräte"> <div class="elfsight-cookie-fallback"> <div class="elfsight-cookie-fallback-pattern"> <div class="progress"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 100%"></div> </div> </div> <div class="elfsight-cookie-fallback-inner"> Du kannst diese Inhalte leider nicht sehen, weil du die Cookies nicht akzeptiert hast. <a class="btn btn-primary btn-link btn-flip btn-large elfsight-cookie-fallback-accept"> <span class="front"> Cookies akzeptieren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Cookies akzeptieren <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary " id="music-faq"> <div class="container"> <div class="row"> <div class="offset-xl-1 col-xl-10" data-aos="fade-up"> <div class=" "> <div class="row"> <div class="col-xxl-6 " data-aos="fade-up" > <div class=" h-100"> <p class="overline">FAQ</p> <h2>Noch Fragen? Hier gibt's Antworten!</h2> </div> </div> <div class="col-xxl-6 mt-3 mt-xxl-0" data-aos="fade-up" data-aos-delay="100" > <div class=" h-100"> </div> </div> </div> <div class="accordion-wrapper" id="accordion-"> <div class="accordion-item"> <div class="accordion-inner"> <div class="accordion-headline" data-bs-toggle="collapse" data-bs-target="#accordion-target-1-"> <span>Ich interessiere mich für das Vertriebsangebot - wie kann ich Teil der Zebralution Familie werden? </span> <div class="accordion-icon" data-bs-toggle="collapse" data-bs-target="#accordion-target-1-"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-down"></use> </svg> </div> </div> <div class="accordion-content collapse" data-bs-parent="#accordion-" id="accordion-target-1-"> <div> <p>Nutze gern das Kontaktformular hier auf der Website um mit uns initial in Kontakt zu treten - wir melden uns dann sehr gern zeitnah bei dir!</p> </div> </div> </div> </div> <div class="accordion-item"> <div class="accordion-inner"> <div class="accordion-headline" data-bs-toggle="collapse" data-bs-target="#accordion-target-2-"> <span>Kann sich jeder bei euch für den Vertrieb bewerben? </span> <div class="accordion-icon" data-bs-toggle="collapse" data-bs-target="#accordion-target-2-"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-down"></use> </svg> </div> </div> <div class="accordion-content collapse" data-bs-parent="#accordion-" id="accordion-target-2-"> <div> <p>Na klar! Egal ob du dein Projekt oder Label gerade erst gestartet hast oder bereits jahrelange Erfahrung mitbringst – wir freuen uns von dir zu hören!</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-primary pt-0 pb-0 " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="contact-section-wrapper"> <div class="contact-section-text"> <h3>Verschaff' dir Gehör!</h3> <p class="intro">Wir haben immer ein offenes Ohr für Künstler:innen und Lables, bieten fachmännische Beratung und innovative Lösungskonzepte. Überzeug' dich selbst!</p> </div> <div class="contact-section-link btn btn-primary btn-large btn-flip" data-contact-overlay=""> <span class="front"> Kontakt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Kontakt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </div> </div> </div> </div> </div> </div> </div> <footer data-aos="fade-up"> <div class="footer-company"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer-link-row"> <div class="footer-link-col"> <a class="footer-link text-green" href="music/"> Music </a> <a class="footer-link text-purple" href="podcast/"> Podcast </a> <a class="footer-link text-blue" href="digitalpublishing/"> Audiobook </a> <a class="footer-link" href="about-us/"> About us </a> </div> <div class="footer-social-col"> <div class="footer-social-headline"> Zebralution folgen </div> <div class="footer-social-media"> <a href="https://www.instagram.com/zebralution.music/?hl=de" target="_blank" class="no-underline"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#instagram"></use> </svg> </a> <a href="https://www.linkedin.com/company/zebralution-gmbh/?originalSubdomain=de" target="_blank" class="no-underline"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#linkedin-in"></use> </svg> </a> <a href="https://twitter.com/ZebralutionGmbH?s=20&t=G3oiKBBhaSuCcStfnkGz2w" target="_blank" class="no-underline"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#twitter"></use> </svg> </a> <a href="https://www.facebook.com/ZebralutionGmbH/" target="_blank" class="no-underline"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#facebook-f"></use> </svg> </a> </div> </div> </div> <div class="footer-slogan-wrapper"> <div class="row"> <div class="col-lg-5"> <div class="footer-slogan"> The All Audio Company </div> </div> <div class="col-lg-7"> <div class="footer-places-wrapper"> <div class="footer-places"> <div>Amsterdam</div> <div>Hamburg</div> <div>Los Angeles</div> <div>Barcelona</div> <div>Leverkusen</div> <div>Paris</div> <div>Bochum</div> <div>London</div> <div>Berlin</div> <div>Mexico</div> </div> </div> </div> </div> </div> <div class="footer-link-col d-grid d-lg-none"> <a class="footer-link text-green" href="music/"> Music </a> <a class="footer-link text-purple" href="podcast/"> Podcast </a> <a class="footer-link text-blue" href="digitalpublishing/"> Audiobook </a> <a class="footer-link" href="about-us/"> About us </a> </div> </div> </div> </div> </div> <div class="footer-info"> <div class="container"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-lg-8"> <div class="footer-address"> <a href="tel:+4930488288880">+49 (0)30 488 2888 80</a> <br> Pfuelstraße 5, Aufgang III 10997 Berlin </div> </div> <div class="col-lg-4"> <div class="footer-keychange-image"> <img class="img-fluid" alt="keychange" src="/assets/template/Medien/Bilder/keychange.png"> </div> </div> </div> <div class="footer-pattern"> <img class="img-fluid" alt="Pattern" src="/assets/template/img/footer-pattern.png?1699974653"> </div> <div class="footer-pattern-mobile"> <div class="progress"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 100%"></div> </div> </div> <div class="footer-legal"> <div class="footer-copyright"> © 2025 Zebralution GmbH </div> <div class="footer-legal-links"> <a href="impressum">Impressum</a> <a href="datenschutz">Datenschutz</a> <a href="agb">Nutzungsbedingungen</a> </div> </div> </div> </div> </div> </div> </footer> <div class="sticky-contact-wrapper" data-contact-overlay=""> <svg width="160" height="160" class="sticky-contact-open" data-open-contact="" id="eH4Vxtmhu861" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 160 160" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <defs> <polygon id="eH4Vxtmhu862" points="79.712578,0 0,79.856031 80,160 160,79.856031" /> </defs> <g id="eH4Vxtmhu863" transform="matrix(.9 0 0 0.9 8 7.654493)"> <g transform="translate(0 0.383897)"> <use width="160" height="160" xlink:href="#eH4Vxtmhu862" fill="#fff" fill-rule="evenodd" /> <g transform="translate(0-.499997)" mask="url(#eH4Vxtmhu8623)"> <g> <g transform="translate(-.166667 6.6161)"> <rect width="160" height="5" rx="0" ry="0" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(0 12)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 24)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 36)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 48)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.333333 60)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 72)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 84)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.333333 96)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 108)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 120)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.333333 132)" fill-rule="evenodd" /> <rect width="160" height="5" rx="0" ry="0" transform="translate(.166667 144)" fill-rule="evenodd" /> <rect id="eH4Vxtmhu8622" width="155.11244" height="7" rx="0" ry="0" transform="matrix(1.076648 0 0-.999979-3.223636 83.999924)" fill="#fff" stroke-width="0" /> </g> </g> <mask id="eH4Vxtmhu8623" mask-type="luminance"> <use width="160" height="160" xlink:href="#eH4Vxtmhu862" fill="#fff" fill-rule="evenodd" /> </mask> </g> </g> <polygon id="eH4Vxtmhu8625" points="79.784434,21 20,80.892023 80,141 140,80.892023" fill="#fff" fill-rule="evenodd" /> <g transform="translate(57 63)"> <path id="eH4Vxtmhu8627" d="M45.3568,1.873694v30.324727l-.545154-.526618-.545154-.527164L33.443008,20.681501L31.92748,22.248819L43.029538,32.981807l.564234.545154.549515.531525c-.063783.009268-.128656.013629-.19462.013629h-42.540535c-.065963,0-.130837-.004361-.194074-.013629l.549515-.531525.564234-.545154L13.429865,22.248819l-1.515528-1.567318L1.090308,31.145184l-.545154.527164L0,32.198966L0,1.873694l.545154.526618.545154.527164L16.495265,17.819989l4.00361,3.870592c.407411.393965,1.13392,1.111664,2.179525,2.153099c1.045605-1.041435,1.772113-1.759134,2.179525-2.153099l4.00361-3.870592L44.266492,2.927476l.545154-.527164.545154-.526618Z" /> <path id="eH4Vxtmhu8628" d="M1.763573,0.545154l-.549515-.531525C1.277295,0.004361,1.342169,0,1.408132,0h42.540535c.065964,0,.130837.004361.19462.013629l-.55006.531525-.563689.545154L27.346007,16.252126l-4.00361,3.870593c-.130502.126107-.351744.334377-.663725.62481-.325122-.30278-.546545-.51105-.66427-.62481l-4.003609-3.870593L2.327807,1.090308l-.564234-.545154Z" /> </g> </g> <script><![CDATA[ (function (s, i, u, o, c, w, d, t, n, x, e, p, a, b) { (a = document.getElementById(i.root)).svgatorPlayer = { ready: (function (a) { b = []; return function (c) { return c ? (b.push(c), a.svgatorPlayer) : b } })(a) }; w[o] = w[o] || {}; w[o][s] = w[o][s] || []; w[o][s].push(i); e = d.createElementNS(n, t); e.async = true; e.setAttributeNS(x, 'href', [u, s, '.', 'j', 's', '?', 'v', '=', c].join('')); e.setAttributeNS(null, 'src', [u, s, '.', 'j', 's', '?', 'v', '=', c].join('')); p = d.getElementsByTagName(t)[0]; p.parentNode.insertBefore(e, p); })('91c80d77', { "root": "eH4Vxtmhu861", "version": "2022-05-04", "animations": [{ "elements": { "eH4Vxtmhu863": { "transform": { "data": { "o": { "x": 79.999997, "y": 80, "type": "corner" }, "t": {"x": -79.999997, "y": -80.383897} }, "keys": {"s": [{"t": 0, "v": {"x": 0.9, "y": 0.9}}, {"t": 200, "v": {"x": 1, "y": 1}}]} } }, "eH4Vxtmhu8622": { "transform": { "data": { "o": {"x": 80.277113, "y": 80.499997, "type": "corner"}, "t": {"x": -77.55622, "y": -3.5} }, "keys": { "s": [{"t": 0, "v": {"x": 1.076648, "y": -0.999979}}, { "t": 200, "v": {"x": 1.06087, "y": -26.695059} }] } } }, "eH4Vxtmhu8625": { "fill": [{ "t": 0, "v": {"t": "c", "v": {"r": 255, "g": 255, "b": 255, "a": 1}} }, {"t": 100, "v": {"t": "c", "v": {"r": 0, "g": 0, "b": 0, "a": 1}}}] }, "eH4Vxtmhu8627": { "fill": [{ "t": 0, "v": {"t": "c", "v": {"r": 0, "g": 0, "b": 0, "a": 1}} }, {"t": 100, "v": {"t": "c", "v": {"r": 255, "g": 255, "b": 255, "a": 1}}}] }, "eH4Vxtmhu8628": { "fill": [{ "t": 0, "v": {"t": "c", "v": {"r": 0, "g": 0, "b": 0, "a": 1}} }, {"t": 100, "v": {"t": "c", "v": {"r": 255, "g": 255, "b": 255, "a": 1}}}] } }, "s": "MDEA1Mjg0MmJUNLmRUN2U3YjZhAN2Q3Mjc4NzcUyYjQzM2UzOTGM5MzUyYjZkNAzI3Ykw2ZVJWYNmM3ZEg3MkQM3ODc3MmI0M0O8zYUUzNTJiNPzJLN2Q2ZTdiFWDZhN2Q3MjcN4Nzc3YzJiNDWMzYTM1MmI2ZWjcyNzU3NTJiMNDMzYTM1MmIE2YTc1N2Q2ZTFdiNzc2YTdkNSmUyYjQzNmY2GYUs3NTdjNmUIzNTJiN2M3OTRZlNmVENmQyYQjQzM2E4Ng|" }], "options": "MDGAyMzlkNDQ5NQTk2ODM5NDk2PNDQ1YzQ0UDhYhOTE5ODg3OTKQ0NDRlNDRPTADhhOTE5ODg3DOTQ0NDVjNDQL5NDg3OThMODYc5NDk1ODc0NBDlm" }, 'https://cdn.svgator.com/ply/', '__SVGATOR_PLAYER__', '2022-05-04', window, document, 'script', 'http://www.w3.org/2000/svg', 'http://www.w3.org/1999/xlink')]]></script> </svg> <img class="sticky-contact-close" src="/assets/template/img/sticky-contact-close.svg?1699974652" alt="Contact" data-close-contact=""> </div> <div class="frc-captcha" data-lang="de" data-sitekey="FCMI524T21MRTJS1"></div> <div class="contact-overlay-wrapper"> <div class="contact-overlay-content"> <div class="container"> <div class="row"> <div class="col-12"> <div class="logo-wrapper"> <svg class="logo"> <use xlink:href="/assets/template/Medien/Bilder/1-Music/ZL-Music-Logo-WBM-RGB.svg?1662731678#logo"></use> </svg> <div class="navbar-toggler"> <a class="nav-expander fixed navbar-toggle" data-contact-overlay=""> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </a> </div> </div> </div> </div> <div class="contact-overlay-content"> <div class="contact-overlay-item active" data-contact-overlay-type="start"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <h2 class="text-center">Kontakt</h2> <div class="contact-overlay-overline intro"> Vielen Dank für dein Interesse an einer Zusammenarbeit. Bitte schicke uns über das Kontaktformular einige Informationen. Wir melden uns so rasch wie möglich bei dir zurück. </div> </div> </div> <div class="row"> <div class="offset-xxl-3 offset-lg-2 col-lg-4 col-xxl-3 col-6"> <div class="overflow-hidden"> <div class="contact-overlay-start-item" data-type="music"> <div class="contact-overlay-start-item-inner"> <div class="contact-overlay-start-item-headline"> Music </div> <div class="contact-overlay-start-item-text intro"> Labels<br> Künstler*innen<br> Managements </div> <div class="contact-overlay-start-item-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-xxl-3 col-6"> <div class="overflow-hidden"> <div class="contact-overlay-start-item" data-type="podcast"> <div class="contact-overlay-start-item-inner"> <div class="contact-overlay-start-item-headline"> Podcast </div> <div class="contact-overlay-start-item-text intro"> Podcaster*Innen<br> Werbetreibende </div> <div class="contact-overlay-start-item-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="offset-xxl-3 offset-lg-2 col-lg-4 col-xxl-3 col-6"> <div class="overflow-hidden"> <div class="contact-overlay-start-item" data-type="audiobook"> <div class="contact-overlay-start-item-inner"> <div class="contact-overlay-start-item-headline"> Audiobook </div> <div class="contact-overlay-start-item-text intro"> Verlage </div> <div class="contact-overlay-start-item-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-xxl-3 col-6"> <div class="overflow-hidden"> <div class="contact-overlay-start-item" data-type="other"> <div class="contact-overlay-start-item-inner"> <div class="contact-overlay-start-item-headline"> Gruppe </div> <div class="contact-overlay-start-item-text intro"> </div> <div class="contact-overlay-start-item-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> </div> </div> <form action="music/" id="contactformmusic" method="POST"> <input hidden name="contact_type" value="Music"> <div class="contact-overlay-item d-none" data-contact-overlay-type="music"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <h2 class="text-center">Kontakt</h2> </div> </div> <div class="row"> <div class="offset-lg-3 col-lg-6"> <div class="contact-overlay-progress" data-step-count="4"> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 25%"></div> </div> </div> </div> </div> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="contact-overlay-item-steps"> <div class="contact-overlay-item-step active" data-next-step="2" data-step="1"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-forename"> Vorname* </label> <input class="form-control" id="contact-music-forename" name="forename" required type="text"> </div> <div class="form-group"> <label for="contact-music-company"> Firmenname* </label> <input class="form-control" id="contact-music-company" name="company" required type="text"> </div> <div class="form-group"> <label for="contact-music-email"> E-Mail-Adresse* </label> <input class="form-control" id="contact-music-email" name="email" required type="email"> </div> <div class="row"> <div class="col-lg-4"> <div class="form-group"> <label for="contact-music-zip"> PLZ </label> <input class="form-control" id="contact-music-zip" name="zip" type="text"> </div> </div> <div class="col-lg-8"> <div class="form-group"> <label for="contact-music-city"> Stadt </label> <input class="form-control" id="contact-music-city" name="city" type="text"> </div> </div> </div> <div class="form-group"> <label for="contact-music-country"> Land* </label> <input class="form-control" id="contact-music-country" name="country" required type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-surname"> Nachname* </label> <input class="form-control" id="contact-music-surname" name="surname" required type="text"> </div> <div class="form-group"> <label for="contact-music-website"> Unternehmenswebsite </label> <input class="form-control" id="contact-music-website" name="website" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label for="contact-music-phone"> Telefon (mit Ländervorwahl) </label> <input class="form-control" id="contact-music-phone" name="phone" pattern="^\+\d{1,3}\d{6,14}$" placeholder="+49123456789" title="Geben Sie eine gültige Telefonnummer ein, die mit + beginnt, gefolgt von der Landesvorwahl und 6-14 Ziffern" type="text"> </div> <div class="form-group"> <label for="contact-music-street"> Straße </label> <input class="form-control" id="contact-music-street" name="street" type="text"> </div> <div class="form-group"> <label for="contact-music-nr"> Hausnummer </label> <input class="form-control" id="contact-music-nr" name="nr" type="text"> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="3" data-prev-step="1" data-step="2"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-instagram"> Instagram </label> <input class="form-control" id="contact-music-instagram" name="instagram" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label for="contact-music-youtube"> YouTube </label> <input class="form-control" id="contact-music-youtube" name="youtube" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label for="contact-music-twitter"> Twitter </label> <input class="form-control" id="contact-music-twitter" name="twitter" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-facebook"> Facebook </label> <input class="form-control" id="contact-music-facebook" name="facebook" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label for="contact-music-tiktok"> TikTok </label> <input class="form-control" id="contact-music-tiktok" name="tiktok" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label> Demo-Link </label> <input class="form-control" id="contact-music-listen-file" name="listen-file" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="4" data-prev-step="2" data-step="3"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-catalogues"> Anzahl Katalogveröffentlichungen </label> <input class="form-control" id="contact-music-catalogues" name="catalogues" type="number"> </div> <div class="form-group"> <label for="contact-music-associated-artists"> Hauptkünstler*innen </label> <textarea class="form-control" id="contact-music-associated-artists" name="associated_artists" style="height: 270px !important;resize: none !important;" type="text"> </textarea> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-language"> Primäre Sprache der Musik </label> <div class="mb-4"> <select class="selectpicker" data-options-class="contact-overlay-music-options" id="contact-music-language" name="language"> <option disabled selected value=""> Bitte auswählen </option> <option value="DE">DE</option> <option value="EN (US)">EN (US)</option> <option value="EN (UK)">EN (UK)</option> <option value="EN (Other)">EN (Other)</option> <option value="NL">NL</option> <option value="ES">ES</option> <option value="IT">IT</option> <option value="RU">RU</option> <option value="Instrumental">Instrumental</option> <option value="Others">Others</option> </select> </div> </div> <label> </label> <div class="row"> <div class="col-md-6"> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-alternate" name="genre[]" type="checkbox" value="Alternative"> <label class="form-check-label" for="contact-music-check-alternate"> Alternative </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-country" name="genre[]" type="checkbox" value="Country"> <label class="form-check-label" for="contact-music-check-country"> Country </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-hiphop" name="genre[]" type="checkbox" value="HipHop"> <label class="form-check-label" for="contact-music-check-hiphop"> HipHop </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-rock" name="genre[]" type="checkbox" value="Rock"> <label class="form-check-label" for="contact-music-check-rock"> Rock </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-metal" name="genre[]" type="checkbox" value="Metal"> <label class="form-check-label" for="contact-music-check-metal"> Metal </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-pop" name="genre[]" type="checkbox" value="Pop"> <label class="form-check-label" for="contact-music-check-pop"> Pop </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-classical" name="genre[]" type="checkbox" value="Klassik"> <label class="form-check-label" for="contact-music-check-classical"> Klassik </label> </div> </div> <div class="col-md-6"> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-dance" name="genre[]" type="checkbox" value="Dance & Electronic"> <label class="form-check-label" for="contact-music-check-dance"> Dance & Electronic </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-jazz" name="genre[]" type="checkbox" value="Jazz"> <label class="form-check-label" for="contact-music-check-jazz"> Jazz </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-carnival" name="genre[]" type="checkbox" value="Karneval"> <label class="form-check-label" for="contact-music-check-carnival"> Karneval </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-schlager" name="genre[]" type="checkbox" value="Schlager"> <label class="form-check-label" for="contact-music-check-schlager"> Schlager </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-rnb" name="genre[]" type="checkbox" value="RnB"> <label class="form-check-label" for="contact-music-check-rnb"> RnB </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-music-check-world" name="genre[]" type="checkbox" value="Global Music"> <label class="form-check-label" for="contact-music-check-world"> Global Music </label> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-prev-step="3" data-step="4"> <div class="row"> <div class="col-12"> <div class="form-group"> <label for="contact-music-subject"> Betreff* </label> <input class="form-control" id="contact-music-subject" name="subject" required type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-jobtitle"> Jobtitel </label> <textarea class="form-control" id="contact-music-jobtitle" name="jobtitle" style="height: 270px !important;resize: none !important;" type="text"></textarea> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-music-message"> Deine Nachricht* </label> <textarea class="form-control" id="contact-music-message" name="message" required style="height: 270px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> <div class="row d-none contact-overlay-error"> <div class="col-12"> <div class="bg-danger p-3 text-white"> Es ist ein Fehler aufgetreten. Bitte versuche es später erneut. </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> </div> </div> </div> </div> </form> <form action="music/" id="contactformpodcast" method="POST"> <input hidden name="contact_type" value="Podcast"> <div class="contact-overlay-item d-none" data-contact-overlay-type="podcast"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <h2 class="text-center">Kontakt</h2> </div> <div class="offset-lg-3 col-lg-6"> <div class="contact-overlay-progress" data-step-count="3"> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 33%"></div> </div> </div> </div> <div class="col-12"> <div class="contact-overlay-item-steps"> <div class="contact-overlay-item-step active" data-next-step="2" data-step="1"> <div class="contact-overlay-item-headline"> Kontaktiere uns als... </div> <div class="row"> <div class="offset-xxl-3 offset-lg-2 col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast" data-next-step="2"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-actor" name="podcast_person" type="radio" value="0"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-actor"> Podcaster*innen & Publisher </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> <div class="col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast" data-next-step="3"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-advertiser" name="podcast_person" type="radio" value="1"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-advertiser"> Werbetreibende </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip opacity-0" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="4" data-prev-step="1" data-step="2"> <div class="contact-overlay-item-headline"> Kontaktiere uns als... </div> <div class="row"> <div class="offset-xxl-3 offset-lg-2 col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-existing" name="podcast_type" type="radio" value="Bestehender Podcast"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-existing"> Bestehender Podcast </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> <div class="col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-new" name="podcast_type" type="radio" value="Neuer Podcast"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-new"> Neuer Podcast </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip opacity-0" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="5" data-prev-step="1" data-step="2"> <div class="contact-overlay-item-headline"> Kontaktiere uns als... </div> <div class="row"> <div class="offset-xxl-3 offset-lg-2 col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast" data-next-step="5"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-advertising" name="podcast_type" type="radio" value="Podcast Werbung"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-advertising"> Podcast Werbung </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> <div class="col-lg-4 col-xxl-3 col-md-6"> <div class="contact-overlay-item-tile contact-overlay-item-tile-podcast" data-next-step="6"> <div class="contact-overlay-item-tile-inner"> <input hidden id="contact-overlay-podcast-corporate" name="podcast_type" type="radio" value="Corporate Podcast"> <label class="contact-overlay-item-tile-text" for="contact-overlay-podcast-corporate"> Corporate Podcast </label> <div class="contact-overlay-item-tile-pattern"> <img src="/assets/template/img/contact-overlay-pattern-white.svg?1699974652"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip opacity-0" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-prev-step="2" data-step="3"> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-surname-1"> Nachname* </label> <input class="form-control" id="contact-podcast-surname-1" name="surname" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-reason-1"> Grund deiner Kontaktaufnahme* </label> <input class="form-control" id="contact-podcast-reason-1" name="reason" required type="text"> </div> <div class="form-group"> <div class="form-group"> <label for="contact-podcast-message-1"> Deine Nachricht </label> <textarea class="form-control" id="contact-podcast-message-1" name="message" style="height: 200px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-forename-1"> Vorname* </label> <input class="form-control" id="contact-podcast-forename-1" name="forename" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-email-1"> E-Mail-Adresse* </label> <input class="form-control" id="contact-podcast-email-1" name="email" required type="email"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-prev-step="3" data-step="3"> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-surname-2"> Nachname* </label> <input class="form-control" id="contact-podcast-surname-2" name="surname" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-company-2"> Firmenname* </label> <input class="form-control" id="contact-podcast-company-2" name="company" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-reason-2"> Grund deiner Kontaktaufnahme </label> <div class="mb-4"> <select class="selectpicker" data-max-option-height="250" data-options-class="contact-overlay-podcast-options" id="contact-podcast-reason-2" name="reason"> <option disabled selected value=""> Bitte auswählen </option> <option> Ich interessiere mich für Podcastwerbung & Sponsoring-Kampagne für mein Produkt / Dienstleistung / Unternehmen </option> <option> Promotion für meinen neuen/ bestehenden Podcast </option> <option> Agentur im Auftrag eines Werbetreibenden </option> <option> Sonstige </option> </select> </div> </div> <div class="form-group"> <div class="form-group"> <label for="contact-podcast-message-2"> Deine Nachricht </label> <textarea class="form-control" id="contact-podcast-message-2" name="message" style="height: 200px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-forename-2"> Vorname* </label> <input class="form-control" id="contact-podcast-forename-2" name="forename" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-email-2"> E-Mail-Adresse* </label> <input class="form-control" id="contact-podcast-email-2" name="email" required type="email"> </div> <div class="form-group"> <label for="contact-podcast-job-title-2"> Job Titel* </label> <input class="form-control" id="contact-podcast-job-title-2" name="job-title" required type="text"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-prev-step="3" data-step="3"> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-surname-3"> Nachname* </label> <input class="form-control" id="contact-podcast-surname-3" name="surname" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-company-3"> Firmenname* </label> <input class="form-control" id="contact-podcast-company-3" name="company" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-reason-3"> Grund deiner Kontaktaufnahme </label> <input class="form-control" id="contact-podcast-reason-3" name="reason"> </div> <div class="form-group"> <div class="form-group"> <label for="contact-podcast-message-3"> Deine Nachricht </label> <textarea class="form-control" id="contact-podcast-message-3" name="message" style="height: 200px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-podcast-forename-3"> Vorname* </label> <input class="form-control" id="contact-podcast-forename-3" name="forename" required type="text"> </div> <div class="form-group"> <label for="contact-podcast-email-3"> E-Mail-Adresse* </label> <input class="form-control" id="contact-podcast-email-3" name="email" required type="email"> </div> <div class="form-group"> <label for="contact-podcast-job-title-3"> Job Titel* </label> <input class="form-control" id="contact-podcast-job-title-3" name="job-title" required type="text"> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> </div> </div> </div> </div> </form> <form action="music/" id="contactformaudiobook" method="POST"> <input hidden name="contact_type" value="Audiobook"> <div class="contact-overlay-item d-none" data-contact-overlay-type="audiobook"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <h2 class="text-center">Kontakt</h2> </div> <div class="offset-lg-3 col-lg-6"> <div class="contact-overlay-progress" data-step-count="5"> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 20%"></div> </div> </div> </div> <div class="col-12"> <div class="contact-overlay-item-steps"> <div class="contact-overlay-item-step active" data-next-step="2" data-step="1"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-audiobook-forename"> Vorname* </label> <input class="form-control" id="contact-audiobook-forename" name="forename" required type="text"> </div> <div class="form-group"> <label for="contact-audiobook-company"> Firmenname* </label> <input class="form-control" id="contact-audiobook-company" name="company" required type="text"> </div> <div class="form-group"> <label for="contact-audiobook-email"> E-Mail-Adresse* </label> <input class="form-control" id="contact-audiobook-email" name="email" required type="email"> </div> <div class="row"> <div class="col-lg-4"> <div class="form-group"> <label for="contact-audiobook-zip"> PLZ </label> <input class="form-control" id="contact-audiobook-zip" name="zip" type="text"> </div> </div> <div class="col-lg-8"> <div class="form-group"> <label for="contact-audiobook-city"> Stadt </label> <input class="form-control" id="contact-audiobook-city" name="city" type="text"> </div> </div> </div> <div class="form-group"> <label for="contact-audiobook-country"> Land* </label> <input class="form-control" id="contact-audiobook-country" name="country" required type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-audiobook-surname"> Nachname* </label> <input class="form-control" id="contact-audiobook-surname" name="surname" required type="text"> </div> <div class="form-group"> <label for="contact-audiobook-website"> Unternehmenswebsite </label> <input class="form-control" id="contact-audiobook-website" name="website" pattern="^(https?:\/\/)?((www\.)?([\w\-]+\.)+[\w\-]+)(\/[\w\-.,@?^=%&:\/~+#]*)?$" type="text"> </div> <div class="form-group"> <label for="contact-audiobook-phone"> Telefon (mit Ländervorwahl) </label> <input class="form-control" id="contact-audiobook-phone" name="phone" placeholder="+49123456789" type="text"> </div> <div class="form-group"> <label for="contact-audiobook-street"> Straße </label> <input class="form-control" id="contact-audiobook-street" name="street" type="text"> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="3" data-prev-step="1" data-step="2"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-audiobook-catalogues"> Anzahl Katalogveröffentlichungen </label> <input class="form-control" id="contact-audiobook-catalogues" name="catalogues" type="text"> </div> <div class="form-group"> <label for="contact-audiobook-language"> Primäre Sprache der Musik </label> <div class="mb-4"> <select class="selectpicker" data-options-class="contact-overlay-audiobook-options" id="contact-audiobook-language" name="language"> <option disabled selected value=""> Bitte auswählen </option> <option value="DE">DE</option> <option value="EN (US)">EN (US)</option> <option value="EN (UK)">EN (UK)</option> <option value="EN (Other)">EN (Other)</option> <option value="NL">NL</option> <option value="ES">ES</option> <option value="IT">IT</option> <option value="RU">RU</option> <option value="Instrumental">Instrumental</option> <option value="Others">Others</option> </select> </div> </div> <div class="form-group"> <label for="contact-audiobook-associated-author"> Relevante Autor:innen </label> <textarea class="form-control" id="contact-audiobook-associated-author" name="author" style="height: 130px !important;resize: none !important;" type="text"> </textarea> </div> </div> <div class="col-lg-6"> <label class="mb-3">Produktformat</label> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-audiobook" name="product_format[]" type="checkbox" value="Hörbuch"> <label class="form-check-label" for="contact-audiobook-check-audiobook"> Hörbuch </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-radioplay" name="product_format[]" type="checkbox" value="Hörspiel"> <label class="form-check-label" for="contact-audiobook-check-radioplay"> Hörspiel </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-ebook" name="product_format[]" type="checkbox" value="E-Book"> <label class="form-check-label" for="contact-audiobook-check-ebook"> E-Book </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-music" name="product_format[]" type="checkbox" value="Musik"> <label class="form-check-label" for="contact-audiobook-check-music"> Musik </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-podcast" name="product_format[]" type="checkbox" value="Podcast"> <label class="form-check-label" for="contact-audiobook-check-podcast"> Podcast </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-check-other" name="product_format[]" type="checkbox" value="Andere"> <label class="form-check-label" for="contact-audiobook-check-other"> Andere </label> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-next-step="4" data-prev-step="2" data-step="3"> <div class="offset-lg-2 col-lg-8"> <label class="mb-3">Genre</label> <div class="row"> <div class="col-lg-4"> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-audiobook" name="genre[]" type="checkbox" value="Hörbuch"> <label class="form-check-label" for="contact-audiobook-genre-audiobook"> Hörbuch </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-child-audiobook" name="genre[]" type="checkbox" value="Kinderhörspiel"> <label class="form-check-label" for="contact-audiobook-genre-child-audiobook"> Kinderhörspiel </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-child-book" name="genre[]" type="checkbox" value="Kinderbücher"> <label class="form-check-label" for="contact-audiobook-genre-child-book"> Kinderbücher </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-thriller" name="genre[]" type="checkbox" value="Krimi & Thriller"> <label class="form-check-label" for="contact-audiobook-genre-thriller"> Krimi & Thriller </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-study" name="genre[]" type="checkbox" value="Bildung & Lernen"> <label class="form-check-label" for="contact-audiobook-genre-study"> Bildung & Lernen </label> </div> </div> <div class="col-lg-4"> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-nonfiction" name="genre[]" type="checkbox" value="Sachbücher"> <label class="form-check-label" for="contact-audiobook-genre-nonfiction"> Sachbücher </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-drama" name="genre[]" type="checkbox" value="Lyrik & Drama"> <label class="form-check-label" for="contact-audiobook-genre-drama"> Lyrik & Drama </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-romance" name="genre[]" type="checkbox" value="Romance, Liebesromane"> <label class="form-check-label" for="contact-audiobook-genre-romance"> Romance, Liebesromane </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-fantasy" name="genre[]" type="checkbox" value="Science Fiction & Fantasy"> <label class="form-check-label" for="contact-audiobook-genre-fantasy"> Science Fiction & Fantasy </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-youth" name="genre[]" type="checkbox" value="Jugendbücher"> <label class="form-check-label" for="contact-audiobook-genre-youth"> Jugendbücher </label> </div> </div> <div class="col-lg-4"> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-travel" name="genre[]" type="checkbox" value="Reisen"> <label class="form-check-label" for="contact-audiobook-genre-travel"> Reisen </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-teenager" name="genre[]" type="checkbox" value="Junge Erwachsene"> <label class="form-check-label" for="contact-audiobook-genre-teenager"> Junge Erwachsene </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-adviser" name="genre[]" type="checkbox" value="Ratgeber"> <label class="form-check-label" for="contact-audiobook-genre-adviser"> Ratgeber </label> </div> <div class="form-group form-check"> <input class="form-check-input" id="contact-audiobook-genre-belletristik" name="genre[]" type="checkbox" value="Belletristik"> <label class="form-check-label" for="contact-audiobook-genre-belletristik"> Belletristik </label> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Nächster Schritt <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> <div class="contact-overlay-item-step" data-prev-step="3" data-step="4"> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="row"> <div class="col-12"> <div class="form-group"> <label for="contact-audiobook-subject"> Betreff* </label> <input class="form-control" id="contact-audiobook-subject" name="subject" required type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-audiobook-jobtitle"> Jobtitel </label> <textarea class="form-control" id="contact-audiobook-jobtitle" name="jobtitle" style="height: 270px !important;resize: none !important;" type="text"></textarea> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-audiobook-message"> Deine Nachricht* </label> <textarea class="form-control" id="contact-audiobook-message" name="message" required style="height: 270px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> </div> </div> </div> </div> </form> <form action="music/" id="contactformother" method="POST"> <input hidden name="contact_type_other" value="Gruppe"> <div class="contact-overlay-item d-none" data-contact-overlay-type="other"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <h2 class="text-center">Kontakt</h2> </div> </div> <div class="row"> <div class="offset-lg-2 col-lg-8"> <div class="contact-overlay-item-steps"> <div class="contact-overlay-item-step active"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="contact-other-forename"> Vorname </label> <input class="form-control" id="contact-other-forename" name="forename" type="text"> </div> <div class="form-group"> <label for="contact-other-company"> Firmenname* </label> <input class="form-control" id="contact-other-company" name="company" required type="text"> </div> <div class="row"> <div class="col-lg-4"> <div class="form-group"> <label for="contact-other-zip"> PLZ </label> <input class="form-control" id="contact-other-zip" name="zip" type="text"> </div> </div> <div class="col-lg-8"> <div class="form-group"> <label for="contact-other-city"> Stadt </label> <input class="form-control" id="contact-other-city" name="city" type="text"> </div> </div> </div> <div class="form-group"> <label for="contact-other-country"> Land </label> <input class="form-control" id="contact-other-country" name="country" type="text"> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="contact-other-surname"> Nachname </label> <input class="form-control" id="contact-other-surname" name="surname" type="text"> </div> <div class="form-group"> <label for="contact-other-email"> E-Mail-Adresse* </label> <input class="form-control" id="contact-other-email" name="email" required type="email"> </div> <div class="form-group"> <label for="contact-other-message"> Deine Nachricht </label> <textarea class="form-control" id="contact-other-message" name="message" style="height: 162px !important;resize: none !important;" type="text"></textarea> </div> </div> </div> <div class="contact-overlay-item-step-action"> <button class="btn btn-secondary btn-large btn-no-border me-sm-3 mb-3 mb-sm-0 btn-flip" data-btn-prev="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> <span class="back"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Schritt zurück </span> </button> <button class="btn btn-secondary btn-large btn-flip" data-btn-next="" type="button"> <span class="front"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Jetzt Absenden <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> </div> </div> </div> </div> </form> <div class="contact-overlay-item d-none" data-contact-overlay-type="thanks"> <h2>Vielen Dank<br> für deine Anfrage!</h2> <p class="intro"> Wir melden uns so rasch wie möglich bei Dir zurück. <br>Dein Zebralution Team! </p> <div class="contact-overlay-item-go-ahead"> <button class="btn btn-primary btn-large btn-flip" data-contact-overlay="" type="button"> <span class="front"> <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> Weiter geht's </span> <span class="back"> Weiter geht's <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </button> </div> </div> </div> </div> </div> </div> <div class="loading-overlay"> <div class="loading-overlay-inner"></div> <div class="loading-overlay-content"> <span class="spinner"></span> </div> </div> <div class="scroll-progress-wrapper"> <div class="progress"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 5%"></div> </div> </div>  <div class="modal fade" id="cropModal" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> </div> </div> </div> </div> <script src="/assets/template/main.js?1739265383"></script> <script src="/assets/template/result.js?1699974652"></script> </div> </body> </html>