<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Projekte Archiv - KYD Berlin</title>
	<atom:link href="https://kyd-berlin.de/project/feed/" rel="self" type="application/rss+xml" />
	<link>https://kyd-berlin.de/project/</link>
	<description></description>
	<lastBuildDate>Mon, 08 Sep 2025 15:45:25 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://kyd-berlin.de/wp-content/uploads/2024/07/cropped-KYD_Favicon-32x32.png</url>
	<title>Projekte Archiv - KYD Berlin</title>
	<link>https://kyd-berlin.de/project/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>GANT – Reverie</title>
		<link>https://kyd-berlin.de/project/gant-reverie/</link>
					<comments>https://kyd-berlin.de/project/gant-reverie/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 09:51:06 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=2212</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/gant-reverie/">GANT – Reverie</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_0 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-gant" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/gant_still_16x9.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-gant').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1111635194?h=6d10b18c49&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[COMMERCIAL]</h2>
<h3 class="p2">GANT – Reverie</h3>
<p>&nbsp;</p>
<p class="p1">A <strong>killyourdarlings</strong> production</p>
<p class="p1"><strong>DIRECTOR</strong> Anastasja Black <strong>DIRECTOR OF PHOTOGRAPHY</strong> Rowan Biddiscombe <strong>POSTPRODUCTION</strong> killyourdarlings</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/gant-reverie/">GANT – Reverie</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/gant-reverie/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ravani – Inner Circle</title>
		<link>https://kyd-berlin.de/project/ravani-inner-circle/</link>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 09:46:59 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=2201</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/ravani-inner-circle/">Ravani – Inner Circle</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_2 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_1">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-ravani" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/ravani_still_16x9.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-ravani').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115411684?h=d3839501a2&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[COMMERCIAL]</h2>
<h3 class="p2">Ravani – Inner Circle</h3>
<p> <strong>a killyourdarlings production</strong></p>
<p class="p1"><strong>CLIENT</strong> Ravani <strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>EXECUTIVE PRODUCER</strong> Vincent Göler</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/ravani-inner-circle/">Ravani – Inner Circle</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Balletshofer &#8211; 2025 008 Runway</title>
		<link>https://kyd-berlin.de/project/balletshofer-2025-008-runway/</link>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 09:36:19 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=2188</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/balletshofer-2025-008-runway/">Balletshofer &#8211; 2025 008 Runway</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_4 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_2">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-balletshofer" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/balletshofer_still_16x9.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-balletshofer').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115412797?h=cd33816364&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[COMMERCIAL]</h2>
<h3 class="p2">Balletshofer &#8211; 2025 008 Runway</h3>
<p>&nbsp;</p>
<p class="p1"><strong>CLIENT</strong> Balletshofer <strong>DESIGN &amp; CREATIVE DIRECTION</strong> Alan Balletshofer <strong>DIRECTOR</strong> Finn Dubbeld <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>HEAD OF CAMERA DEPT</strong> Eike Marquardt <strong>PRODUCER</strong> Vincent Göler <strong>LIGHT DESIGN</strong> Odysseus Sacirovic-Konstantinidis</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/balletshofer-2025-008-runway/">Balletshofer &#8211; 2025 008 Runway</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Spotify Audiobooks</title>
		<link>https://kyd-berlin.de/project/spotify-audiobooks/</link>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 09:22:50 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=2122</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/spotify-audiobooks/">Spotify Audiobooks</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_3">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify1" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify-audiobooks-1-thumbnail.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify1').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115748920?h=6a9ec33a96&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_7 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>[COMMERCIAL]</h2>
