Markdown file in current working directory
<article class="c-rte--default" data-css="c-rte">
<div class="rte__container">
<div class="rte__content">
<h1 id="headline-of-first-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of First Order which needs to be a multi-line headline just because</h1>
<p><span class="infobox"><span class="infobox-icon"></span>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<sup>2</sup> by their place<sub>2</sub> and supplies it with the necessary regelialia.</span></p>
<h2 id="headline-of-second-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Second Order which needs to be a multi-line headline just because</h2>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<h3 id="headline-of-third-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Third Order which needs to be a multi-line headline just because</h3>
<ol>
<li>When she reached the first hills Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</li>
<li>she had a last view back on the skyline
<ol>
<li>test1
<ul>
<li>Lorem ipsum dolor sit amet
<ol>
<li>test3.1
<ol>
<li>test3.1</li>
<li>test3.2
<ol>
<li>test3.1</li>
<li>test3.2</li>
</ol>
</li>
</ol>
</li>
<li>test3.2</li>
</ol>
</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
</ul>
</li>
<li>test2
<ol>
<li>test2.1</li>
<li>test2.2</li>
</ol>
</li>
</ol>
</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ol>
<li>testsubol
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ul>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
</ul>
</li>
</ol>
</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol2</li>
</ol>
</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>10the headline of Alphabet Village and the subline of her own road, the Line Lane
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
</ol>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque
<ol>
<li>testsubol</li>
<li>testsubol2
<ol>
<li>testsubsub1</li>
<li>testsubsub2</li>
</ol>
</li>
</ol>
</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem
<ol>
<li>testsubol</li>
<li>testsubol2
<ol>
<li>testsubsub1</li>
<li>testsubsub2</li>
</ol>
</li>
</ol>
</li>
<li>Ac tristique libero volutpat at</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ul>
<h4 id="headline-of-fourth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Fourth Order which needs to be a multi-line headline just because</h4>
<p><img src="https://placehold.co/960x500" alt="alt text" title="Image Alt"></p>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<p><em>Quote author, position</em></p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<h5 id="headline-of-fifth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Fifth Order which needs to be a multi-line headline just because</h5>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<h6 id="headline-of-sixth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Sixth Order which needs to be a multi-line headline just because</h6>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p>[//] :</p>
</div>
</div>
</article>
Markdown file in current working directory
<article class="c-rte--default" data-css="c-rte">
<div class="rte__container">
<div class="rte__content">
<h1 id="headline-of-first-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of First Order which needs to be a multi-line headline just because</h1>
<p><span class="infobox"><span class="infobox-icon"></span>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<sup>2</sup> by their place<sub>2</sub> and supplies it with the necessary regelialia.</span></p>
<h2 id="headline-of-second-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Second Order which needs to be a multi-line headline just because</h2>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<h3 id="headline-of-third-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Third Order which needs to be a multi-line headline just because</h3>
<ol>
<li>When she reached the first hills Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</li>
<li>she had a last view back on the skyline
<ol>
<li>test1
<ul>
<li>Lorem ipsum dolor sit amet
<ol>
<li>test3.1
<ol>
<li>test3.1</li>
<li>test3.2
<ol>
<li>test3.1</li>
<li>test3.2</li>
</ol>
</li>
</ol>
</li>
<li>test3.2</li>
</ol>
</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
</ul>
</li>
<li>test2
<ol>
<li>test2.1</li>
<li>test2.2</li>
</ol>
</li>
</ol>
</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ol>
<li>testsubol
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ul>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
</ul>
</li>
</ol>
</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol2</li>
</ol>
</li>
<li>the headline of Alphabet Village and the subline of her own road, the Line Lane</li>
<li>10the headline of Alphabet Village and the subline of her own road, the Line Lane
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol
<ol>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
<li>testsubol</li>
<li>testsubol2</li>
<li>testsubol</li>
</ol>
</li>
</ol>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque
<ol>
<li>testsubol</li>
<li>testsubol2
<ol>
<li>testsubsub1</li>
<li>testsubsub2</li>
</ol>
</li>
</ol>
</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem
<ol>
<li>testsubol</li>
<li>testsubol2
<ol>
<li>testsubsub1</li>
<li>testsubsub2</li>
</ol>
</li>
</ol>
</li>
<li>Ac tristique libero volutpat at</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ul>
<h4 id="headline-of-fourth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Fourth Order which needs to be a multi-line headline just because</h4>
<p><img src="https://placehold.co/960x500" alt="alt text" title="Image Alt"></p>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<p><em>Quote author, position</em></p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<h5 id="headline-of-fifth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Fifth Order which needs to be a multi-line headline just because</h5>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<h6 id="headline-of-sixth-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Sixth Order which needs to be a multi-line headline just because</h6>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p>[//] :</p>
<h2 id="headline-of-second-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Second Order which needs to be a multi-line headline just because</h2>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="grid__box is-bg-dark is-rte-embed is-left">
<div class="grid__box-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link" href="#">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
<h2 id="headline-of-second-order-which-needs-to-be-a-multi-line-headline-just-because">Headline of Second Order which needs to be a multi-line headline just because</h2>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<figure class="c-figure--rte" data-css="c-figure" id="figure-content">
<div class="figure__wrapper">
<picture class="c-picture--rte
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1200 2400w ,
https://placehold.co/2800x1400 2800w ,
https://placehold.co/3200x1600 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/20x10" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">Caption Headline</h3>
<p class="figure__caption-content">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>
</figcaption>
</figure>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<figure class="c-figure--video" data-css="c-figure">
<div class="figure__wrapper">
<div class="c-video-embeded--default" data-css="c-video-embeded" data-js-module="video-embeded">
<div class="video-embeded__container video-embeded__youtube">
<div class="video-embeded__img">
<picture class="c-picture--video-embeded-img
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/2400x1200 1600w " sizes="
(min-width: 1440px) 1440px
, 100vw " />
<img class="
picture__image" src="https://placehold.co/400x200" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<div class="video-embeded__content-container">
<div class="video-embeded__content">
<p>Wenn Sie diesen eingebetteten Facebook-Post anzeigen, werden personenbezogene Daten (Ihre IP-Adresse) an den Betreiber des Portals übertragen. Für die Speicherung und Verarbeitung der Daten gilt die</p>
<p>Für die Speicherung und Verarbeitung der Daten gilt die <a href="https://www.facebook.com/help/instagram/155833707900388" class="is-external" target="_blank">You-Tube-Datenschutzrichtlinie</a>.</p>
</div>
<div class="video-embeded__button">
<button type="button" class="video-embeded__link" data-company="youtube" data-js-item="js-video-embeded-youtube">Ich habe die Datenschutzbestimmungen zur Kenntnis genommen und möchte eingebettete Inhalte von Facebook anzeigen</button>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div class="video-embeded_box video-embeded_16_9 video-embeded_company_youtube video-embeded__hidden" data-src="<iframe width='560' height='315' src='https://www.youtube-nocookie.com/embed/WUgvvPRH7Oc'' frameborder='0' allow='autoplay; fullscreen'
allowfullscreen></iframe>" data-company="youtube">
</div>
</div>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">My custom video with caption</h3>
<p class="figure__caption-content">4:00 Min | 25.03.2018 | ©motionworks</p>
</div>
</figcaption>
</figure>
<figure class="c-figure--video" data-css="c-figure">
<div class="figure__wrapper">
<video class="c-video--default" data-css="c-video" poster="././media/video/big-buck-bunny_poster.jpg" controls buffer tabindex="0">
<source src="https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="https://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type='video/webm; codecs="vp8, vorbis"' />
<track src="" kind="" srclang="" label="" />
</video>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">My custom video with caption</h3>
<p class="figure__caption-content">4:00 Min | 25.03.2018 | ©motionworks</p>
</div>
</figcaption>
</figure>
<figure class="c-figure--audio" data-css="c-figure">
<div class="figure__wrapper">
<audio class="c-audio--default" data-css="c-audio" controls>
<source src="https://cast.itunes.uni-muenchen.de/clips/qSq6se5sif/vod/audio_only.mp3" type="audio/mpeg">
</audio>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">My custom audio with caption</h3>
<p class="figure__caption-content">4:00 Min | 25.03.2018 | ©motionworks</p>
</div>
</figcaption>
</figure>
<table>
<thead>
<tr>
<th>Option</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
<td>path to data files to supply the data that will be passed into templates.</td>
</tr>
<tr>
<td>engine</td>
<td>engine to be used for processing templates. Handlebars is the default.</td>
</tr>
<tr>
<td>ext</td>
<td>extension to be used for dest files.</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>lorem</td>
<td>lorem</td>
<td>ipsum</td>
<td>ipsum</td>
<td>ipsum</td>
</tr>
<tr>
<td>lorem</td>
<td>lorem</td>
<td>ipsum</td>
<td>ipsum</td>
<td>ipsum</td>
</tr>
<tr>
<td>lorem</td>
<td>lorem</td>
<td>ipsum</td>
<td>ipsum</td>
<td>ipsum</td>
</tr>
</tbody>
</table>
<figure class="c-figure--rte is-rte-embed is-right" data-css="c-figure" id="figure-content" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/20x20" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
<button type="button" class="c-cta--image-zoom" aria-haspopup="true" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "image": { "src": "https://placehold.co/2000x1000", "altText": "Some alt text"}, "caption": {"captionHeadline": "Caption Headline", "captionContent": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."}, "metainfo": {"items": [{"text": "© imageworks"}]} }'>
Vergrößern
</button>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">Caption Headline</h3>
<p class="figure__caption-content">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</figcaption>
</figure>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<figure class="c-figure--rte is-rte-embed is-left" data-css="c-figure" id="figure-content" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/20x20" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
<button type="button" class="c-cta--image-zoom" aria-haspopup="true" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "image": { "src": "https://placehold.co/2000x1000", "altText": "Some alt text"}, "caption": {"captionHeadline": "Caption Headline", "captionContent": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."}, "metainfo": {"items": [{"text": "© imageworks"}]} }'>
Vergrößern
</button>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">Caption Headline</h3>
<p class="figure__caption-content">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</figcaption>
</figure>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-definition-list--toggle" data-css="c-definition-list" data-js-module="definition-list">
<h3 class="definition-list__headline">Definition List - Headline</h3>
<dl class="definition-list__list">
<dt class="definition-list__title">Studiengang</dt>
<dd class="definition-list__description">Allgemeine und Vergleichende Literaturwissenschaft (Bachelor)</dd> <dt class="definition-list__title">Abschlussgrad</dt>
<dd class="definition-list__description">Bachelor of Arts (B.A.)</dd> <dt class="definition-list__title">Fachtyp</dt>
<dd class="definition-list__description">Hauptfach</dd> <dt class="definition-list__title">Regelstudienzeit</dt>
<dd class="definition-list__description">6 Fachsemester</dd>
</dl>
<dl class="definition-list__list" id="definition-list-expandable" aria-hidden="false" data-js-item="expandable-list">
<dt class="definition-list__title">Zusatz 1</dt>
<dd class="definition-list__description">Zusatztext</dd> <dt class="definition-list__title">Zusatz 2</dt>
<dd class="definition-list__description">Zusatztext 2</dd>
</dl>
<button class="definition-list__toggle" data-js-item="toggler-list" aria-hidden="true" aria-expanded="false" aria-controls="definition-list-expandable"><span class="definition-list__toggle-text">Alle Studieninformationen anzeigen</span></button>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-info-box--rte is-info" data-css="c-info-box">
<div class="info-box__icon"></div>
<div class="info-box__area">
<h2 class="info-box__headline">LMU intern | Info-Box in der Detailseite</h2>
<div class="info-box__content">
<p>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.</p>
<ol>
<li>test1<ol>
<li>testsub1</li>
<li>testsub2</li>
</ol>
</li>
<li>test2</li>
<li>test3</li>
</ol>
<p>hier weiterer Text in dem dann ein <a href="https://www.lmu.de" class="is-internal">Interner link</a> oder <a href="https://www.lmu.de" class="is-external">Externer link</a> oder <a href="https://www.lmu.de" class="is-download">download</a> oder <a href="mailto:info@lmu.de" class="is-mail">info@lmu.de</a> oder <a href="https://www.lmu.de" class="is-phone">089/232323</a> steckt.</p>
<ul>
<li>test1<ul>
<li>testsub</li>
<li>testsub2</li>
</ul>
</li>
<li>test2</li>
<li>test3</li>
</ul>
<p>Hier dann nochmal Text um zu sehen wo die Box abschließt.</p>
</div>
</div>
</div>
<div class="c-info-box--rte is-info" data-css="c-info-box">
<div class="info-box__icon"></div>
<div class="info-box__area">
<div class="info-box__content">
<p>Lorem ipsum dolor sit amet.</p>
<ol>
<li>test1<ol>
<li>testsub1</li>
<li>testsub2</li>
</ol>
</li>
<li>test2</li>
<li>test3</li>
</ol>
<p>hier weiterer Text in dem dann ein <a href="https://www.lmu.de" class="is-internal">Interner link</a> oder <a href="https://www.lmu.de" class="is-external">Externer link</a> oder <a href="https://www.lmu.de" class="is-download">download</a> oder <a href="mailto:info@lmu.de" class="is-mail">info@lmu.de</a> oder <a href="https://www.lmu.de" class="is-phone">089/232323</a> steckt.</p>
<ul>
<li>test1<ul>
<li>testsub</li>
<li>testsub2</li>
</ul>
</li>
<li>test2</li>
<li>test3</li>
</ul>
<p>Hier dann nochmal Text um zu sehen wo die Box abschließt.</p>
</div>
</div>
</div>
<div class="c-info-box--rte is-notice" data-css="c-info-box">
<div class="info-box__icon"></div>
<div class="info-box__area">
<h2 class="info-box__headline">LMU intern | Notice-Info-Box in der Detailseite</h2>
<div class="info-box__content">
<p>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.</p>
<ol>
<li>test1<ol>
<li>testsub1</li>
<li>testsub2</li>
</ol>
</li>
<li>test2</li>
<li>test3</li>
</ol>
<p>hier weiterer Text in dem dann ein <a href="https://www.lmu.de" class="is-internal">Interner link</a> oder <a href="https://www.lmu.de" class="is-external">Externer link</a> oder <a href="https://www.lmu.de" class="is-download">download</a> oder <a href="mailto:info@lmu.de" class="is-mail">info@lmu.de</a> oder <a href="https://www.lmu.de" class="is-phone">089/232323</a> steckt.</p>
<ul>
<li>test1<ul>
<li>testsub</li>
<li>testsub2</li>
</ul>
</li>
<li>test2</li>
<li>test3</li>
</ul>
<p>Hier dann nochmal Text um zu sehen wo die Box abschließt.</p>
</div>
</div>
</div>
<div class="c-info-box--rte is-alert" data-css="c-info-box">
<div class="info-box__icon"></div>
<div class="info-box__area">
<h2 class="info-box__headline">LMU intern | Alert-Info-Box in der Detailseite</h2>
<div class="info-box__content">
<p>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.</p>
<ol>
<li>test1<ol>
<li>testsub1</li>
<li>testsub2</li>
</ol>
</li>
<li>test2</li>
<li>test3</li>
</ol>
<p>hier weiterer Text in dem dann ein <a href="https://www.lmu.de" class="is-internal">Interner link</a> oder <a href="https://www.lmu.de" class="is-external">Externer link</a> oder <a href="https://www.lmu.de" class="is-download">download</a> oder <a href="mailto:info@lmu.de" class="is-mail">info@lmu.de</a> oder <a href="https://www.lmu.de" class="is-phone">089/232323</a> steckt.</p>
<ul>
<li>test1<ul>
<li>testsub</li>
<li>testsub2</li>
</ul>
</li>
<li>test2</li>
<li>test3</li>
</ul>
<p>Hier dann nochmal Text um zu sehen wo die Box abschließt.</p>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-quote--extern-rte" data-css="c-quote">
<div class="quote__container quote__container--no-picture">
<div class="quote__bg-animation-wrapper "></div>
<div class="quote__content-container is-no-link">
<blockquote class="quote__content">
Wir setzen auf Weltoffenheit, Phantasie und zukunftsweisende Ideen – deshalb lade ich Sie herzlich dazu ein, mit uns an der LMU zu lernen, zu lehren und zu forschen
</blockquote>
<cite class="quote__author">Max Mustermann, Externer Redner</cite>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-quote--extern-rte is-with-picture" data-css="c-quote">
<div class="quote__container ">
<div class="quote__bg-animation-wrapper "></div>
<div class="quote__content-container ">
<blockquote class="quote__content">
Wir setzen auf Weltoffenheit, Phantasie und zukunftsweisende Ideen – deshalb lade ich Sie herzlich dazu ein, mit uns an der LMU zu lernen, zu lehren und zu forschen
</blockquote>
<cite class="quote__author">Max Mustermann, Externer Redner</cite>
<a class="quote__link" href="#">Infos zum Web</a>
</div>
<div class="quote__picture-container">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/20x20" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-quote--default-rte" data-css="c-quote" data-js-module="quote">
<div class="quote__container quote__container--no-picture">
<div class="quote__bg-animation-wrapper " data-js-item="bg-animation-wrapper"></div>
<div class="quote__content-container ">
<blockquote class="quote__content">
Wir setzen auf Weltoffenheit, Phantasie und zukunftsweisende Ideen
</blockquote>
<cite class="quote__author">Prof. Dr. Bernd Huber, Präsident der LMU</cite>
<a class="quote__link" href="#">Die LMU im Profil</a>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-quote--default-rte is-with-picture" data-css="c-quote" data-js-module="quote">
<div class="quote__container ">
<div class="quote__bg-animation-wrapper " data-js-item="bg-animation-wrapper"></div>
<div class="quote__content-container ">
<blockquote class="quote__content">
Many thanks to the LMU Gateway team for their assistance throughout my moving and settling in process in Munich. Their support regarding my residence permit application is much appreciated. It was also so much fun to join the Pub Quiz event and meet other international researchers from our university.international..international..international.
</blockquote>
<cite class="quote__author">MERVE KUTLU, PHD STUDENT (TR)</cite>
<a class="quote__link" href="#">Die LMU im Profil</a>
</div>
<div class="quote__picture-container">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/3200x3200 3200w " sizes="
(min-width: 1440px) 309px
, (min-width: 768px) 220px
, 133px " />
<img class="
picture__image lazyload" src="https://placehold.co/20x20" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-link-button--rte" data-css="c-link-button">
<a class="link-button__link" href="#" target="_blank">Zur Seite xy</a>
</div>
<div class="c-teaser-collection-standard--rte" data-css="c-teaser-collection-standard">
<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser left (premiumLeftRTE) / Studiengangsdetailseite 4 Teaser</h2>
<p class="teaser-collection-standard__text">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.</p>
<div class="teaser-collection-standard__wrapper">
<div class="teaser-collection-standard__text-teaser is-bg-light">
<div class="teaser-collection-standard__text-teaser-content">
<div class="c-teaser-text--default" data-css="c-teaser-text">
<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
<div class="teaser-text__text">
<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.</p>
<p>Far far away, behind the word mountain, a large language ocean.</p>
</div>
<ul class="teaser-text__list">
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
</li>
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
</li>
<li class="teaser-text__list-item">
<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
</li>
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
</li>
</ul>
</div>
</div>
</div>
<div class="teaser-collection-standard__premium">
<div class="teaser-collection-standard__premium-content">
<div class="c-teaser-premium--default" data-css="c-teaser-premium">
<div class="teaser-premium__image-wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<div class="teaser-premium__box is-bg-green">
<div class="teaser-premium__box-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="teaser-collection-standard__teaser-third is-bg-dark">
<div class="teaser-collection-standard__teaser-third-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link" href="#">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
<div class="teaser-collection-standard__teaser-fourth-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
</div>
</div>
<div class="c-teaser-collection-standard--rte" data-css="c-teaser-collection-standard">
<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser left (premiumLeftRTE) / Studiengangsdetailseite 3 Teaser</h2>
<p class="teaser-collection-standard__text">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.</p>
<div class="teaser-collection-standard__wrapper">
<div class="teaser-collection-standard__text-teaser is-bg-light">
<div class="teaser-collection-standard__text-teaser-content">
<div class="c-teaser-text--default" data-css="c-teaser-text">
<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
<div class="teaser-text__text">
<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.</p>
<p>Far far away, behind the word mountain, a large language ocean.</p>
</div>
<ul class="teaser-text__list">
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
</li>
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
</li>
<li class="teaser-text__list-item">
<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
</li>
<li class="teaser-text__list-item">
<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
</li>
</ul>
</div>
</div>
</div>
<div class="teaser-collection-standard__premium">
<div class="teaser-collection-standard__premium-content">
<div class="c-teaser-premium--default" data-css="c-teaser-premium">
<div class="teaser-premium__image-wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<div class="teaser-premium__box is-bg-green">
<div class="teaser-premium__box-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="teaser-collection-standard__teaser-third is-bg-dark">
<div class="teaser-collection-standard__teaser-third-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<h3 class="teaser-single__headline">
Der LMU Studien-Informations-Service
</h3>
</div>
<a class="teaser-single__link" href="#">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
</div>
</div>
<div class="c-link-list--rte" data-css="c-link-list">
<h2 class="link-list__main-headline">Linkliste (H2, Introtext, 1-9 Links, dreispaltig)</h2>
<p class="link-list__paragraph-content">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 class="link-list__container link-list__show-linkbutton">
<div class="link-list__cols-wrapper is-three-column">
<h3 class="link-list__category-headline">Auszubildende</h3>
<ul class="link-list__list">
<li class="link-list__list-item">
<a class="link-list__link " href="#">1 Loremfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdff ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">2 Ut enim ad minim veniam, quis nostrud exercitation ullamco</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">3 Duis aute irure dolor in reprehenderit in</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">4 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">5 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">6 Lorem ipsum </a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">7 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">8 Lorem ipsum dolor</a>
</li>
</ul>
</div>
<div class="c-link-button--default link-list__cta" data-css="c-link-button">
<a class="link-button__link" href="#">Alle Stellenangebote</a>
</div>
</div>
</div>
<div class="c-link-list--rte" data-css="c-link-list">
<h2 class="link-list__main-headline">Linkliste (H2, Introtext, 1-6 Links, zweispaltig)</h2>
<p class="link-list__paragraph-content">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 class="link-list__container ">
<div class="link-list__cols-wrapper is-two-column">
<ul class="link-list__list">
<li class="link-list__list-item">
<a class="link-list__link " href="#">1 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">2 Ut enim ad minim veniam, quis nostrud exercitation ullamco</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">3 Duis aute irure dolor in reprehenderit in</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">4 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link is-external" href="#">5 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link is-external" href="#">6 Lorem ipsum </a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-link-list--rte" data-css="c-link-list">
<h2 class="link-list__main-headline">Linkliste (H2, Introtext, 1-9 Links, einspaltig)</h2>
<p class="link-list__paragraph-content">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 class="link-list__container link-list__show-linkbutton">
<div class="link-list__cols-wrapper is-one-column">
<h3 class="link-list__category-headline">Auszubildende</h3>
<ul class="link-list__list">
<li class="link-list__list-item">
<a class="link-list__link " href="#">1 Loremfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdff ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">2 Ut enim ad minim veniam, quis nostrud exercitation ullamco</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">3 Duis aute irure dolor in reprehenderit in</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">4 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">5 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">6 Lorem ipsum </a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">7 Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
</li>
<li class="link-list__list-item">
<a class="link-list__link " href="#">8 Lorem ipsum dolor</a>
</li>
</ul>
</div>
<div class="c-link-button--default link-list__cta" data-css="c-link-button">
<a class="link-button__link" href="#">Alle Stellenangebote</a>
</div>
</div>
</div>
<div class="c-person-overview--rte" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
<h2 class="person-overview__headline">
Übersicht der Personen in Rasterdarstellung (RTE-Modus)
</h2>
<div class="person-overview__teasertext">
<p>Große Ansichts-Variante: mit Foto, Name(n)+Titel , Einrichtung, Funktion, Aufgabengebiet, Mail, Telefon, persönliche Website, Link auf Overlay</p>
</div>
<h3 class="person-overview__subheadline">
Darstellung ein einzelner Kontakt
</h3>
<div class="person-overview__subteasertext">
<p>Bei einzelnen Kontakten wird die Darstellung über die gesamte Breite des Textflusses genutzt.</p>
</div>
<div class="person-overview__area-one">
<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element">
<figure class="c-figure--default person-overview__figure" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
person-overview__picture" data-css="c-picture" data-js-item='js-person-overview-img'>
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
25vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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" data-js-item="js-person-overview-name" itemprop="name">Prof. Dr. Elisabeth Haimeranhausen-Vollindertat</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.)</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" data-js-module="overlay-handler">
<button type="button" aria-haspopup="true" aria-controls="overlay" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "person": { "personname": "Prof. Dr. Elisabeth Haimeranhausen-Vollindertat", "organizationunit": "Einrichtung", "jobfunction": "Funktion", "jobdescription": "Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)", "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", "city":"80333 München", "addressitems": [{"content": {"linkText": "Wegbeschreibung","linkHref": "http://www.zuendfunk.de","linkTarget": "_blank" }}], "contactitems":[{"content": {"linkText": "Email schreiben","linkClasses": "is-mail","linkHref": "mailto:info@lmu.de" }}],"phone":"+49(0)8933298657","img":{"imgSrc":"https://placehold.co/300x300","imgAlt":"Beschreibungstext","format_m":"300w","format_m_url":"https://placehold.co/300x300","format_l":"600w","format_l_url":"https://placehold.co/600x600","format_xl":"1200w","format_xl_url":"https://placehold.co/1200x1200","sizes":"1vw, (min-width: 768px) 33.33333vw"} }}' class="person-overview__morebutton is-internal">Weitere Informationen</button>
</div>
</div>
</div>
</div>
<div class="c-person-overview--rte is-large" data-css="c-person-overview" data-js-module="person-overview" data-js-options='{}'>
<h2 class="person-overview__headline">
Übersicht der Personen in Rasterdarstellung (RTE-Modus)
</h2>
<div class="person-overview__teasertext">
<p>Große Ansichts-Variante: mit Foto, Name(n)+Titel , Einrichtung, Funktion, Aufgabengebiet, Mail, Telefon, persönliche Website, Link auf Overlay</p>
</div>
<h3 class="person-overview__subheadline">
2-spaltige Darstellung
</h3>
<div class="person-overview__subteasertext">
<p>Aufgrund dessen, dass hier mehr Informationen im rechten Bereich erscheinen, wird die 2-spaltige Darstellung bei einem Viewport von < 1280px zu einer einspaltigen Darstellung</p>
</div>
<div class="person-overview__area">
<div class="person-overview__element" data-id="0" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element">
<figure class="c-figure--default person-overview__figure" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
person-overview__picture" data-css="c-picture" data-js-item='js-person-overview-img'>
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
25vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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" data-js-item="js-person-overview-name" itemprop="name">Prof. Dr. Elisabeth Heimeranhausenindertat</div>
<p class="person-overview__organization-unit" itemprop="affiliation">Einrichtung</p>
<p class="person-overview__function" itemprop="jobTitle">Applikationsentwicklerin Internet</p>
<p class="person-overview__job-description" itemprop="knowsAbout">Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)</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" data-js-module="overlay-handler">
<button type="button" aria-haspopup="true" aria-controls="overlay" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "person": { "personname": "Prof. Dr. Elisabeth Heimeranhausenindertat", "organizationunit": "Einrichtung", "jobfunction": "Applikationsentwicklerin Internet", "jobdescription": "Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)", "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", "city":"80333 München", "addressitems": [{"content": {"linkText": "Wegbeschreibung","linkHref": "http://www.zuendfunk.de","linkTarget": "_blank" }}], "contactitems":[{"content": {"linkText": "Email schreiben","linkClasses": "is-mail","linkHref": "mailto:info@lmu.de" }}],"phone":"+49(0)8933298657","img":{"imgSrc":"https://placehold.co/300x300","imgAlt":"Beschreibungstext","format_m":"300w","format_m_url":"https://placehold.co/300x300","format_l":"600w","format_l_url":"https://placehold.co/600x600","format_xl":"1200w","format_xl_url":"https://placehold.co/1200x1200","sizes":"1vw, (min-width: 768px) 33.33333vw"} }}' class="person-overview__morebutton is-internal">Weitere Informationen</button>
</div>
</div>
<div class="person-overview__element" data-id="1" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element">
<figure class="c-figure--default person-overview__figure" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
person-overview__picture" data-css="c-picture" data-js-item='js-person-overview-img'>
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
25vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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" data-js-item="js-person-overview-name" itemprop="name">Prof. Dr. Elisabeth Haimeranhausen-Vollindertat</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.)</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" data-js-module="overlay-handler">
<button type="button" aria-haspopup="true" aria-controls="overlay" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "person": { "personname": "Prof. Dr. Elisabeth Haimeranhausen-Vollindertat", "organizationunit": "Einrichtung", "jobfunction": "Funktion", "jobdescription": "Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)", "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", "city":"80333 München", "addressitems": [{"content": {"linkText": "Wegbeschreibung","linkHref": "http://www.zuendfunk.de","linkTarget": "_blank" }}], "contactitems":[{"content": {"linkText": "Email schreiben","linkClasses": "is-mail","linkHref": "mailto:info@lmu.de" }}],"phone":"+49(0)8933298657","img":{"imgSrc":"https://placehold.co/300x300","imgAlt":"Beschreibungstext","format_m":"300w","format_m_url":"https://placehold.co/300x300","format_l":"600w","format_l_url":"https://placehold.co/600x600","format_xl":"1200w","format_xl_url":"https://placehold.co/1200x1200","sizes":"1vw, (min-width: 768px) 33.33333vw"} }}' class="person-overview__morebutton is-internal">Weitere Informationen</button>
</div>
</div>
<div class="person-overview__element" data-id="2" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element">
<figure class="c-figure--default person-overview__figure" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
person-overview__picture" data-css="c-picture" data-js-item='js-person-overview-img'>
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
25vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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" data-js-item="js-person-overview-name" itemprop="name">Prof. Dr. Elisabeth Haimeranhausen-Vollindertat</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.)</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" data-js-module="overlay-handler">
<button type="button" aria-haspopup="true" aria-controls="overlay" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "person": { "personname": "Prof. Dr. Elisabeth Haimeranhausen-Vollindertat", "organizationunit": "Einrichtung", "jobfunction": "Funktion", "jobdescription": "Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)", "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", "city":"80333 München", "addressitems": [{"content": {"linkText": "Wegbeschreibung","linkHref": "http://www.zuendfunk.de","linkTarget": "_blank" }}], "contactitems":[{"content": {"linkText": "Email schreiben","linkClasses": "is-mail","linkHref": "mailto:info@lmu.de" }}],"phone":"+49(0)8933298657","img":{"imgSrc":"https://placehold.co/300x300","imgAlt":"Beschreibungstext","format_m":"300w","format_m_url":"https://placehold.co/300x300","format_l":"600w","format_l_url":"https://placehold.co/600x600","format_xl":"1200w","format_xl_url":"https://placehold.co/1200x1200","sizes":"1vw, (min-width: 768px) 33.33333vw"} }}' class="person-overview__morebutton is-internal">Weitere Informationen</button>
</div>
</div>
<div class="person-overview__element" data-id="3" itemscope itemtype="http://schema.org/Person" data-js-item="js-person-overview-element">
<figure class="c-figure--default person-overview__figure" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
person-overview__picture" data-css="c-picture" data-js-item='js-person-overview-img'>
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
25vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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" data-js-item="js-person-overview-name" itemprop="name">Prof. Dr. Elisabeth Götz-Schmidt</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.)</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>
</div>
</div>
<div class="person-overview__more" data-js-module="overlay-handler">
<button type="button" aria-haspopup="true" aria-controls="overlay" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "person": { "personname": "Prof. Dr. Elisabeth Götz-Schmidt", "organizationunit": "Einrichtung", "jobfunction": "Funktion", "jobdescription": "Aufgabengebiet (kann auch eine längere Beschreibung sein und deswegen mehrspaltig.)", "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", "city":"80333 München", "addressitems": [{"content": {"linkText": "Wegbeschreibung","linkHref": "http://www.zuendfunk.de","linkTarget": "_blank" }}], "contactitems":[{"content": {"linkText": "Email schreiben","linkClasses": "is-mail","linkHref": "mailto:info@lmu.de" }}],"phone":"+49(0)8933298657","img":{"imgSrc":"https://placehold.co/300x300","imgAlt":"Beschreibungstext","format_m":"300w","format_m_url":"https://placehold.co/300x300","format_l":"600w","format_l_url":"https://placehold.co/600x600","format_xl":"1200w","format_xl_url":"https://placehold.co/1200x1200","sizes":"1vw, (min-width: 768px) 33.33333vw"} }}' class="person-overview__morebutton is-internal">Weitere Informationen</button>
</div>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-slider--rte is-unresolved is-rte-embed" data-css="c-slider" data-js-module="slider" data-js-options='{"counterRelationLabel":"von"}'>
<div class="slider__content is-container">
<div class="slider__list-wrapper" data-js-item="slider-wrapper">
<ol class="slider__list" data-js-item="slider-ribbon">
<li class="slider__item" data-js-item="slider-item">
<picture class="c-picture--slider
" data-css="c-picture">
<source srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width:1440px) 823px
, calc(100vw - ((100vw / 14) * 2)) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-1" />
</picture>
</li>
<li class="slider__item" data-js-item="slider-item">
<picture class="c-picture--slider
" data-css="c-picture">
<source srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width:1440px) 823px
, calc(100vw - ((100vw / 14) * 2)) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-2" />
</picture>
</li>
<li class="slider__item" data-js-item="slider-item">
<picture class="c-picture--slider
" data-css="c-picture">
<source srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width:1440px) 823px
, calc(100vw - ((100vw / 14) * 2)) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-3" />
</picture>
</li>
<li class="slider__item" data-js-item="slider-item">
<picture class="c-picture--slider
" data-css="c-picture">
<source srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width:1440px) 823px
, calc(100vw - ((100vw / 14) * 2)) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-4" />
</picture>
</li>
<li class="slider__item" data-js-item="slider-item">
<picture class="c-picture--slider
" data-css="c-picture">
<source srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width:1440px) 823px
, calc(100vw - ((100vw / 14) * 2)) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-5" />
</picture>
</li>
</ol>
</div>
</div>
<div class="slider__counter-controls-panel">
<div class="slider__counter" data-js-item="slider-counter" aria-hidden="true"></div>
<div class="slider__controls-wrapper">
<button type="button" class="slider__control is-previous" data-js-item="slider-prev">
Vorheriges
</button>
<button type="button" class="slider__control is-next" data-js-item="slider-next">
Nächstes
</button> </div>
</div>
<div class="slider__image-description-wrapper" data-js-item="image-description-wrapper">
<div id="image-description-1" class="slider__image-description" data-js-item="image-description">
<p class="slider__image-description-text">
1. RTE Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<span class="slider__image-description-source">©2018 imageworks</span>
</div>
<div id="image-description-2" class="slider__image-description" data-js-item="image-description">
<p class="slider__image-description-text">
2. RTE At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.
</p>
<span class="slider__image-description-source">©2018 imageworks</span>
</div>
<div id="image-description-3" class="slider__image-description" data-js-item="image-description">
<p class="slider__image-description-text">
3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<span class="slider__image-description-source">©2018 imageworks</span>
</div>
<div id="image-description-4" class="slider__image-description" data-js-item="image-description">
<p class="slider__image-description-text">
4. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.
</p>
<span class="slider__image-description-source">©2018 imageworks</span>
</div>
<div id="image-description-5" class="slider__image-description" data-js-item="image-description">
<p class="slider__image-description-text">
5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<span class="slider__image-description-source">©2018 imageworks</span>
</div>
</div>
</div>
<div class="c-timeline--rte is-unresolved is-rte-embed" data-css="c-timeline" data-js-module="timeline" data-js-options='{"counterRelationLabel":"von"}'>
<h2 class="timeline__headline">testHeadline die mal etwas länger werden soll um zu testen wie alles so reagiert bei langen Überschriften</h2>
<div class="timeline__content is-container">
<div class="timeline__slider">
<div class="timeline__list-wrapper" data-js-item="timeline-wrapper">
<ol class="timeline__list" data-js-item="timeline-ribbon">
<li class="timeline__item" data-js-item="timeline-item">
<picture class="c-picture--timeline-lpage
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
(min-width: 1440px) 1440px
, 100% " media=" (min-width: 1024px)" />
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100% - ((100% / 14) * 2) " media=" (max-width: 1023px)" />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-1" />
</picture>
</li>
<li class="timeline__item" data-js-item="timeline-item">
<picture class="c-picture--timeline-lpage
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
(min-width: 1440px) 1440px
, 100% " media=" (min-width: 1024px)" />
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100% - ((100% / 14) * 2) " media=" (max-width: 1023px)" />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-2" />
</picture>
</li>
<li class="timeline__item" data-js-item="timeline-item">
<picture class="c-picture--timeline-lpage
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
(min-width: 1440px) 1440px
, 100% " media=" (min-width: 1024px)" />
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100% - ((100% / 14) * 2) " media=" (max-width: 1023px)" />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-3" />
</picture>
</li>
<li class="timeline__item" data-js-item="timeline-item">
<picture class="c-picture--timeline-lpage
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
(min-width: 1440px) 1440px
, 100% " media=" (min-width: 1024px)" />
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100% - ((100% / 14) * 2) " media=" (max-width: 1023px)" />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-4" />
</picture>
</li>
<li class="timeline__item" data-js-item="timeline-item">
<picture class="c-picture--timeline-lpage
" data-css="c-picture">
<source srcset="
https://placehold.co/400x200 400w ,
https://placehold.co/800x400 800w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/1600x800 1600w ,
https://placehold.co/2000x1000 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
(min-width: 1440px) 1440px
, 100% " media=" (min-width: 1024px)" />
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100% - ((100% / 14) * 2) " media=" (max-width: 1023px)" />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" aria-describedby="image-description-5" />
</picture>
</li>
</ol>
</div>
</div>
<div class="timeline__image-description-wrapper" data-js-item="image-description-wrapper">
<div data-js-id="image-description-1" class="timeline__image-description" data-js-item="image-description">
<div class="timeline__image-description-date">
<p>2008</p>
</div>
<div class="timeline__image-description-headline">
<p>DIe Entdeckung des Hibernating Stellar Magnet zweizweilige Headline</p>
</div>
<div class="timeline__image-description-text-wrapper">
<p class="timeline__image-description-text-area">
<span class="timeline__image-description-text-content">1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span>
<span class="timeline__image-description-text-link">
<a class="timeline__image-description-link" data-js-item="image-description-link" href="#" tabindex="-1">
Mehr erfahren
</a>
</span>
</p>
</div>
<div class="timeline__image-description-source">©2018 imageworks</div>
<a class="timeline__a11y-clickarea" aria-hidden="true" tabindex="-1" href="#"></a>
</div>
<div data-js-id="image-description-2" class="timeline__image-description" data-js-item="image-description">
<div class="timeline__image-description-date">
<p>2009</p>
</div>
<div class="timeline__image-description-headline">
<p>Einsame Welten in der LMU</p>
</div>
<div class="timeline__image-description-text-wrapper">
<p class="timeline__image-description-text-area">
<span class="timeline__image-description-text-content">2. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</span>
<span class="timeline__image-description-text-link">
<a class="timeline__image-description-link" data-js-item="image-description-link" href="#" tabindex="-1">
Mehr erfahren
</a>
</span>
</p>
</div>
<div class="timeline__image-description-source">©2018 imageworks</div>
<a class="timeline__a11y-clickarea" aria-hidden="true" tabindex="-1" href="#"></a>
</div>
<div data-js-id="image-description-3" class="timeline__image-description" data-js-item="image-description">
<div class="timeline__image-description-date">
<p>2010</p>
</div>
<div class="timeline__image-description-headline">
<p></p>
</div>
<div class="timeline__image-description-text-wrapper">
<p class="timeline__image-description-text-area">
<span class="timeline__image-description-text-content">3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span>
</p>
</div>
<div class="timeline__image-description-source">©2018 imageworks</div>
</div>
<div data-js-id="image-description-4" class="timeline__image-description" data-js-item="image-description">
<div class="timeline__image-description-date">
<p>2012</p>
</div>
<div class="timeline__image-description-headline">
<p></p>
</div>
<div class="timeline__image-description-text-wrapper">
<p class="timeline__image-description-text-area">
<span class="timeline__image-description-text-content">4. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</span>
<span class="timeline__image-description-text-link">
<a class="timeline__image-description-link" data-js-item="image-description-link" href="#" tabindex="-1">
Mehr erfahren
</a>
</span>
</p>
</div>
<div class="timeline__image-description-source">©2018 imageworks</div>
<a class="timeline__a11y-clickarea" aria-hidden="true" tabindex="-1" href="#"></a>
</div>
<div data-js-id="image-description-5" class="timeline__image-description" data-js-item="image-description">
<div class="timeline__image-description-date">
<p>2014</p>
</div>
<div class="timeline__image-description-headline">
<p></p>
</div>
<div class="timeline__image-description-text-wrapper">
<p class="timeline__image-description-text-area">
<span class="timeline__image-description-text-content">5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span>
</p>
</div>
<div class="timeline__image-description-source">©2018 imageworks</div>
</div>
</div>
</div>
<div class="timeline__counter-controls-panel">
<div class="timeline__controls-wrapper">
<button type="button" class="timeline__control is-previous" data-js-item="timeline-prev">
Vorheriges
</button>
<button type="button" class="timeline__control is-next" data-js-item="timeline-next">
Nächstes
</button>
</div>
<div class="timeline__counter" data-js-item="timeline-counter"></div>
<div class="timeline__dateline" data-js-item="timeline-dateline">
<div class="timeline__dateline-area">
<div class="timeline__dateline-wrapper" data-js-item="timeline-dateline-wrapper">
<ol class="timeline__dateline-date-wrapper">
<li class="timeline__dateline-item">
<button class="timeline__dateline-date-button is-activedate" style="left:100px;" data-js-item="timeline__dateline-date-button" data-js-id="image-description-1" data-index="0" data-js-position="100"><span class="timeline__event-date">2008</span></button>
</li>
<li class="timeline__dateline-item">
<button class="timeline__dateline-date-button is-newdate" style="left:200px;" data-js-item="timeline__dateline-date-button" data-js-id="image-description-2" data-index="1" data-js-position="200"><span class="timeline__event-date">2009</span></button>
</li>
<li class="timeline__dateline-item">
<button class="timeline__dateline-date-button is-newdate" style="left:300px;" data-js-item="timeline__dateline-date-button" data-js-id="image-description-3" data-index="2" data-js-position="300"><span class="timeline__event-date">2010</span></button>
</li>
<li class="timeline__dateline-item">
<button class="timeline__dateline-date-button is-newdate" style="left:350px;" data-js-item="timeline__dateline-date-button" data-js-id="image-description-4" data-index="3" data-js-position="350"><span class="timeline__event-date">2012</span></button>
</li>
<li class="timeline__dateline-item">
<button class="timeline__dateline-date-button is-newdate" style="left:400px;" data-js-item="timeline__dateline-date-button" data-js-id="image-description-5" data-index="4" data-js-position="400"><span class="timeline__event-date">2014</span></button>
</li>
</ol>
<span class="timeline__dateline-filledLine" data-js-item="timeline-dateline-filledLine" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="grid__box is-bg-dark is-rte-embed is-right">
<div class="grid__box-content">
<article class="c-teaser-single--default" data-css="c-teaser-single">
<div class="teaser-single__text-section">
<div class="teaser-single__dates">
<div class="teaser-single__date">
<span aria-label="24" class="teaser-single__date-day">24</span>
<abbr aria-label="Januar" title="Januar" class="teaser-single__date-month">Jan</abbr>
</div>
<div class="teaser-single__date is-connector">
<abbr aria-label="bis" title="bis" class="teaser-single__date-connect">—</abbr>
</div>
<div class="teaser-single__date">
<span aria-label="27" class="teaser-single__date-day">27</span>
<abbr aria-label="Januar" title="Januar" class="teaser-single__date-month">Jan</abbr>
</div>
</div>
<h3 class="teaser-single__headline">
Tag der offenen Tür. Hier auch ein dreizeiliger Titel möglich
</h3>
</div>
<a class="teaser-single__link" href="#">
Weiterlesen
</a>
<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
</a>
</article>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<h2>Tabellen-Modul</h2>
<div class="c-table--default" 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">
<caption class="table__caption">
Table Caption
</caption>
<thead class="table__head">
<tr class="table__row">
<th class="table__data is-th">Header 1</th>
<th class="table__data is-th">Header 2</th>
<th class="table__data is-th">Header 3</th>
<th class="table__data is-th">Header 4</th>
</tr>
</thead>
<tbody class="table__body">
<tr class="table__row">
<td class="table__data is-td">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</td>
<td class="table__data is-td is-bold">Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</td>
<td class="table__data is-td">A small river named Duden flows by their place and supplies it with the necessary regelialia.</td>
<td class="table__data is-td">It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</td>
</tr>
<tr class="table__row">
<td class="table__data is-td">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</td>
<td class="table__data is-td is-bold">The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.</td>
<td class="table__data is-td">She packed her seven versalia, put her initial into the belt and made herself on the way.</td>
<td class="table__data is-td">When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="c-text-module--rte" data-css="c-text-module" data-js-module="text-module" data-js-options='{}'>
<h2 class="text-module__headline">
H2 Text Module RTE
</h2>
<div class="text-module__text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim lorem, congue ac leo ac, efficitur rhoncus magna. Duis at eros varius augue hendrerit tristique vitae quis est. Nunc porta metus mi, sed pharetra enim egestas a. Donec blandit ultricies lectus, et ullamcorper odio. Vestibulum ornare erat leo, nec malesuada augue sodales sed. Aliquam suscipit vulputate sapien, nec varius erat. Duis a congue purus. Integer odio mi, hendrerit eget diam in, eleifend tempus ex. Nullam lectus est, efficitur vitae lobortis fringilla, tincidunt id magna. Nunc lobortis metus tempus, lobortis lectus sit amet, condimentum lorem. Praesent id turpis nec est lacinia bibendum. Nulla quis mollis ante. Morbi congue dignissim neque, non tempor magna sollicitudin at. Vestibulum justo tortor, placerat sit amet velit sit amet, venenatis pellentesque nunc. Maecenas non ligula vel lectus congue gravida. Nam in velit ut sem facilisis tincidunt. Quisque vitae nisl ipsum. Vivamus pulvinar sagittis sem sed sodales. Duis nec cursus mauris. Nullam lacinia quam sit amet velit consequat cursus. Sed eget sapien quis lorem auctor placerat. Sed et sem sed justo feugiat dapibus. Nulla dapibus justo consectetur molestie commodo. Duis metus ipsum, porta eget ante vitae, dignissim posuere orci. Nulla id odio vel dui efficitur aliquet at eget mauris. Aliquam venenatis congue lacinia. Donec tempus maximus metus, et pellentesque lectus sollicitudin quis. Curabitur at lacus mauris. Praesent sit amet tristique massa. Cras et mi sed ex bibendum auctor dapibus non felis. Etiam porta sem felis, eget facilisis augue commodo vel. Cras vehicula molestie felis ut lacinia. Suspendisse potenti. Nullam finibus malesuada enim vitae congue. Pellentesque vulputate orci at nisl tempus, vel venenatis sapien rhoncus. Mauris sit amet efficitur dolor. Aliquam ipsum ante, rhoncus consectetur consectetur rhoncus, bibendum eu eros. Integer sed ipsum arcu. Donec eu lacus at justo aliquam ullamcorper. Proin eleifend nisi arcu. Sed massa lacus, mattis a sem ac, viverra bibendum nulla. Duis a sollicitudin ex. Fusce vestibulum id lectus vel gravida. Donec pulvinar bibendum felis varius dictum. Sed vehicula mattis turpis. Quisque dapibus risus quis leo rhoncus, et condimentum magna accumsan. Cras lobortis, mauris sit amet tristique gravida, risus diam condimentum ex, eget commodo felis massa ut tellus. Fusce porttitor eleifend dolor. Sed elit nisi, pulvinar ac arcu vel, tempor viverra lectus. Nunc mattis fermentum velit vel cursus. Sed id ultrices nunc, nec bibendum justo. Fusce lacinia, orci quis dapibus sollicitudin, turpis nunc lacinia nisl, eget maximus sem ex et ligula. Ut euismod risus ut consectetur ultrices. In interdum dapibus ligula, at dictum turpis laoreet a. Donec vulputate hendrerit justo a malesuada. Sed sit amet fermentum metus, eget rutrum velit. Etiam ut orci non risus finibus euismod sit amet non turpis. Curabitur tortor sem, mollis et vulputate ullamcorper, mattis vitae lectus.<p>tes dann mit zusatztext um zu testen wie sich html-elemente in dem 2-Zeiler machen</p>
<h3>testüberschruft</h3>lorem ipsum text mit einen und zwei und mehr Zeilen<b>testdick</b><i>kursiv</i><a href="#" class="is-external">link</a>
</p>
<ul>
<li>liste1</li>
<li>liste2</li>
</ul>
<ol>
<li>liste1</li>
<li>liste2</li>
<h3>test überschrift h3</h3>
</ol>
</div>
</div>
<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='{"scrollToEnd":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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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>
<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='{"scrollToEnd":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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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">
<source srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
1vw
, (min-width: 768px) 33.33333vw " />
<img class="
picture__image" src="https://placehold.co/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>
<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='{"scrollToEnd":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"> </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>
<div class="c-big-image--rte is-rte-embed" data-css="c-big-image">
<h2 class="big-image__headline">LMU intern | Grosses Bild 100% in Detailseite (Verwand zu Slider-rte)</h2>
<p class="big-image__intro-text">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.</p>
<div class="big-image__content">
<picture class="c-picture--big-image
" data-css="c-picture">
<source srcset="
https://placehold.co/400x267 400w ,
https://placehold.co/800x534 800w ,
https://placehold.co/1200x801 1200w ,
https://placehold.co/1600x1068 1600w ,
https://placehold.co/2000x1335 2000w ,
https://placehold.co/2400x1602 2400w ,
https://placehold.co/2800x1868 2800w ,
https://placehold.co/3200x2135 3200w " sizes="
calc(100vw - ((100vw / 14) * 2) " />
<img class="
picture__image" src="https://placehold.co/400x267" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<div class="big-image__image-description-wrapper">
<p class="big-image__image-description-text">
1. Lorem ipsum dolor sit amet, consetetur dyfgds fg sdfg sdfg sdfg dsfg sdfg dsg sdfg dsfg dfs gdsfg dsfg ds sdfg sdg sdf sd sd g sg sadipscing elitr, sed fh fgh fh fgh fh fdh fh fh fdh fdh fdh fdhfdh fdh fdh fdh fdh dfh fdh dfh fdh dfh dfh dfh dfh fd dfh df diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<span class="big-image__image-description-copyright">©2018 imageworks</span>
</div>
</div>
<div class="c-big-image--rte is-rte-embed" data-css="c-big-image">
<h2 class="big-image__headline">LMU intern | Grosses Bild 100% in Landinpage (Verwand zu Slider)</h2>
<p class="big-image__intro-text">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.</p>
<div class="big-image__content">
<picture class="c-picture--big-image-flex
" data-css="c-picture">
<source srcset="" />
<img class="
picture__image" src="https://placehold.co/2400x4800" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
<div class="big-image__image-description-wrapper">
<h3 class="big-image__caption-headline">Imagedescription title</h3>
<p class="big-image__image-description-text">
1. Lorem ipsum dolor sit amet, consetetur dyfgds fg sdfg sdfg sdfg dsfg sdfg dsg sdfg dsfg dfs gdsfg dsfg ds sdfg sdg sdf sd sd g sg sadipscing elitr, sed fh fgh fh fgh fh fdh fh fh fdh fdh fdh fdhfdh fdh fdh fdh fdh dfh fdh dfh fdh dfh dfh dfh dfh fd dfh df diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<span class="big-image__image-description-copyright">©2018 imageworks</span>
</div>
</div>
<p>Far far away, <i>behind the word mountains</i>, far from the countries <a href="https://www.google.com" class="is-external" target="_blank">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in <a href="index.html" class="is-internal">Bookmarksgrove</a> right at the coast of the Semantics, a large language ocean. A small river named <strong>Duden</strong> flows by their place and supplies it with the necessary mail-adress <a href="mailto:test@test.de">test@test.de</a> or phonenumber <a href="tel:+498912345678">+49(0)8912345678</a>. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth. 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 <strong>Duden</strong> flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in <strong>which roasted parts</strong> of sentences fly into your mouth.</p>
<div class="c-accordion--default" data-css="c-accordion" data-js-module="accordion" role="tablist">
<div class="accordion__item">
<div class="accordion__header">
<a href="#test-1" class="accordion__btn" data-js-item="accordion-btn" role="tab" aria-controls="test-1">
<span class="accordion__btn-inner">Item 1</span>
</a>
</div>
<div class="accordion__content" id="test-1" data-js-item="accordion-content" role="tabpanel" aria-labelledby="test-1">
<div class="accordion__content-inner">
<p>Test Text mit Liste und Subliste</p>
<ul>
<li>Hier dann Punkt 1</li>
<li>Hier dann Punkt 2 mit SUB
<ul>
<li>Hier dann sub1</li>
<li>Hier dann sub2</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="accordion__item">
<div class="accordion__header">
<a href="#test-2" class="accordion__btn" data-js-item="accordion-btn" role="tab" aria-controls="test-2">
<span class="accordion__btn-inner">Item 2</span>
</a>
</div>
<div class="accordion__content" id="test-2" data-js-item="accordion-content" role="tabpanel" aria-labelledby="test-2">
<div class="accordion__content-inner">
<p>Test Text mit Liste und Subliste</p>
<ul>
<li>Hier dann Punkt 1</li>
<li>Hier dann Punkt 2 mit SUB
<ul>
<li>Hier dann sub1</li>
<li>Hier dann sub2</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-content-embeded--rte" data-css="c-content-embeded">
<script type="text/javascript" src="https://secure.fundraisingbox.com/app/paymentJS?hash=9simtqp9mssodq7a"></script><noscript>Bitte Javascript aktivieren</noscript><a target="_blank" href="https://www.fundraisingbox.com"><img border="0" style="border: 0 !important" src="https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png" alt="FundraisingBox Logo" /></a>
</div>
<div class="c-contact-module--rte" data-css="c-contact-module">
<article class="contact-module__container">
<h2 class="contact-module__article-headline">SM1 | Kontaktmodul für Studiengangsdetailseite</h2>
<div class="contact-module__contacts-and-picture-container">
<div class="contact-module__contacts-container">
<div class="contact-module__article-content-container">
<h3 class="contact-module__article-sub-headline">Haben Sie noch Fragen?</h3>
<p class="contact-module__article-paragraph">Dann kontaktieren Sie uns. Wir sind von Montag bis Freitag zwischen 8 - 12 Uhr und 13 - 18 Uhr für Sie telefonisch erreichbar.</p>
</div>
<footer>
<div class="contact-module__article-openhours-container">
<p class="contact-module__address is-title">Öffnungszeiten</p>
<p class="contact-module__address">Mo - Di: 12.00 - 16.00 Uhr, Do - Fr: 8.00 - 16.00 Uhr</p>
</div>
<address class="contact-module__address-and-links-container">
<div class="contact-module__address-and-route-link-container">
<p class="contact-module__address is-title">Ludwig-Maximilians-Universität München</p>
<p class="contact-module__address">Erdgeschoss, Raum B 038</p>
<p class="contact-module__address">Theresienstraße 39</p>
<p class="contact-module__address is-city">80333 München</p>
<a class="contact-module__contacts-links is-route" href="https://goo.gl/maps/t3mroQgQnjD2" target="_blank">
Wegbeschreibung
<span class="contact-module__route-on-print"> (https://goo.gl/maps/t3mroQgQnjD2)</span>
</a>
</div>
<div class="contact-module__phone-mail-links-container">
<a class="contact-module__contacts-links is-mail" href="mailto:XXXX@XXXX.XXX">
<span class="contact-module__mail-on-print">XXXX@XXXX.XXX</span>
<span class="contact-module__mail-on-device">E-Mail schreiben</span>
</a>
<a class="contact-module__contacts-links is-phone" href="tel:+498921804382">+ 49 (0)89 2180-4382</a>
<a class="contact-module__contacts-links is-external" href="http://www.zuendfunk.de">externer Link</a>
<a class="contact-module__contacts-links is-internal" href="http://www.zuendfunk.de">interner Link</a>
</div>
</address>
</footer>
</div>
<div class="contact-module__picture-container">
<figure class="c-figure--contact-module is-no-margin" data-css="c-figure" data-js-module="true">
<div class="figure__wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/1200x1200 1200w ,
https://placehold.co/600x600 600w " sizes="
(min-width: 1440px) 617px
, 50vw " media=" (min-width:1280px)" />
<source data-srcset="
https://placehold.co/600x300 600w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/2400x1200 2400w " sizes="
calc(100vw - ((100vw / 14) * 2)) " media=" (min-width:600px)" />
<source data-srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
calc(100vw - ((100vw / 14) * 2)) " media=" (max-width: 599px)" />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</figure>
</div>
</div>
</article>
</div>
<div class="c-contact-module--rte is-small" data-css="c-contact-module">
<article class="contact-module__container">
<h2 class="contact-module__article-headline">SM1 | Kontaktmodul S für Studiengangsdetailseite</h2>
<div class="contact-module__contacts-and-picture-container">
<div class="contact-module__contacts-container">
<footer>
<address class="contact-module__address-and-links-container">
<div class="contact-module__address-and-route-link-container">
<p class="contact-module__address is-title">Ludwig-Maximilians-Universität München</p>
<p class="contact-module__address">Erdgeschoss, Raum B 038</p>
<p class="contact-module__address">Theresienstraße 39</p>
<p class="contact-module__address is-city">80333 München</p>
<a class="contact-module__contacts-links is-route" href="https://goo.gl/maps/t3mroQgQnjD2" target="_blank">
Wegbeschreibung
<span class="contact-module__route-on-print"> (https://goo.gl/maps/t3mroQgQnjD2)</span>
</a>
</div>
<div class="contact-module__phone-mail-links-container">
<a class="contact-module__contacts-links is-mail" href="mailto:XXXX@XXXX.XXX">
<span class="contact-module__mail-on-print">XXXX@XXXX.XXX</span>
<span class="contact-module__mail-on-device">E-Mail schreiben</span>
</a>
<a class="contact-module__contacts-links is-phone" href="tel:+498921804382">+ 49 (0)89 2180-4382</a>
<a class="contact-module__contacts-links is-external" href="http://www.zuendfunk.de">externer Link</a>
<a class="contact-module__contacts-links is-internal" href="http://www.zuendfunk.de">interner Link</a>
</div>
</address>
</footer>
</div>
<div class="contact-module__picture-container">
<figure class="c-figure--contact-module is-no-margin" data-css="c-figure" data-js-module="true">
<div class="figure__wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/1200x600 1200w ,
https://placehold.co/2400x1200 2400w " sizes="
(min-width: 1440px) 617px
, 50vw " media=" (min-width:1280px)" />
<source data-srcset="
https://placehold.co/600x300 600w " sizes="
1px " media=" (max-width:1279px)" />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</figure>
</div>
</div>
</article>
</div>
<div class="c-tab-area--rte" data-css="c-tab-area" data-js-module="tab-area" data-js-item="js-tab-area-all">
<h2 class="tab-area__headline">Überschrift für Tabmodul</h2>
<div class="tab-area__desc">Inhalt wechseln</div>
<div class="tab-area__nav" role="tablist" aria-label="Tab-Navigation" data-js-item="js-tab-area-nav">
<button role="tab" aria-selected="true" aria-controls="panel-4" id="tab-4" class="tab-area__tab is-active" data-js-id="4" data-js-item="js-tab-area-tab">Tab 1</button>
<button role="tab" aria-selected="false" aria-controls="panel-5" id="tab-5" class="tab-area__tab" data-js-id="5" data-js-item="js-tab-area-tab">Tabulator 2</button>
<button role="tab" aria-selected="false" aria-controls="panel-6" id="tab-6" class="tab-area__tab" data-js-id="6" data-js-item="js-tab-area-tab">Tabulator 3</button>
</div>
<div class="tab-area__contentwrapper" data-js-item="js-tab-area-contentwrapper">
<div class="tab-area__content is-active" role="tabpanel" id="panel-4" aria-labelledby="tab-4" data-js-id="4" data-js-item="js-tab-area-content" aria-hidden="false">
<h2 class="tab-area__headline">Headline 1 mit etwas mehr Text um dann das Umbrechen zu testen</h2>
<figure class="c-figure--rte is-rte-embed is-right" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
tab-area__picture lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
33.33333vw
, (min-width: 1440px) 617px " media=" (min-width: 1024px)" />
<source data-srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width: 768px) 41.66667vw
, calc(100vw - ((100vw / 14) * 2)) " media=" (max-width: 1023px)" />
<img class="
picture__image lazyload" src="https://placehold.co/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
<button type="button" class="c-cta--image-zoom" aria-haspopup="true" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "image": { "src": "https://placehold.co/2000x1000", "altText": "Some alt text"}, "caption": {"captionHeadline": "Caption Headline", "captionContent": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."}, "metainfo": {"items": [{"text": "© imageworks"}]} }'>
Vergrößern
</button>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">Caption Headline</h3>
<p class="figure__caption-content">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</figcaption>
</figure>
<div class="tab-area__contentblock">
<p>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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse. 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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
<p>Hier dann nochmal Text mit viel Inhalt der dann etwas macht. danach soll eine Überschrift kommen.</p>
<h3>test H3 mit kleinerer Darstellung</h3>
<p><a href="#" class="is-external">test</a><b>dick</b><i>kursiv</i></p>
</div>
<h3 class="tab-area__linkheadline">Weitere Informationen</h3>
<ul class="tab-area__list">
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link">Unsere Studiengänge</a>
</li>
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link is-external">Unsere Stellenangebote</a>
</li>
<li class="tab-area__list-item">
<a href="mailto:test@test.de" class="tab-area__list-link is-mail">info@lmu.de</a>
</li>
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link">Unsere Studiengänge</a>
</li>
</ul>
</div>
<div class="tab-area__content" role="tabpanel" id="panel-5" aria-labelledby="tab-5" data-js-id="5" data-js-item="js-tab-area-content" aria-hidden="true">
<h2 class="tab-area__headline">Headline 2 mit etwas mehr Text</h2>
<div class="tab-area__contentblock">
<p>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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
<p>Hier dann nochmal Text mit viel Inhalt der dann etwas macht. danach soll eine Überschrift kommen.</p>
<h3>test H3 mit kleinerer Darstellung</h3>
<p><a href="#" class="is-external">test</a><b>dick</b><i>kursiv</i></p>
</div>
<h3 class="tab-area__linkheadline">Weitere Informationen</h3>
<ul class="tab-area__list">
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link">Unsere Studiengänge</a>
</li>
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link is-external">Unsere Stellenangebote</a>
</li>
<li class="tab-area__list-item">
<a href="mailto:test@test.de" class="tab-area__list-link is-mail">info@lmu.de</a>
</li>
<li class="tab-area__list-item">
<a href="#" class="tab-area__list-link">Unsere Studiengänge</a>
</li>
</ul>
</div>
<div class="tab-area__content" role="tabpanel" id="panel-6" aria-labelledby="tab-6" data-js-id="6" data-js-item="js-tab-area-content" aria-hidden="true">
<h2 class="tab-area__headline">Headline 3</h2>
<figure class="c-figure--rte is-rte-embed is-left" data-css="c-figure" data-js-module="overlay-handler">
<div class="figure__wrapper">
<picture class="c-picture--default
tab-area__picture lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
33.33333vw
, (min-width: 1440px) 617px " media=" (min-width: 1024px)" />
<source data-srcset="
https://placehold.co/600x400 600w ,
https://placehold.co/1200x800 1200w ,
https://placehold.co/2400x1600 2400w " sizes="
(min-width: 768px) 41.66667vw
, calc(100vw - ((100vw / 14) * 2)) " media=" (max-width: 1023px)" />
<img class="
picture__image lazyload" src="https://placehold.co/400x400" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
<button type="button" class="c-cta--image-zoom" aria-haspopup="true" aria-expanded="false" data-js-item="overlay-handler-cta" data-content='{ "image": { "src": "https://placehold.co/2000x1000", "altText": "Some alt text"}, "caption": {"captionHeadline": "Caption Headline", "captionContent": "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."}, "metainfo": {"items": [{"text": "© imageworks"}]} }'>
Vergrößern
</button>
</div>
<figcaption class="figure__caption">
<div class="figure__caption-inner">
<h3 class="figure__caption-headline">Caption Headline</h3>
<p class="figure__caption-content">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</figcaption>
</figure>
<div class="tab-area__contentblock">
<p>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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
<p>Hier dann nochmal Text mit viel Inhalt der dann etwas macht. danach soll eine Überschrift kommen.</p>
<h3>test H3 mit kleinerer Darstellung</h3>
<p><a href="#" class="is-external">test</a><b>dick</b><i>kursiv</i></p>
</div>
</div>
</div>
</div>
<div class="c-copartner--rte" data-css="c-copartner" data-js-module="copartner" data-js-options='{}'>
<h2 class="copartner-title">LMU Cooperation Partners</h2>
<div class="copartner-wrapper">
<div class="copartner-item-premium">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-vl"> </div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x600" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x100" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x200" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x200" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
</div>
</div>
<div class="c-workspace-news--rte" data-css="c-workspace-news" data-js-module="workspace-news" data-js-options='{}'>
<div class="workspace-news__container workspace-news__show-linkbutton">
<h2 class="workspace-news__main-headline">Deine Checkliste für's Studium</h2>
<p class="workspace-news__main-subline">Alle Termine und Meldungen auf einem Blick</p>
<div class="workspace-news__wrapper workspace-news__show-linkbuttonline">
<ul class="workspace-news__list">
<li class="workspace-news__listitem">
<div class="workspace-news__listitem-type">
<div class="workspace-news__listitem-type-icon is-event"></div>
</div>
<div class="workspace-news__listitem-content">
<div class="workspace-news__listitem-date">19.4.2018 - 21.4.2018</div>
<div class="workspace-news__listitem-info">
<div class="workspace-news__listitem-title">Stelle deinen Antrag auf Genehmigung des Studienplatztauschs zum Sommersemester 2018 bis zum 19.4.2018</div>
<div class="workspace-news__listitem-link"><a class="is-internal" href="#">zur Meldung</a></div>
</div>
</div>
</li>
<li class="workspace-news__listitem">
<div class="workspace-news__listitem-type">
<div class="workspace-news__listitem-type-icon is-news"></div>
</div>
<div class="workspace-news__listitem-content">
<div class="workspace-news__listitem-date">-</div>
<div class="workspace-news__listitem-info">
<div class="workspace-news__listitem-title">Änderung der Studienordnung zum Sommersemester 2018</div>
<div class="workspace-news__listitem-link"><a class="is-download" href="#">LMU Studienordnung 2018 <span class="downloadinfo">PDF / 1.1MB / nicht barrierefrei</span></a></div>
</div>
</div>
</li>
</ul>
</div>
<div class="c-link-button--default workspace-news__cta" data-css="c-link-button">
<a class="link-button__link" href="#">Alle Workspaces</a>
</div>
</div>
</div>
<div class="c-copartner--rte is-big" data-css="c-copartner" data-js-module="copartner" data-js-options='{}'>
<h2 class="copartner-title">LMU Cooperation Partners</h2>
<div class="copartner-wrapper">
<div class="copartner-item-premium">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-vl"> </div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x600" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x100" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x200" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x200" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
<div class="copartner-item">
<a href="#">
<img class="copartner-img" src="https://placehold.co/300x300" alt="test" title="copyright">
</a>
</div>
</div>
</div>
<script type="text/javascript">
var serverUrl = '/api/oap';
</script>
<script type="text/javascript">
serverUrl = '/assets/mocks/oap';
</script>
<script>
function vueopenaccessload() {
window.LmuOpenAccessPublications.init({
config: {
lmuId: '5AB287EF46B5B864',
subjectId: '05',
idType: 'lmuid',
fileType: '.json',
groupType: '',
language: 'de',
jsonExportContainer: 'JSON_EPUB_FSP',
serverUrl: serverUrl,
text: {
anchorHeadline: "Zum Dokumententyp springen"
},
showAnchorLinks: '1'
},
container: 'oap'
})
}
window.addEventListener('load', vueopenaccessload);
</script>
<div id="oap" class="c-open-access-publications--default" data-css="c-open-access-publications">
Loading...
</div>
<div class="rte_responsible">
Verantwortlich für den Inhalt der Seite: O.Pidu
</div>
<div class="c-teaser-double--rte" data-css="c-teaser-double" data-js-module="teaser-double">
<div class="teaser-double__wrapper">
<div class="teaser-double__image-section-wrapper">
<div class="teaser-double__image-section">
<figure class="c-figure--teaser-double" data-css="c-figure" data-js-module="true">
<div class="figure__wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/300x300 300w ,
https://placehold.co/600x600 600w ,
https://placehold.co/1200x1200 1200w " sizes="
(min-width: 1440px) 617px
, 50vw " media=" (min-width:767px)" />
<source data-srcset="
https://placehold.co/600x300 600w ,
https://placehold.co/1200x600 1200w ,
https://placehold.co/2400x1200 2400w " sizes="
calc(100vw - ((100vw / 14) * 2)) " media=" (max-width: 768px)" />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</figure>
</div>
</div>
<div class="teaser-double__text-section-wrapper">
<div class="teaser-double__text-section">
<h3 class="teaser-double__headline">
Welcome to our internationals
</h3>
<p class="teaser-double__text">Lorem Ipsum dolor sit amt dolor lirum sit amet dolores lorem Ipsum dolor sit amt dolor lirum sit amet dolores</p>
<a class="teaser-double__link" href="#">Weiterlesen</a>
</div>
</div>
<a href="#" class="teaser-double__a11y-clickarea" aria-hidden="true" tabindex="-1"></a>
</div>
</div>
<div class="c-teaser-double--rte" data-css="c-teaser-double" data-js-module="teaser-double">
<div class="teaser-double__wrapper">
<div class="teaser-double__image-section-wrapper">
<div class="teaser-double__image-section">
<figure class="c-figure--teaser-double" data-css="c-figure" data-js-module="true">
<div class="figure__wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " media=" (min-width:767px)" />
<source data-srcset="
https://placehold.co/400x225 400w ,
https://placehold.co/800x450 800w ,
https://placehold.co/1200x675 1200w ,
https://placehold.co/1600x900 1600w ,
https://placehold.co/2000x1125 2000w ,
https://placehold.co/2400x1350 2400w ,
https://placehold.co/2800x1575 2800w ,
https://placehold.co/3200x1800 3200w " media=" (max-width: 768px)" />
<img class="
picture__image lazyload" src="https://placehold.co/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
<span class="figure__play-icon"><span class="figure__play-text">Video abspielen</span></span>
</div>
</figure>
</div>
</div>
<div class="teaser-double__text-section-wrapper">
<div class="teaser-double__text-section">
<h3 class="teaser-double__headline">
Welcome to our internationals
</h3>
<p class="teaser-double__text">Lorem Ipsum dolor sit amt dolor lirum sit amet dolores lorem Ipsum dolor sit amt dolor lirum sit amet dolores</p>
<a class="teaser-double__link" href="#">Weiterlesen</a>
</div>
</div>
<a href="#" class="teaser-double__a11y-clickarea" aria-hidden="true" tabindex="-1"></a>
</div>
</div>
<div class="c-teaser-double--rte is-right" data-css="c-teaser-double" data-js-module="teaser-double">
<div class="teaser-double__wrapper">
<div class="teaser-double__image-section-wrapper">
<div class="teaser-double__image-section">
<figure class="c-figure--teaser-double" data-css="c-figure" data-js-module="true">
<div class="figure__wrapper">
<picture class="c-picture--animated-objects
lazyload" data-css="c-picture">
<source data-srcset="
https://placehold.co/400x400 400w ,
https://placehold.co/800x800 800w ,
https://placehold.co/1200x1200 1200w ,
https://placehold.co/1600x1600 1600w ,
https://placehold.co/2000x2000 2000w ,
https://placehold.co/2400x2400 2400w ,
https://placehold.co/2800x2800 2800w ,
https://placehold.co/3200x3200 3200w " media=" (min-width:767px)" />
<source data-srcset="
https://placehold.co/400x225 400w ,
https://placehold.co/800x450 800w ,
https://placehold.co/1200x675 1200w ,
https://placehold.co/1600x900 1600w ,
https://placehold.co/2000x1125 2000w ,
https://placehold.co/2400x1350 2400w ,
https://placehold.co/2800x1575 2800w ,
https://placehold.co/3200x1800 3200w " media=" (max-width: 768px)" />
<img class="
picture__image lazyload" src="https://placehold.co/40x23" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
</picture>
</div>
</figure>
</div>
</div>
<div class="teaser-double__text-section-wrapper">
<div class="teaser-double__text-section">
<h3 class="teaser-double__headline">
Welcome to our internationals
</h3>
<p class="teaser-double__text">Lorem Ipsum dolor sit amt dolor lirum sit amet dolores lorem Ipsum dolor sit amt dolor lirum sit amet dolores</p>
<a class="teaser-double__link" href="#">Weiterlesen</a>
</div>
</div>
<a href="#" class="teaser-double__a11y-clickarea" aria-hidden="true" tabindex="-1"></a>
</div>
</div>
</div>
</div>
</article>
