diff --git a/quiqqer/teampage/src/QUI/TeamPage/Controls/Team.ListStyle.html b/quiqqer/teampage/src/QUI/TeamPage/Controls/Team.ListStyle.html
new file mode 100644
index 0000000000000000000000000000000000000000..6ba38e5b92a351357bfb8cc4029c8f0e1f4e9067
--- /dev/null
+++ b/quiqqer/teampage/src/QUI/TeamPage/Controls/Team.ListStyle.html
@@ -0,0 +1,136 @@
+{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
+<header class="control-header">
+ <h1>{$this->getAttribute('frontendTitle')}</h1>
+</header>
+{/if}
+
+{if $this->getAttribute('content') != ""}
+<div class="control-content">
+ {$this->getAttribute('content')}
+</div>
+{/if}
+
+{if noUsers}
+{assign var=key value=0}
+
+<div class="team-page team-page__listStyle">
+{foreach $teamData as $memberData}
+{$key = $key +1}
+ <div class="grid-children team-page-entry-wrapper" itemscope itemtype="https://schema.org/Person">
+ <div class="team-page-entry grid-container grid-parent grid-children-container">
+ <div class="team-page-entry-image grid-30 mobile-grid-100" itemprop="image">
+ <div class="team-page-entry-image-container">
+ {if $memberData['userAvatar']}
+ {image src=$memberData['userAvatar'] width=400 class="team-page-entry-image-img"}
+ {else}
+ <span class="fa fa-user-o team-page-entry-image-placeholder"></span>
+ {/if}
+ </div>
+ </div>
+
+ <div class="team-page-entry-content grid-70 mobile-grid-100">
+ <div class="team-page-entry-content-container">
+ <header class="team-page-entry-header">
+ <h2 class="mb-1">
+ <span itemprop="givenName">{$memberData['userFirstName']}</span>
+ <span itemprop="familyName">{$memberData['userLastName']}</span>
+ </h2>
+
+ <div itemprop="jobTitle" class="text-muted text-grey-dark mb-4">{$memberData['userPosition']}</div>
+ </header>
+
+ {assign var=userText value=$memberData['userText']|json_decode:1}
+ {if (isset($userText[$Project->getLang()]) && $userText[$Project->getLang()] != "")}
+ <div class="team-page-entry-text">
+ {$userText[$Project->getLang()]}
+
+ {if $memberData['userLink'] != "" && $buttonType == 'inline'}
+ <a class="team-page-entry-text-button team-page-entry-text-button__inline" href="{$memberData['userLink']}">
+ {locale group="quiqqer/teampage" var="teamPage.moreButton.inline"}
+ </a>
+ {/if}
+ </div>
+
+ {*<!-- fix for non multi lingual user text --> *}
+ {elseif $memberData['userText']|json_decode:1 === null && $memberData['userText'] !== ''}
+ <div class="team-page-entry-text">
+ {$memberData['userText']}
+
+ {if $memberData['userLink'] != "" && $buttonType == 'inline'}
+ <a class="team-page-entry-text-button team-page-entry-text-button__inline" href="{$memberData['userLink']}">
+ {locale group="quiqqer/teampage" var="teamPage.moreButton.inline"}
+ </a>
+ {/if}
+ </div>
+ {/if}
+
+ <div class="team-page-entry-contact-box">
+ {if $this->getAttribute('showPhone') && $memberData['userPhone']}
+ <div class="team-page-entry-phones team-page-entry-border">
+ <i class="fa fa-phone team-page-entry-phones-icon"></i>
+ <span itemprop="telephone">{$memberData['userPhone']}</span>
+ </div>
+ {/if}
+
+ {if $memberData['userMail'] && !$memberData['userFacebook'] &&
+ !$memberData['userTwitter'] && !$memberData['userGoogle'] &&
+ !$memberData['userLinkedin'] && !$memberData['userXing']}
+ <div class="team-page-entry-phones">
+ <i class="fa fa-envelope team-page-entry-social-icon"></i>
+ <span itemprop="email">{$memberData['userMail']}</span>
+ </div>
+
+ {else}
+
+ {if $this->getAttribute('showSocial')}
+ <div class="team-page-entry-social">
+ {if $memberData['userFacebook']}
+ <a itemprop="url" href="http://{$memberData['userFacebook']}"
+ class="team-page-entry-social-link team-page-entry-social-link__facebook">
+ <i class="fa fa-facebook team-page-entry-social-icon"></i>
+ </a>
+ {/if}
+ {if $memberData['userTwitter']}
+ <a itemprop="url" href="http://{$memberData['userTwitter']}"
+ class="team-page-entry-social-link team-page-entry-social-link__twitter">
+ <i class="fa fa-twitter team-page-entry-social-icon"></i>
+ </a>
+ {/if}
+ {if $memberData['userLinkedin']}
+ <a itemprop="url" href="http://{$memberData['userLinkedin']}"
+ class="team-page-entry-social-link team-page-entry-social-link__linkedin">
+ <i class="fa fa-linkedin team-page-entry-social-icon"></i>
+ </a>
+ {/if}
+ {if $memberData['userXing']}
+ <a itemprop="url" href="http://{$memberData['userXing']}"
+ class="team-page-entry-social-link team-page-entry-social-link__xing">
+ <i class="fa fa-xing team-page-entry-social-icon"></i>
+ </a>
+ {/if}
+ {if $memberData['userMail']}
+ <a itemprop="email" href="mailto:{$memberData['userMail']}"
+ class="team-page-entry-social-link team-page-entry-social-link__email">
+ <i class="fa fa-envelope team-page-entry-social-icon"></i>
+ </a>
+ {/if}
+ </div>
+ {/if}
+ {/if}
+ </div>
+
+ {if $memberData['userLink'] != "" && $buttonType == 'button'}
+ <div class="team-page-entry-text-button-container">
+ <a class="button" href="{$memberData['userLink']}">
+ {locale group="quiqqer/teampage" var="teamPage.moreButton"}
+ </a>
+ </div>
+ {/if}
+ </div>
+ </div>
+ </div>
+ </div>
+{/foreach}
+</div>
+
+{/if}
\ No newline at end of file