{{- $team     := .Site.Params.team }}
{{ $length := len $team.members }}
{{- $services     := .Site.Params.services }}
{{ $servicesLength := len $services }}
{{ $odd := mod $servicesLength 2}}
<div id="team" class="section {{if eq $odd 0}} section-even {{end}}">
    <div class="section-content team">
        <div class="title">
            <h1 class="content-title">{{ $team.title }}</h1>
            <div class="divider"></div>
        </div>
        {{- range first 3 $team.members }}
        <div class="teammember">
            <img class="avatar" src="{{ .image }}" alt="Avatar">
            <h1 class="teammember-title">{{ .name }}</h1>
            {{- range .jobs }}
            <p>{{ . }}</p>
            {{- end }}
            <div class="social-media">
                <span>
                    {{- range .social}}
                    <a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
                    {{- end}}
                    {{if .mail}}
                    <a href="mailto:{{ .mail }}"><i class="fas fa-at"></i></a>
                    {{end}}
                </span>
            </div>
        </div>
        {{- end }}
        {{if gt $length 3}}
        <div><a href="#"> > Weitere Teammitglieder < </a></div>
        {{end}}
    </div>
</div>