PERSON-LIST (LMU Person Module )

src/app/shared/components/person-list/templates

Demo Section

Each variation will be presented in the following section.

Personenliste (Tabellenform) (Übersichtsseite) (10te)

Personenliste (Tabellenform)

Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten nicht zu sortieren muss bei den TH-Tags einfach die Klasse 'is-sortfield' und das Attibute 'data-js-item='table-sort'' weggelassen werden. Zusätzlich kann bei jeder Tabellenspalte (td) das Attribute data-sort entfernt werden. Will man den 2ten Scrollbalken am Kopf der Tabelle nicht einbinden löscht man den Div-Bereich mit dem Attribute data-js-item='scroll-wrapper-second' mit allen Kindern.

Name E-mail Telefon Fax Raum Gruppen
Titel Vorname Nachname vorname.nachname@verwaltung.uni-muenchen.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 123 Gruppe
Heidi Schubert heidi.schubert@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 34 Gruppe ich was nicht was
Prof. Dr. Andreas Jung Andreas.Jung-Testperson@verwaltung.uni-muenchen.de +49 (0)89 2180 - 9000 - 3000 - 234 +49 (0)89 2180 - 99 - 9000 Zi. 34 Gruppe ich was nicht was
Andreas Scheu Scheu@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 34 Spielgruppe
Bernd Schuster Bernd.Schuster@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Raum 120 Gruppe ich was nicht was
Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Tabellenform, Sortiermöglichkeit) (Übersichtsseite) (7te)

Personenliste (Tabellenform, Sortiermöglichkeit)

Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten zu sortieren muss bei den TH-Tags einfach die Klasse 'is-sortfield' und das Attibute 'data-js-item='table-sort'' ergänzt werden. Um die Sortiermöglichkeit zu ermöglichen wird jedem TD-Feld ein data-sort-Attribute angefügt. Dieses Attribute enthält im Falle des Namens nur den Nachnamen der Person. Umlaute in diesem Namen werden zu: Ö zu Oz, Ü zu Üz, Ä zu Az, ä zu az,.... Bei anderen Feldern enthält das Attribute den Content des Feldes ohne Leerzeichen und Sonderzeichen und anschließend den Nachnamen der Person. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'


Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken) (Übersichtsseite) (default)

Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken)

Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item='scroll-wrapper-second'. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) anzeigen muss man dem Div mit der Klasse 'letter-select__area' ein Attribute 'data-js-letters-content' übergeben in dem die aktiven Buchstaben kommagetrennt enthalten sind. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).

 
Name E-mail Telefon Fax Raum Gruppen
Titel Vorname Nachname vorname.nachname@verwaltung.uni-muenchen.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 123
Heidi Schubert heidi.schubert@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 34 Arbeistgruppe
Prof. Dr. Andreas Jung Andreas.Jung-Testperson@verwaltung.uni-muenchen.de +49 (0)89 2180 - 9000 - 3000 - 234 +49 (0)89 2180 - 99 - 9000 Zi. 34 Arbeitsgruppe
Andreas Scheu Scheu@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Zi. 34 Spielgruppe
Bernd Schuster Bernd.Schuster@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Raum 120 Spielgruppe
Lisa Gerald Lisa.Gerald@lmu.de +49 (0)89 2180 - 9000 +49 (0)89 2180 - 99 - 9000 Raum 120 Spielgruppe
Manu Ährens Manu.ährens@lmu.de +49 (0)89 2180 - 9004 +49 (0)89 2180 - 99 - 9004 Raum 120 Sonderzeichengruppe
Ester Öster Ester.öster@lmu.de +49 (0)89 2180 - 9100 +49 (0)89 2180 - 99 - 9100 Raum 120 Sonderzeichengruppe
Dr. Jens Tillmann jens.tillmann@verwaltung.uni-muenchen.de +49 (0)89 2180 - 7000 +49 (0)89 2180 - 99 - 7000 Zi. 34 Service-Stelle Beschaffung
Prof. Isabell Bell isabell.bell@verwaltung.uni-muenchen.de +49 (0)89 2180 - 5000 +49 (0)89 2180 - 99 - 5000 Zi. 224 Service-Stelle Beschaffung
Prof. Dr. med. Bernhilde Cäser-Fisher bernhilde.cäser-fisher@verwaltung.uni-muenchen.de +49 (0)89 2180 - 3000 +49 (0)89 2180 - 99 - 3000 Zi. 225 Service-Stelle Beschaffung
Bernhard Diller bernhard.diller@verwaltung.uni-muenchen.de +49 (0)89 2180 - 2000 +49 (0)89 2180 - 99 - 2000 Zi. 226 Service-Stelle Beschaffung
Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken) (Übersichtsseite) (2te)

Personenliste (Tabellenform, A-Z-Filter ( nur aktive Buchstaben und Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken)

Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item='scroll-wrapper-second'. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) nicht anzeigen muss man dem Div mit der Klasse 'letter-select__area' ein leeres Attribute 'data-js-letters-content' übergeben oder dieses weglassen. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).

 
Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit) (Detailseite) (9te)

Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit)

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Visitenkarten) (Übersichtsseite) (8te)

Personenliste (Visitenkarten)

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Alternative text that describes the image
Prof. Dr. Werner Schmidt-Landgruber

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Dr. Edda Schneller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Max Truck

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Peter Schaller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B


Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Übersichtsseite) (3te)

Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Alternative text that describes the image
Prof. Dr. Irene Götz

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Mark Meier

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Elmar Thal-Roser

Einrichtung Thal-Roser

Funktion Thal-Roser

Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B (Thal-Roser)

Email schreiben

+49(0)8933298657

Alternative text that describes the image
Prof. Dr. Emma Thaler

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Werner Schmidt-Landgruber

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Dr. Edda Schneller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Max Truck

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Peter Schaller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Übersichtsseite) (4te)

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Alternative text that describes the image
Prof. Dr. Irene Götz

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Mark Meier

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Elmar Thal-Roser

Einrichtung Thal-Roser

Funktion Thal-Roser

Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B (Thal-Roser)

Email schreiben

+49(0)8933298657

Alternative text that describes the image
Prof. Dr. Emma Thaler

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Werner Schmidt-Landgruber

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Dr. Edda Schneller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Max Truck

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Peter Schaller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Detailseiten) (6te)

Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Alternative text that describes the image
Prof. Mark Meier

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Elmar Thal-Roser

Einrichtung Thal-Roser

Funktion Thal-Roser

Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B (Thal-Roser)

Email schreiben

+49(0)8933298657

Alternative text that describes the image
Prof. Dr. Emma Thaler

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Werner Schmidt-Landgruber

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Dr. Edda Schneller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Max Truck

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Peter Schaller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Detailseiten) (5te)

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Alternative text that describes the image
Prof. Dr. Irene Götz

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Mark Meier

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Elmar Thal-Roser

Einrichtung Thal-Roser

Funktion Thal-Roser

Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B (Thal-Roser)

Email schreiben

+49(0)8933298657

Alternative text that describes the image
Prof. Dr. Emma Thaler

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Werner Schmidt-Landgruber

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Dr. Edda Schneller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Max Truck

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Alternative text that describes the image
Prof. Dr. Peter Schaller

Einrichtung

Funktion

Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)

Erdgeschoss, Raum 404 B

Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.

Readme

personList (component)

Description

This blueprint is based on the blueprint of Veams.


Requirements

  • Veams#5.0.0

Installation

Installation with Veams from local machine

veams install bp absolute/filepath/to/person-list


Fields

person-list.hbs

Settings

Parameter Type Default Description
settings.personListClasses String '' Modifier classes for component
settings.personListContextClass String 'default' Context class of component
settings.personListJsOptions Object null JavaScript options object which gets stringified

Content

Parameter Type Description
content.headline String (Optional) Headline for the modul
content.teasertext String (Optional) Teaser text for the modul
content.noentry String (Optional) Text for the no result info
content.filter Object (Optional) Object from type letter-select for the A-Z-Filter. The object must have a specific ID that exist only one time in the page. This id can be set in the attribute letterSelectID of the modul letter-select
content.list Object Object can be from table or from person-overview, to handle the functionalities of the person-list the modul in use (table or person-overview) must have set the filterEnabled-Attribute in the JSON on ‘true’.

JavaScript Options

The module gives you the possibility to override default JS options:

Option Type Default Description

SASS

Variables

There are multiple variables which you can change:

Variable Value Description
$person-list-my-custom-var 0px Please add a description!

Modifier Classes

There are modifier classes you can add to c-person-list:

Modifier Description
is-modifier Please add a description!

Templates

person-list.hbs

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>

