<div class="episodeBox" style="display: inline-block; width: 100%; margin-top: 100px;">
<div class="player" style="position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;">
            <div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-62f033f289332"><root data-test="player--xl" style="max-width:950px;min-width:260px;">
  <div class="tablet:px-6 tablet:pt-6 mobile:px-4 mobile:pt-4 flex flex-col">
    <div class="flex-col items-center mobile:flex tablet:hidden">
      <show-title class="text-sm"></show-title>
      <episode-title class="text-base mb-2"></episode-title>
      <subscribe-button class="mb-4 mobile:flex tablet:hidden"></subscribe-button>
      <poster class="rounded-sm w-48 shadow overflow-hidden"></poster>
      <divider class="w-full my-6"></divider>
    </div>

    <div class="tablet:flex flex-grow">
      <div class="w-64 mobile:hidden tablet:block tablet:mr-6">
        <poster class="rounded-sm shadow overflow-hidden"></poster>
      </div>
      <div class="w-full">
        <div class="hidden tablet:block">
          <show-title class="text-base"></show-title>
          <episode-title class="text-xl desktop:text-2xl"></episode-title>
          <divider class="w-full my-4"></divider>
        </div>
        <div class="flex items-center justify-between">
          <div class="block">
            <play-state on="active">
              <speed-control class="flex items-center"></speed-control>
            </play-state>
          </div>

          <div class="flex">
            <play-state on="active">
              <chapter-previous class="mx-2 block"></chapter-previous>
            </play-state>
            <play-state on="active">
              <step-backward class="mx-2 block"></step-backward>
            </play-state>

            <play-button class="mx-2 block" :label="$t('PLAYER.PLAY_EPISODE')"></play-button>

            <play-state on="active">
              <step-forward class="mx-2 block"></step-forward>
            </play-state>
            <play-state on="active">
              <chapter-next class="mx-2 block"></chapter-next>
            </play-state>
          </div>

          <div class="block">
            <play-state on="active">
              <volume-control class="flex items-center"></volume-control>
            </play-state>
          </div>
        </div>
        <div class="flex w-full">
          <progress-bar></progress-bar>
        </div>
        <div class="flex w-full -mt-2">
          <div class="w-3/12 text-left">
            <timer-current class="text-sm"></timer-current>
          </div>
          <div class="w-6/12 text-center truncate">
            <play-state on="active">
              <current-chapter class="text-sm"></current-chapter>
            </play-state>
          </div>
          <div class="w-3/12 text-right">
            <timer-duration class="text-sm"></timer-duration>
          </div>
        </div>
      </div>
    </div>
    <divider class="w-full mt-6 mb-3"></divider>
    <div class="flex justify-between">
      <div class="flex mobile:w-full tablet:w-3/12 desktop:w-3/12 justify-between">
        <tab-trigger tab="chapters">
          <icon type="chapter"></icon>
        </tab-trigger>
        <tab-trigger tab="transcripts">
          <icon type="transcripts"></icon>
        </tab-trigger>
        <tab-trigger tab="files">
          <icon type="download"></icon>
        </tab-trigger>
        <tab-trigger tab="playlist">
          <icon type="playlist"></icon>
        </tab-trigger>
        <tab-trigger tab="share">
          <icon type="share"></icon>
        </tab-trigger>
      </div>
      <subscribe-button class="mt-1 mobile:hidden tablet:flex"></subscribe-button>
    </div>
  </div>
  <div class="w-full relative overflow-hidden">
    <tab name="chapters">
      <tab-chapters></tab-chapters>
    </tab>
    <tab name="transcripts">
      <tab-transcripts></tab-transcripts>
    </tab>
    <tab name="files">
      <tab-files></tab-files>
    </tab>
    <tab name="playlist">
      <tab-playlist></tab-playlist>
    </tab>
    <tab name="share">
      <tab-share></tab-share>
    </tab>
    <tab-overflow></tab-overflow>
  </div>
  <error></error>