<h3>Spotify Audiobooks</h3>
<p>&nbsp;<br />
<strong>a killyourdarlings production</strong></p>
<p><strong>CLIENT </strong>Spotify<br />
<strong>AGENCY </strong>Dojo</p>
<p><strong>DIRECTOR </strong>David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY </strong>Sebastian Briem <strong>EXECUTIVE PRODUCER </strong>Steffi Seinig <strong>PRODUCER </strong>Vincent Göler<strong><br />
</strong></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_4">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify2" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify-audiobooks-2-thumbnail.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify2').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115749816?h=3685ce8e8e&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_5">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify3" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify-audiobooks-3-thumbnail.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify3').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115752485?h=111f511de4&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_8 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_6">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify4" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify-audiobooks-4-thumbnail.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify4').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115753224?h=b00b1a5ebc&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_7">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify5" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify-audiobooks-5-thumbnail.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify5').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115754692?h=eaa10cdaae&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row pac_drh_phone_col_three pac_drh_tab_col_three pac_drh_stack_row pac_drh_stack_tab_mob et_pb_row_9 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1080" height="1920" src="https://kyd-berlin.de/wp-content/uploads/2025/09/1still_r02_03_jam_r02_9x16.webp" alt="" title="1still_r02_03_jam_r02_9x16" srcset="https://kyd-berlin.de/wp-content/uploads/2025/09/1still_r02_03_jam_r02_9x16.webp 1080w, https://kyd-berlin.de/wp-content/uploads/2025/09/1still_r02_03_jam_r02_9x16-980x1742.webp 980w, https://kyd-berlin.de/wp-content/uploads/2025/09/1still_r02_03_jam_r02_9x16-480x853.webp 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw" class="wp-image-2132" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_8">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-containerhoch {
    position: relative;
    padding-top: 177.78%; /* 9:16 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-containerhoch:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-spotify6" class="video-thumbnail-containerhoch">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/09/2thumbnailr02_01_on-demand_r02_9x16.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-spotify6').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1115759204?h=c1cd99ed77&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1080" height="1920" src="https://kyd-berlin.de/wp-content/uploads/2025/09/3stillr02_04_offline_r02_9x16.webp" alt="" title="3stillr02_04_offline_r02_9x16" srcset="https://kyd-berlin.de/wp-content/uploads/2025/09/3stillr02_04_offline_r02_9x16.webp 1080w, https://kyd-berlin.de/wp-content/uploads/2025/09/3stillr02_04_offline_r02_9x16-980x1742.webp 980w, https://kyd-berlin.de/wp-content/uploads/2025/09/3stillr02_04_offline_r02_9x16-480x853.webp 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw" class="wp-image-2134" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_10 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_9">
				
				
				
				
				<div class="et_pb_code_inner"><video width="100%" playsinline loop muted autoplay>

<source src="https://kyd-berlin.de/wp-content/uploads/2025/09/SPOTIFY_OOH_2_komp.mp4">

</video></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_10">
				
				
				
				
				<div class="et_pb_code_inner"><video width="100%" playsinline loop muted autoplay>

<source src="https://kyd-berlin.de/wp-content/uploads/2025/09/SPOTIFY_OOH_3_komp.mp4">

</video></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_11 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1920" height="1080" src="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify_ooh_1.webp" alt="" title="spotify_ooh_1" srcset="https://kyd-berlin.de/wp-content/uploads/2025/09/spotify_ooh_1.webp 1920w, https://kyd-berlin.de/wp-content/uploads/2025/09/spotify_ooh_1-1280x720.webp 1280w, https://kyd-berlin.de/wp-content/uploads/2025/09/spotify_ooh_1-980x551.webp 980w, https://kyd-berlin.de/wp-content/uploads/2025/09/spotify_ooh_1-480x270.webp 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1920px, 100vw" class="wp-image-2131" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/spotify-audiobooks/">Spotify Audiobooks</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>OTTO x Jolle &#8211; &#8230;find&#8216; ich gut</title>
		<link>https://kyd-berlin.de/project/otto-x-jolle-find-ich-gut/</link>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:59:11 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1769</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/otto-x-jolle-find-ich-gut/">OTTO x Jolle &#8211; &#8230;find&#8216; ich gut</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_8 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_12 et_pb_gutters2">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_video et_pb_video_0">
				
				
				
				
				<div class="et_pb_video_box">
				<video controls>
					
					<source type="video/webm" src="https://kyd-berlin.de/wp-content/uploads/2025/05/OttoXJolle_ASSET_1_FINAL_H264.webm" />
				</video></div>
				<div style="background-image:url(https://kyd-berlin.de/wp-content/uploads/2025/05/otto_still_projektseite1.webp)" class="et_pb_video_overlay"><div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_video et_pb_video_1">
				
				
				
				
				<div class="et_pb_video_box">
				<video controls>
					
					<source type="video/webm" src="https://kyd-berlin.de/wp-content/uploads/2025/05/OttoXJolle_ASSET_2_FINAL_H264.webm" />
				</video></div>
				<div style="background-image:url(https://kyd-berlin.de/wp-content/uploads/2025/05/otto_still_projektseite2.webp)" class="et_pb_video_overlay"><div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_video et_pb_video_2">
				
				
				
				
				<div class="et_pb_video_box">
				<video controls>
					
					<source type="video/webm" src="https://kyd-berlin.de/wp-content/uploads/2025/05/OttoXJolle_ASSET_3_FINAL_H264.webm" />
				</video></div>
				<div style="background-image:url(https://kyd-berlin.de/wp-content/uploads/2025/05/otto_still_projektseite3.webp)" class="et_pb_video_overlay"><div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_9 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_13">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[SOCIAL MEDIA CAMPAIGN]</h2>
<h3 class="p2">OTTO X JOLLE &#8211; …find’ ich gut</h3>
<p>&nbsp;</p>
<p class="p1"><strong>A killyourdarlings production</strong></p>
<p class="p1"><strong>CLIENT</strong> Otto <strong>AGENCY</strong> Imagine &amp; c/o Setzkorn Kemper</p>
<p class="p1"><strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>EXECUTIVE PRODUCER</strong> Vincent Göler</p>
<p class="p1"><strong>MUSIC PLATFORM, CONCEPT &amp; EXECUTION</strong> Imagine</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/otto-x-jolle-find-ich-gut/">OTTO x Jolle &#8211; &#8230;find&#8216; ich gut</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>RICOCHET</title>
		<link>https://kyd-berlin.de/project/ricochet/</link>
					<comments>https://kyd-berlin.de/project/ricochet/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:59:07 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1767</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/ricochet/">RICOCHET</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_10 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_14">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_11">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 75%; /* Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-video1085706834" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/ricochet_still.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo Player API -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085706834').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085706834?h=15c604281b&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_11 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_15">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[SHORT FILM]</h2>
<h3 class="p2">RICOCHET</h3>
<p class="p1"><strong>A killyourdarlings production</strong></p>
<p class="p1"><strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>EXECUTIVE PRODUCER</strong> Vincent Göler</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/ricochet/">RICOCHET</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/ricochet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>TRYP.com</title>
		<link>https://kyd-berlin.de/project/tryp-com/</link>
					<comments>https://kyd-berlin.de/project/tryp-com/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:59:03 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1660</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/tryp-com/">TRYP.com</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_12 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_17">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_12">
				
				
				
				
				<div class="et_pb_code_inner"><!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vimeo Thumbnail Hover</title>
  <style>
    .video-thumbnail-container {
      position: relative;
      padding-top: 56.25%; /* 16:9 Seitenverhältnis */
      cursor: pointer;
      overflow: hidden;
    }

    .thumbnail-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }

    .hover-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0); /* Kein Overlay standardmäßig */
      z-index: 2;
      transition: background-color 0.3s ease;
    }

    .video-thumbnail-container:hover .hover-overlay {
      background-color: rgba(0, 0, 0, 0.3); /* 30% Schwarz beim Hover */
    }
  </style>