<div class="c-person-list{{#if settings.personListContextClass}}--{{settings.personListContextClass}}{{else}}--default{{/if}}{{#if settings.personListClasses}} {{settings.personListClasses}}{{/if}}"
     data-css="c-person-list"
     data-js-module="person-list"{{#if settings.personListJsOptions}}
     data-js-options='{{stringify settings.personListJsOptions}}'{{/if}}>
	{{#if content.headline}}
		<h2 class="person-list__headline">{{content.headline}}</h2>
	{{/if}}
    {{#if content.teasertext}}
	 	<div class="person-list__teasertext">
			 <p>{{content.teasertext}}</p>
		 </div>
	 {{/if}}
	{{#if content.filter}}
	<div class="person-list__filter">
	{{#with content.filter.letter-select}}
		{{> letter-select }}
	{{/with}}
	</div>
	 {{/if}}
	<div class="person-list__list">
	{{#with content.list.tablePerson}}
		{{> table }}
	{{/with}}
	{{#with content.list.visitCardPerson}}
		{{> person-overview }}
	{{/with}}
	</div>
	{{#if content.noentry}}
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		{{content.noentry}}
	</div>
	{{/if}}

</div>

Data File

person-list.hjson

{
	"variations": {
		"10te": {
			"docs": {
				"variationName": "Personenliste (Tabellenform) (Übersichtsseite) (10te)"
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Tabellenform)",
				"teasertext": "Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten nicht zu sortieren muss bei den TH-Tags einfach die Klasse 'is-sortfield' und das Attibute 'data-js-item='table-sort'' weggelassen werden. Zusätzlich kann bei jeder Tabellenspalte (td) das Attribute data-sort entfernt werden. Will man den 2ten Scrollbalken am Kopf der Tabelle nicht einbinden löscht man den Div-Bereich mit dem Attribute data-js-item='scroll-wrapper-second' mit allen Kindern.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{
				},
				"list":
					{
							"tablePerson": {
								"docs": {
									"variationName": "Table for person list",
									"sectionCenter": true
								},
								"settings": {
									"tableContextClass": "person",
									"tableClasses": false,
									"tableJsModule": "scroll-indicator",
									"scrollIndicatorEnabled": true,
									"filterEnabled": true,
									"scrollbarSecond": false
								},
								"content": {
									"tableCaption": "",
									"tableHeader": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "Name"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "E-mail"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "Telefon"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "Fax"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "Raum"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "",
																"tableCellJsModule": ""
															},
															"content": {
																"cellContent": "Gruppen"
															}
														}
													]
												}
											}
										]
									},
									"tableBody": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Nachname"
															},
															"content": {
																"cellContent": "Titel Vorname Nachname",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "vorname.nachname@verwaltung.uni-muenchen.deNachname"
															},
															"content": {
																"cellContent": "vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Nachname"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Nachname"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 123Nachname"
															},
															"content": {
																"cellContent": "Zi. 123"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "GruppeNachname"
															},
															"content": {
																"cellContent": "Gruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schubert"
															},
															"content": {
																"cellContent": "Heidi Schubert",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "heidi.schubert@lmu.deSchubert"
															},
															"content": {
																"cellContent": "heidi.schubert@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Schubert"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Schubert"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Schubert"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "Gruppe ich was nicht wasSchubert"
															},
															"content": {
																"cellContent": "Gruppe ich was nicht was"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Jung"
															},
															"content": {
																"cellContent": "Prof. Dr. Andreas Jung",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"
															},
															"content": {
																"cellContent": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000 - 3000 - 234Jung"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000 - 3000 - 234",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Jung"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Jung"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeJung"
															},
															"content": {
																"cellContent": "Gruppe ich was nicht was"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Scheu"
															},
															"content": {
																"cellContent": "Andreas Scheu",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "scheu@lmu.deScheu"
															},
															"content": {
																"cellContent": "Scheu@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Scheu"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Scheu"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Scheu"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeScheu"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schuster"
															},
															"content": {
																"cellContent": "Bernd Schuster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Bernd.Schuster@lmu.deSchuster"
															},
															"content": {
																"cellContent": "Bernd.Schuster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Schuster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Schuster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Raum 120Schuster"
															},
															"content": {
																"cellContent": "Raum 120"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeSchuster"
															},
															"content": {
																"cellContent": "Gruppe ich was nicht was"
															}
														}
													]
												}
											}
										]
									}
								}
							}
					}
			}
		},
		"7te": {
			"docs": {
				"variationName": "Personenliste (Tabellenform, Sortiermöglichkeit) (Übersichtsseite) (7te) "
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Tabellenform, Sortiermöglichkeit)",
				"teasertext": "Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten zu sortieren muss bei den TH-Tags einfach die Klasse 'is-sortfield' und das Attibute 'data-js-item='table-sort'' ergänzt werden. Um die Sortiermöglichkeit zu ermöglichen wird jedem TD-Feld ein data-sort-Attribute angefügt. Dieses Attribute enthält im Falle des Namens nur den Nachnamen der Person. Umlaute in diesem Namen werden zu: Ö zu Oz, Ü zu Üz, Ä zu Az, ä zu az,.... Bei anderen Feldern enthält das Attribute den Content des Feldes ohne Leerzeichen und Sonderzeichen und anschließend den Nachnamen der Person. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'",
				"list":
					{
							"tablePerson": {
								"docs": {
									"variationName": "Table for person list",
									"sectionCenter": true
								},
								"settings": {
									"tableContextClass": "person",
									"tableClasses": false,
									"tableJsModule": "scroll-indicator",
									"scrollIndicatorEnabled": true,
									"filterEnabled": true,
									"scrollbarSecond": true
								},
								"content": {
									"tableCaption": "",
									"tableHeader": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Name"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "E-mail"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Gruppen"
															}
														}
													]
												}
											}
										]
									},
									"tableBody": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schubert"
															},
															"content": {
																"cellContent": "Heidi Schubert",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "heidi.schubert@lmu.deSchubert"
															},
															"content": {
																"cellContent": "heidi.schubert@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeSchubert"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Jung"
															},
															"content": {
																"cellContent": "Prof. Dr. Andreas Jung",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"
															},
															"content": {
																"cellContent": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeJung"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Gerald"
															},
															"content": {
																"cellContent": "Lisa Gerald",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Lisa.Gerald@lmu.deGerald"
															},
															"content": {
																"cellContent": "Lisa.Gerald@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeGerald"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Azhrens"
															},
															"content": {
																"cellContent": "Manu Ährens",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Manu.azhrens@lmu.deAzhrens"
															},
															"content": {
																"cellContent": "Manu.ährens@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeAzhrens"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Ozster"
															},
															"content": {
																"cellContent": "Ester Öster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Ester.ozster@lmu.deOzster"
															},
															"content": {
																"cellContent": "Ester.öster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeOzster"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											}
										]
									}
								}
							}


					}

			}
		},
		"default": {
			"docs": {
				"variationName": "Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken) (Übersichtsseite) (default)"
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken)",
				"teasertext": "Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item='scroll-wrapper-second'. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) anzeigen muss man dem Div mit der Klasse 'letter-select__area' ein Attribute 'data-js-letters-content' übergeben in dem die aktiven Buchstaben kommagetrennt enthalten sind. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "Default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "1",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": "N,S,J,G,A,O,T,B,C,D"

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "1"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
							"tablePerson": {
								"docs": {
									"variationName": "Table for person list",
									"sectionCenter": true
								},
								"settings": {
									"tableContextClass": "person",
									"tableClasses": false,
									"tableJsModule": "scroll-indicator",
									"scrollIndicatorEnabled": true,
									"filterEnabled": true,
									"scrollbarSecond": true
								},
								"content": {
									"tableCaption": "",
									"tableHeader": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Name"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "E-mail"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Telefon"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Fax"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Raum"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Gruppen"
															}
														}
													]
												}
											}
										]
									},
									"tableBody": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Nachname"
															},
															"content": {
																"cellContent": "Titel Vorname Nachname",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "vorname.nachname@verwaltung.uni-muenchen.deNachname"
															},
															"content": {
																"cellContent": "vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Nachname"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Nachname"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 123Nachname"
															},
															"content": {
																"cellContent": "Zi. 123"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "zzzzNachname"
															},
															"content": {
																"cellContent": ""
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schubert"
															},
															"content": {
																"cellContent": "Heidi Schubert",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "heidi.schubert@lmu.deSchubert"
															},
															"content": {
																"cellContent": "heidi.schubert@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Schubert"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Schubert"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Schubert"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeistgruppeSchubert"
															},
															"content": {
																"cellContent": "Arbeistgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Jung"
															},
															"content": {
																"cellContent": "Prof. Dr. Andreas Jung",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"
															},
															"content": {
																"cellContent": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000 - 3000 - 234Jung"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000 - 3000 - 234",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Jung"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Jung"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeJung"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Scheu"
															},
															"content": {
																"cellContent": "Andreas Scheu",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "scheu@lmu.deScheu"
															},
															"content": {
																"cellContent": "Scheu@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Scheu"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Scheu"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Scheu"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeScheu"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schuster"
															},
															"content": {
																"cellContent": "Bernd Schuster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Bernd.Schuster@lmu.deSchuster"
															},
															"content": {
																"cellContent": "Bernd.Schuster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Schuster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Schuster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Raum 120Schuster"
															},
															"content": {
																"cellContent": "Raum 120"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeSchuster"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Gerald"
															},
															"content": {
																"cellContent": "Lisa Gerald",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Lisa.Gerald@lmu.deGerald"
															},
															"content": {
																"cellContent": "Lisa.Gerald@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9000Gerald"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9000",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9000Gerald"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Raum 120Gerald"
															},
															"content": {
																"cellContent": "Raum 120"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeGerald"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Azhrens"
															},
															"content": {
																"cellContent": "Manu Ährens",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Manu.azhrens@lmu.deAzhrens"
															},
															"content": {
																"cellContent": "Manu.ährens@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9004Azhrens"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9004",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9004Azhrens"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9004",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Raum 120Azhrens"
															},
															"content": {
																"cellContent": "Raum 120"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeAzhrens"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Ozster"
															},
															"content": {
																"cellContent": "Ester Öster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Ester.ozster@lmu.deOzster"
															},
															"content": {
																"cellContent": "Ester.öster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 9100Ozster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 9100",
																"cellLinkHref": "tel: +4908921809000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 9100Ozster"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 9100",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Raum 120Ozster"
															},
															"content": {
																"cellContent": "Raum 120"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeOzster"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Tillmann"
															},
															"content": {
																"cellContent": "Dr. Jens Tillmann",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "jens.tillmann@lmu.deTillmann"
															},
															"content": {
																"cellContent": "jens.tillmann@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 7000Tillmann"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 7000",
																"cellLinkHref": "tel: +4908921807000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 7000Tillmann"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 7000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 34Tillmann"
															},
															"content": {
																"cellContent": "Zi. 34"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "Service-Stelle BeschaffungTillmann"
															},
															"content": {
																"cellContent": "Service-Stelle Beschaffung"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Bell"
															},
															"content": {
																"cellContent": "Prof. Isabell Bell",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "isabell.bell@lmu.deBell"
															},
															"content": {
																"cellContent": "isabell.bell@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:isabell.bell@lmu.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 5000Bell"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 5000",
																"cellLinkHref": "tel: +4908921805000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 5000Bell"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 5000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 224Bell"
															},
															"content": {
																"cellContent": "Zi. 224"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "Service-Stelle BeschaffungBell"
															},
															"content": {
																"cellContent": "Service-Stelle Beschaffung"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Cazser-Fisher"
															},
															"content": {
																"cellContent": "Prof. Dr. med. Bernhilde Cäser-Fisher",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "bernhilde.cazser-fisher@verwaltung.uni-muenchen.deCazser-Fisher"
															},
															"content": {
																"cellContent": "bernhilde.cäser-fisher@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:bernhilde.cazser-fisher@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 3000Cazser-Fisher"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 3000",
																"cellLinkHref": "tel: +4908921803000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 3000Cazser-Fisher"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 3000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 225Cazser-Fisher"
															},
															"content": {
																"cellContent": "Zi. 225"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "Service-Stelle BeschaffungCazser-Fisher"
															},
															"content": {
																"cellContent": "Service-Stelle Beschaffung"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Diller"
															},
															"content": {
																"cellContent": "Bernhard Diller",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "bernhard.diller@verwaltung.uni-muenchen.deDiller"
															},
															"content": {
																"cellContent": "bernhard.diller@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:bernhard.diller@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Telefon",
																"dataSort": "49 (0)89 2180 - 2000Diller"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 2000",
																"cellLinkHref": "tel: +4908921802000",
																"cellLinkClass": "is-phone"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Fax",
																"dataSort": "49 (0)89 2180 - 99 - 2000Diller"
															},
															"content": {
																"cellContent": "+49 (0)89 2180 - 99 - 2000",
																"cellContentClass": "is-fax"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-nowrap",
																"dataLabel": "Raum",
																"dataSort": "Zi. 226Diller"
															},
															"content": {
																"cellContent": "Zi. 226"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "Service-Stelle BeschaffungDiller"
															},
															"content": {
																"cellContent": "Service-Stelle Beschaffung"
															}
														}
													]
												}
											}
										]
									}
								}
							}
					}
			}
		},
		"2te": {
			"docs": {
				"variationName": "Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken) (Übersichtsseite) (2te) "
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Tabellenform, A-Z-Filter ( nur aktive Buchstaben und Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken)",
				"teasertext": "Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt 'zzzz[nachname]'. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item='scroll-wrapper-second'. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) nicht anzeigen muss man dem Div mit der Klasse 'letter-select__area' ein leeres Attribute 'data-js-letters-content' übergeben oder dieses weglassen. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "Default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "2",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": ""

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
							"tablePerson": {
								"docs": {
									"variationName": "Table for person list",
									"sectionCenter": true
								},
								"settings": {
									"tableContextClass": "person",
									"tableClasses": false,
									"tableJsModule": "scroll-indicator",
									"scrollIndicatorEnabled": true,
									"filterEnabled": true,
									"scrollbarSecond": true
								},
								"content": {
									"tableCaption": "",
									"tableHeader": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Name"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "E-mail"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Gruppen"
															}
														}
													]
												}
											}
										]
									},
									"tableBody": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schubert"
															},
															"content": {
																"cellContent": "Heidi Schubert",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "heidi.schubert@lmu.deSchubert"
															},
															"content": {
																"cellContent": "heidi.schubert@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeSchubert"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Scheu"
															},
															"content": {
																"cellContent": "Andreas Scheu",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "scheu@lmu.deScheu"
															},
															"content": {
																"cellContent": "Scheu@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeScheu"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schuster"
															},
															"content": {
																"cellContent": "Bernd Schuster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Bernd.Schuster@lmu.deSchuster"
															},
															"content": {
																"cellContent": "Bernd.Schuster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeSchuster"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Gerald"
															},
															"content": {
																"cellContent": "Lisa Gerald",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Lisa.Gerald@lmu.deGerald"
															},
															"content": {
																"cellContent": "Lisa.Gerald@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeGerald"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Azhrens"
															},
															"content": {
																"cellContent": "Manu Ährens",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Manu.azhrens@lmu.deAzhrens"
															},
															"content": {
																"cellContent": "Manu.ährens@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeAzhrens"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Ozster"
															},
															"content": {
																"cellContent": "Ester Öster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Ester.ozster@lmu.deOzster"
															},
															"content": {
																"cellContent": "Ester.öster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeOzster"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											}
										]
									}
								}
							}


					}

			}
		},
		"9te": {
			"docs": {
				"variationName": "Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit) (Detailseite) (9te)"
			},
			"settings": {
				"personListContextClass": "rte",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit)",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "Default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "2",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": ""

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "2"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
							"tablePerson": {
								"docs": {
									"variationName": "Table for person list",
									"sectionCenter": true
								},
								"settings": {
									"tableContextClass": "person",
									"tableClasses": false,
									"tableJsModule": "scroll-indicator",
									"scrollIndicatorEnabled": true,
									"filterEnabled": true,
									"scrollbarSecond": true
								},
								"content": {
									"tableCaption": "",
									"tableHeader": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Name"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "E-mail"
															}
														},
														{
															"settings": {
																"thTag": true,
																"cellClass": "is-sortfield",
																"tableCellJsModule": "table-sort"
															},
															"content": {
																"cellContent": "Gruppen"
															}
														}
													]
												}
											}
										]
									},
									"tableBody": {
										"tableRows": [
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Nachname"
															},
															"content": {
																"cellContent": "Titel Vorname Nachname",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "vorname.nachname@verwaltung.uni-muenchen.deNachname"
															},
															"content": {
																"cellContent": "vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "GruppeNachname"
															},
															"content": {
																"cellContent": "Gruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schubert"
															},
															"content": {
																"cellContent": "Heidi Schubert",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "heidi.schubert@lmu.deSchubert"
															},
															"content": {
																"cellContent": "heidi.schubert@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeSchubert"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Jung"
															},
															"content": {
																"cellContent": "Prof. Dr. Andreas Jung",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"
															},
															"content": {
																"cellContent": "Andreas.Jung-Testperson@verwaltung.uni-muenchen.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "ArbeitsgruppeJung"
															},
															"content": {
																"cellContent": "Arbeitsgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Scheu"
															},
															"content": {
																"cellContent": "Andreas Scheu",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "scheu@lmu.deScheu"
															},
															"content": {
																"cellContent": "Scheu@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeScheu"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Schuster"
															},
															"content": {
																"cellContent": "Bernd Schuster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Bernd.Schuster@lmu.deSchuster"
															},
															"content": {
																"cellContent": "Bernd.Schuster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeSchuster"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Gerald"
															},
															"content": {
																"cellContent": "Lisa Gerald",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Lisa.Gerald@lmu.deGerald"
															},
															"content": {
																"cellContent": "Lisa.Gerald@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SpielgruppeGerald"
															},
															"content": {
																"cellContent": "Spielgruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Azhrens"
															},
															"content": {
																"cellContent": "Manu Ährens",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Manu.azhrens@lmu.deAzhrens"
															},
															"content": {
																"cellContent": "Manu.ährens@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeAzhrens"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											},
											{
												"settings": {
													"trClass": false
												},
												"content": {
													"tableCells": [
														{
															"settings": {
																"thTag": false,
																"cellClass": "is-bold is-nowrap",
																"dataLabel": "Name",
																"dataSort": "Ozster"
															},
															"content": {
																"cellContent": "Ester Öster",
																"cellLinkHref": "#",
																"cellLinkClass": "is-internal"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "E-mail",
																"dataSort": "Ester.ozster@lmu.deOzster"
															},
															"content": {
																"cellContent": "Ester.öster@lmu.de",
																"cellLinkHref": "mailto:vorname.nachname@verwaltung.uni-muenchen.de",
																"cellLinkClass": "is-mail"
															}
														},
														{
															"settings": {
																"thTag": false,
																"cellClass": false,
																"dataLabel": "Gruppen",
																"dataSort": "SonderzeichengruppeOzster"
															},
															"content": {
																"cellContent": "Sonderzeichengruppe"
															}
														}
													]
												}
											}
										]
									}
								}
							}
					}
			}
		},
		"8te": {
			"docs": {
				"variationName": "Personenliste (Visitenkarten) (Übersichtsseite) (8te)"
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Visitenkarten)",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"list":
					{
						"visitCardPerson": {
							"docs": {
								"variationName": "Default"
							},
							"settings": {
								"personOverviewContextClass": "default",
								"personOverviewClasses": "",
								"personOverviewJsOptions": {},
								"filterEnabled": true
							},
							"content": {
								"items": [
									{
										"settings": {
											"dataSort": "Schmidt-Landgruber",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Werner Schmidt-Landgruber",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schneller",
											"noLightbox": true
										},
										"content": {
											"personname":"Dr. Edda Schneller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Truck",
											"noLightbox": true
										},
										"content": {
											"personname":"Max Truck",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schaller",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Peter Schaller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									}
								]
							}
						}
					}
			}
		},
		"3te": {
			"docs": {
				"variationName": "Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Übersichtsseite) (3te) "
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "Default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "3",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": "G,M,T,S"

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "3"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
						"visitCardPerson": {
							"docs": {
								"variationName": "Default"
							},
							"settings": {
								"personOverviewContextClass": "default",
								"personOverviewClasses": "",
								"personOverviewJsOptions": {},
								"filterEnabled": true
							},
							"content": {
								"items": [
									{
										"settings": {
											"dataSort": "Goztz",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Irene Götz",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr eirmod tempor intus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Meier",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Mark Meier",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Thal-Roser",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Elmar Thal-Roser",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung Thal-Roser",
											"function":"Funktion Thal-Roser",
											"job_description":"Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Thal-Roser Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
											"office":"Thal-Roser Dienststelle",
											"room":"Erdgeschoss, Raum 404 B (Thal-Roser)",
											"street":"Thal-Roser_str.",
											"plz_city":"80333 Thal-Rosen",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung zu Thal-Roser",
														"linkClasses": "is-thal is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "Thal"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657"
										}
									},
									{
										"settings": {
											"dataSort": "Thaler",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Emma Thaler",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schmidt-Landgruber",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Werner Schmidt-Landgruber",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schneller",
											"noLightbox": true
										},
										"content": {
											"personname":"Dr. Edda Schneller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Truck",
											"noLightbox": true
										},
										"content": {
											"personname":"Max Truck",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schaller",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Peter Schaller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									}
								]
							}
						}
					}
			}
		},
		"4te": {
			"docs": {
				"variationName": "Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Übersichtsseite) (4te)"
			},
			"settings": {
				"personListContextClass": "default",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "Default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "4",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": ""

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "4"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
						"visitCardPerson": {
							"docs": {
								"variationName": "Default"
							},
							"settings": {
								"personOverviewContextClass": "default",
								"personOverviewClasses": "",
								"personOverviewJsOptions": {},
								"filterEnabled": true
							},
							"content": {
								"items": [
									{
										"settings": {
											"dataSort": "Goztz",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Irene Götz",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr eirmod tempor intus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Meier",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Mark Meier",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Thal-Roser",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Elmar Thal-Roser",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung Thal-Roser",
											"function":"Funktion Thal-Roser",
											"job_description":"Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Thal-Roser Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
											"office":"Thal-Roser Dienststelle",
											"room":"Erdgeschoss, Raum 404 B (Thal-Roser)",
											"street":"Thal-Roser_str.",
											"plz_city":"80333 Thal-Rosen",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung zu Thal-Roser",
														"linkClasses": "is-thal is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "Thal"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657"
										}
									},
									{
										"settings": {
											"dataSort": "Thaler",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Emma Thaler",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schmidt-Landgruber",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Werner Schmidt-Landgruber",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schneller",
											"noLightbox": true
										},
										"content": {
											"personname":"Dr. Edda Schneller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Truck",
											"noLightbox": true
										},
										"content": {
											"personname":"Max Truck",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schaller",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Peter Schaller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									}
								]
							}
						}
					}
			}
		},
		"6te": {
			"docs": {
				"variationName": "Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Detailseiten) (6te)"
			},
			"settings": {
				"personListContextClass": "rte",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "6",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": "M,T,S"

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "6"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
						"visitCardPerson": {
							"docs": {
								"variationName": "Default"
							},
							"settings": {
								"personOverviewContextClass": "rte",
								"personOverviewClasses": "",
								"personOverviewJsOptions": {},
								"filterEnabled": true
							},
							"content": {
								"items": [
									{
										"settings": {
											"dataSort": "Meier",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Mark Meier",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Thal-Roser",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Elmar Thal-Roser",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung Thal-Roser",
											"function":"Funktion Thal-Roser",
											"job_description":"Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Thal-Roser Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
											"office":"Thal-Roser Dienststelle",
											"room":"Erdgeschoss, Raum 404 B (Thal-Roser)",
											"street":"Thal-Roser_str.",
											"plz_city":"80333 Thal-Rosen",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung zu Thal-Roser",
														"linkClasses": "is-thal is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "Thal"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657"
										}
									},
									{
										"settings": {
											"dataSort": "Thaler",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Emma Thaler",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schmidt-Landgruber",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Werner Schmidt-Landgruber",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schneller",
											"noLightbox": true
										},
										"content": {
											"personname":"Dr. Edda Schneller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Truck",
											"noLightbox": true
										},
										"content": {
											"personname":"Max Truck",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schaller",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Peter Schaller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									}
								]
							}
						}
					}
			}
		},
		"5te": {
			"docs": {
				"variationName": "Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Detailseiten) (5te)"
			},
			"settings": {
				"personListContextClass": "rte",
				"personListClasses": "",
				"personListJsOptions": {}
			},
			"content": {
				"headline": "Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))",
				"teasertext": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.",
				"noentry": "Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.",
				"filter":{

					"letter-select": {
						"docs": {
							"variationName": "default"
						},
						"settings": {
							"letterSelectContextClass": "default",
							"letterSelectClasses": "",
							"letterSelectJsModule": "letter-select",
							"letterSelectID": "5",
							"letterSelectJsOptions": {
								"scrollToEnd": false
							},
							"scrollIndicatorEnabled": true,
							"letterUsedForFilter": ""

						},
						"content": {
							"letteritems":[
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "A"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "B"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "C"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "D"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "E"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "F"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "G"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "H"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "I"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "J"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "K"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "L"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "M"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "N"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "O"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "P"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "Q"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "R"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "S"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "T"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "U"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "V"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "W"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "X"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "Y"
									}
								},
								{
									"settings": {
										"letterSelectID": "5"
									},
									"content": {
										"lettername": "Z"
									}
								}
							]
						}
					}
				},
				"list":
					{
						"visitCardPerson": {
							"docs": {
								"variationName": "Default"
							},
							"settings": {
								"personOverviewContextClass": "rte is-large",
								"personOverviewClasses": "",
								"personOverviewJsOptions": {},
								"filterEnabled": true
							},
							"content": {
								"items": [
									{
										"settings": {
											"dataSort": "Goztz",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Irene Götz",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr eirmod tempor intus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Meier",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Mark Meier",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Thal-Roser",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Elmar Thal-Roser",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung Thal-Roser",
											"function":"Funktion Thal-Roser",
											"job_description":"Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Thal-Roser Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
											"office":"Thal-Roser Dienststelle",
											"room":"Erdgeschoss, Raum 404 B (Thal-Roser)",
											"street":"Thal-Roser_str.",
											"plz_city":"80333 Thal-Rosen",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung zu Thal-Roser",
														"linkClasses": "is-thal is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "Thal"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657"
										}
									},
									{
										"settings": {
											"dataSort": "Thaler",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Emma Thaler",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schmidt-Landgruber",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Werner Schmidt-Landgruber",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schneller",
											"noLightbox": true
										},
										"content": {
											"personname":"Dr. Edda Schneller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Truck",
											"noLightbox": true
										},
										"content": {
											"personname":"Max Truck",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									},
									{
										"settings": {
											"dataSort": "Schaller",
											"noLightbox": true
										},
										"content": {
											"personname":"Prof. Dr. Peter Schaller",
											"figure": {
												"settings": {
													"figureId": "",
													"figureContextClass": "default",
													"figureClasses": "person-overview__figure"
												},
												"content": {
													"figureZoom": false,
													"figurePicture": {
														"settings": {
															"pictureContextClass": "default",
															"pictureClasses": "",
															"lazyload": false,
															"autoSizes": true
														},
														"content": {
															"fallbackSrc": "https://via.placeholder.com/400x400",
															"alt": "Alternative text that describes the image",
															"items": [
																{
																	"srcset": [
																		{
																			"src": "https://via.placeholder.com/300x300",
																			"imageWidth": "300w"
																		},
																		{
																			"src": "https://via.placeholder.com/600x600",
																			"imageWidth": "600w"
																		},
																		{
																			"src": "https://via.placeholder.com/1200x1200",
																			"imageWidth": "1200w"
																		}
																	],
																	"sizes": [
																		{
																			"screenWidth": "",
																			"imageWidth": "1vw"
																		},
																		{
																			"screenWidth": "(min-width: 768px)",
																			"imageWidth": "33.33333vw"
																		}
																	]
																}
															]
														}
													}
												}
											},
											"organization_unit":"Einrichtung",
											"function":"Funktion",
											"job_description":"Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)",
											"personinfo":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
											"office":"Dienststelle",
											"room":"Erdgeschoss, Raum 404 B",
											"street":"Martiusstr.2",
											"plz_city":"80333 München",
											"addressitems": [
												{
													"content": {
														"linkText": "Wegbeschreibung",
														"linkClasses": "",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											],
											"contactitems":[
												{
													"content": {
														"linkText": "Email schreiben",
														"linkClasses": "is-mail",
														"linkHref": "mailto:info@lmu.de",
														"linkTarget": false
													}
												}
											],
											"phone":"+49(0)8933298657",
											"webitems":[
												{
													"content": {
														"linkText": "Persönliche Website",
														"linkClasses": "is-external",
														"linkHref": "http://www.zuendfunk.de",
														"linkTarget": "_blank"
													}
												}
											]
										}
									}
								]
							}
						}
					}
			}
		}

	}
}

Styles

person-list.scss

/* ===================================================
component: person-list
=================================================== */

/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
[data-css="c-person-list"] {

	.person-list__headline {
		@include headline-h2-styles();
		font-family: $font-bold;
		color: $color-dark;
		font-weight: 700;

		margin-bottom: 30px;

		@include bp($bp-tablet-p) {
			margin-bottom: 28px;
		}

		@include bp($bp-desktop-m) {
			margin-bottom: 32px;
		}
	}

	.person-list__teasertext {
		p {
			font-family: $font-regular;
			font-size: 1.5rem;
			line-height: (22/15);
			letter-spacing: .25px;
			color: $color-dark;
			margin-bottom: 25px;

			@include bp($bp-desktop-m) {
				font-size: 1.6rem;
				line-height: (24/16);
				margin-bottom: 30px;
			}
		}
	}

	.person-list__filter {
		margin-bottom: 25px;

		@include bp($bp-desktop-m) {
			margin-bottom: 30px;
		}
	}

	.person-list__list {
		.c-table--person {
			margin-bottom: 0px;
		}
		.c-person-overview--default,
		.c-person-overview--rte {
			margin-bottom: 0px;
		}
	}

	.person-list__noentry {
		padding: 15px;
		border: 1px solid $color-gray-border;
		display: none;

		&.is-visible {
			display: block;
		}
	}
}

/* ---------------------------------------------------
Context: Default
--------------------------------------------------- */
.c-person-list--default {

	margin-bottom: calc(60px - 3.6%);

	@include bp($bp-mobile-p) {
		margin-bottom: calc(80px - 3.6%);
	}

	@include bp($bp-tablet-p) {
		margin-bottom: calc(100px - 3.6%);
	}

	@include bp(1920px) {
		margin-bottom: calc(120px - 3.6%);
	}



}

.c-person-list--rte {


	margin-bottom: calc(60px - 3.6%);

	.person-list__teasertext {
		p {
			@include rte-dimensions();
			@include content-p-styles();
		}
	}

	.person-list__filter {
		@include rte-dimensions();
		display: block;
	}

	.person-list__noentry {
		@include rte-dimensions();
	}

}

Scripts

person-list.js

/**
 * Description of PersonList.
 * Class properties and decorators are supported.
 *
 * @module PersonList
 * @version v1.0.0
 *
 * @author your_name
 */

// Imports
import $ from 'jquery';
import Component from '@veams/component';

class PersonList extends Component {
	/**
	* Class Properties
	*/
	$el = $(this.el);
	$choosenAZFieldP = $(this.options.selectors.choosenAZFieldP, this.$el);

    /**
     * Event & subscribe handling
     */

	// Local Handlers
    get events() {

    }



	/**
	 * Constructor for our class
	 *
	 * @see module.js
	 *
	 * @param {Object} obj - Object which is passed to our class
	 * @param {Object} obj.el - element which will be saved in this.el
	 * @param {Object} obj.options - options which will be passed in as JSON object
	 */
	constructor(obj) {
		let options = {
			selectors: {
				choosenAZFieldP: '[data-js-item="choosen-az"]'
			},
			clickSortField: [],
			azFilterInput: [],
			azFilterAreaTable: [],
			azFilterAreaPersonOverview: [],
			originalAZFilterAreaTable: [],
			aktAZFilterAreaTable: [],
			originalAZFilterAreaPersonOverview: [],
			aktAZFilterAreaPersonOverview: [],
			divNoEntry: [],
			aktSortFieldClass: "",
			showNoEntry: false,
			classes: {}
		};

		super(obj, options);
	}

	didMount() {
		console.log('Component PersonList mounted!');

	}

	/**
	 * Bind events
	 *
	 */
	 bindEvents() {

		this.options.clickSortField = this.el.querySelectorAll(
			'[data-js-item="table-sort"]'
		);

		if (this.options.clickSortField.length > 0) {
			this.options.clickSortField.forEach(opt => opt.addEventListener('click', (() => {
				this.sortFields(opt);
			})));
		}

		this.options.azFilterInput = this.el.querySelectorAll(
			'[data-js-item="choosen-az"]'
		);

		if (this.options.azFilterInput.length > 0) {
			let fngetAZFieldValueP = this.getAZFieldValueP.bind(this);
			this.$choosenAZFieldP.on(this.context.EVENTS.change, fngetAZFieldValueP);
		}

		this.options.azFilterAreaTable = this.el.querySelectorAll(
			'[data-js-filter-element="filter-table"]'
		);

		this.options.azFilterAreaPersonOverview = this.el.querySelectorAll(
			'[data-js-filter-element="filter-person-overview"]'
		);

		if (this.options.azFilterAreaPersonOverview.length > 0) {
			this.options.originalAZFilterAreaPersonOverview = this.options.azFilterAreaPersonOverview[0].querySelectorAll('[data-js-item="js-person-overview-element"]');
		}

		this.options.divNoEntry = this.el.querySelectorAll(
			'[data-js-item="person-list-noentry"]'
		);

	}

	/**
	 * Render class
	 */
	render() {
		return this;
	}

	/**
	 * Get the Rows sorted by theader-Elements with a specific attribute in all td-Elements (data-sort)
	 * See the code as similar example: https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript
	 *
	 * @param {Object} [opt] - Table-Header-Element (th)
	 */
	sortFields(opt){

		const getCellValue = (tr, idx) => tr.children[idx].getAttribute("data-sort");

		/*
		const comparer = (idx, asc) => (a, b) => ((v1, v2) =>
			v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ? v1 - v2 : v1.toString().localeCompare(v2)
			)(getCellValue(asc ? a : b, idx), getCellValue(asc ? b : a, idx));
			*/

		// Returns a function responsible for sorting a specific column index
		// (idx = columnIndex, asc = ascending order?).
		var comparer = function(idx, asc) {

			// This is used by the array.sort() function...
			return function(a, b) {

				// This is a transient function, that is called straight away.
				// It allows passing in different order of args, based on
				// the ascending/descending order.
				return function(v1, v2) {

					// sort based on a numeric or localeCompare, based on type...
					return (v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2))
						? v1 - v2
						: v1.toString().localeCompare(v2);
				}(getCellValue(asc ? a : b, idx), getCellValue(asc ? b : a, idx));
			}
		};

		const persontable = opt.closest('table');
		const persontbody = persontable.querySelector('tbody');
		if (this.options.aktSortFieldClass == ""){
			this.options.aktSortFieldClass = "is-asc";
		} else if (this.options.aktSortFieldClass == "is-asc") {
			this.options.aktSortFieldClass = "is-desc";
		} else if (this.options.aktSortFieldClass == "is-desc") {
			this.options.aktSortFieldClass = "is-asc";
		}

		this.options.clickSortField.forEach(optinner => {
			optinner.classList.remove('is-asc');
			optinner.classList.remove('is-desc');
		});

		opt.classList.add(this.options.aktSortFieldClass);

		Array.from(persontbody.querySelectorAll('tr'))
			.sort(comparer(Array.from(opt.parentNode.children).indexOf(opt), this.asc = !this.asc))
			.forEach(tr => persontbody.appendChild(tr) );
	}

	/**
	 * Get the selected Filter-Letter and show only the names with this letter at the start of the name. If there is no letter setting all tabble-rows visible
	 *
	 * @param {Object} [e] - Event object
	 */
	getAZFieldValueP(e) {
		// Area for the table view
		this.options.showNoEntry = true;
		if (this.options.azFilterAreaTable.length > 0) {
			const filtertabletbody = this.options.azFilterAreaTable[0].querySelector('tbody');
			const filtertablerows = filtertabletbody.querySelectorAll('tr');
			filtertablerows.forEach(tr => {
				let letter = tr.children[0].getAttribute("data-sort");
				if (this.$choosenAZFieldP.val() === "") {
					tr.classList.remove("is-not-included");
					tr.classList.remove("is-included");
					this.options.showNoEntry = false;
				} else {
					if (letter.charAt(0).toUpperCase() != this.$choosenAZFieldP.val().toUpperCase()){
						tr.classList.add("is-not-included");
						tr.classList.remove("is-included");
					} else {
						tr.classList.remove("is-not-included");
						tr.classList.add("is-included");
						this.options.showNoEntry = false;
					}
				}

			});
			//Trigger resize necessary to rerender the table-Solution with the scrollbar
			$(window).trigger('resize');
		} // Area for the visitcard view
		else if (this.options.azFilterAreaPersonOverview.length > 0){
			const filterpersonoverviews = this.options.azFilterAreaPersonOverview[0].querySelectorAll('[data-js-item="js-person-overview-element"]');
			let getoriginalArray = true;
			let arrgetNotIncluded = [];
			let arrgetIncluded = [];
			filterpersonoverviews.forEach(card => {
				let letter = card.getAttribute("data-sort");
				if (this.$choosenAZFieldP.val() === "") {
					card.classList.remove("is-not-included");
					card.classList.remove("is-included");
					getoriginalArray = true;
					this.options.showNoEntry = false;
				} else {
					if (letter.charAt(0).toUpperCase() != this.$choosenAZFieldP.val().toUpperCase()){
						card.classList.add("is-not-included");
						card.classList.remove("is-included");
						arrgetNotIncluded.push(card);
					} else {
						card.classList.remove("is-not-included");
						card.classList.add("is-included");
						arrgetIncluded.push(card);
						this.options.showNoEntry = false;
					}
					getoriginalArray = false;
				}
			});
			if (getoriginalArray){
				this.options.originalAZFilterAreaPersonOverview.forEach(div => this.options.azFilterAreaPersonOverview[0].appendChild(div) );
			} else {
				this.options.aktAZFilterAreaPersonOverview = [...arrgetIncluded, ...arrgetNotIncluded];
				this.options.aktAZFilterAreaPersonOverview.forEach(div => this.options.azFilterAreaPersonOverview[0].appendChild(div) );
			}
		}

		if (this.options.divNoEntry.length > 0) {
			if (this.options.showNoEntry) {
				this.options.divNoEntry[0].classList.add("is-visible");
			} else {
				this.options.divNoEntry[0].classList.remove("is-visible");
			}
		}
	}

}

export default PersonList;

HTML Output

Personenliste (Tabellenform) (Übersichtsseite) (10te)

<script>
	document.addEventListener('DOMContentLoaded', function() {
		LmuPersonModule.init();
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Tabellenform)</h2>
	<div class="person-list__teasertext">
		<p>Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten nicht zu sortieren muss bei den TH-Tags einfach die Klasse &#x27;is-sortfield&#x27; und das Attibute &#x27;data-js-item&#x3D;&#x27;table-sort&#x27;&#x27; weggelassen werden. Zusätzlich kann bei jeder Tabellenspalte (td) das Attribute data-sort entfernt werden. Will man den 2ten Scrollbalken am Kopf der Tabelle nicht einbinden löscht man den Div-Bereich mit dem Attribute data-js-item&#x3D;&#x27;scroll-wrapper-second&#x27; mit allen Kindern.</p>
	</div>
	<div class="person-list__filter">
	</div>
	<div class="person-list__list">
		<div class="c-table--person" data-css="c-table" data-js-module="scroll-indicator">
			<div class="table__indicator" data-js-item="scroll-indicator">
				<div class="table__wrapper" data-js-item="scroll-wrapper">
					<table class="table__content" data-js-item="scroll-content" data-js-filter-element="filter-table">
						<thead class="table__head">
							<tr class="table__row">
								<th class="table__data is-th">Name</th>
								<th class="table__data is-th">E-mail</th>
								<th class="table__data is-th">Telefon</th>
								<th class="table__data is-th">Fax</th>
								<th class="table__data is-th">Raum</th>
								<th class="table__data is-th">Gruppen</th>
							</tr>
						</thead>
						<tbody class="table__body">
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Nachname"><a href="#" rel="noopener" class="table__link is-internal">Titel Vorname Nachname</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="vorname.nachname@verwaltung.uni-muenchen.deNachname"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">vorname.nachname@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Nachname"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Nachname"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 123Nachname">Zi. 123</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="GruppeNachname">Gruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schubert"><a href="#" rel="noopener" class="table__link is-internal">Heidi Schubert</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="heidi.schubert@lmu.deSchubert"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">heidi.schubert@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Schubert"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Schubert"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Schubert">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="Gruppe ich was nicht wasSchubert">Gruppe ich was nicht was</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Jung"><a href="#" rel="noopener" class="table__link is-internal">Prof. Dr. Andreas Jung</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Andreas.Jung-Testperson@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000 - 3000 - 234Jung"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000 - 3000 - 234</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Jung"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Jung">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeJung">Gruppe ich was nicht was</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Scheu"><a href="#" rel="noopener" class="table__link is-internal">Andreas Scheu</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="scheu@lmu.deScheu"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Scheu@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Scheu"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Scheu"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Scheu">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeScheu">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schuster"><a href="#" rel="noopener" class="table__link is-internal">Bernd Schuster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Bernd.Schuster@lmu.deSchuster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Bernd.Schuster@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Schuster"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Schuster"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Raum 120Schuster">Raum 120</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeSchuster">Gruppe ich was nicht was</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Tabellenform, Sortiermöglichkeit) (Übersichtsseite) (7te)

<script>
	document.addEventListener('DOMContentLoaded', function() {
		LmuPersonModule.init();
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Tabellenform, Sortiermöglichkeit)</h2>
	<div class="person-list__teasertext">
		<p>Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten zu sortieren muss bei den TH-Tags einfach die Klasse &#x27;is-sortfield&#x27; und das Attibute &#x27;data-js-item&#x3D;&#x27;table-sort&#x27;&#x27; ergänzt werden. Um die Sortiermöglichkeit zu ermöglichen wird jedem TD-Feld ein data-sort-Attribute angefügt. Dieses Attribute enthält im Falle des Namens nur den Nachnamen der Person. Umlaute in diesem Namen werden zu: Ö zu Oz, Ü zu Üz, Ä zu Az, ä zu az,.... Bei anderen Feldern enthält das Attribute den Content des Feldes ohne Leerzeichen und Sonderzeichen und anschließend den Nachnamen der Person. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt &#x27;zzzz[nachname]&#x27;</p>
	</div>
	<div class="person-list__list">
		<div class="c-table--person" data-css="c-table" data-js-module="scroll-indicator">
			<div class="table__indicator" data-js-item="scroll-indicator">
				<div class="table__wrapper-second" data-js-item="scroll-wrapper-second">
					<div class="table__content-second" data-js-item="scroll-content-second">&nbsp;</div>
				</div>
				<div class="table__wrapper" data-js-item="scroll-wrapper">
					<table class="table__content" data-js-item="scroll-content" data-js-filter-element="filter-table">
						<thead class="table__head">
							<tr class="table__row">
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Name</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">E-mail</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Gruppen</th>
							</tr>
						</thead>
						<tbody class="table__body">
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schubert"><a href="#" rel="noopener" class="table__link is-internal">Heidi Schubert</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="heidi.schubert@lmu.deSchubert"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">heidi.schubert@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeSchubert">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Jung"><a href="#" rel="noopener" class="table__link is-internal">Prof. Dr. Andreas Jung</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Andreas.Jung-Testperson@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeJung">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Gerald"><a href="#" rel="noopener" class="table__link is-internal">Lisa Gerald</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Lisa.Gerald@lmu.deGerald"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Lisa.Gerald@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeGerald">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Azhrens"><a href="#" rel="noopener" class="table__link is-internal">Manu Ährens</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Manu.azhrens@lmu.deAzhrens"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Manu.ährens@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeAzhrens">Sonderzeichengruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Ozster"><a href="#" rel="noopener" class="table__link is-internal">Ester Öster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Ester.ozster@lmu.deOzster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Ester.öster@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeOzster">Sonderzeichengruppe</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken) (Übersichtsseite) (default)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Tabellenform, A-Z-Filter (inaktive Buchstaben), Sortiermöglichkeit und zusätzlicher Start-Scrollbalken)</h2>
	<div class="person-list__teasertext">
		<p>Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt &#x27;zzzz[nachname]&#x27;. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item&#x3D;&#x27;scroll-wrapper-second&#x27;. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) anzeigen muss man dem Div mit der Klasse &#x27;letter-select__area&#x27; ein Attribute &#x27;data-js-letters-content&#x27; übergeben in dem die aktiven Buchstaben kommagetrennt enthalten sind. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="N,S,J,G,A,O,T,B,C,D">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="1-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="1-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="1-az-select" name="1-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-table--person" data-css="c-table" data-js-module="scroll-indicator">
			<div class="table__indicator" data-js-item="scroll-indicator">
				<div class="table__wrapper-second" data-js-item="scroll-wrapper-second">
					<div class="table__content-second" data-js-item="scroll-content-second">&nbsp;</div>
				</div>
				<div class="table__wrapper" data-js-item="scroll-wrapper">
					<table class="table__content" data-js-item="scroll-content" data-js-filter-element="filter-table">
						<thead class="table__head">
							<tr class="table__row">
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Name</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">E-mail</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Telefon</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Fax</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Raum</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Gruppen</th>
							</tr>
						</thead>
						<tbody class="table__body">
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Nachname"><a href="#" rel="noopener" class="table__link is-internal">Titel Vorname Nachname</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="vorname.nachname@verwaltung.uni-muenchen.deNachname"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">vorname.nachname@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Nachname"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Nachname"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 123Nachname">Zi. 123</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="zzzzNachname"></td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schubert"><a href="#" rel="noopener" class="table__link is-internal">Heidi Schubert</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="heidi.schubert@lmu.deSchubert"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">heidi.schubert@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Schubert"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Schubert"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Schubert">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeistgruppeSchubert">Arbeistgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Jung"><a href="#" rel="noopener" class="table__link is-internal">Prof. Dr. Andreas Jung</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Andreas.Jung-Testperson@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000 - 3000 - 234Jung"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000 - 3000 - 234</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Jung"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Jung">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeJung">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Scheu"><a href="#" rel="noopener" class="table__link is-internal">Andreas Scheu</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="scheu@lmu.deScheu"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Scheu@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Scheu"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Scheu"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Scheu">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeScheu">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schuster"><a href="#" rel="noopener" class="table__link is-internal">Bernd Schuster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Bernd.Schuster@lmu.deSchuster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Bernd.Schuster@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Schuster"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Schuster"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Raum 120Schuster">Raum 120</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeSchuster">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Gerald"><a href="#" rel="noopener" class="table__link is-internal">Lisa Gerald</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Lisa.Gerald@lmu.deGerald"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Lisa.Gerald@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9000Gerald"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9000Gerald"><span class="is-fax">+49 (0)89 2180 - 99 - 9000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Raum 120Gerald">Raum 120</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeGerald">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Azhrens"><a href="#" rel="noopener" class="table__link is-internal">Manu Ährens</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Manu.azhrens@lmu.deAzhrens"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Manu.ährens@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9004Azhrens"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9004</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9004Azhrens"><span class="is-fax">+49 (0)89 2180 - 99 - 9004</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Raum 120Azhrens">Raum 120</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeAzhrens">Sonderzeichengruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Ozster"><a href="#" rel="noopener" class="table__link is-internal">Ester Öster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Ester.ozster@lmu.deOzster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Ester.öster@lmu.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 9100Ozster"><a href="tel: +4908921809000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 9100</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 9100Ozster"><span class="is-fax">+49 (0)89 2180 - 99 - 9100</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Raum 120Ozster">Raum 120</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeOzster">Sonderzeichengruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Tillmann"><a href="#" rel="noopener" class="table__link is-internal">Dr. Jens Tillmann</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="jens.tillmann@lmu.deTillmann"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">jens.tillmann@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 7000Tillmann"><a href="tel: +4908921807000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 7000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 7000Tillmann"><span class="is-fax">+49 (0)89 2180 - 99 - 7000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 34Tillmann">Zi. 34</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="Service-Stelle BeschaffungTillmann">Service-Stelle Beschaffung</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Bell"><a href="#" rel="noopener" class="table__link is-internal">Prof. Isabell Bell</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="isabell.bell@lmu.deBell"><a href="mailto:isabell.bell@lmu.de" rel="noopener" class="table__link is-mail">isabell.bell@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 5000Bell"><a href="tel: +4908921805000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 5000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 5000Bell"><span class="is-fax">+49 (0)89 2180 - 99 - 5000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 224Bell">Zi. 224</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="Service-Stelle BeschaffungBell">Service-Stelle Beschaffung</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Cazser-Fisher"><a href="#" rel="noopener" class="table__link is-internal">Prof. Dr. med. Bernhilde Cäser-Fisher</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="bernhilde.cazser-fisher@verwaltung.uni-muenchen.deCazser-Fisher"><a href="mailto:bernhilde.cazser-fisher@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">bernhilde.cäser-fisher@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 3000Cazser-Fisher"><a href="tel: +4908921803000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 3000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 3000Cazser-Fisher"><span class="is-fax">+49 (0)89 2180 - 99 - 3000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 225Cazser-Fisher">Zi. 225</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="Service-Stelle BeschaffungCazser-Fisher">Service-Stelle Beschaffung</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Diller"><a href="#" rel="noopener" class="table__link is-internal">Bernhard Diller</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="bernhard.diller@verwaltung.uni-muenchen.deDiller"><a href="mailto:bernhard.diller@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">bernhard.diller@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td is-nowrap" data-label="Telefon" data-sort="49 (0)89 2180 - 2000Diller"><a href="tel: +4908921802000" rel="noopener" class="table__link is-phone">+49 (0)89 2180 - 2000</a></td>
								<td class="table__data is-td is-nowrap" data-label="Fax" data-sort="49 (0)89 2180 - 99 - 2000Diller"><span class="is-fax">+49 (0)89 2180 - 99 - 2000</span></td>
								<td class="table__data is-td is-nowrap" data-label="Raum" data-sort="Zi. 226Diller">Zi. 226</td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="Service-Stelle BeschaffungDiller">Service-Stelle Beschaffung</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken) (Übersichtsseite) (2te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Tabellenform, A-Z-Filter ( nur aktive Buchstaben und Hinweistext bei keinen Treffern), Sortiermöglichkeit und zusätzlichem Start-Scrollbalken)</h2>
	<div class="person-list__teasertext">
		<p>Wichtig ist: Um die Tabellenbeschriftung in kleinen Viewports zu ermöglichen müssen die Tabellenspaltenheadernamen jeder Tabellenzelle (td) als Attribute data-label mitgegeben werden. Um Tabellenspalten sortieren zu können muss jeder Tabellenzelle (Td) ein Attribute data-sort mit dem Begriff nach dem sortiert werden soll mitgegeben werden. Zu beachten ist dabei, dass bei Namen nur der Nachname als Sortierkriterium verwendet wird. Ä wird zu az, Ö zu oz, Ü zu uz,... . Alle anderen Zellen erhalten als Sortiernamen den Content des Feldes ohne Leerzeichen und Sonderzeichen plus danach den Nachnamen der Person. So kann garantiert werden, dass nach der Sortierung als 2ter Sortierungswert der Name berücksichtigt wird. Sind z.B. mehrere Personen in einer Gruppe erscheinen die Personen alphabetisch geordnet, wenn man nach den Gruppen sortiert. Ist ein Tabellenfeld leer enthält es im Attribute data-sort den Inhalt &#x27;zzzz[nachname]&#x27;. Will man bei längeren Listen einen 2ten Scrollbalken am Kopf der Tabelle einbinden erfolgt dies durch das Hinzufügen des Div-Bereiches mit dem Attribute data-js-item&#x3D;&#x27;scroll-wrapper-second&#x27;. Will man bei der A-Z-Filterung aktive Buchstaben (also Buchstaben die Personennachnamen enthalten) nicht anzeigen muss man dem Div mit der Klasse &#x27;letter-select__area&#x27; ein leeres Attribute &#x27;data-js-letters-content&#x27; übergeben oder dieses weglassen. Beim A-Z-Filter ist noch zu beachten, dass die IDs der Formulatelemente und die For-Attribute der Labelelemente auf der Website eindeutige Namen enthalten. Dies erfolgt dadurch, dass man als Zahl immer die Absatzvorlagen-ID einbindet. (z.B. [absatzvorlagen-ID]-letter-A oder beim Hidden-Field [absatzvorlagen-ID]-az-select).</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="2-az-select" name="2-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-table--person" data-css="c-table" data-js-module="scroll-indicator">
			<div class="table__indicator" data-js-item="scroll-indicator">
				<div class="table__wrapper-second" data-js-item="scroll-wrapper-second">
					<div class="table__content-second" data-js-item="scroll-content-second">&nbsp;</div>
				</div>
				<div class="table__wrapper" data-js-item="scroll-wrapper">
					<table class="table__content" data-js-item="scroll-content" data-js-filter-element="filter-table">
						<thead class="table__head">
							<tr class="table__row">
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Name</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">E-mail</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Gruppen</th>
							</tr>
						</thead>
						<tbody class="table__body">
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schubert"><a href="#" rel="noopener" class="table__link is-internal">Heidi Schubert</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="heidi.schubert@lmu.deSchubert"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">heidi.schubert@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeSchubert">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Scheu"><a href="#" rel="noopener" class="table__link is-internal">Andreas Scheu</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="scheu@lmu.deScheu"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Scheu@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeScheu">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schuster"><a href="#" rel="noopener" class="table__link is-internal">Bernd Schuster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Bernd.Schuster@lmu.deSchuster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Bernd.Schuster@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeSchuster">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Gerald"><a href="#" rel="noopener" class="table__link is-internal">Lisa Gerald</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Lisa.Gerald@lmu.deGerald"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Lisa.Gerald@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeGerald">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Azhrens"><a href="#" rel="noopener" class="table__link is-internal">Manu Ährens</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Manu.azhrens@lmu.deAzhrens"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Manu.ährens@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeAzhrens">Sonderzeichengruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Ozster"><a href="#" rel="noopener" class="table__link is-internal">Ester Öster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Ester.ozster@lmu.deOzster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Ester.öster@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeOzster">Sonderzeichengruppe</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit) (Detailseite) (9te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--rte" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Tabellenform, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern), Sortiermöglichkeit)</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="2-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="2-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="2-az-select" name="2-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-table--person" data-css="c-table" data-js-module="scroll-indicator">
			<div class="table__indicator" data-js-item="scroll-indicator">
				<div class="table__wrapper-second" data-js-item="scroll-wrapper-second">
					<div class="table__content-second" data-js-item="scroll-content-second">&nbsp;</div>
				</div>
				<div class="table__wrapper" data-js-item="scroll-wrapper">
					<table class="table__content" data-js-item="scroll-content" data-js-filter-element="filter-table">
						<thead class="table__head">
							<tr class="table__row">
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Name</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">E-mail</th>
								<th class="table__data is-th is-sortfield" data-js-item="table-sort">Gruppen</th>
							</tr>
						</thead>
						<tbody class="table__body">
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Nachname"><a href="#" rel="noopener" class="table__link is-internal">Titel Vorname Nachname</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="vorname.nachname@verwaltung.uni-muenchen.deNachname"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">vorname.nachname@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="GruppeNachname">Gruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schubert"><a href="#" rel="noopener" class="table__link is-internal">Heidi Schubert</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="heidi.schubert@lmu.deSchubert"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">heidi.schubert@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeSchubert">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Jung"><a href="#" rel="noopener" class="table__link is-internal">Prof. Dr. Andreas Jung</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Andreas.Jung-Testperson@verwaltung.uni-muenchen.deJung"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Andreas.Jung-Testperson@verwaltung.uni-muenchen.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="ArbeitsgruppeJung">Arbeitsgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Scheu"><a href="#" rel="noopener" class="table__link is-internal">Andreas Scheu</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="scheu@lmu.deScheu"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Scheu@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeScheu">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Schuster"><a href="#" rel="noopener" class="table__link is-internal">Bernd Schuster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Bernd.Schuster@lmu.deSchuster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Bernd.Schuster@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeSchuster">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Gerald"><a href="#" rel="noopener" class="table__link is-internal">Lisa Gerald</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Lisa.Gerald@lmu.deGerald"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Lisa.Gerald@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SpielgruppeGerald">Spielgruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Azhrens"><a href="#" rel="noopener" class="table__link is-internal">Manu Ährens</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Manu.azhrens@lmu.deAzhrens"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Manu.ährens@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeAzhrens">Sonderzeichengruppe</td>
							</tr>
							<tr class="table__row">
								<td class="table__data is-td is-bold is-nowrap" data-label="Name" data-sort="Ozster"><a href="#" rel="noopener" class="table__link is-internal">Ester Öster</a></td>
								<td class="table__data is-td" data-label="E-mail" data-sort="Ester.ozster@lmu.deOzster"><a href="mailto:vorname.nachname@verwaltung.uni-muenchen.de" rel="noopener" class="table__link is-mail">Ester.öster@lmu.de</a></td>
								<td class="table__data is-td" data-label="Gruppen" data-sort="SonderzeichengruppeOzster">Sonderzeichengruppe</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Visitenkarten) (Übersichtsseite) (8te)

<script>
	document.addEventListener('DOMContentLoaded', function() {
		LmuPersonModule.init();
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Visitenkarten)</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__list">
		<div class="c-person-overview--default" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
			<div class="person-overview__area" data-js-filter-element="filter-person-overview">
				<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schmidt-Landgruber">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Werner Schmidt-Landgruber</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schneller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Dr. Edda Schneller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Truck">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Max Truck</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schaller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Peter Schaller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Übersichtsseite) (3te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="G,M,T,S">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="3-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="3-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="3-az-select" name="3-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-person-overview--default" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
			<div class="person-overview__area" data-js-filter-element="filter-person-overview">
				<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Goztz">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Irene Götz</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Meier">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Mark Meier</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thal-Roser">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Elmar Thal-Roser</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung Thal-Roser</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion Thal-Roser</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B (Thal-Roser)</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thaler">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Emma Thaler</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="4" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schmidt-Landgruber">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Werner Schmidt-Landgruber</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="5" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schneller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Dr. Edda Schneller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="6" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Truck">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Max Truck</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="7" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schaller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Peter Schaller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Übersichtsseite) (4te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--default" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="4-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="4-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="4-az-select" name="4-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-person-overview--default" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
			<div class="person-overview__area" data-js-filter-element="filter-person-overview">
				<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Goztz">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Irene Götz</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Meier">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Mark Meier</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thal-Roser">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Elmar Thal-Roser</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung Thal-Roser</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion Thal-Roser</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B (Thal-Roser)</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thaler">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Emma Thaler</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="4" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schmidt-Landgruber">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Werner Schmidt-Landgruber</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="5" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schneller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Dr. Edda Schneller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="6" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Truck">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Max Truck</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="7" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schaller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Peter Schaller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben)) (Detailseiten) (6te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--rte" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Visitenkarten, A-Z-Filter (inaktive Buchstaben))</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="M,T,S">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="6-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="6-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="6-az-select" name="6-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-person-overview--rte" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
			<div class="person-overview__area" data-js-filter-element="filter-person-overview">
				<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Meier">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Mark Meier</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thal-Roser">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Elmar Thal-Roser</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung Thal-Roser</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion Thal-Roser</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B (Thal-Roser)</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thaler">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Emma Thaler</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schmidt-Landgruber">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Werner Schmidt-Landgruber</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="4" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schneller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Dr. Edda Schneller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="5" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Truck">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Max Truck</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="6" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schaller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Peter Schaller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern)) (Detailseiten) (5te)

<script>
	document.addEventListener('DOMContentLoaded', function(){		
		LmuPersonModule.init();		
	});
</script>
<div class="c-person-list--rte" data-css="c-person-list" data-js-module="person-list" data-js-options='{}'>
	<h2 class="person-list__headline">Personenliste (Visitenkarten, A-Z-Filter (aktive Buchstaben, Hinweistext bei keinen Treffern))</h2>
	<div class="person-list__teasertext">
		<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
	</div>
	<div class="person-list__filter">
		<form>
			<div class="c-letter-select--default" data-css="c-letter-select" data-js-module="letter-select" data-js-options='{&quot;scrollToEnd&quot;:false}'>
				<div class="letter-select__content" data-js-item="letter-scroll-indicator">
					<div class="letter-select__wrapper" data-js-item="letter-scroll-wrapper">
						<div class="letter-select__area" data-js-item="letter-scroll-content" data-js-item-letters="selected-letters" data-js-letters-content="">
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_A" name="letters" value="A" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_A" data-letter="A" class="letter-select__label">A</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_B" name="letters" value="B" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_B" data-letter="B" class="letter-select__label">B</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_C" name="letters" value="C" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_C" data-letter="C" class="letter-select__label">C</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_D" name="letters" value="D" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_D" data-letter="D" class="letter-select__label">D</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_E" name="letters" value="E" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_E" data-letter="E" class="letter-select__label">E</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_F" name="letters" value="F" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_F" data-letter="F" class="letter-select__label">F</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_G" name="letters" value="G" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_G" data-letter="G" class="letter-select__label">G</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_H" name="letters" value="H" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_H" data-letter="H" class="letter-select__label">H</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_I" name="letters" value="I" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_I" data-letter="I" class="letter-select__label">I</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_J" name="letters" value="J" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_J" data-letter="J" class="letter-select__label">J</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_K" name="letters" value="K" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_K" data-letter="K" class="letter-select__label">K</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_L" name="letters" value="L" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_L" data-letter="L" class="letter-select__label">L</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_M" name="letters" value="M" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_M" data-letter="M" class="letter-select__label">M</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_N" name="letters" value="N" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_N" data-letter="N" class="letter-select__label">N</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_O" name="letters" value="O" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_O" data-letter="O" class="letter-select__label">O</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_P" name="letters" value="P" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_P" data-letter="P" class="letter-select__label">P</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_Q" name="letters" value="Q" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_Q" data-letter="Q" class="letter-select__label">Q</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_R" name="letters" value="R" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_R" data-letter="R" class="letter-select__label">R</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_S" name="letters" value="S" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_S" data-letter="S" class="letter-select__label">S</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_T" name="letters" value="T" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_T" data-letter="T" class="letter-select__label">T</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_U" name="letters" value="U" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_U" data-letter="U" class="letter-select__label">U</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_V" name="letters" value="V" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_V" data-letter="V" class="letter-select__label">V</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_W" name="letters" value="W" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_W" data-letter="W" class="letter-select__label">W</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_X" name="letters" value="X" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_X" data-letter="X" class="letter-select__label">X</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_Y" name="letters" value="Y" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_Y" data-letter="Y" class="letter-select__label">Y</label>
							</div>
							<div class="letter-select__item-wrapper">
								<input type="checkbox" id="5-letter_Z" name="letters" value="Z" class="letter-select__checkbox" data-js-item="letter-item-chbx"><label for="5-letter_Z" data-letter="Z" class="letter-select__label">Z</label>
							</div>
						</div>
					</div>
				</div>
				<input type="hidden" id="5-az-select" name="5-az-select" data-js-item="choosen-az" value="">
			</div>
		</form>
	</div>
	<div class="person-list__list">
		<div class="c-person-overview--rte is-large" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
			<div class="person-overview__area" data-js-filter-element="filter-person-overview">
				<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Goztz">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Irene Götz</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Meier">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Mark Meier</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thal-Roser">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Elmar Thal-Roser</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung Thal-Roser</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion Thal-Roser</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Thal-Roser Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B (Thal-Roser)</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Thaler">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Emma Thaler</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="4" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schmidt-Landgruber">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Werner Schmidt-Landgruber</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="5" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schneller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Dr. Edda Schneller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="6" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Truck">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Max Truck</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
				<div class="person-overview__element" data-id="7" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element" data-sort="Schaller">
					<figure class="c-figure--default person-overview__figure" data-css="c-figure">
						<div class="figure__wrapper">
							<picture class="c-picture--default
													" data-css="c-picture">
								<!--[if IE 9]><audio><![endif]-->
								<source srcset="
													 https://via.placeholder.com/300x300  300w  , 
													 https://via.placeholder.com/600x600  600w  , 
													 https://via.placeholder.com/1200x1200  1200w  " sizes=" 
													   1vw 
													  ,  (min-width: 768px) 33.33333vw " />
								<!--[if IE 9]></audio><![endif]-->
								<img class="
													 picture__image" src="https://via.placeholder.com/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
							</picture>
						</div>
					</figure>
					<div class="person-overview__info">
						<div class="person-overview__personname-nocursor" itemprop="name">Prof. Dr. Peter Schaller</div>
						<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
						<p class="person-overview__function" itemprop="jobTitle">Funktion</p>
						<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig, da ich genauere Beschreibungen vorgesehen sind.)</p>
						<p class="person-overview__room" itemprop="knowsAbout">Erdgeschoss, Raum 404 B</p>
						<div class="person-overview__communication">
							<p class="person-overview__linkarea">
								<a href="mailto:info@lmu.de" class="person-overview__link is-mail">Email schreiben</a>
							</p>
							<p class="person-overview__phone" itemprop="telephone">
								+49(0)8933298657
							</p>
							<p class="person-overview__linkarea" itemprop="url">
								<a target="_blank" href="http://www.zuendfunk.de" class="person-overview__link is-external is-external" title="Link öffnet in neuem Fenster">Persönliche Website</a>
							</p>
						</div>
					</div>
					<div class="person-overview__more">
						<a href="#" class="person-overview__morebutton is-internal">Weitere Informationen</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="person-list__noentry" data-js-item="person-list-noentry">
		Leider gibt es zu dem gewählten Buchstaben keine Namens-Treffer.
	</div>
</div>

Wonach suchst du?