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>About us | 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="About us | Zebralution GmbH "/> <meta name="description" content=""/> <link rel="canonical" href="https://zebralution.com/about-us/" /> <meta property="og:type" content="website"/> <meta property="og:title" content="About us | 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-black "> <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/zebra-logo.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/about-us-en/" class="langswitch en "> EN </a> </li> <li> <a href="https://zebralution.com/es/about-us/" 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 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 active 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="about-us/" 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/about-us-en/" class="langswitch en "> EN </a> </li> <li> <a href="https://zebralution.com/es/about-us/" 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" id="philosophie"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="header-it-wrapper header-it-black "> <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/4-About-us/About-us-1076x802-04.b1f375d5.webp" src="" alt="" /> </div> </div> </div> </div> </div> <div class="header-it-inner"> <div class="container"> <div class="row"> <div class="col-xl-8"> <h1>Building the future of digital audio</h1> </div> </div> <div class="row"> <div class="offset-xl-1 col-xl-4"> <div class="header-it-text"> Das ist unser Antrieb und auch unser Versprechen als Zebralution. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-grey " > <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-10" data-aos="fade-up"> <div class=" "> <p class="overline">Unser Antrieb</p> <h2>The All Audio Company</h2> <p class="intro-large">Digital Audio ist facettenreich und vielfältig. Von Unterhaltung über Information zu Diskussionen bereichert „all audio“ unser Leben. Vor mehr als 15 Jahren sind wir als „pioneers of digital audio“ angetreten, damit Kreative und Produzent*innen ihre erschaffenen Audio-Inhalte einem weltweiten Publikum über eine Vielzahl von Services anbieten können.<br><br>Mit unserer Passion für „people driven business & technology innovations“ ermöglichen wir ganzheitliche Lösungen für das Business unserer Künstler*innen und Partner*innen - damit Audio heute und in Zukunft Gehör findet und unsere Gesellschaft formt.</p> </div> </div> </div> </div> </div> <div class="bg-content-primary " > <div class="container"> <div class="row"> <div class=" col-sm-12" data-aos="fade-up"> <div class=" "> <div class="text-slider-wrapper carousel-multiple carousel slide" data-carousel="" data-per-slide="1"> <div class="row"> <div class="col-xl-7 order-1 order-xl-0"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="text-slider-item"> <div class="text-slider-headline h3"> Innovation vorantreiben </div> <div class="text-slider-text intro" data-read-more="250" data-read-more-text="Mehr anzeigen" data-read-less-text="Weniger anzeigen" data-read-more-width="576"> <p>Als einer der Pioniere in der Welt des digitalen Vertriebs vertreten unsere Gründer seit jeher diesen unternehmerischen Geist. Der Enthusiasmus für Innovation und Technologie ist tief in der DNA des Unternehmens verwurzelt. </p> <p>Mit unserer langjährigen Erfahrung, einem ausgeprägten Gespür für neue Möglichkeiten und dem Zugriff auf unser Expert*innen-Team haben wir die Grundlage für bahnbrechende technologische Innovationen geschaffen. Mit diesen Kompetenzen bauen wir Brücken zwischen Partner*innen und Künstler*innen und geben so jedem und jeder Einzelnen die Möglichkeit über sich selbst hinauszuwachsen.</p> </div> </div> </div> <div class="carousel-item "> <div class="text-slider-item"> <div class="text-slider-headline h3"> Partnerschaft wertschätzen </div> <div class="text-slider-text intro" data-read-more="250" data-read-more-text="Mehr anzeigen" data-read-less-text="Weniger anzeigen" data-read-more-width="576"> <p>Wir lieben Menschen! Unser Ziel ist es, starke und gehaltvolle Beziehungen zu unseren Kund*innen aufzubauen. Wir sind ein zuverlässiger Partner, sind lösungsorientiert und glauben an die Kraft der Freundlichkeit. </p> <p>Da wir uns sicher sind, dass ehrliche und vertrauensvolle zwischenmenschliche Beziehungen der Schlüssel zu unserem Erfolg sind, arbeiten wir hart daran, unseren Künstler*innen und Partner*innen einen hervorragenden Service zu bieten.</p> </div> </div> </div> <div class="carousel-item "> <div class="text-slider-item"> <div class="text-slider-headline h3"> Den Indie-Spirit leben </div> <div class="text-slider-text intro" data-read-more="250" data-read-more-text="Mehr anzeigen" data-read-less-text="Weniger anzeigen" data-read-more-width="576"> <p>Unser Team ist mit Abstand unsere größte Stärke. Wir sind individuelle Persönlichkeiten mit unterschiedlichen Perspektiven. Das hilft uns, Kreativität voranzutreiben. Was uns alle zusammenbringt, ist unsere Leidenschaft für Kultur und Kunst. </p> <p>Wir sind verrückt nach Büchern und Geschichten, wir sind Musikliebhaber*innen und Podcast-Maniacs und wir alle teilen eine enorme Begeisterung für die Produkte unserer Kund*innen. Wir arbeiten mit den Dingen, die wir lieben und wollen deshalb auch unsere Partner*innen bestmöglich unterstützen und dafür sorgen, dass Outcome zu Input und Output zu Income wird.</p> </div> </div> </div> <div class="carousel-item "> <div class="text-slider-item"> <div class="text-slider-headline h3"> Auf Freundlichkeit setzen </div> <div class="text-slider-text intro" data-read-more="250" data-read-more-text="Mehr anzeigen" data-read-less-text="Weniger anzeigen" data-read-more-width="576"> <p>Wir glauben an die Wirkung von ehrlicher, transparenter und respektvoller Kommunikation. Unser Ziel ist es, eine Atmosphäre zu schaffen, in der sich alle unsere Mitarbeiter*innen wertgeschätzt und gestärkt fühlen. </p> <p>Wir haben uns verpflichtet, eine vielfältige und inklusive Kultur zu schaffen, in der wir alle Talente willkommen heißen. Denn wir sind nach außen schwarz-weiß gestreift, aber können uns nichts schöneres und sinnvolleres vorstellen, als das bunte und diverse Team, das wir sind.</p> </div> </div> </div> </div> </div> <div class="col-xl-5 order-0 order-xl-1"> <div class="text-slider-static"> <p class="overline">Zebralution</p> <h2>Unser<br> Leitbild</h2> <div class="text-slider-actions"> <div class="carousel-number-wrapper"> <div class="carousel-number">1</div> <div class="carousel-number-max">/4</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 class="text-slider-background"> <img src="assets/template/Medien/Bilder/Pattern/team-pattern-podcast.png"> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-black " > <div class="container"> <div class="row"> <div class="col-xl-4 " data-aos="fade-up"> <div class=" h-100"> <p class="overline">Unser Team</p> <h2>Unser Team ist mit Abstand die größte Stärke</h2> <p class="intro">Viele Köpfe, Perspektiven und Persönlichkeiten, ein Ziel: Die Zukunft digitaler Audiowelten aktiv mitzugestalten!</p> <div class="spacer-3 "></div> <a href="about-us-team" class="btn btn-primary btn-link btn-flip btn-large" > <span class="front"> Das Zebralution Team <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> <span class="back"> Das Zebralution Team <svg> <use xlink:href="/assets/template/icons.svg?1699974651#chevron-right"></use> </svg> </span> </a> </div> </div> <div class="col-xl-8 mt-3 mt-xl-0 col-padding-top" data-aos="fade-up" data-aos-delay="100"> <div class=" h-100"> <div class="row"> <div class="offset-xl-3 col-xl-9" data-aos="fade-up"> <div class=" "> <div class="img-wrapper "> <img data-src="" src="" alt="" class="img-fluid img-desktop" /> <img data-src="" src="" alt="" class="img-fluid img-mobile" /> <div class="img-pattern-wrapper front-bottom-left"> <img class="img-fluid" src="assets/template/Medien/Bilder/Pattern/Pattern-weiß.svg"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-black " > <div class="container"> <div class="row"> <div class="col-md-4" data-aos="fade-up"> <div class=" h-100"> <p class="text-number" style="text-align: center;">85</p> <p class="overline" style="text-align: center;">Mitarbeiter</p> </div> </div> <div class="col-md-4 mt-3 mt-md-0" data-aos="fade-up" data-aos-delay="100" > <div class=" h-100"> <p class="text-number" style="text-align: center;">9</p> <p class="overline" style="text-align: center;">Standorte</p> </div> </div> <div class="col-md-4 mt-3 mt-md-0" data-aos="fade-up" data-aos-delay="200" > <div class=" h-100"> <p class="text-number" style="text-align: center;">14</p> <p class="overline" style="text-align: center;">Nationalitäten</p> </div> </div> </div> </div> </div> <div class="bg-content-secondary bg-green-light " > <div class="container"> <div class="row"> <div class="col-xl-4 col-padding-top" data-aos="fade-up"> <div class=" h-100"> <p class="overline">Partner</p> <h2>Gemeinsam neues entwickeln</h2> <p class="intro">Seit 2006 entwickeln wir gemeinsam mit unseren Partnern im Verlags, -Musik- und Podcastbusiness digitale Lösungen für erfolgreiche Audioformate.</p> <div class="spacer-3 "></div> </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-wrapper"> <div class="partner-filter-wrapper"> <div class="partner-filter text-green active" data-filter="Music"> Music </div> <div class="partner-filter text-purple" data-filter="Podcast"> Podcast </div> <div class="partner-filter text-blue" data-filter="Audiobook"> Audiobook </div> </div> <div class="partner-item-wrapper"> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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 class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item active " data-category="Music"> <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="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-greenforce-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-greenforce-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-simon-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-simon-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-treedom-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-treedom-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-droemer-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-droemer-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-dtv-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-dtv-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-luebbe-audio-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-luebbe-audio-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-pa-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-pa-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-viertausend-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-viertausend-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-argon-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-argon-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Podcast"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-kiddinx-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-kiddinx-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <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="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-apple-02.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-apple-02.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-audible-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-audible-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="assets/template/Medien/Bilder/Bookbeat_2.png" src="assets/template/Medien/Bilder/Bookbeat_2.png" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <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="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-googlebooks-02.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-googlebooks-02.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-overdrive-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-overdrive-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <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="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-storytel-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-storytel-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <img data-src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-thalia-01.2b589d97.webp" src="/assets/image-cache/template/Medien/Bilder/partner-logos/logo-partner-thalia-01.041512df.webp" alt="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <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="" class="img-fluid" /> </div> <div class="partner-item out" data-category="Audiobook"> <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> <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/zebra-logo.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="about-us/" 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="about-us/" 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="about-us/" 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="about-us/" 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>