</head>
<body>

  <div id="vimeo-container-video1085702284" class="video-thumbnail-container">
    <!-- Eigenes Thumbnail -->
    <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/tryp.com_still.webp"
         alt="Video Thumbnail" class="thumbnail-img">

    <!-- Overlay -->
    <div class="hover-overlay"></div>
  </div>

  <!-- Vimeo Player API -->
  <script src="https://player.vimeo.com/api/player.js"></script>
  <script>
    document.getElementById('vimeo-container-video1085702284').addEventListener('click', function () {
      this.innerHTML = ''; // Thumbnail + Overlay entfernen

      const iframe = document.createElement('iframe');
      iframe.setAttribute('src', 'https://player.vimeo.com/video/1085702284?h=01333a0593&title=1&byline=0&portrait=0&transparent=0');
      iframe.setAttribute('frameborder', '0');
      iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
      iframe.setAttribute('allowfullscreen', '');
      iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

      this.appendChild(iframe);

      const player = new Vimeo.Player(iframe);
      player.play();
    });
  </script>

</body>
</html>
</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_13 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_18">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[TV COMMERCIAL]</h2>
<h3 class="p2">Tryp.com &#8211; Next Generation of Travel</h3>
<p>&nbsp;</p>
<p class="p1"><strong>CLIENT</strong> TRYP.com<br /><strong>PRODUCTION </strong>killyourdarlings &amp; DOGEARFILMS<strong><br />AGENCY</strong> DOGEARFILMS<br /><strong>EXECUTIVE PRODUCER</strong> Roman Prochnow</p>
<p class="p1"><strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>PRODUCER</strong> Pauline Stölzel &amp; Vincent Göler</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/tryp-com/">TRYP.com</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/tryp-com/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Luvre47 &#8211; Depression mit Meerblick</title>
		<link>https://kyd-berlin.de/project/luvre47-depression-mit-meerblick/</link>
					<comments>https://kyd-berlin.de/project/luvre47-depression-mit-meerblick/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:58:59 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1669</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/luvre47-depression-mit-meerblick/">Luvre47 &#8211; Depression mit Meerblick</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_14 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_20">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_13">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-ravani" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/still-2025-04-14-124422_1.32.1.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo API laden -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-ravani').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute(
      'src',
      'https://player.vimeo.com/video/1085711323?h=236a0b4171&title=1&byline=0&portrait=0&transparent=0'
    );
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_15 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_21">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[ALBUM CAMPAIGN]</h2>
<h3 class="p2">Luvre47 &#8211; Depression mit Meerblick</h3>
<p class="p1"><strong>a killyourdarlings production</strong></p>
<p class="p1"><strong>DIRECTOR</strong> Dominik Leingartner <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>EXECUTIVE PRODUCER</strong> Vincent Göler</p></div>
			</div><div class="et_pb_with_border et_pb_module et_pb_image et_pb_image_3">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="2440" height="1220" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre_dmm_productshot.webp" alt="" title="luvre_dmm_productshot" srcset="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre_dmm_productshot.webp 2440w, https://kyd-berlin.de/wp-content/uploads/2025/05/luvre_dmm_productshot-1280x640.webp 1280w, https://kyd-berlin.de/wp-content/uploads/2025/05/luvre_dmm_productshot-980x490.webp 980w, https://kyd-berlin.de/wp-content/uploads/2025/05/luvre_dmm_productshot-480x240.webp 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 2440px, 100vw" class="wp-image-1676" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_16 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_22 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_14">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-fundament" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_02.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo Player API -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-fundament').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085713872?h=da752314f3&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_26  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_15">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-luvre47" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_03.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo Player API -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-luvre47').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085715401?h=a08e49d4d6&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_23 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_27  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_16">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 Seitenverhältnis */
    cursor: pointer;
    overflow: hidden;
  }

  .thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }

  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 30 % Schwarz beim Hover */
  }
