Markup: templates/output/10-fullpage/persons/fullpage-person-list.html
<!-- START VUE MAIN NAVIGATION-->
<div id="navigation">
<!-- START SKELETON LOADER-->
<header class="c-main-navigation-sticky">
<div class="c-main-navigation-sticky__container c-main-navigation-sticky__container--regular" aria-hidden="false" tabindex="0"><a class="c-main-navigation-sticky__logo-wrapper" href="/" title="Zur Startseite navigieren">
<div class="c-main-navigation-sticky__logo-signet-wrapper">
<svg class="c-main-navigation-sticky__logo-signet" aria-hidden="false" viewbox="0 0 160 80">
<use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-signet"></use>
</svg><span class="c-main-navigation-sticky__logo-signet-border"></span>
</div>
<div class="c-main-navigation-sticky__logo-text-wrapper">
<svg class="c-main-navigation-sticky__logo-text" aria-hidden="false" viewbox="0 0 280 80">
<use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-text"></use>
</svg>
<p class="c-main-navigation-sticky__logo-text-dynamic" aria-hidden="false"></p>
</div></a>
<div class="c-main-navigation-sticky__menu-wrapper">
<div class="c-main-navigation-sticky__actions">
<button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--breadcrumb" title="Open menu navigation"><span class="c-main-navigation-sticky__action-label">Menu</span>
<svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 24 24">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-burger"></use>
</svg>
</button>
<button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--search" title="Open search">
<!-- v-if-->
<svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-search"></use>
</svg>
</button>
</div>
</div>
</div>
</header>
<!-- END SKELETON LOADER-->
</div>
<!-- END VUE MAIN NAVIGATION-->
<div class="o-container">
<!-- START BREADCRUMB-->
<ul class="c-breadcrumb o-list-bare">
<!-- START HIDDEN ACCESSIBILITY BREADCRUMB ITEM-->
<li class="c-breadcrumb__item u-visually-hidden">Sie befinden sich auf der Seite **Seitentitel einfügen**</li>
<!-- END HIDDEN ACCESSIBILITY BREADCRUMB ITEM-->
<!-- START BREADCRUMB ITEM-->
<li class="c-breadcrumb__item"><a class="c-breadcrumb__link" href="#" title="Zur Startseite navigieren">
<svg class="c-breadcrumb__icon-home" viewBox="0 0 24 24.704" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-home"></use>
</svg>
<svg class="c-breadcrumb__icon-chevron" viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg></a>
</li>
<li class="c-breadcrumb__item"><a class="c-breadcrumb__link" href="#"><span class="c-breadcrumb__text">Kontakt</span>
<svg class="c-breadcrumb__icon-chevron" viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg></a>
</li>
<li class="c-breadcrumb__item"><span class="c-breadcrumb__text">Personen</span>
</li>
<!-- END BREADCRUMB ITEM-->
</ul>
<!-- END BREADCRUMB-->
<main class="o-container__content">
<div id="persons-app"></div>
<div class="frame-space-before-medium frame-space-after-large">
<div class="o-grid o-grid-3-7@desktop o-grid--gap-11@desktop-wide">
<div data-vue-portal="#vue-portal-sidebar">
<div class="c-search-filter u-hide--mobile-only">
<div class="c-search-filter__heading-wrapper">
<h2 class="c-search-filter__heading">Filter</h2>
<button class="c-search-filter__heading-link btn btn--reset o-flex-line o-flex-line--items-center">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg><span>Alle Filter löschen</span>
</button>
</div>
<ul class="c-search-filter__sections o-list-bare">
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Abschluss</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Abschluss aktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="section-filter-101" name="setion-filter-101"/>
<label for="section-filter-101"><span>Master</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-102" name="setion-filter-102"/>
<label for="section-filter-102"><span>Bachelor</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-103" name="setion-filter-103"/>
<label for="section-filter-103"><span>Berufsbegleitende Weiterbildung </span></label>
</li>
<li>
<input type="checkbox" id="section-filter-104" name="setion-filter-104"/>
<label for="section-filter-104"><span>Promotion</span></label>
</li>
</ul>
</li>
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Studientyp</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Studientyp aktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="section-filter-201" name="setion-filter-201"/>
<label for="section-filter-201"><span>Vollzeit</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-202" name="setion-filter-202"/>
<label for="section-filter-202"><span>Teilzeit</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-203" name="setion-filter-203"/>
<label for="section-filter-203"><span>berufsbegleitend</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-204" name="setion-filter-204"/>
<label for="section-filter-204"><span>dual</span></label>
</li>
</ul>
</li>
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Zulassung</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Zulassung aktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="section-filter-301" name="setion-filter-301"/>
<label for="section-filter-301"><span>mit Beschränkung</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-302" name="setion-filter-302"/>
<label for="section-filter-302"><span>ohne Beschränkung</span></label>
</li>
</ul>
</li>
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Studienbeginn</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Studienbeginn aktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="section-filter-401" name="setion-filter-401"/>
<label for="section-filter-401"><span>Wintersemester</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-402" name="setion-filter-402"/>
<label for="section-filter-402"><span>Sommersemester</span></label>
</li>
</ul>
</li>
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Studientyp</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Studientyp aktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="section-filter-501" name="setion-filter-501"/>
<label for="section-filter-501"><span>Angewandte Natur- und Kulturwissenschaften</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-502" name="setion-filter-502"/>
<label for="section-filter-502"><span>Architektur</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-503" name="setion-filter-503"/>
<label for="section-filter-503"><span>Bauingenieurwesen</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-504" name="setion-filter-504"/>
<label for="section-filter-504"><span>Betriebswirtschaft</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-505" name="setion-filter-505"/>
<label for="section-filter-505"><span>Elektro- und Informationstechnik</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-506" name="setion-filter-506"/>
<label for="section-filter-506"><span>Informatik und Mathematik</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-507" name="setion-filter-507"/>
<label for="section-filter-507"><span>Maschinenbau</span></label>
</li>
<li>
<input type="checkbox" id="section-filter-508" name="setion-filter-508"/>
<label for="section-filter-508"><span>Angewandte Sozial- und Gesundheitswissenschaften</span></label>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div>
<div class="u-mb-small u-mb-large@desktop">
<div class="o-flex-line o-flex-line--between o-flex-line--column o-flex-line--row@phablet o-flex-line--items-center@phablet">
<h1 class="u-mr-small">Personensuche</h1>
<div class="u-hide@desktop">
<button class="c-modal-trigger-search-filter" title="Filter öffnen" data-modal-trigger="#sidebar-filter" data-modal-manual-mode="true"><span>Filter</span>
<svg class="c-search-filter-icon" viewbox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-filter"></use>
</svg>
</button>
</div>
</div>
</div>
<p class="u-hide u-show@desktop">Die Ostbayerische Technische Hochschule bietet Ihnen in den Ausbildungsrichtungen Technik und Wirtschaft, Informatik und Mathematik, Soziales und Gesundheit sowie Architektur und Design zahlreiche Studiengänge an.</p>
<div class="frame-space-before-large frame-space-after-medium" data-vue-portal="#vue-portal-search">
<div class="u-floating-label u-floating-label--search">
<label class="u-visually-hidden" for="input-regular-8608">Suchbegriff</label>
<input class="forminput" id="input-regular-8608" type="search" placeholder="Suchbegriff eingeben"/>
</div>
</div>
<div class="frame-space-after-medium" data-vue-portal="#vue-portal-topics">
<ul class="o-list-bare o-flex-line u-flex-overflow@only-mobile">
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny btn--tag-active">Alle Themen</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Architektur und Bau</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Design und Medien</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Gesundheit und Soziales</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">IT und Technik</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Marketing und Kommunikation</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Pädagogik und Psychologie</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Personal und Recht</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Tourismus und Hospitality</button>
</li>
<li>
<button class="btn btn--tag u-mr-tiny u-mb-tiny">Wirtschaft und Management</button>
</li>
</ul>
</div>
<div class="o-flex-line o-flex-line--between frame-space-after-medium o-flex-line--items-center" data-vue-portal="#vue-portal-information-overview"><span>17 Personen gefunden</span>
<div>
<button class="btn btn--reset u-mr-tiny" title="Show course image" disabled="">
<svg class="c-search-filter-icon u-w-6 u-h-6" viewbox="0 0 36.001 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-picture"></use>
</svg>
</button>
<button class="btn btn--reset" title="Hide course image">
<svg class="c-search-filter-icon u-w-6 u-h-6" viewbox="0 0 36.034 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-nopicture"></use>
</svg>
</button>
</div>
</div>
<div data-vue-portal="#vue-portal-list">
<ul class="o-list-bare o-grid o-grid-1-1@tablet o-grid--gap-studycourse-list u-pattern--outbreak-left-small@desktop-wide u-pattern u-pattern--light-gap u-pattern--outbreak-right u-mt-none frame-space-after-medium">
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
<li>
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
</li>
</ul>
<div class="o-flex-line o-flex-line--end">
<button class="btn btn--secondary u-ml-auto">Mehr laden</button>
</div>
</div>
</div>
</div>
</div>
<div class="frame-space-after-large o-outbreak-left">
<!--START BANNER IMAGE
--><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet " href="#" title="Details anzeigen">
<div class="c-banner__image-wrap o-outbreak-fullwidth--mobile-only">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<div class="c-banner__text-wrap">
<h2 class="c-banner__headline">Infos für Erstsemester zum Studienstart</h2>
<p class="c-banner__text">Alle Informationen zum Start des Wintersemesters 22/23</p><span class="btn btn--secondary">Jetzt informieren</span>
</div></a>
<!--END BANNER IMAGE
-->
</div>
</main>
</div>
<footer class="c-pagefooter">
<div class="c-pagefooter__content-wrap o-container">
<div class="c-pagefooter__content">
<div class="c-pagefooter__content-inner o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
<!-- START PAGEFOOTER CONTACT-->
<div class="c-pagefooter__column c-pagefooter__contact">
<div class="c-pagefooter__line-text">Kontakt</div>
<p class="c-pagefooter__contact-claim">Ostbayerische Technische Hochschule Regensburg</p>
<div class="c-pagefooter__address-wrap o-grid o-grid-1-1@tablet">
<address>
<ul class="o-list-bare c-pagefooter__address">
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.021 38.021">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-white"></use>
</svg><a class="c-pagefooter__link" href="tel:+49094194302">+49 (0)941 / 943 - 02</a>
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.021 38.021">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-white"></use>
</svg><a class="c-pagefooter__link" href="mailto:poststelle@oth-regensburg.de">poststelle@oth-regensburg.de</a>
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg>Seybothstraße 2<br/>93053 Regensburg
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 36.717 36.96">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-write"></use>
</svg><a class="c-pagefooter__link" href="#">Kontaktformular</a>
</li>
</ul>
</address>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__contact-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Personenverzeichnis</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Standorte und Lagepläne</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Anreise</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Öffnungszeiten</a></li>
</ul>
</div>
</div>
<!-- END PAGEFOOTER CONTACT-->
<!-- START PAGEFOOTER SERVICE-->
<div class="c-pagefooter__column c-pagefooter__service">
<div class="c-pagefooter__line-text">Service</div>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__service-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Jobs und Karriere</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Presse</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">News</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Veranstaltungen</a></li>
</ul>
</div>
<!-- END PAGEFOOTER SERVICE-->
<!-- START PAGEFOOTER QUICKLINKS-->
<div class="c-pagefooter__column c-pagefooter__quicklinks">
<div class="c-pagefooter__line-text">Quicklinks</div>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__quicklinks-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Fakultäten</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Einrichtungen</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Studium</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Wirtschaft</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Forschung</a></li>
</ul>
</div>
<!-- END PAGEFOOTER QUICKLINKS-->
</div>
</div>
</div>
<div class="c-pagefooter-bottom">
<div class="o-container">
<div class="o-flex-line">
<!-- START PAGEFOOTER SOCIALMEDIA LINKS-->
<ul class="c-pagefooter-socialmedia-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Facebook">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M22.787 8.397a10.947 10.947 0 0 0-2.975-.4c-3.059 0-4.391 1.416-4.391 4.278v1.926h-2.209v2.751h2.21V28h3.456V16.952h3.314l.2-2.748h-3.514v-1.728c0-1.048.2-1.643 1.558-1.643a10.141 10.141 0 0 1 1.983.227z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Instagram">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--instagram" fill="currentcolor" d="M 13.5,7 C 9.9162419,7 7,9.9162419 7,13.5 v 9 c 0,3.583758 2.9162419,6.5 6.5,6.5 h 9 c 3.583758,0 6.5,-2.916242 6.5,-6.5 v -9 C 29,9.9162419 26.083758,7 22.5,7 Z m 0,1 h 9 c 3.043242,0 5.5,2.456758 5.5,5.5 v 9 c 0,3.043242 -2.456758,5.5 -5.5,5.5 h -9 C 10.456758,28 8,25.543242 8,22.5 v -9 C 8,10.456758 10.456758,8 13.5,8 Z M 24,11 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z m -6,1.5 c -3.031644,0 -5.5,2.468356 -5.5,5.5 0,3.031644 2.468356,5.5 5.5,5.5 3.031644,0 5.5,-2.468356 5.5,-5.5 0,-3.031644 -2.468356,-5.5 -5.5,-5.5 z m 0,1 c 2.491203,0 4.5,2.008797 4.5,4.5 0,2.491203 -2.008797,4.5 -4.5,4.5 -2.491203,0 -4.5,-2.008797 -4.5,-4.5 0,-2.491203 2.008797,-4.5 4.5,-4.5 z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg YouTube">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--youtube" fill="currentcolor" d="M18 10s-6.254 0-7.814.418a2.503 2.503 0 0 0-1.768 1.768C8 13.746 8 18 8 18s0 4.254.418 5.814c.23.861.908 1.538 1.768 1.768C11.746 26 18 26 18 26s6.254 0 7.814-.418a2.505 2.505 0 0 0 1.768-1.768C28 22.254 28 18 28 18s0-4.254-.418-5.814a2.505 2.505 0 0 0-1.768-1.768C24.254 10 18 10 18 10Zm0 2c2.882 0 6.49.134 7.297.35a.508.508 0 0 1 .353.353c.241.898.35 3.639.35 5.297s-.109 4.398-.35 5.297a.508.508 0 0 1-.353.353c-.805.216-4.415.35-7.297.35-2.881 0-6.49-.134-7.297-.35a.508.508 0 0 1-.353-.353C10.109 22.399 10 19.658 10 18s.109-4.399.35-5.299a.505.505 0 0 1 .353-.351c.805-.216 4.415-.35 7.297-.35Zm-2 2.535v6.93L22 18Z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Twitter">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M26.965 12.742a7.5 7.5 0 0 1-2.119.581 3.718 3.718 0 0 0 1.622-2.042 7.622 7.622 0 0 1-2.345.888 3.689 3.689 0 0 0-6.383 2.519 3.776 3.776 0 0 0 .1.843 10.451 10.451 0 0 1-7.61-3.845 3.616 3.616 0 0 0-.5 1.856 3.69 3.69 0 0 0 1.641 3.072 3.678 3.678 0 0 1-1.671-.462v.046a3.692 3.692 0 0 0 2.959 3.62 3.724 3.724 0 0 1-1.659.064 3.7 3.7 0 0 0 3.453 2.563 7.4 7.4 0 0 1-4.576 1.578 7.832 7.832 0 0 1-.877-.05 10.5 10.5 0 0 0 5.668 1.658 10.423 10.423 0 0 0 10.498-10.49c0-.157 0-.315-.011-.472A7.452 7.452 0 0 0 27 12.757l-.035-.015z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg LinkedIn">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M14.018 28.419h-2.99v-9.627h2.99zm-1.497-10.94a1.74 1.74 0 1 1 1.732-1.748 1.746 1.746 0 0 1-1.732 1.748zm12.685 10.94h-2.983v-4.686c0-1.117-.023-2.549-1.554-2.549-1.554 0-1.792 1.213-1.792 2.469v4.766H15.89v-9.627h2.868v1.313h.042a3.141 3.141 0 0 1 2.829-1.555c3.026 0 3.582 1.992 3.582 4.58v5.289z"/>
</svg>
</div></a></li>
</ul>
<!-- END PAGEFOOTER SOCIALMEDIA LINKS-->
<!-- START PAGEFOOTER IMPORTANT LINKS-->
<ul class="c-pagefooter-important-links-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Impressum</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Datenschutz</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Barrierefreiheit</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Leichte Sprache</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Weiterer Footermenüpunkt</a></li>
</ul>
<!-- END PAGEFOOTER IMPORTANT LINKS-->
</div>
</div>
</div>
<!-- START PAGEFOOTER PARTNER LOGOS-->
<div class="c-pagefooter-partner">
<div class="c-pagefooter-partner__content-wrap">
<div class="o-container">
<div class="o-flex-line c-pagefooter-partner__content"><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-1.png" alt="Partnerlogo 1" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-2.png" alt="Partnerlogo 2" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-3.png" alt="Partnerlogo 3" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-4.png" alt="Partnerlogo 4" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-5.png" alt="Partnerlogo 5" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-6.png" alt="Partnerlogo 6" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-7.png" alt="Partnerlogo 7" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-8.png" alt="Partnerlogo 8" height="80" width="160"/></a>
</div>
</div>
</div>
</div>
<!-- END PAGEFOOTER PARTNER LOGOS-->
</footer>
<ul class="c-quick-action-toolbar o-list-bare">
<li class="c-quick-action-toolbar__item c-quick-action-toolbar__item--button">
<button class="c-quick-action-toolbar__button" title="Zurück zum Seitenanfang" data-scroll-to-top="">
<svg class="c-quick-action-toolbar__icon" viewBox="0 0 36 36.013" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-up"></use>
</svg>
</button>
</li>
</ul>
<script>
window.in2cookiemodalConfiguration = {
matomoSiteId: 1,
};
</script>
Source:
assets/sass/_fullpage.scss, line 145