<section class="team-filter no-hero bm-animate bm-fade-in pt-5 pb-5">
<div class="container-xxl pt-md-5 pb-md-5">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
<div class="row pb-5 align-items-center">
<div class="col-lg-6">
<h2 class="text-white">Investment Team</h2>
</div>
<div class="col-lg-6">
<nav class="filters">
<select name="categories" class="filter-select">
<option value="*">Filter</option>
<option value="tech-fund">Tech Fund</option>
<option value="ventures">Ventures</option>
<option value="other">Other</option>
</select>
</nav>
</div>
</div>
<p class="display-3 no-results">No results matched your criteria.</p>
<div class="people-grid">
<div class="people-card radius-15 ventures" data-bs-toggle="modal" data-bs-target="#modal-11">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-3.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Fadi Al-Kayid </h3>
<p class="small m-0 p-0 pb-4">Analyst, Ventures</p>
</hgroup>
</div>
<div class="people-card radius-15 tech-fund" data-bs-toggle="modal" data-bs-target="#modal-12">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-12.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Xenia Dementeva</h3>
<p class="small m-0 p-0 pb-4">Vice President, Tech Fund</p>
</hgroup>
</div>
<div class="people-card radius-15 tech-fund" data-bs-toggle="modal" data-bs-target="#modal-13">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-15.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Onat C. Derebek-Molnar </h3>
<p class="small m-0 p-0 pb-4">Associate, Tech Fund</p>
</hgroup>
</div>
<div class="people-card radius-15 ventures" data-bs-toggle="modal" data-bs-target="#modal-14">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-1.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Joshua Müller</h3>
<p class="small m-0 p-0 pb-4">Principal, Ventures</p>
</hgroup>
</div>
<div class="people-card radius-15 tech-fund" data-bs-toggle="modal" data-bs-target="#modal-15">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-13.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Nick Niemeyer</h3>
<p class="small m-0 p-0 pb-4">Analyst, Tech Fund</p>
</hgroup>
</div>
<div class="people-card radius-15 ventures" data-bs-toggle="modal" data-bs-target="#modal-16">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-8.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Karine Peters</h3>
<p class="small m-0 p-0 pb-4">Vice President, Ventures</p>
</hgroup>
</div>
<div class="people-card radius-15 tech-fund" data-bs-toggle="modal" data-bs-target="#modal-17">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-10.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Julian Primer</h3>
<p class="small m-0 p-0 pb-4">Associate, Tech Fund</p>
</hgroup>
</div>
<div class="people-card radius-15 ventures" data-bs-toggle="modal" data-bs-target="#modal-18">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-7.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Sarah Röhm</h3>
<p class="small m-0 p-0 pb-4">Associate, Ventures</p>
</hgroup>
</div>
<div class="people-card radius-15 other" data-bs-toggle="modal" data-bs-target="#modal-19">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-2.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Oliver Schmäschke</h3>
<p class="small m-0 p-0 pb-4">Managing Partner</p>
</hgroup>
</div>
<div class="people-card radius-15 tech-fund" data-bs-toggle="modal" data-bs-target="#modal-110">
<a class="btn btn-open" href="#"></a>
<div class="media">
<img alt="" src="/images/bitmap/person-4.jpg" />
<div class="overlay"></div>
</div>
<hgroup class="p-4">
<h3 class="h5 text-white">Till Sutor</h3>
<p class="small m-0 p-0 pb-4">Partner, Tech Fund</p>
</hgroup>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="modal fade team-modal" id="modal-11" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-3.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Fadi Al-Kayid </h3>
<p class="medium m-0 p-0 pb-4">Analyst, Ventures</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Oliver steers T.Capital’s investment strategies and operations. He began his career at BCG in 2011, then in 2015 became founding-member of Deutsche Telekom’s new approach to technology investing - building what we now know as DTCP and T.Capital. After serving as COO for both platforms, he stepped into the Managing Partner role for T.Capital. Oliver holds Master’s Degrees in Materials Science and in Technology Management.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-12" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-12.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Xenia Dementeva</h3>
<p class="medium m-0 p-0 pb-4">Vice President, Tech Fund</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-13" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-15.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Onat C. Derebek-Molnar </h3>
<p class="medium m-0 p-0 pb-4">Associate, Tech Fund</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-14" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-1.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Joshua Müller</h3>
<p class="medium m-0 p-0 pb-4">Principal, Ventures</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-15" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-13.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Nick Niemeyer</h3>
<p class="medium m-0 p-0 pb-4">Analyst, Tech Fund</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-16" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-8.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Karine Peters</h3>
<p class="medium m-0 p-0 pb-4">Vice President, Ventures</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-17" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-10.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Julian Primer</h3>
<p class="medium m-0 p-0 pb-4">Associate, Tech Fund</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-18" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-7.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Sarah Röhm</h3>
<p class="medium m-0 p-0 pb-4">Associate, Ventures</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-19" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-2.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Oliver Schmäschke</h3>
<p class="medium m-0 p-0 pb-4">Managing Partner</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade team-modal" id="modal-110" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="/images/bitmap/person-4.jpg" />
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">Till Sutor</h3>
<p class="medium m-0 p-0 pb-4">Partner, Tech Fund</p>
<a class="btn btn-linkedin mb-5" target="_blank" href="/"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br /><br />Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="team-filter {{ section-class }} bm-animate bm-fade-in pt-5 pb-5">
<div class="container-xxl pt-md-5 pb-md-5">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
{{#if people}}
<div class="row pb-5 align-items-center">
<div class="col-lg-6">
<h2 class="text-white">{{{ heading }}}</h2>
</div>
<div class="col-lg-6">
{{#unless has-filter}}
{{#if categories}}
<nav class="filters">
<select name="categories" class="filter-select">
<option value="*">Filter</option>
{{#each categories}}
<option value="{{ value }}">{{ text }}</option>
{{/each}}
</select>
</nav>
{{/if}}
{{/unless}}
</div>
</div>
<p class="display-3 no-results">No results matched your criteria.</p>
<div class="people-grid">
{{#each people}}
<div class="people-card radius-15 {{ filter-class }}" data-bs-toggle="modal" data-bs-target="#modal-{{ ../primer }}{{ id }}">
<a class="btn btn-open" href="#"></a>
{{#if image}}
<div class="media">
<img alt="" src="{{ image }}"/>
<div class="overlay"></div>
</div>
{{/if}}
<hgroup class="p-4">
<h3 class="h5 text-white">{{ name }}</h3>
<p class="small m-0 p-0 pb-4">{{ title }}</p>
</hgroup>
</div>
{{/each}}
</div>
{{/if}}
</div>
</div>
</div>
</section>
{{#if people}}
{{#each people}}
<div class="modal fade team-modal" id="modal-{{ ../primer }}{{ id }}" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content" data-lenis-prevent data-lenis-prevent-wheel data-lenis-prevent-touch>
<div class="modal-body" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-lg-5 p-4">
<div class="row">
<div class="col-lg-4">
{{#if image}}
<div class="media radius-15 mb-5 mb-lg-0">
<img alt="" src="{{ image }}"/>
</div>
{{/if}}
</div>
<div class="col-lg-8">
<div class="row justify-content-center">
<div class="col-lg-11">
<h3 class="text-black">{{ name }}</h3>
<p class="medium m-0 p-0 pb-4">{{ title }}</p>
{{#if linkedin-url}}
<a class="btn btn-linkedin mb-5" target="_blank" href="{{ linkedin-url }}"></a>
{{/if}}
<p>{{{ text }}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
{{/if}}
{
"primer": "1",
"has-filter": "",
"section-class": "no-hero",
"heading": "Investment Team",
"categories": [
{
"text": "Tech Fund",
"value": "tech-fund"
},
{
"text": "Ventures",
"value": "ventures"
},
{
"text": "Other",
"value": "other"
}
],
"people": [
{
"id": "1",
"image": "/images/bitmap/person-3.jpg",
"name": "Fadi Al-Kayid ",
"title": "Analyst, Ventures",
"filter-class": "ventures",
"linkedin-url": "/",
"text": "Oliver steers T.Capital’s investment strategies and operations. He began his career at BCG in 2011, then in 2015 became founding-member of Deutsche Telekom’s new approach to technology investing - building what we now know as DTCP and T.Capital. After serving as COO for both platforms, he stepped into the Managing Partner role for T.Capital. Oliver holds Master’s Degrees in Materials Science and in Technology Management."
},
{
"id": "2",
"image": "/images/bitmap/person-12.jpg",
"name": "Xenia Dementeva",
"title": "Vice President, Tech Fund",
"filter-class": "tech-fund",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "3",
"image": "/images/bitmap/person-15.jpg",
"name": "Onat C. Derebek-Molnar ",
"title": "Associate, Tech Fund",
"filter-class": "tech-fund",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "4",
"image": "/images/bitmap/person-1.jpg",
"name": "Joshua Müller",
"title": "Principal, Ventures",
"filter-class": "ventures",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "5",
"image": "/images/bitmap/person-13.jpg",
"name": "Nick Niemeyer",
"title": "Analyst, Tech Fund",
"filter-class": "tech-fund",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "6",
"image": "/images/bitmap/person-8.jpg",
"name": "Karine Peters",
"title": "Vice President, Ventures",
"filter-class": "ventures",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "7",
"image": "/images/bitmap/person-10.jpg",
"name": "Julian Primer",
"title": "Associate, Tech Fund",
"filter-class": "tech-fund",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "8",
"image": "/images/bitmap/person-7.jpg",
"name": "Sarah Röhm",
"title": "Associate, Ventures",
"filter-class": "ventures",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "9",
"image": "/images/bitmap/person-2.jpg",
"name": "Oliver Schmäschke",
"title": "Managing Partner",
"filter-class": "other",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
},
{
"id": "10",
"image": "/images/bitmap/person-4.jpg",
"name": "Till Sutor",
"title": "Partner, Tech Fund",
"filter-class": "tech-fund",
"linkedin-url": "/",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit luctus tellus, egestas gravida neque vehicula ac. Fusce non volutpat mauris. Nulla vestibulum mi vel augue efficitur, at molestie erat fermentum. <br/><br/>Pellentesque nec nunc at lorem ultricies pulvinar in eu elit. Praesent leo diam, condimentum sit amet ante a, rutrum scelerisque lectus. Praesent aliquet pharetra ipsum ut semper. Aliquam euismod commodo augue, in bibendum odio rutrum id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
}
]
}
// team filter
const teamFilter = {
init() {
if (!document.querySelector('.people-grid')) {
return;
}
let teamFilters = document.getElementsByClassName('team-filter');
for (let i = 0; i < teamFilters.length; i++) {
let elem = teamFilters[i].querySelector('.people-grid');
let selectFilter = teamFilters[i].querySelector('.filter-select');
let selectVal = '';
let iso = new Isotope( elem, {
itemSelector: '.people-card',
layoutMode: 'masonry'
});
// filter
const runFilter = (select) => {
console.log(select);
iso.arrange({ filter: select });
if(iso.filteredItems.length < 1){
document.querySelector('.no-results').classList.add('show');
} else{
document.querySelector('.no-results').classList.remove('show');
}
}
selectFilter.addEventListener('change', function (e) {
let val = selectFilter.value;
if(val == '*' || val == ''){
selectVal = '';
selectFilter.options[0].innerHTML = "Filter";
selectFilter.classList.remove('active');
} else{
selectVal = '.' + selectFilter.value;
selectFilter.options[0].innerHTML = "All";
selectFilter.classList.add('active');
}
runFilter(selectVal);
});
}
}
};
teamFilter.init();
export default teamFilter;
// team filter
section{
&.team-filter{
.no-results{
opacity: 0;
transition: all 0.4s;
&.show{
opacity: 1;
}
}
.people-grid{
@include media-breakpoint-up(md){
margin: 0 -1rem;
}
}
.people-card{
position: relative;
aspect-ratio: 3/4;
overflow: hidden;
cursor: pointer;
border: 1px solid $black;
transition: all 0.4s;
width: 100%;
margin: 0 0 2rem 0;
display: flex;
align-items: end;
@include media-breakpoint-up(sm){
width: calc(50% - 2rem);
margin: 0 1rem 2rem 1rem;
}
@include media-breakpoint-up(lg){
width: calc(25% - 2rem);
margin: 0 1rem 2rem 1rem;
}
&:hover{
border: 1px solid $bordergrey;
box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.25);
}
.media{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 99.91%);
}
}
.btn{
position: absolute;
top: 2rem;
right: 2rem;
z-index: 2;
pointer-events: none;
}
hgroup{
position: relative;
z-index: 2;
}
}
}
}
.team-modal{
.media{
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.btn-close{
position: absolute !important;
top: 6rem;
right: 6rem;
@include media-breakpoint-up(lg){
top: 2rem;
right: 2rem;
}
}
}
No notes defined.