</style>

<div id="vimeo-container-video1085717240" class="video-thumbnail-container">
  <!-- Eigenes Thumbnail -->
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_04.webp"
       alt="Video Thumbnail" class="thumbnail-img">

  <!-- Overlay -->
  <div class="hover-overlay"></div>
</div>

<!-- Vimeo Player API -->
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085717240').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085717240?h=7b102c3973&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_28  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_17">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    cursor: pointer;
    overflow: hidden;
  }
  .thumbnail-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .hover-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }
  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0, 0, 0, 0.3);
  }
</style>

<div id="vimeo-container-video1085718034" class="video-thumbnail-container">
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_05.webp"
       alt="Video Thumbnail" class="thumbnail-img">
  <div class="hover-overlay"></div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085718034').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085718034?h=1a10d7e22e&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_24 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_29  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_18">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    cursor: pointer;
    overflow: hidden;
  }
  .thumbnail-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .hover-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }
  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0,0,0,0.3);
  }
</style>

<div id="vimeo-container-video1085718503" class="video-thumbnail-container">
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_06.webp" alt="Video Thumbnail" class="thumbnail-img">
  <div class="hover-overlay"></div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085718503').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085718503?h=f7f8b49ed4&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_30  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_19">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    cursor: pointer;
    overflow: hidden;
  }
  .thumbnail-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .hover-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }
  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0,0,0,0.3);
  }
</style>

<div id="vimeo-container-video1085720542" class="video-thumbnail-container">
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_07.webp" alt="Video Thumbnail" class="thumbnail-img">
  <div class="hover-overlay"></div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085720542').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085720542?h=7793bfdf64&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_25 et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_31  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_20">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    cursor: pointer;
    overflow: hidden;
  }
  .thumbnail-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .hover-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }
  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0,0,0,0.3);
  }