</root>
</div>
            <script>
              document.addEventListener("DOMContentLoaded", function() {
                var player = document.getElementById("player-62f033f289332");
                podlovePlayerCache.add([null, {"url":"http:\/\/cinecaster.de\/wp-json\/podlove-web-player\/shortcode\/config\/default\/theme\/default","data":{"activeTab":"chapters","subscribe-button":null,"share":{"channels":["facebook","twitter","whats-app","linkedin","pinterest","xing","mail","link"],"outlet":"http:\/\/cinecaster.de\/wp-content\/plugins\/podlove-web-player\/web-player\/share.html","sharePlaytime":true},"related-episodes":{"source":"disabled","value":null},"version":5,"theme":{"tokens":{"brand":"#E64415","brandDark":"#235973","brandDarkest":"#1A3A4A","brandLightest":"#E9F1F5","shadeDark":"#807E7C","shadeBase":"#807E7C","contrast":"#000","alt":"#fff"},"fonts":{"ci":{"name":"ci","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":800},"regular":{"name":"regular","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":300},"bold":{"name":"bold","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":700}}},"base":"http:\/\/cinecaster.de\/wp-content\/plugins\/podlove-web-player\/web-player\/"}}]);
                podlovePlayer(player, null, "http://cinecaster.de/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
                  player && player.classList.remove("podlove-web-player-loading");
                });
              });
            </script>
            <style>
              .podlove-web-player.podlove-web-player-loading {
                opacity: 0;
              }
            </style>
        </div>
<div class="socialMediaLinks" style="width: 40%; border-right: 1px solid #e6e6e6; float: left;">
<h3 style="color: #5d7289; font-family: 'Open Sans', sans-serif; margin-top: 0px;">Wir sind auch bei:</h3>
<p><a href="https://itunes.apple.com/de/podcast/der-cinecast/id512175495?mt=2" target="_blank" rel="noopener noreferrer"><img style="width: 60px; float: left; margin-right: 20px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/itunes.png" alt="iTunes"></a><a href="https://www.youtube.com/channel/UCuzvuxNVfg10oonw0AUvsDQ" target="_blank" rel="noopener noreferrer"><img style="width: 60px; float: left; margin-right: 20px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/youtube.png" alt="YouTube"></a><a href="https://twitter.com/dercinecast?lang=de" target="_blank" rel="noopener noreferrer"><img style="width: 60px; float: left; margin-right: 20px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/twitter.png" alt="Twitter"></a><a href="https://www.facebook.com/DerCineCast/" target="_blank" rel="noopener noreferrer"><img style="width: 60px; float: left; margin-right: 10px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/facebook.png" alt="Facebook"></a></p>
<p><a href="https://open.spotify.com/show/7Gv9lBi80onGCyxWus8G4u"><img loading="lazy" class="wp-image-2486" src="http://cinecaster.de/wp-content/uploads/2020/01/spotify-podcast-badge-wht-grn-660x160-1.png" alt="" width="285" height="68" srcset="http://cinecaster.de/wp-content/uploads/2020/01/spotify-podcast-badge-wht-grn-660x160-1.png 660w, http://cinecaster.de/wp-content/uploads/2020/01/spotify-podcast-badge-wht-grn-660x160-1-300x73.png 300w, http://cinecaster.de/wp-content/uploads/2020/01/spotify-podcast-badge-wht-grn-660x160-1-370x90.png 370w" sizes="(max-width: 285px) 100vw, 285px" /></a></p>
<p><strong>CineCast</strong></p>
<p><a href="https://www.patreon.com/derCinecast" target="_blank" rel="noopener noreferrer"><img style="width: 90%; float: left; margin-right: 10px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/patreon.jpg" alt="Facebook"></a><a href="http://letterboxd.com/cinecast_jan/" target="_blank" rel="noopener noreferrer"><img style="width: 90%; float: left; margin-right: 10px; margin-bottom: 20px;" src="http://cinecaster.de/wp-content/uploads/2018/06/letterboxd_jan.png" alt="Letterboxd"></a></p>
</div>
<div style="float: right; width: 50%;">
<div>Jan und Peter sprechen über aktuelle Filme und insbedondere über The Batman.</div>
<div>
<p>Viel Spass beim Hören und unterstützt mich gern bei Patreon.</p>
<p><a href="https://www.patreon.com/derCinecast">https://www.patreon.com/derCinecast</a><br />
<a href="https://www.patreon.com/bePatron?u=2914846" data-patreon-widget-type="become-patron-button">Become a Patron!</a><script async="" src="https://c6.patreon.com/becomePatronButton.bundle.js"></script></p>
</div>
</div>
</div>

Der Podcast für Filmfreund und solche die es werden möchten!