</style>

<div id="vimeo-container-video1085720703" class="video-thumbnail-container">
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_08.webp" alt="Video Thumbnail" class="thumbnail-img">
  <div class="hover-overlay"></div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085720703').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085720703?h=fd038baeb9&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_32  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_code et_pb_code_21">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .video-thumbnail-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    cursor: pointer;
    overflow: hidden;
  }
  .thumbnail-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .hover-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2;
    transition: background-color 0.3s ease;
  }
  .video-thumbnail-container:hover .hover-overlay {
    background-color: rgba(0,0,0,0.3);
  }
</style>

<div id="vimeo-container-video1085720821" class="video-thumbnail-container">
  <img decoding="async" src="https://kyd-berlin.de/wp-content/uploads/2025/05/luvre47_dmm_09.webp" alt="Video Thumbnail" class="thumbnail-img">
  <div class="hover-overlay"></div>
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
  document.getElementById('vimeo-container-video1085720821').addEventListener('click', function () {
    this.innerHTML = ''; // Thumbnail + Overlay entfernen

    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', 'https://player.vimeo.com/video/1085720821?h=d9b46aea2e&title=1&byline=0&portrait=0&transparent=0');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media');
    iframe.setAttribute('allowfullscreen', '');
    iframe.setAttribute('style', 'position:absolute; top:0; left:0; width:100%; height:100%;');

    this.appendChild(iframe);

    const player = new Vimeo.Player(iframe);
    player.play();
  });
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/luvre47-depression-mit-meerblick/">Luvre47 &#8211; Depression mit Meerblick</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/luvre47-depression-mit-meerblick/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Die Linke 2025</title>
		<link>https://kyd-berlin.de/project/die-linke-2025/</link>
					<comments>https://kyd-berlin.de/project/die-linke-2025/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:47:58 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1817</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/die-linke-2025/">Die Linke 2025</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_17 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_26">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_33  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_video et_pb_video_3">
				
				
				
				
				<div class="et_pb_video_box"></div>
				<div style="background-image:url(https://kyd-berlin.de/wp-content/uploads/2025/05/dielinke25_still.webp)" class="et_pb_video_overlay"><div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_18 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_27">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_34  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[ELECTION CAMPAIGN]</h2>
<h3 class="p2">Die Linke &#8211; Bundestagswahl 2025</h3>
<p>&nbsp;</p>
<p class="p1">A <strong>killyourdarlings</strong> production</p>
<p class="p1"><strong>DIRECTOR &amp; EXECUTIVE PRODUCER</strong> Vincent Göler <strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/die-linke-2025/">Die Linke 2025</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/die-linke-2025/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Kältebus</title>
		<link>https://kyd-berlin.de/project/kaeltebus/</link>
					<comments>https://kyd-berlin.de/project/kaeltebus/#respond</comments>
		
		<dc:creator><![CDATA[SONDERLING-Max]]></dc:creator>
		<pubDate>Tue, 20 May 2025 09:42:13 +0000</pubDate>
				<guid isPermaLink="false">https://kyd-berlin.de/?post_type=project&#038;p=1812</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://kyd-berlin.de/project/kaeltebus/">Kältebus</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_19 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_29">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_35  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_video et_pb_video_4">
				
				
				
				
				<div class="et_pb_video_box"></div>
				<div style="background-image:url(https://kyd-berlin.de/wp-content/uploads/2025/05/kaeltebus_still.webp)" class="et_pb_video_overlay"><div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_20 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_30">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_36  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 class="p1">[AWARENESS SPOT]</h2>
<h3 class="p2">Kältebus &#8211; 0800 800 1019</h3>
<p>&nbsp;</p>
<p class="p1">A <strong>killyourdarlings</strong> production</p>
<p class="p1"><strong>DIRECTOR</strong> David Krätschmer <strong>DIRECTOR OF PHOTOGRAPHY</strong> Sebastian Briem <strong>EXECUTIVE PRODUCER</strong> Vincent Göler</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Der Beitrag <a href="https://kyd-berlin.de/project/kaeltebus/">Kältebus</a> erschien zuerst auf <a href="https://kyd-berlin.de">KYD Berlin</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kyd-berlin.de/project/kaeltebus/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
